/*기능팝업*/
.PZwindow { background:#333 !important; } 
.nomoreOpen form a.PZwindowClose { margin-top:7px !important; } 
/* 메인컨텐츠 sideA sideB */
.wrap-sub-body { max-width:1400px; margin: 35px auto; margin-bottom:100px; } 
.wrap-sub-body::after { content:''; clear:both; display:block; } 
.wrap-sub-body .sideA { float: left; width: 260px; margin-top: -180px; position: relative; } 
.wrap-sub-body .sideA .menuSubTitleUI { } 
.wrap-sub-body .sideA h2 { padding: 199px 0 15px 0; color: #002d56; text-align: center; letter-spacing: -0.02em; font-size: 28px; background: none; background-position: 0px 19px; letter-spacing: -2px; } 
.wrap-sub-body .sideA ul li > a { padding: 0 25px; border:1px solid #B7B7B7; border-top:0; display: block; font-family:'Noto Sans KR'; font-size:1.055rem; letter-spacing: -.05em; line-height: 63px; } 
.wrap-sub-body .sideA ul li > a:hover { background: linear-gradient(270deg, rgba(21,44,70,1) 50%, rgba(19,76,125,1)); color:#fff; border-color: #152c46; } 
.wrap-sub-body .sideA ul li > a._active { background: linear-gradient(270deg, rgba(21,44,70,1) 50%, rgba(19,76,125,1)); color:#fff; border-color: #B7B7B7; } 
.wrap-sub-body .sideB { width: calc(100% - 320px); float:right; } 
.wrap-sub-body .sideA .sub_div .ul_2 { border-top:1px solid #146e7a; } 
.wrap-sub-body .sideA .div_3 .ul_3 { background-color:#edede8; padding-bottom: 0px; } 
.wrap-sub-body .sideA .div_3 .li_3 a { border-bottom:1px dotted #ccc!important; font-size:0.95rem; line-height:33px; } 
.wrap-sub-body .sideA .div_3 .li_3 > a._active { background:rgba(0,0,0,.08); color:#002d56; border-color: #B7B7B7; font-weight:600; } 
.wrap-sub-body .sideA .div_3 .li_3 > a:hover { background:rgba(0,0,0,.08); color:#002d56; border-color: #B7B7B7; font-weight:600; } 
.wrap-sub-body .sideA .div_3 .ul_3 .li_3:after a { content: ''; position: absolute; left: 90px; top: 18px; width: 6px; height: 2px; background: red; } 
@media all and (max-width:1700px) {.wrap-sub-body { padding: 5px 20px; } 
 }
@media all and (max-width:1024px) {.wrap-sub-body { padding:0; } 
.wrap-sub-body .sideA { display:none; } 
.wrap-sub-body .sideB { width:100%; float:unset; padding:0 20px; } 
.wrap-sub-navi .sub-util > ul > li:last-child { display:none; } 
.wrap-sub-navi .sub-util > ul > li:nth-child(2) { padding: 0 0 0 20px; } 
.wrap-sub-navi .sub-util > ul > li:nth-child(2)::after { display:none; } 
 }
/*현재위치메뉴및기능*/
.wrap-sub-navi { position:relative; z-index:100; } 
.wrap-sub-navi .container { position:relative; max-width:1700px; height:0px; margin:0 auto; } 
.wrap-sub-navi .sub-navi { margin-top:65px; width: 100%; position: absolute; } 
.wrap-sub-navi .sub-navi > ul::after { content:''; clear:both; display: block; } 
.wrap-sub-navi .sub-navi > ul > li { position:relative; float:left; background:url('../../images/common/naviArr.png') no-repeat left center; padding: 0 0 0 35px; } 
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button { display:block; color:#000; font-size:16px; height:50px; line-height:50px; } 
.wrap-sub-navi .sub-navi > ul > li > .inner { margin-right:20px; } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button { font-family:'Noto Sans KR'; position:relative; width:100%; text-align:left; padding:0 50px 0 0; background:url('../../images/common/ic_navi.png') no-repeat; background-position: right 0px center; } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover { transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); color:#002E66; background: url('../../images/common/ic_navi_on.png') no-repeat right 0px center; } 
.wrap-sub-navi .sub-navi .home { background-image:none; padding:0px; min-width:auto; } 
.wrap-sub-navi .sub-navi .home a { width:30px; } 
.wrap-sub-navi .sub-navi .home a span { text-indent:-9999px; display: block; position: absolute; top: 0%; } 
.wrap-sub-navi .sub-navi .navUl { overflow:hidden; max-height:0px; opacity:0; position:absolute; top:31px; border:1px solid #fff; width: calc( 100% - 30px ); margin:15px 0 0 0; z-index: -1; } 
.wrap-sub-navi .sub-navi .navUl.on { overflow:hidden; max-height:300px; overflow-y:auto; opacity:1; background:#fff; border:1px solid #3e454c; border-top: 1px solid #152C46; padding:5px 0; width:185px; position:absolute; } 
.wrap-sub-navi .sub-navi .navUl a { display:block; padding:10px 15px; color:#333; word-break: keep-all; font-size:16px; line-height:1.2; font-family:'Noto Sans KR'; } 
.wrap-sub-navi .sub-navi .navUl a:hover { background:#d9e0e8; } 
.wrap-sub-navi { padding: 0; /* display: none; */ } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button.on { background: url('../../images/common/ic_navi_on.png') no-repeat right 0px center; color:#002E66; } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover::after { content:''; position:absolute; width:100%; height: 0px; background-color:#002E66; left: 0; bottom: 0; } 
.wrap-sub-navi .sub-util { /* position:absolute; *//* right:0px; *//* top:20px; */ } 
.wrap-sub-navi .sub-util > ul > li { position: relative; float:left; position:relative; padding: 0 12px; } 
.wrap-sub-navi .sub-util > ul > li:after { content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 13px; background: #a3a3a3; } 
.wrap-sub-navi .sub-util > ul > li:last-child { padding-right: 0; } 
.wrap-sub-navi .sub-util > ul > li:last-child:after { display: none; } 
.wrap-sub-navi .sub-util > ul > li > button { font-family: 'Noto Sans KR'; font-size: 15px; color: #000; text-indent: -9999px; width:31px; height: 27px; } 
@media all and (max-width: 1400px){
 .wrap-sub-navi .sub-util { right: 20px; } 
 }
@media all and (max-width: 1024px) {/* .wrap-sub-navi .sub-util { display:none; } */
.wrap-sub-navi .sub-util { right:0; } 
 .wrap-sub-navi .sub-navi { display:none; } 
 }
@media all and (max-width:690px) {.wrap-sub-navi .sub-util { display:none; } 
}
@media all and (max-width:550px) {.wrap-sub-navi .sub-navi > ul > li { padding: 0 0 0 25px; } 
.wrap-sub-navi .sub-navi > ul > li > .inner > button { padding: 0 40px 0 0; } 
 }
.wrap-sub-navi .sub-print { padding-left: 30px; background: url('../../images/common/ic_print.png') no-repeat center center; } 
.wrap-sub-navi .sub-share { padding-left: 25px; background: url('../../images/common/ic_share.png') no-repeat center center; } 
.wrap-sub-navi .sub-favo { padding-left: 30px; background: url('../../images/common/ic_bookmark.png') no-repeat center center; } 
.wrap-sub-navi .sub-print:hover { background: url('../../images/common/ic_print_on.png') no-repeat center center; } 
.wrap-sub-navi .sub-share:hover { background: url('../../images/common/ic_share_on.png') no-repeat center center; } 
.wrap-sub-navi .sub-favo:hover { background: url('../../images/common/ic_bookmark_on.png') no-repeat center center; } 
.wrap-sub-navi .sub-share.on { background: url('../../images/common/ic_share_over.png') no-repeat center center; } 
.wrap-sub-navi .sub-favo.on { background: url('../../images/common/ic_bookmark_over.png') no-repeat center center; } 
.wrap-sub-navi .box-sub-favo { opacity:0; overflow:hidden; max-height:0px; position:absolute; border:1px solid #cacaca; right:0; top:44px; width:260px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-sub-navi .box-sub-favo.on { opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-sub-navi .box-sub-favo > strong { display:block; font-family:'Noto Sans KR'; font-size:18px; padding:11px 20px; border-bottom:1px solid #d6d6d6; color: #2a2a2a; } 
.wrap-sub-navi .box-sub-favo ul li { padding:8px 20px; } 
.wrap-sub-navi .box-sub-favo ul li:hover { background:#d9e0e8; } 
.wrap-sub-navi .box-sub-favo ul li a { position: relative; color: #000; font-size: 16px; } 
.wrap-sub-navi .box-sub-favo ul li a span { display:none; } 
.wrap-sub-navi .box-sub-favo .close { text-indent:-9999px; position:absolute; right:0px; top:0px; width:40px; height:50px; background:url('../../images/common/btn-favo-close.png') no-repeat center center; } 
.wrap-sub-navi .box-sub-favo .close:hover { transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-sub-navi .box-sub-favo .del { width:17px; height:17px; margin:0 0 0 10px; background:url('../../images/common/btn-favo-del.png') no-repeat center center; text-indent:-9999px; } 
.wrap-sub-navi .box-sub-favo .control { text-align:center; } 
.wrap-sub-navi .box-sub-favo .control button { display:inline-block; } 
.wrap-sub-navi .box-sub-favo .control button.add { background: #36aeae url('../../images/common/btn-favo-add.png') no-repeat 83% center; margin-top: 11px; padding: 5px 35px 5px 15px; font-size: 14px; color: #FFF; } 
.wrap-sub-navi .box-sub-favo .control button.reset { background: #fff; margin:10px; padding: 9px 20px; border-radius: 5px; border: 1px solid #50555d; font-family: 'Noto Sans KR'; font-size: 14px; color: #50555d; } 
.wrap-sub-navi .box-sub-favo .control.list.on { padding: 15px 0; border-top: 1px solid #d6d6d6; } 
.wrap-sub-navi .box-sub-favo #favoriteList { border-top: 1px solid #cdcdcd; } 
.wrap-sub-navi .box-sub-favo .guide { padding: 15px 0 20px 0; background: #f0f0f0; text-align: center; } 
.wrap-sub-navi .box-sub-favo .guide #favoriteTitle { font-size: 14px; color: #565656; } 
.wrap-sub-navi .box-sub-share { opacity:0; overflow:hidden; max-height:0px; position:absolute; padding: 20px; right:10000px; top:44px; background: #fff; width:340px; border: 1px solid #cecece; transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-sub-navi .box-sub-share.on { opacity:1; max-height:1000px; transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); right:0; } 
.wrap-sub-navi .box-sub-share .close { text-indent: -9999px; position: absolute; right: 0px; top: 0px; width: 40px; height: 50px; background: url('../../images/common/btn-favo-close.png') no-repeat center center; } 
.wrap-sub-navi .box-sub-share .close:hover { transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1); } 
.wrap-sub-navi .box-sub-share .send { margin-bottom: 15px; } 
.wrap-sub-navi .box-sub-share .send strong { display: inline-block; width: 60px; vertical-align: middle; font-size: 16px; color: #2a2a2a; } 
.wrap-sub-navi .box-sub-share .send ul { display: inline-block; vertical-align: middle; } 
.wrap-sub-navi .box-sub-share .send li { float: left; margin-right: 5px; } 
.wrap-sub-navi .box-sub-share .send li button { width: 25px; height: 25px; background: url('../../images/common/ico-sub-share.png') no-repeat; text-indent: -9999px; } 
.wrap-sub-navi .box-sub-share .send li .fb { background-position: 0 0; } 
.wrap-sub-navi .box-sub-share .send li .tw { background-position: -25px 0; } 
.wrap-sub-navi .box-sub-share .send li .ks { background-position: -50px 0; } 
.wrap-sub-navi .box-sub-share .send li .pn { background-position: -75px 0; } 
.wrap-sub-navi .box-sub-share .send li .na { background-position: -100px 0; } 
.wrap-sub-navi .box-sub-share .send li .is { background-position: -125px 0; } 
.wrap-sub-navi .box-sub-share .copy strong { display: inline-block; width: 60px; vertical-align: middle; font-size: 16px; color: #2a2a2a; } 
.wrap-sub-navi .box-sub-share .copy input { width: 170px; height: 35px; border: 1px solid #cecece; line-height: 35px; text-indent: 10px; font-size: 14px; color: #666; } 
.wrap-sub-navi .box-sub-share .copy button { width: 60px; height: 35px; line-height: 35px; text-align: center; background: #5d5d5d; font-size: 14px; color: #fff; } 
@media all and (max-width:1600px) {.wrap-sub-navi .container { margin:0 auto; } 
 }
@media all and (max-width:1024px) { /* .wrap-sub-navi { display:none; } */}
@media all and (max-width: 768px) {/* .wrap-sub-navi { display:none; } */}
/*컨텐츠*/
.wrap-contents .container { position:relative; margin: 0 auto 70px auto; } 
@media all and (max-width:1400px) {.wrap-contents .container { max-width:100%; } 
 }
.smallimg { vertical-align: top; width: auto; max-width: 100%; width: 35px; height: 35px; border: 1px solid #3333339e; margin: 0 3px; }