@charset "utf-8";

.col-b {color: #256EE3;font-family: 'Noto Regular';}
@media all and (min-width:600px) {
  #multipleDiv_temp_04_7 {max-width:1454px; width:100%; margin: 0 auto;} 
  .wrap-contents {max-width:1454px; width:100%; margin: 0 auto;}

} 



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

/*탑*/
.wrap-top{background:#EEE;max-height:35px;}
.wrap-top-inner{overflow:hidden;max-width:100%;margin: 0 auto;}
.wrap-top .top-link{float:left;}
.wrap-top .top-link ul{display:inline-block;}
.wrap-top .top-link li{float:left;}
.wrap-top .top-link a{display:block;box-sizing:border-box;width:100px;height:35px;font-size:14px;color:#FFF;text-align:center;padding-top:7px;}
.wrap-top .top-link li:nth-child(1) a{background:#003692;}
.wrap-top .top-link li:nth-child(2) a{background:#36aeae;}
.wrap-top .top-link a:hover{background:#52575c !important;}
.wrap-top .top-util{float:right; }
.wrap-top .top-util .top-lan{display:inline-block;vertical-align:top;line-height:1;border-left:1px dashed #888;}
.wrap-top .top-util .top-lan .btn-lan{display:block;font-size:16px;color:#000;padding:0 15px;}
.wrap-top .top-util .top-lan .list-lan{display:none;position:absolute;z-index:200;}
@media all and (max-width:1400px) {
  .wrap-top-inner{max-width:96%;}
}
@media all and (max-width:1024px) {
  /* .wrap-top-inner{max-width:100%;} */
}
@media all and (max-width:480px) { 
  .wrap-top .top-link a{width:auto;padding:7px;}
  .wrap-top .top-util .top-lan .btn-lan{font-size:14px;padding:0 8px;}
}

/*헤더*/
._edit .wrap-header {z-index: -1;}
.mCSB_vertical .wrap-header {z-index:-1;}
.wrap-header{width:100%;position:fixed;top:0px; z-index:1000; border-bottom:1px solid rgba(255,255,255,0);}
.wrap-header .header-framebox {position: relative;}
.wrap-header.fNav{top:0;background:rgba(255,255,255,1);border-color:#EEE;}
.wrap-header .container{max-width:1454px; width:100%;margin: 0 auto;position:relative;font-size:0;}
.wrap-header .container .inner { padding:2.5% 7.97%;}
.wrap-header .container .inner::after {content:''; display:block; clear:both;}
.wrap-header .container > div{/*display:inline-block;*/vertical-align:middle;}
.wrap-header .container .head-logo{text-align:left;}
.wrap-header .head-util{display:inline-block !important; vertical-align: middle;} 


@media all and (max-width:1400px) { 
  .wrap-header .container{width:100%;}
  /* .wrap-header .head-util{display:none !important;} */
} 

/*로고*/
.wrap-header .head-logo{position:relative; max-width:28.64%; width:100%; display: inline-block; vertical-align: middle;}
.wrap-header .head-logo a{display: block;}
.wrap-header .head-logo img{max-width:100%; width:100%;}
.wrap-header .head-logo span{color:#000;font-size:21px;font-family:'Dream Bold';padding-left:15px;line-height:1.2;display:inline-block;padding-top:7px;}
.wrap-header .head-logo span i{display:inline-block;width:5px;}
@media all and (max-width:1400px) {
  .wrap-header .head-logo span{font-size:20px;} 
}
@media all and (min-width:1025px) and (max-width:1280px) {
  /* .wrap-header .head-logo img{max-width:160px;} */
  .wrap-header .head-logo span i{display:inline;width:0;}
}
@media all and (max-width:1024px) {
  /* .wrap-header .head-logo{padding-left:10px;} */
}
@media all and (max-width:768px) {
  .wrap-header .head-logo a{height:auto;}
}
@media all and (max-width:520px) {
  .wrap-header .head-logo img{max-width:160px;}
  .wrap-header .head-logo span i{display:inline;width:0;}
}

/*유틸메뉴*/
.wrap-header .head-util{width:16.36%; position: absolute; right:0; top:50%; margin-top:-2.25%;}
.wrap-header .head-util ul::after {content:''; display:block; clear:both;}
.wrap-header .head-util li{float:left;width:50%;height:3.64vw; }
.wrap-header .head-util li a,
.wrap-header .head-util li button{display:block;width:100%;height:100%;text-indent:-99999px;}
.wrap-header .head-util li.head-notice {background:url('../../images/common/head_notice.png') no-repeat center center; background-size:contain; width:40%; position:relative;} 
.wrap-header .head-util li.head-notice .notice-count {width:43.5%; height:50%; font-family:'Mont SemiBold'; font-size:1.2vw; background:#256EE3; border-radius:50%; position:absolute; top:-5px; right:5px; text-align:center; color:#fff;}
.wrap-header .head-util li.head-sitemap{display:block; background: url(../../images/common/ic-head-util1.png) no-repeat center; background-size:contain; width:40%; float:right;}
.wrap-header .head-util li.head-sitemap a{font-size:0; }
.wrap-header .container > div .btn-mgnb{display:none;background: url(../../images/common/ic-head-util1.png) no-repeat center; background-size:contain; width:40%; float:right;}
.wrap-header .container > div .btn-mgnb-close.on{display:block;position:absolute;right:100%;top:0;width:45px;height:45px;background:url(../../images/common/ic-navi-close.png) no-repeat center;}
.wrap-header .container > div .btn-mgnb-close button{text-indent:-9999px;display:block;width:100%;height:100%;}
.wrap-header .container > div .mobile-global.on{display:block;position:absolute;left:0px;top:40%;}
.wrap-header .container > div .mobile-global a{display:block;text-align:left;font-size:14px;color:#a6acbd;padding:0 0 0 20px;margin:0 0 10px 0;}
@media all and (max-width:1700px) {
  .wrap-header .head-util li.head-notice .notice-count {width:37.5%;} 
}
@media all and (max-width:1024px) {
  .wrap-header .head-util li.head-notice .notice-count {width:20px; height:20px; font-size:15px; right:5px; top:-9px;}
}
@media all and (max-width:860px) {
  .wrap-header .head-util li.head-notice .notice-count {right:-5px;}
}
@media all and (max-width:768px) {
  .wrap-header .head-util li{height:4.64vw; }
}


/*메인메뉴*/
.wrap-header .head-navi{
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.wrap-header .head-navi::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.wrap-header .head-navi {position:fixed; top: 0;right:-100%;z-index:10000; max-width:1454px; width:100%; height:100%; overflow: auto; background: #fff;opacity: 0;transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-header .head-navi.on {right: 0; left:0; max-width:1454px; width:100%; opacity: 1;transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); margin:0 auto;}
.wrap-header .head-navi .menuUItop {position: relative;height: 100%;}

/* .wrap-header .head-navi-header {display: flex; align-items: center; padding:3.67% 7.97%} */
/* .wrap-header  .m-logo {text-align: center; width:40.09%; margin:0 auto; margin-bottom: 4.26%;}  */
/* .wrap-header .head-navi-header .sub_back_btn_icon {width: 23.32%;} */
/* .wrap-header .head-navi-header .sub_back_btn_icon img {width:14.38%} */
/* .wrap-header .head-navi-header .page-title {text-align: center; flex:1;} */
/* .wrap-header .head-navi-header .page-title h2{font-size:4.81vw; font-family:'Noto Bold'; letter-spacing: -.05em;} */
/* .wrap-header .head-navi-header .empty {width:23.32%;} */

.wrap-header .head-navi .div_1 {padding:0 7.97%;}
.wrap-header .head-navi .li_1{/*display:inline-block; position:relative;*/ position: static; display: block; width: 100%; padding:0px;}
.wrap-header .head-navi .li_1:nth-last-child(2) > a {border-bottom: none;}
.wrap-header .head-navi .a_1{display:block; text-align: left;  font-size:4.81vw; padding: 3.06% 0; color: #101010; font-family:'Noto Medium'; background-image: none; background-position: right center; height: auto; letter-spacing: -.05em; border-bottom:2px solid #DDD;}
.wrap-header .head-navi .a_1:after {display:none;}
/* .wrap-header .head-navi .a_1:hover{color:#fff;} */
.wrap-header .head-navi .a_1 span{position:relative;} 
/* .wrap-header .head-navi .a_1.on {color:#d1e1ff;} */
.wrap-header .head-navi .a_1.on span:after{content:'';display: none; position:absolute; left:50%; top:-12px; width:9px; height:9px; background:#c42605; border-radius:100%; transform:translate(-50%,0)}
.wrap-header .head-navi .a_1.on span:before{content:''; display: none; position:absolute; left:0; bottom:-12px; width:100%; height:4px; background:#0c2c67;}
/* .wrap-header .head-navi .div_2{overflow:hidden; max-height:0; position:absolute; top:100%; left:0px; width:100%;z-index:100; background:rgba(12,44,103,0.95); text-align:left; transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1);} */
/* .wrap-header .head-navi .div_2.on{max-height:700px;} */
.wrap-header .head-navi .ul_2{ border: 0; padding:0; margin:1.5% 0;}
.wrap-header .head-navi .li_2 {display:block; border:0px; padding:0px;}
.wrap-header .head-navi .li_2 .a_2:after {display:none;}
.wrap-header .head-navi .a_2{width:100%; font-family:'Noto Regular';position:relative; display:block; font-size:3.78vw; color:#333; margin:0;line-height:1; padding: 1.53% 4.09%;}
.wrap-header .head-navi .a_2.plus {position: relative; background:url('../../images/common/arrow_a2.png') no-repeat 90% center}
.wrap-header .head-navi .a_2.plus.on {background:url('../../images/common/arrow_a2_hover.png') no-repeat 90% center; color:#0c2c67; border-bottom:1px solid #fff;}
.wrap-header .head-navi .a_2 span{position:relative;}
.wrap-header .head-navi .a_2 span:after{content:''; position:absolute; left:0px; bottom:-3px; width:0px; height:1px; background:#fff; transition:all 0.8s;}
.wrap-header .head-navi .a_2:hover span:after{width:100%;}
.wrap-header .head-navi .a_2[target=_blank] span:before{content: ''; position: absolute; left: 111%; top: 6px; width: 14px;height: 14px; background: url(../../images/common/ico_blank_pc.png) no-repeat center center;}
/* .wrap-header .head-navi .a_2:hover:after{content:''; position:absolute; right:10%; top:46%; width:5px; height:7px; background:url('../../images/common/arrow-menu.png') no-repeat center center;} */
/* .wrap-header .head-navi .div_2 {width:60% !important; right:0px; left:auto; transition-property:none; } */
/* .wrap-header .head-navi .div_2.on {top:20px; max-height:none; height:100%; background:#fff; transition-property: none;} */
.wrap-header .head-navi .div_2 .container {padding: 0px;}
.wrap-header .head-navi .ul_3 {padding:0 0 20px 0; border-bottom: 1px solid #89a4dc;}
.wrap-header .head-navi .li_3 {position:relative; margin: 0px;}
.wrap-header .head-navi .a_3 {color:#999; display:inline-block; padding:4px 0 4px 40px; font-size:21px;}
.wrap-header .head-navi .a_3[target=_blank] {position:relative;}
.wrap-header .head-navi .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../../images/common/ico_blank.png') no-repeat center center;}
.wrap-header .head-navi .a_3:after {content:''; position:absolute; left:25px; top:18px; width:6px; height:2px; background:#808080;}
.wrap-header .head-navi .a_3:hover:after {width:6px; background:#018cff;}
.wrap-header .head-navi .a_3:hover {color:#c42605;}
.wrap-header .head-navi .a_3._active {color:#c42605;}

@media all and (min-width: 1454px) {
  .wrap-header .head-navi .a_1 {font-size: 70px; line-height:1.2;}
  .wrap-header .head-navi .a_2 {font-size: 55px;}
  .wrap-header .head-navi-header .page-title h2{font-size:70px;}

}

.wrap-header .head-navi .div_3 {display:block; overflow:hidden; max-height:0px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .close {display:none;}
.wrap-header .head-util .btn-share {display:none;}
.wrap-header .container > div.black-bg {display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:1200;}
.wrap-header .container > div.black-bg.on {display:block;}



@media all and (max-width:768px) { 
  .wrap-header .head-navi {width:calc(100% - 50px);}
  .wrap-header .head-navi.on {right:0;}
}


/*컨텐츠*/
.wrap-contents { background:#fff; min-height:100vh; }
.wrap-contents .container{position:relative; max-width:1454px; margin: 0 auto; height:100%;}

@media all and (max-width:1400px) {
  .wrap-contents .container{max-width:96%;}
}

/*메인메뉴사이트맵숨기기*/
#menuUItop > .div_1 > .ul_1 > li:last-child{display:none;}

/* 서브페이지 - 헤더 */
.sub .wrap-header .header-framebox {display:flex; align-items:center;}
.sub .wrap-header .container .inner {padding:4.85% 7.97%;}
.sub .wrap-header .container > div .head-sitemap {width:28.07%;}
.sub .wrap-header .sub-head-logo {width:23.32%;}
.sub .wrap-header .sub-head-logo > a {display: block;}
.sub .wrap-header .sub-head-logo > a > img {width:14.38%;}
.sub .wrap-header .subject {flex:1; text-align: center; line-height: 1; font-family:'Noto Bold';}
.sub .wrap-header .subject h2 {font-size: 4.81vw;}
.sub .wrap-header .head-util {position:static; width:23.32%; margin-top: 0;} 

@media all and (min-width:1454px) {
  .sub .wrap-header .subject h2 {font-size: 70px;}
}

/* 비밀번호 생성 (초기화면) */
.joinPw-wrap {padding:15% 7.97% 0 7.97%; position: relative; background: #fff; min-height:100vh;}
.joinPw-wrap .pwd-title h2 {font-size: 4.11vw; font-family: 'Noto Bold'; letter-spacing: -.05em; line-height: 1; text-align: center; margin-bottom: 4.96%;}
.joinPw-wrap .pwd-content label {display: inline-block; margin-bottom: 1.2%;}
.joinPw-wrap .pwd-content .sub-title {font-size: 2.75vw; color:#9B9B9B; font-family: 'Noto Regular';}
.joinPw-wrap .pwd-content .row {display: table; width: 100%; position: relative; margin-bottom: 3.6%;}
.joinPw-wrap .pwd-content .row:last-child {margin-bottom: 0;}
.joinPw-wrap .pwd-content .row-inner {width:100%; height:auto; display: table; padding: 2.87% 4.17%; border: 2px solid #E0E0E0; border-radius:1.3rem; font-family: 'Noto Regular'; color: #666;}
.joinPw-wrap .pwd-content .row-inner > input {font-size: 4.35rem; display: table-cell; vertical-align: middle; height:auto; border:none;}

.joinPw-wrap .pwd-content .text-area {text-align: center; line-height: 1.5; color:#666; font-family: 'Noto Regular'; letter-spacing: -.05em; margin-top: 23%;}
.joinPw-wrap .pwd-content .text-area p{font-size: 2.75vw;}
.joinPw-wrap .pwd-content .row-btn  {text-align: center; margin-top: 10%;}
.joinPw-wrap .pwd-content .row-btn input{ font-size: 3.16vw; color:#256EE3; font-family: 'Noto Medium'; letter-spacing: -.05em; line-height: 1.5; padding:2.2% 0; width:24.71%; border-radius:1.4rem;}
.joinPw-wrap .pwd-content #msg {font-size: 2.3vw;}
.joinPw-wrap .pwd-content #msg.not {color:red;}
.joinPw-wrap .pwd-content #msg.equal {color:green;}


@media all and (min-width:1454px) {
  .joinPw-wrap .pwd-title h2 {font-size: 60px;}
  .joinPw-wrap .pwd-content .sub-title {font-size: 40px;} 
  .joinPw-wrap .pwd-content .row-inner {padding:2.24% 4.17%;}
  .joinPw-wrap .pwd-content .row-inner > input {height:116px;}

  .joinPw-wrap .pwd-content .text-area p {font-size: 40px;}
  .joinPw-wrap .pwd-content .row-btn input{font-size: 46px;}
}
@media all and (max-width:500px) {
  .joinPw-wrap .pwd-content .sub-title {font-size: 16px;}
  .joinPw-wrap .pwd-content .text-area p {font-size: 16px;}
}


/* 비밀번호 */
.pwd-wrap {padding:15% 7.97% 0 7.97%; position: relative; background: #fff; min-height:100vh;}
.pwd-wrap .pwd-title h2 {font-size: 4.11vw; font-family: 'Noto Bold'; letter-spacing: -.05em; line-height: 1; text-align: center; margin-bottom: 4.96%;}
.pwd-wrap .pwd-content label {display: inline-block; margin-bottom: 1.2%;}
.pwd-wrap .pwd-content .sub-title {font-size: 2.75vw; color:#9B9B9B; font-family: 'Noto Regular';}
.pwd-wrap .pwd-content .row {display: table; width: 100%; position: relative;}
.pwd-wrap .pwd-content .row-inner {width:100%; height:auto; display: table; padding: 2.87% 4.17%; border: 2px solid #E0E0E0; border-radius:1.3rem; font-family: 'Noto Regular'; color: #666;}
.pwd-wrap .pwd-content .row-inner > input {font-size: 4.35rem; display: table-cell; vertical-align: middle; height:auto; border:none;}

.pwd-wrap .pwd-content .text-area {text-align: center; line-height: 1.5; color:#666; font-family: 'Noto Regular'; letter-spacing: -.05em; margin-top: 10%;}
.pwd-wrap .pwd-content .text-area p{font-size: 2.75vw;}
.pwd-wrap .pwd-content .row-btn  {text-align: center; margin-top: 10%;}
.pwd-wrap .pwd-content .row-btn input{ font-size: 3.16vw; color:#256EE3; font-family: 'Noto Medium'; letter-spacing: -.05em; line-height: 1.5; padding:2.2% 0; width:24.71%; border-radius:1.4rem;}

.modal-wrap {position:fixed; width:100%; height:100%; top:0; left:0; z-index: 1003; display: none;}
.modal-wrap .modal-pop {max-width:1454px; width:100%; margin: 0 auto;}
.modal-wrap .modal-pop .modal-inner {padding:0 7.97%; position: absolute; width:100%; top:50%; transform:translatey(-50%); z-index: 1; left: 0;}

.modal-wrap .modal-pop .modal {background:#fff; position: relative; z-index: 1005; text-align: center; border-radius:1.5rem; padding:4.3% 6.4% 3.34% 6.4%;}
.modal-wrap .modal-pop .modal::after {content:''; display:block; clear:both;}
.modal-wrap .modal-pop .modal p {font-size:2.75vw; font-family:'Noto DemiLight'; letter-spacing: -.05em; line-height: 1.5; margin-bottom:10.3%;}
.modal-wrap .modal-pop .btn-area {width:100%; text-align:right;}
.modal-wrap .modal-pop .btn-area button {font-size: 3.16vw; }
.modal-wrap .modal-pop .btn-area .close-btn {color:#ccc;}
.modal-wrap .modal-pop .btn-area .check-btn {color:#256EE3; font-family: 'Noto Bold'; margin-left: 7%;}

.modal-wrap .modal-bg {position: fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6);}


@media all and (min-width:1454px) {
  .pwd-wrap .pwd-title h2 {font-size: 60px;}
  .pwd-wrap .pwd-content .sub-title {font-size: 40px;} 
  .pwd-wrap .pwd-content .row-inner {padding:2.24% 4.17%;}
  .pwd-wrap .pwd-content .row-inner > input {height:116px;}

  .pwd-wrap .pwd-content .text-area p {font-size: 40px;}
  .pwd-wrap .pwd-content .row-btn input{font-size: 46px;}
  .modal-wrap .modal-pop .modal p {font-size: 40px;}
  .modal-wrap .modal-pop .btn-area button {font-size: 46px;}
}
@media all and (max-width:500px) {
  .pwd-wrap .pwd-content .sub-title {font-size: 16px;}
  .pwd-wrap .pwd-content .text-area p {font-size: 16px;}
  .modal-wrap .modal-pop .modal p {font-size: 16px;}
  .modal-wrap .modal-pop .btn-area button {font-size: 16px;}
}