@charset "utf-8";

/* common */
.cf::after {content:''; display:block; clear:both;}
.inner {width:94%; max-width:1284px; margin:0 auto;}
.mb-br {display:none;}

.navi-btn {cursor:pointer;}

.bg-circle {border-radius:50%; background:#f4f4f4; position:absolute; z-index:-1;}
.bg-circle.bg-blue {background:#f8fafe;}

/* input */
.frm-input {padding:5px; height:5rem; padding:0 1rem; border:none !important; width:auto; /*min-width:12rem;*/ background:#f5f5f5; color:#666; font-size:1.6rem;}
.frm-input.wth-l {max-width:54rem; width:100%;}
.frm-input.wth-m {max-width:36rem; width:100%;}
.frm-input.wth-s {max-width:24rem; width:100%;}
.frm-input.wth-100 {width:100%;}
.frm-input.mr {margin-right:0.6rem;}
textarea.frm-input {height:20rem; line-height:1.6; padding:1.5rem;}

.file-inputbox {display:flex; height:5rem; line-height:5rem; border:none; background:#f5f5f5; border-radius:0; font-size:1.6rem; color:#444; position:relative;}
.file-inputbox label {display:inline-block; background:#555; color:#fff; text-align:center; cursor:pointer; position:absolute; top:0; right:0; width:11.3rem;}
.file-inputbox label:after {content:"찾아보기"; font-weight:400;}
.file-inputbox label.txt-en:after {content:"Browse";}
.file-inputbox .file-input {display:none;}
.file-inputbox .filename {display:inline-block;	padding-left:1rem; padding-right:14rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* radio + checkbox */
.ck-box {display:inline-block; position:relative; font-size:1.6rem; color:#333; font-weight:400;}
.ck-box.full {display:block;}
.ck-box.full + .ck-box.full {margin-top:1.5rem; margin-left:0;}
.ck-box + .ck-box {margin-left:2.5rem;}

.ck-box .radio {background:none; opacity:0; position:absolute; left:0; top:0; z-index:10; width:2.4rem; height:2.4rem; cursor:pointer;}
.ck-box .radio + label {position:relative; display:inline-block; z-index:5; padding-left:3.2rem; color:#666;}
.ck-box .radio + label::before {content:''; display:inline-block; z-index:5; position:absolute; top:50%; left:0; transform: translateY(-50%); width:2.4rem; height:2.4rem; border-radius:50%; border:1px solid #ddd; background: #fff;}
.ck-box .radio:checked + label::before {border:5px solid #3b3294;}
.ck-box .radio:checked + label {color:#3b3294;}

.ck-box .checkbox {background:none; opacity:0; position:absolute; left:0; top:0; z-index:10; width:2em; height:2rem; cursor:pointer;}
.ck-box .checkbox + label {position:relative; display:inline-block; z-index:5; padding-left:3.4rem; color:#222; font-weight:600; font-family:'Noto Sans KR'; line-height:1;}
.ck-box .checkbox + label::before {content:''; display:inline-block; z-index:5; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2rem; height:2rem; background:#fff; border:1px solid #ddd;}
.ck-box .checkbox + label .req {color:#3b3294; margin-right:0.5rem;}
.ck-box .checkbox:checked + label::before {background:#3b3294 url('/images/common/checkbox-chk.png') no-repeat center; border-color:#3b3294;}

/* scroll box */
.scroll-box {height:100%; overflow:auto; scrollbar-track-color: #efefef; scrollbar-base-color: #dfdfdf;}
.scroll-box::-webkit-scrollbar-track {border-radius: 10px; background-color: #e6e6e6;}
.scroll-box::-webkit-scrollbar {width: 7px; background-color: #e6e6e6;}
.scroll-box::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #999;}


/* 팝업 */
.popup {display:none; background-color:rgba(0,0,0,0.15); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99;}
.popup .popupbox {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:95%; max-width:76.2rem; background-color: #fff; padding:5rem 6rem 6.5rem 6rem;}
.popup .popupbox .contbox {height:100%; max-height:80vh; overflow:auto; scrollbar-track-color: #efefef; scrollbar-base-color: #dfdfdf;}
.popup .popupbox .contbox::-webkit-scrollbar-track {border-radius:0; background-color: #e6e6e6;}
.popup .popupbox .contbox::-webkit-scrollbar {width:6px; background-color: #e6e6e6;}
.popup .popupbox .contbox::-webkit-scrollbar-thumb { border-radius:0; background-color: #999;}
.popup .popupbox .contbox .pop-title {font-size:2.8rem; color:#111; font-weight:700; margin-bottom:5rem;}
.popup .popupbox .contbox .pop-title::after {display:block; content:''; width:3rem; height:2px; margin-top:1.5rem; background:#3b3294;}
.popup .close {display:inline-block; cursor:pointer; position:absolute; right:3rem; top:3rem; background:#43434b; width:3.4rem; height:3.4rem; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.popup-btn {cursor:pointer;}


/* header */
.header {position:absolute;top:0;width:100%;z-index:9;}
.header .inner {max-width:1720px;display:flex;justify-content:space-between;align-items:center;height: 10.5rem;}
.header .right {display:flex; align-items: center;}
.header .gnb {margin-right:12.5rem; display: flex; align-items: center;}
.header .gnb li {padding:0 3.5rem;position: relative;}
.header .gnb li > a {color:#fff;display:block;font-weight: 400;height: 10.5rem;line-height: 10.5rem;}
.header .gnb li .depth02 {opacity:0;background:#fff;padding: 1rem 2rem;position: absolute; left: 50%;transform: translateX(-50%);text-align: center;transition:all .2s ease-in-out;top: 10.5rem;width: 13.5rem;}
.header .gnb li .depth02 a {display:block;margin: 2rem 0;font-size:1.4rem;color:#666;transition:all .2s ease;}
.header .gnb li .depth02 a:hover {color:#3b3294;}
.header .gnb li:hover .depth02 {opacity:1;}
.header .lang {position:relative; display:inline-block; color:#fff; cursor:pointer;}
.header .lang > p {display:flex; align-items:center; font-size:1.5rem; font-weight:500; letter-spacing:0;}
.header .lang .ic {margin-right:1.2rem; display:inline-flex; align-items:center; justify-content:center;}
.header .lang .lang-btnbox {display:none; position:absolute; top:4rem; left: 50%;transform: translateX(-50%); background:#fff; padding:0 2rem; border:1px solid #ddd; width:10rem; text-align:center;}
.header .lang .lang-btnbox a {display:block; margin:2rem 0; font-size: 1.4rem; color:#666;transition:all .2s ease;}
.header .lang .lang-btnbox a:hover {color:#3b3294;}
.header .mb-lang {position:absolute; top:0; left:3%; height:10rem; line-height:10rem;}
.header .mb-lang a {display:inline-block; font-size:1.4rem; color:#666; padding:0 0.5rem; text-decoration:underline;}
.header .mb-lang a:first-child {padding-left:0;}

.header .menu-btn {display:none; position:relative; width:2.8rem; height:2.2rem; cursor:pointer; margin-left:2.5%; z-index:999;}
.header .menu-btn .bar {display:inline-block; transition:all .4s; position:absolute; left:0; width:2.5rem; height:2px; background-color:#fff;}
.header .menu-btn .bar:nth-child(1) {top:0;}
.header .menu-btn .bar:nth-child(2) {top:calc(50% - 1px);}
.header .menu-btn .bar:nth-child(3) {bottom:0;}

.header .menu-btn.on .bar {background:#333;}
.header .menu-btn.on .bar:nth-child(1) {transform:translate(-50%) rotate(-45deg); left:50%; top:50%;}
.header .menu-btn.on .bar:nth-child(2) {left:200%; opacity:0; transform:translateY(0); animation:active-menu-bar02 .8s forwards;}
.header .menu-btn.on .bar:nth-child(3) {transform:translate(-50%) rotate(45deg); left:50%; bottom:auto; top:50%;}

@keyframes active-menu-bar02 {
	100% {height:0;}
}


/* Full Menu */
.header .full-menu .dim-bg {visibility:hidden; opacity:0; height:0;}
.header .full-menu.on .dim-bg {visibility:visible; opacity:0.7; position:absolute; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.6);}

.header .full-menu {transform:translateX(100vw); position:fixed; top:0; left:0; width:100%; height:100vh; z-index:99;}
.header .full-menu .menu-box {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.header .full-menu .menu-box .box {width:100%; margin-bottom:4rem;}
.header .full-menu .menu-box .box strong {display:block; font-size:2.2rem; font-weight:600; line-height:1; margin-bottom:2rem; border-bottom:1px solid #e9e9e9; padding-bottom:1.5rem; color:#222;}
.header .full-menu .menu-box .box a	{position:relative; display:block; font-size:1.7rem; margin-bottom:1.2rem; transition:all .2s;}
.header .full-menu .cont {z-index:9; display:inline-block; position:absolute; right:0; top:0; width:0; max-width:40rem; height:100%; padding:8rem 3rem; background:#fff; transition:all .3s ease-in-out;}
.header .full-menu.on .cont {width:70%;}
.header .full-menu .cont .tit {flex-shrink:0; display:inline-block; width:17.5rem; font-size:3.6rem; color:#333; margin-right:3rem;}
.header .full-menu .cont > li {display:flex; justify-content:space-between; border-bottom:1px solid #e9e9e9; padding:3.5rem 0;}

.header .full-menu .cont > li:last-child {border-bottom:none;}
.header .full-menu .cont .dep2 {width:100%; max-width:93rem; display:flex; align-items:center;}
.header .full-menu .cont .dep2 li {width:20%; flex-shrink:0;}
.header .full-menu .cont .dep2 li a {position:relative; padding-left:0.8rem; display:block; font-size:1.8rem; color:#666; transition:all .2s;}
.header .full-menu .cont .dep2 li a:before {display:block; content:''; position:absolute; top:0.8rem; left:0; width:3px; height:3px; background:#5da2d4; border-radius:50%;}
.header .full-menu .cont .dep2 li a:hover {color:#5da2d4;}


/* footer */
.footer {background:#111; padding:7rem 0; position:relative;}
.footer .ft-01 {display:flex; justify-content:space-between;}
.footer .ft-01 .sitemap {display:flex;}
.footer .ft-01 .sitemap dl {margin-left:6rem;}
.footer .ft-01 .sitemap dt {font-size:1.8rem; color:#fff; font-weight:500; margin-bottom:1.5rem;}
.footer .ft-01 .sitemap dd {margin-bottom:0.6rem;}
.footer .ft-01 .sitemap dd:last-child {margin-bottom:0;}
.footer .ft-01 .sitemap dd a {display:block; font-size:1.6rem; color:#666;}
.footer .ft-02 {display:flex; justify-content:space-between; margin-top:3rem;}
.footer .ft-02 .info ul {display:flex;}
.footer .ft-02 .info ul li a {display:block; font-size:1.5rem; color:#666;}
.footer .ft-02 .info ul li:first-child a::after {display:inline-block; content:""; width:1px; height:1rem; background:#666; margin:0 1rem; }
.footer .ft-02 .info ul li:last-child a {color:#fff;}
.footer .ft-02 .info .copy {font-size:1.4rem; color:#666; margin-top:1.5rem;}
/*.footer .ft-02 .sns {opacity:0.6;}*/
.footer .ft-02 .sns a {display:inline-block; margin-left:1rem;}
.footer .top-btn {position:absolute; top:-13rem; right:3.5rem; display:inline-flex; align-items:center; justify-content:center; font-size:1.4rem; color:#fff; width:10rem; height:10rem; border-radius:50%; background:#111;}


/* table */
/* table style */
table.tb-style01 {width:100%; border-top:2px solid #333; line-height:1.6; text-align:center;}
table.tb-style01 tr {border-bottom: 1px solid #ddd;}
table.tb-style01 th,
table.tb-style01 td {padding:1.5rem 2rem; color:#333; vertical-align:middle;}
table.tb-style01 th:first-child,
table.tb-style01 td:first-child {border-right:1px solid #ddd;}
table.tb-style01 th {font-weight:600; font-size:1.7rem;}
table.tb-style01 td a {transition:all .2s ease;}
table.tb-style01 td a:hover {color:#333; text-decoration:underline;}


/* 20230820 추가 */
.text_white{color: #fff !important;}
.text_we800{font-weight: 800 !important;}
.line_h{line-height: 1.05 !important;}





@media (max-width: 1283px) {

}

@media (max-width: 1024px) {
    .header .right {display:none;}
    .header .menu-btn {display:inline-block;}
    .header .full-menu.on {transform:translateX(0);}
	.header .full-menu .cont {padding:10rem 3% 0 3%;}
    .header .full-menu .cont-in {overflow-y:scroll; height:calc(100% - 3rem);}

    .footer {padding:4rem 0;}
    .footer .ft-01 {flex-wrap:wrap;}
    .footer .ft-01 .sitemap {width:100%; margin-top:4rem; border-top: 1px solid #666; padding-top:4rem;}
    .footer .ft-01 .sitemap dl:first-child {margin-left:0;}
    .footer .ft-02 {margin-top:6rem;}

}

@media (max-width: 980px) {

}

@media (max-width: 767px) {

    .popup .popupbox {padding: 4rem 2rem 4rem 3rem;}
    .popup .popupbox .contbox {padding-right:2rem;}
    .popup .close {top:0; right:0; border-radius:0;}

    .footer .ft-01 .logo {width:16rem;}
    .footer .ft-01 .sitemap {flex-wrap:wrap;}
    .footer .ft-01 .sitemap dl {margin-left:3rem; width:calc(33.333% - 2rem);}
    .footer .ft-01 .sitemap dl:nth-child(3n+1) {margin-left:0;}
    .footer .ft-01 .sitemap dl:nth-child(n+4) {margin-top:4rem;}

    .footer .top-btn {width:6rem; height:6rem; padding:1rem; line-height:1.1; top:-8rem; right:2rem;}
}

@media (max-width:500px) {
    .header  {border-bottom:1px solid rgba(255,255,255,0.3);}
    .header .logo {width:15rem;}
    .header .inner {height:8rem;}
    .header .mb-lang {height:8rem; line-height:8rem; left:10%}
    .header .full-menu .cont {max-width:inherit;}
    .header .full-menu .cont-in {width:80%; margin:auto;}
    .header .full-menu.on .cont {width:100%;}

    .footer .ft-01 .logo {width:17rem;}
    .footer .ft-01 .sitemap {border-bottom: 1px solid #666; padding:4rem 0;}
    .footer .ft-01 .sitemap dl {margin-left:2rem; width:calc(50% - 1.5rem);}
    .footer .ft-01 .sitemap dl:nth-child(3n+1) {margin-left:2rem;}
    .footer .ft-01 .sitemap dl:nth-child(2n+1) {margin-left:0;}
    .footer .ft-01 .sitemap dl:nth-child(n+3) {margin-top:3rem;}

    .footer .ft-02 {flex-wrap:wrap; margin-top:4rem;}
    .footer .ft-02 .info {width:100%; margin-top:2rem; order:2;}
    .footer .ft-02 .sns {order:1;}
    .footer .ft-02 .sns a {width:4rem;}
    .footer .ft-02 .sns a:first-child {margin-left:0;}
}