/*기능팝업*/
.PZwindow{background:#333 !important;}
.nomoreOpen form a.PZwindowClose {margin-top:7px !important;}



/* 메인컨텐츠 sideA sideB */
.wrap-sub-body { max-width:1400px; margin: 0 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: 0px 0 15px 0;
    color: #002d56;
    text-align: center;
    letter-spacing: -0.02em;
    font-size: 28px;
    /* background: url(../../images/logodeco.png) no-repeat; */
    background-position: 0px 19px;
    letter-spacing: -2px;
    margin-top: 199px;
}

/*.wrap-sub-body .sideA h2 {
    padding: 90px 0 0px 0;
    color: #fff;
    text-align: center;
    font-family: 'hufs_m';
    text-shadow: 0px 0px 3px #002d56;
    letter-spacing: -.02em;
    font-size: 22px;
    line-height: 70px;
    background: url(../../images/logodeco.png) no-repeat center center;
}*/
/*.wrap-sub-body .sideA h2 {
    padding: 160px 0 0px 0;
    color: #002d56;
    text-align: center;
    font-family: 'hufs_M';
    letter-spacing: -.08em;
    font-size: 28px;
    line-height: 80px;
    font-weight: 800;
    background: -webkit-linear-gradient(#146e99 20%, #002d56);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;border-bottom: 4px solid #8d7150;
}*/

.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 .sub_div .ul_2 > li:last-child > a {border-bottom:none; background-color:red;} */
.wrap-sub-body .sideA  .div_3 .ul_3{display:none;}
.wrap-sub-body .sideA  .div_3 .ul_3 {background-color:#edede8;   padding-bottom: 0px ; border-bottom: 1px solid #ccc;}
.wrap-sub-body .sideA  .div_3 .li_3  a{ border-bottom:none; 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: 0 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: 12px 0;}
.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;}
}
@media all and (max-width:768px) {
	.wrap-sub-navi .sub-util {display:none;}
	.wrap-sub-navi .sub-navi {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:39px; 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:39px; 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%;}
}