@charset "UTF-8";
.page-content-type1{background-color: #f3f9fc}
.page-type1{max-width: 1400px; margin:0 auto; padding:0 2rem;}
.content-bottom{padding-bottom:15rem;}
.top-line{border-top:1px solid #32547c;}

/*헤더*/
.toggle-wrap{ position: relative; z-index: 70; width: 100%; background: #f4f5fa; padding:0.7rem 0}
.toggle-wrap .toggle-head{max-width:1400px; padding: 0 20px;  margin: 0 auto;}
.toggle-wrap .toggle-head .nuri-txt{display: flex; align-items: center; color:#444; font-size: 1.5rem; font-weight: 300;}
.toggle-wrap .toggle-head .nuri-txt img{padding:0 1rem 0 0.7rem}

header{position: fixed; top: 0; left: 0; width: 100%; z-index: 10; transition: 0.2s; background: #fff;}
header.active { transition: 0.2s; }
.toggle-wrap {max-height: var(--toggle-h, 32px);overflow: hidden;transition: max-height 0.2s ease, opacity 0.2s ease;}
header.hide .toggle-wrap {max-height: 0;opacity: 0;padding:0;}
.header-container{display: flex; align-items: center; justify-content: space-between; padding:16px 20px; max-width:1400px; margin: 0 auto}
.m-menu-open{display: none;}
.link-menu {display: flex; align-items: center;}
.link-menu .link-type1{display: flex;}
.link-menu .link-type2{display: flex;}
.link-menu .link-type2 li a{width:33px; height:33px; display: block; transition: 0.1s}
.link-menu .link-type2 li:first-child a{ background: url('/common/images/user/btn/btn_util_icon1_off.png')no-repeat center; background-size:100%}
.link-menu .link-type2 li:nth-child(2) a{background: url('/common/images/user/btn/btn_util_icon2_off.png')no-repeat center; background-size:100%}
.link-menu .link-type2 li:nth-child(3) a{background: url('/common/images/user/btn/btn_util_icon3_off.png')no-repeat center; background-size:100%}
.link-menu .link-type2 li:nth-child(4) a{background: url('/common/images/user/btn/btn_util_icon4_off.png')no-repeat center; background-size:100%}
.link-menu .link-type2 li:hover:first-child a{ background: url('/common/images/user/btn/btn_util_icon1_on.png')no-repeat center; background-size:100%}
.link-menu .link-type2 li:hover:nth-child(2) a{background: url('/common/images/user/btn/btn_util_icon2_on.png')no-repeat center; background-size:100%}
.link-menu .link-type2 li:hover:nth-child(3) a{background: url('/common/images/user/btn/btn_util_icon3_on.png')no-repeat center; background-size:100%}
.link-menu .link-type2 li:hover:nth-child(4) a{background: url('/common/images/user/btn/btn_util_icon4_on.png')no-repeat center; background-size:100%}

.link-menu .link-type1 li a{color:#444; font-size: 1.5rem;}
.link-menu .link-type1 li{padding:0 1.3rem; position: relative;}
.link-menu .link-type1 li::after{width:1px; height:16px; content: ''; display: inline-block; vertical-align: middle; background: #cdd1d5; position: absolute; right: 0; top: 4px;}
.link-menu .link-type1 li:last-child::after{display: none;}
.link-menu .link-type1 li span{background: #eef2f7; padding:3px 8px; border-radius:5px}
.link-menu .link-type2 li{padding-left:9px}

.m-header{display: none;}
.pc-header{border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.pc-header .gnb{max-width:1400px; padding: 0 20px;  margin: 0 auto}
.pc-header .gnb-area{ display: flex;align-items: flex-start; justify-content: flex-start; flex-direction: row; gap: 20px;}
.pc-header .gnb .gnb-area > li > a{color:#222; font-weight: 600; font-size: 1.9rem; padding:20px 16px; display: block; position: relative;}
.pc-header .gnb .gnb-area > li > a::after{width:13px; height:7px; margin-left:11px; content: ''; display: inline-block; vertical-align: middle; background: url('/common/images/user/ico/ico_menu_off.png')no-repeat center; background-size:100%;   transition:0.2s;  transform: rotate(0deg);}
.pc-header .gnb .gnb-area > li > a.on::after{transform: rotate(-180deg);}
.pc-header .gnb .gnb-area > li > a.on{background: #f4f5fa;; position: relative;}
.pc-header .gnb .gnb-area > li > a::before{position: absolute;bottom: 0; left: 50%; width: 0; height:4px; transition:0.3s; content: ''; background-color: #063a74;}
.pc-header .gnb .gnb-area > li > a.on::before{left: 0; width: 100%;}
.pc-header .gnb .gnb-area .draw-title{padding:3rem 0.5rem 4.5rem 0}.pc-header .gnb .gnb-area .draw-title h2{color:#222; font-size: 2.4rem; font-weight: 700;}
.pc-header .gnb .gnb-area .depth2{display: grid;    grid-template-columns: repeat(3, 1fr); padding:0 1rem}
.pc-header .gnb .gnb-area .depth2 li{position: relative; margin-bottom:2.5rem; padding-left:12px}
.pc-header .gnb .gnb-area .depth2 li::after{width:4px; height: 4px; content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #222; border-radius: 100%;}
.pc-header .gnb .gnb-area .depth2 li a{color:#222; font-size: 1.7rem;}

.gnb-draw-area{position: absolute; top: 100%; left: 0; display: none; width: 100%; background-color: #fff; overflow-y: auto;}
.gnb-draw{ position: relative;max-width: 1400px; padding:0 2rem; margin: 0 auto;}
.gnb-backdrop{ position: fixed; top: 0; right: 0;width: 100%;height: 100%; z-index: 5;opacity: 0; visibility: hidden;  background-color: rgba(0, 0, 0, 0.8);    transition: opacity 0.3s ease, visibility 0.3s ease;}
.gnb-backdrop.active { opacity: 1; visibility: visible;}
.page-wrap{padding-top:17.3rem}

/*nav*/
.breadcrumb{max-width:1400px; padding: 2.5rem 2rem;  margin: 0 auto}
.breadcrumb ul{display: flex; align-items: center;}
.breadcrumb ul li{padding:0 2rem; position: relative;}
.breadcrumb ul li:after{width:8px; height:13px; content:''; background:url(/common/images/user/ico/ico_nav.png)no-repeat center; background-size:100%; position: absolute; top:50%; right:-4px; transform: translateY(-50%);}
.breadcrumb ul li:last-child:after{display: none;}
.breadcrumb ul li:first-child{padding-left: 0;}
.breadcrumb ul li:last-child{padding-right: 0;}
.breadcrumb ul li a, .breadcrumb ul li span{font-size:1.5rem; color:#444;}
.breadcrumb ul li a img{display: inline-block; margin-right:0.5rem;}

/*서브 타이틀*/
.page-tit-area{max-width:1400px; padding: 4.5rem 2rem;  margin: 0 auto}
.page-tit-area h2{font-size:5.6rem; font-family: 'SUITE Variable'; font-weight:700;}
.page-tit-area.type1 h2{background: linear-gradient( 90deg, #389275 0%, #1867a2 10% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.page-tit-area p{font-size:2.2rem; margin-top:3rem; color:#222;}

/*board list*/
.board-list-section{max-width:1400px; padding: 0 2rem;  margin: 3rem auto 0;}
.board-list-type1{display:flex; flex-direction: column; gap:0.8rem;}
.board-list-type1 li a{padding:2.5rem 3.5rem 2.5rem 5.5rem; border:1px solid #ddd; border-radius: 15px; background:#fff; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);}
.board-list-type1 li a:hover{border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #8fe6ff 0%, #0ab17c 100%) border-box;}
.board-list-type1 li a div{display:flex; align-items:center; justify-content: space-between;}
.board-list-type1 li a div.label-l{flex:1;}
.board-list-type1 li a .label-l strong{font-size:2rem; width:90px; font-weight:600; position: relative;}
.board-list-type1 li a .label-l strong:after{width:16px; height:8px; content:''; position: absolute; top:50%; left:-56px; transform: translateY(-50%); border-top-right-radius: 5px; border-bottom-right-radius:5px;}
.board-list-type1 li a .label-l strong.type1{color:#01857b}
.board-list-type1 li a .label-l strong.type1:after{background: linear-gradient( 90deg, #018661 0%, #009999 60% );}
.board-list-type1 li a .label-l strong.type2{color:#1562a7}
.board-list-type1 li a .label-l strong.type2:after{background: linear-gradient( 90deg, #40539b 0%, #0084a1 60% );}
.board-list-type1 li a .label-l .subject{flex:1}
.board-list-type1 li a .label-l .subject p{font-size:2rem; color:#333; font-weight:600}
.board-list-type1 li a div.label-r{width:150px;}
.board-list-type1 li a div.label-r p{font-size:1.7rem; color:#666;}
.board-list-type1 li a:hover .subject p{color:#000;}
.board-list-type1 li a:hover div.label-r p{color:#000;}

/*board list - 언론보도*/
.board-list-type1.media li a div{flex-direction: column; align-items: flex-start; gap:1rem;}
.board-list-type1.media li a .label-l strong{width: 100%;}

/*board list02*/
.board-list-type1 li a.type2{gap:3.5rem; position:relative}
.board-list-type1 li a.type2:after{width:16px; height:8px; background:#01857b;  content:''; position: absolute; top:35px; left:0; transform: translateY(-50%); border-top-right-radius: 5px; border-bottom-right-radius:5px;}
.board-list-type1 li a.type2 div.type2{flex-direction: column; align-items: flex-start; flex:1;}
.board-list-type1 li a.type2 div.type2 strong{font-size:2.2rem; color:#333; font-weight:600; display:inline; font-weight:600}
.board-list-type1 li a.type2:hover div.type2 strong{color:#000;}
.board-list-type1 li a.type2 div.type2 strong img{display:inline; margin-left:1rem;}
.board-list-type1 li a.type2 div.type2 p{font-size:1.8rem; margin-top:1.5rem; line-height:2.8rem; color:#555; display: -webkit-box; -webkit-line-clamp: 2; /* 2줄 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.board-list-type1 li a.type2:hover div.type2 p{color:#000;}
.board-list-type1 li a.type2 div.type2 span{font-size:1.5rem; margin-top:1rem; color:#666; font-weight:400}
.board-list-type1 li a.type2:hover div.type2 span{color:#000;}
.board-list-type1 li a.type2 div.type2-img{width:200px; border-radius:10px; overflow: hidden; position: relative; padding-top:12.5rem;}
.board-list-type1 li a.type2 div.type2-img img{max-width:100%; max-height:100%; object-fit: cover; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

/*board list03*/
.board-list-type3{display: grid; grid-template-columns: repeat(3 , 1fr); gap:2.5rem;}
.board-list-type3 li{border:1px solid #ddd; border-radius: 25px; overflow: hidden; box-sizing: border-box;}
.board-list-type3 li a img{width:100%; display: block;}

/*view*/
.view-type1{margin-top:2.5rem; padding:5rem 6rem; background:#fff; border:1px solid #ddd; border-radius: 15px;}
.view-tit strong{font-size:3.2rem; color:#333; display:block; font-weight:600; position: relative;}
.view-tit strong:after{width:24px; height:8px; background:#01857b;  content:''; position: absolute; top:18px; left:-61px; transform: translateY(-50%); border-top-right-radius: 5px; border-bottom-right-radius:5px;}
.view-info{margin:1rem 0 4rem; display:flex; gap:4rem;}
.view-info li{display: flex; line-height:1;}
.view-info li p{font-size:1.6rem; padding-right:1.1rem; color:#6d7882; border-right:1px solid #ddd;}
.view-info li span{font-size:1.6rem; padding-left:1.1rem; color:#6d7882;}
.file{padding:2rem 3rem; background:#fafafa; border-top:1px solid #6d7882; display: flex; align-items: flex-start; gap:2.5rem;}
.file div{display:flex; align-items:center; gap:1rem;}
.file div p{font-size:1.6rem; color:#222;}
.file div span{font-size:1.6rem; color:#666; font-weight:400;}
.file ul{display:flex; flex-direction:column; gap:1.5rem; margin-top:-2px;}
.file ul li a{font-size:1.6rem; padding-right:4.5rem; color:#444; position:relative}
.file ul li a:after{width:26px; height:26px; background:url(/common/images/user/ico/ico_download.png)no-repeat center; background-size:100%; content:''; position: absolute; top:50%; right:0; transform: translateY(-50%); }
.file ul li a:hover{text-decoration: underline;}
.view-cont{padding-top:5rem; border-top:1px solid #ddd;}

.listbtn{margin-top:5rem; padding:0 3.5rem; display: flex; align-items: flex-start; justify-content: space-between;}
.listbtn .more{padding:1.5rem 3.5rem; background:#fff; border:1px solid #222; border-radius:30px;}
.listbtn .more:hover{background:linear-gradient( 90deg, #389275 0%, #1867a2 100% ); border:1px solid #fff;}
.listbtn .more:hover span{color:#fff;}
.listbtn .more span{font-size:2rem; padding-left:3rem; color:#000; position: relative; font-weight:600}
.listbtn .more span:after{width:14px; height:13px; content:''; background:url('/common/images/user/ico/ico_more.png')no-repeat center; background-size:100%; position:absolute; top:50%; left:0; transform: translateY(-50%);}
.listbtn .more:hover span:after{background:url('/common/images/user/ico/ico_more_hover.png')no-repeat center;}
.listbtn .btnbox{width:350px;}
.prevbtn span{font-size:2rem; padding-left:6.5rem; color:#000; position: relative; font-weight:600;}
.prevbtn span:after{width:48px; height:48px; content:''; background:url('/common/images/user/ico/ico_prev.png')no-repeat center; background-size:100%; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.prevbtn:hover span:after{background:url('/common/images/user/ico/ico_prev_hover.png')no-repeat center;}
.prevbtn p{font-size:1.6rem; margin-top:2rem; padding-left:6.5rem; color:#444; font-weight:300}
.prevbtn:hover p{color:#08315d}
.nextbtn{text-align: right;}
.nextbtn span{font-size:2rem; padding-right:6.5rem; color:#000; position: relative; font-weight:600}
.nextbtn span:after{width:48px; height:48px; content:''; background:url('/common/images/user/ico/ico_next.png')no-repeat center; background-size:100%; position: absolute; top:50%; right:0; transform: translateY(-50%);}
.nextbtn:hover span:after{background:url('/common/images/user/ico/ico_next_hover.png')no-repeat center;}
.nextbtn p{font-size:1.6rem; margin-top:2rem; padding-right:6.5rem; color:#444; font-weight:300}
.nextbtn:hover p{color:#08315d}

/*pagination*/
.pagenation{margin-top:5rem;}
.pagenation .paginate{display: flex; align-items: center; justify-content: center; gap:1rem;}
.pagenation .paginate li a{font-size:2rem; color:#555;}
.pagenation .paginate li.prev a, .pagenation .paginate li.next a{display: flex; align-items: center; gap:1rem;}
.pagenation .paginate li.prev{margin-right:1rem;}
.pagenation .paginate li.next{margin-left:1rem;}
.pagenation .paginate li.page-num a{width:50px; height:50px; display: flex; align-items: center; justify-content:center;}
.pagenation .paginate li.page-num.on a{color:#fff; background:linear-gradient( 90deg, #389275 0%, #1867a2 80% ); border-radius:10px;}

/*footer*/
#footer{padding:6rem 0 5rem;  background:#dae8f7; position: relative;}
#footer:after{width:100%; height:185px; background:url('/common/images/user/bg/footer.png')no-repeat center top; position: absolute; left:0; bottom:0; content:''; background-size:cover;}
.inner-footer{max-width: 1340px; margin: 0 auto; padding: 0 2rem; display: flex; align-items: flex-start; justify-content: space-between; z-index: 1; position: relative;}
.footer-logo img{width:193px;}
.foot-link{display: flex; align-items: center; gap:4.5rem; justify-content: end;}
.foot-link li a{font-size:1.9rem; font-weight:600; color:#333;}
.copyright{font-size:1.6rem; margin-top:7rem; color:#303c5c; font-weight:400; text-align:right}

/*popup*/
.layerPopup{position: fixed; top:0; left:0; width: 100%; height:100%; z-index: 100;}
.layerPopup .layerPopup-inner{padding:0 2rem; display: flex; align-items: center; justify-content: center; background:rgba(0, 0, 0, 0.2); width: 100%; height: 100%; box-sizing: border-box;}
.layerPopup-cont{background:#fff; max-width: 640px; max-height: calc(100vh - 4rem); display: flex; flex-direction: column;}
.layerPopup-cont .top{padding:5.5rem 4rem 3rem; background:#dde9f5; border-bottom:3px solid #324869; position: relative; flex-shrink: 0;}
.layerPopup-cont .top button{background:transparent; position: absolute; top:15px; right:15px;}
.layerPopup-cont .top strong{font-size:4rem; font-weight: 700; display: block;
background: linear-gradient( 90deg, #389275 0%, #1867a2 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.layerPopup-cont .bottom{padding:5rem 3rem 5rem 4rem; overflow-y: auto; min-height: 0;}
.popup-list{display: flex; flex-direction: column; gap:2rem;}
.popup-list li p{font-size:2.2rem; margin-bottom:1rem; color:#000; font-weight: 600;}
.popup-list li span{font-size:1.8rem; line-height:3.2rem; color:#222; font-weight:300; display: block;}



@media all and (max-width:991px){
    .page-wrap{padding-top:115px}

    /*nav*/
    .breadcrumb{display:none;}

    .pc-header{display: none;}
    .m-header{position: fixed; width: 100%;  top: 0; left: 0;  padding: 0;  height: 100%;  background: #fff;  z-index: 100; }
    .m-menu-open{display: block;}
    .header-container {border-bottom:1px solid #d8d8d8}
    .header-container .link-menu{display: none;}
    .m-menu-open .btn-navi{background: none; position: relative; color:#444; font-size:16px; font-weight:500; font-family: 'Pretendard GOV';}
    .m-menu-open .btn-navi::before{width: 31px; height: 21px; margin:0 auto 10px auto; display:block; content: ''; background: url(/common/images/user/btn/btn_menu_open.png)no-repeat center; background-size:100%;}
    .link-menu{display: block; padding:1.5rem 2rem}
    .link-menu .link-type2{justify-content: center; margin-top:2rem}
    .link-menu .link-type1 li button{background: none;}
    .link-menu .link-type1 li button img{width:25px;}
    .link-menu .link-type1 li:nth-child(3):after{display: none;}
    .link-menu .link-type1 li:last-child{margin-left:auto; padding-right:0}
    .link-menu .link-type1 li:first-child{padding-left:0}    
    .link-menu .link-type1 li:first-child::after{display: none;} /*링크 생기면 삭제*/
    .link-menu .link-type2 li a{width:42px; height:42px}
    .util-menu{border-bottom:1px solid #d8d8d8}
    .m-header .util-menu > ul > li{display: flex; align-items: center; }
    .m-header .gnb{position: fixed;  top: 122px; left: 0; width: 100%; height: calc(100dvh - 122px); overflow-y: auto; margin:0}
    .m-header .gnb-area{display: block; position: relative;  z-index: 1;}
    .m-header .gnb > .gnb-area > li{display: flex;}    
    .m-header .gnb > .gnb-area > li > a{width:160px; color:#444444; font-size: 2rem; font-weight: 700; padding:2.2rem 2rem; box-sizing: border-box; display: block;}
    .m-header .gnb > .gnb-area > li > a.on{color:#1a409c; background: #fff;}
    .m-header .gnb > .gnb-area > li > .depth2-wrap{width: calc(100% - 160px); position: absolute; top: 20px;  left: 160px; padding:0 15px; box-sizing: border-box; display: none;}
    .m-header .gnb > .gnb-area > li > .depth2-wrap strong{display:block; color:#444; font-size:2.3rem ; border-bottom:2px solid #d8d8d8; padding-bottom:2rem;}
    .m-header .gnb > .gnb-area > li > .depth2-wrap li a{color:#444444; font-size:2rem;  padding:15px 5px; display: block; }
    .m-header .gnb > .gnb-area > li > .depth2-wrap li a.on{color:#1a409c;background: #eef2f7; border-radius: 4px; }
    .m-header .gnb::after{width: 160px; height:calc(100vh - 122px); position: absolute; top: 0; left: 0; content: '';background: #eef2f7;}
    .nav-foot{background: #dae8f7; padding:3rem 0; position: fixed; width:100%; bottom:0}
    .nav-foot ul{display: flex; justify-content: center;}
    .nav-foot ul li{position: relative; padding-right:35px;}
    .nav-foot ul li a{color:#333; font-size:1.5rem; font-weight: 500;}
    .nav-foot ul li::after{width:1px; height:12px; content: ''; display: inline-block; vertical-align: middle; background: #cccccc; position: absolute; right: 17px; top: 6px;}
    .nav-foot ul li:last-child::after{display: none;}
    .nav-foot ul li:last-child{padding-right: 0;}

    /*board list*/
    .board-list-type1 li a{flex-direction: column; align-items: flex-start; gap:1.5rem;}
    .board-list-type1 li a div.label-l{flex-direction: column; align-items:flex-start; gap:1rem;}
    .board-list-type1 li a div.label-r{width:auto; gap:1rem;}

    /*board list02*/
    .board-list-type1 li a.type2 div.type2 p{-webkit-line-clamp:4;}
    .board-list-type1 li a.type2 div.type2-img{order:2; padding:0; width:100%; padding-top:33rem;}

    /*board list03*/
    .board-list-type3{grid-template-columns: repeat(1 , 1fr);}
    .board-list-type3 li{border-radius: 50px;}

    /*view*/
    .view-info li p{display:none;}
    .view-info li span{padding-left:0;}
    .view-info li:last-child span{display:none;}
    .file{flex-direction:column; gap:1rem;}
    .file ul{margin-top:0; margin-left:28px; gap:1rem;}
    .listbtn{flex-direction:column; align-items: center;}
    .listbtn .btnbox{width:100%; padding-bottom:3rem; margin-bottom:4rem; border-bottom:2px solid #dfe2e4;}
    .listbtn .prevbtn.btnbox{border-bottom:2px solid #aaa;}
    .nextbtn{order:1}
    .prevbtn{order:2}
    .more{order:3; }


    /*footer*/
    .foot-link{flex-direction: column; gap:3rem; align-items: flex-end;}


}





@media all and (max-width:767px){
    .page-wrap{padding-top:89px}

    .content-bottom{padding-bottom:12rem;}

    /*서브 타이틀*/
    .page-tit-area{padding: 5rem 2rem 3rem;}
    .page-tit-area h2{font-size:3.2rem;}
    .page-tit-area p{font-size:1.7rem; margin-top:2rem;}

    /*board list*/
    .board-list-section{margin:2rem auto 0;}
    .board-list-type1 li a{padding:2rem 3.5rem 2rem 4rem; border-radius: 10px;}
    .board-list-type1 li a .label-l strong{font-size:1.5rem;}
    .board-list-type1 li a .label-l .subject p{font-size:1.6rem;}
    .board-list-type1 li a div.label-r p{font-size:1.4rem;}
    .board-list-type1 li a .label-l strong:after{width:12px; height:6px; left:-41px}

    /*board list02*/
    .board-list-type1 li a.type2:after{width:12px; height:6px; top:30px;}
    .board-list-type1 li a.type2 div.type2-img{padding-top:16.5rem;}
    .board-list-type1 li a.type2 div.type2 strong{font-size:1.7rem;}
    .board-list-type1 li a.type2 div.type2 strong img{width:12px; margin-left:0.5rem;}
    .board-list-type1 li a.type2 div.type2 p{font-size:1.5rem; line-height:2.2rem;}
    .board-list-type1 li a.type2 div.type2 span{font-size:1.3rem;}

    /*board list03*/
    .board-list-type3{gap:2rem;}
    .board-list-type3 li{border-radius: 25px;}

    /*view*/
    .view-type1{margin-top:2rem; padding:3rem; border-radius:10px;}
    .view-tit strong{font-size:2.2rem; line-height:2.9rem;}
    .view-tit strong:after{width:18px; height:6px; top:14px; left:-31px;}
    .view-info li span{font-size:1.3rem;}
    .view-info{margin-top:3rem;}
    .file{padding:2rem 1.5rem;}
    .file div{gap:0.8rem}
    .file div img{width:12px;}
    .file div p{font-size:1.4rem;}
    .file ul{margin-left:2rem; gap:0.5rem;}
    .file ul li a{font-size:1.4rem; padding-right:3.5rem;}
    .file ul li a:after{width:22px; height:22px;}
    .view-cont{padding-top:3rem;}
    .listbtn {margin-top:3.5rem; padding:0;}
    .listbtn .btnbox{padding-bottom:2rem; margin-bottom:3rem; border-bottom:1px solid #dfe2e4}
    .listbtn .prevbtn.btnbox{border-bottom:1px solid #aaa}
    .nextbtn span{font-size:1.6rem; padding-right:5rem;}
    .nextbtn p{font-size:1.4rem; margin-top:1.5rem; padding-right:5rem;}
    .nextbtn span:after{width:36px; height:36px;}
    .nextbtn:hover span:after{width:36px; height:36px; background-size:100%;}
    .prevbtn span{font-size:1.6rem; padding-left:5rem;}
    .prevbtn p{font-size:1.4rem; margin-top:1.5rem; padding-left:5rem;}
    .prevbtn span:after{width:36px; height:36px;}
    .prevbtn:hover span:after{width:36px; height:36px; background-size:100%;}
    .listbtn .more{padding:1.1rem 2.7rem;}
    .listbtn .more span{font-size:1.5rem; padding-left:2rem;}
    .listbtn .more span:after{width:12px; height:11px;}
    .listbtn .more:hover span:after{width:12px; height:11px; background-size:100%}



    /*pagination*/
    .pagenation{margin-top:3rem;}
    .pagenation .paginate{gap:0.5rem;}
    .pagenation .paginate li a{font-size:1.6rem;}
    .pagenation .paginate li.prev a img, .pagenation .paginate li.next a img{width:8px}
    .pagenation .paginate li.page-num a{width:38px; height:38px;}
    .pagenation .paginate li.page-num.on a{border-radius:5px;}

    .m-header .gnb > .gnb-area > li > a{width:130px; font-size: 1.5rem;}
    .m-header .gnb > .gnb-area > li > .depth2-wrap{width: calc(100% - 130px); left:130px;}
    .m-header .gnb > .gnb-area > li > .depth2-wrap strong{font-size:1.7rem;}
    .m-header .gnb > .gnb-area > li > .depth2-wrap li a{font-size:1.5rem}
    .m-header .gnb::after{width:130px}
    .link-menu .link-type1 li a{font-size:1.4rem}
    .link-menu .link-type1 li button img{width:22px;}
    .link-menu .link-type2{margin-top:1.5rem}
    .m-header .gnb{top:114px;height: calc(100dvh - 114px);}

    .toggle-wrap .toggle-head .nuri-txt{font-size:1.2rem}
    .toggle-wrap .toggle-head .nuri-txt img{padding-left:0}
    .logo img{width:130px}
    .m-menu-open .btn-navi::before{width:15px; height:11px}
    .m-menu-open .btn-navi{font-size:1.4rem;}
    .header-container{padding:11px 20px}

    /*footer*/
    #footer{padding:4rem 0 2.5rem;}
    #footer:after{width:100%; height:100px; background:url('/common/images/user/bg/footer_m.png')no-repeat center top;}
    .footer-logo img{width:145px;}
    .foot-link{gap:1.5rem;}
    .foot-link li a{font-size:1.5rem;}
    .copyright{font-size:1.4rem; margin-top:5rem;}

    /*popup*/
    .layerPopup-cont .top{padding:2.5rem 2rem 2rem; border-bottom:2px solid #324869;}
    .layerPopup-cont .top button{top:10px; right:10px;}
    .layerPopup-cont .top button img{width:24px;}
    .layerPopup-cont .top strong{font-size:2.4rem;}
    .layerPopup-cont .bottom{padding:2rem;}
    .popup-list{gap:1.5rem;}
    .popup-list li p{font-size:1.8rem; margin-bottom:1rem;}
    .popup-list li span{font-size:1.5rem; line-height:2.4rem;}
    

}

@media all and (max-width:380px){

    /*pagination*/
    .pagenation .paginate{gap:0;}
    .pagenation .paginate li.prev{margin-right:0.5rem;}
    .pagenation .paginate li.next{margin-left:0.5rem;}
    .pagenation .paginate li.page-num a{width:30px; height:30px;}

}