html, body { overflow-x:hidden; }
@font-face { 
    font-family: 'S-CoreDream-9Black';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
@font-face { 
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
@font-face { 
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
@font-face { 
    font-family: 'S-CoreDream-2ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
/*===========================================================================
	CSS 초기화
  ===========================================================================*/
* { font-family: 'Noto Sans CJK KR', 'Open Sans', 'sans-serif'; box-sizing:border-box; margin:0; padding:0; font-weight: 400; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, i, dl, dt, ol, ul, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, menu, nav, section, video, a { border:0; outline:0; font-size:100%; line-height:1; }
dd, li { line-height:1.3; }
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul, ol, li { list-style:none; }
strong { display: inline-block; }
a { margin:0; padding:0; font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
p { line-height:1.5; word-break: keep-all; }
/* img { display:block; } */
input { outline:none; }
button { cursor:pointer; border: 0; outline: 0; background: none; }
a { text-decoration: none; }
textarea { resize: none; }
.col-group { display:flex; min-width:150px; }
.container { max-width: 1440px; height: auto; margin: 0 auto; position: relative; }
body { -ms-overflow-style: none; } 
::-webkit-scrollbar { display: none; }
br.mb-br { display: none; }
.basic-btn { display: flex; justify-content: center; align-items: center; border: solid 1px #fff; width: 230px; height: 56px; letter-spacing: -0.4px; transition: all 0.3s; cursor: pointer; color: #fff; }
.bt-btn { width: 209px; height: 56px; display: inline-block; transition: all 0.3s; }
/* .pc { display: unset; } */
.mb { display: none; }
@media screen and (max-width:1440px) { 
    .container { width: 100%; padding: 0 16px; }
 }
@media screen and (max-width:768px) { 
    .div_500 { display: none; }
    br.mb-br { display: unset; }
    .pc { display: none; }
    .mb { display: unset; }
 }

#main { padding-top: 72px; }

/* header */
#header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #fff; box-shadow: 0px 5px 10px #00000029; }
.header-wrap { width: 1400px; align-items: center; height: 88px; flex-direction:unset }
.header-wrap .logo { max-width: 280px !important; margin-left: 10px; }
.header-wrap .gnb { width: 920px; justify-content: left; }
.header-wrap .gnb> li { width: calc( 100% / 5 ); height: 80px; text-align: center; position: relative; }
.header-wrap .gnb> li> a { padding-top:15px; height: 100%; line-height: 60px; font-size: 16px; color: #333; transition: .2s; display: flex; flex-flow: column; justify-content: center; }
.header-wrap .gnb> li> a p { width: fit-content; margin-left:25px; text-align:left; position: relative; transition: .2s; font-family: 'S-CoreDream-5Medium'; font-size:18px; font-weight:600; color: #0f102a; }
.header-wrap .gnb> li> a p::after { content: ""; display: block;  width: 0; height: 2px; background: #ffb000; position: absolute; bottom: -8px; transition: .2s; left: 50%; transform: translateX(-50%); }
.header-wrap .gnb> li:hover> a p, .header-wrap .gnb> li.active> a p { color: #ffb000; }
.header-wrap .gnb> li:hover> a p::after, .header-wrap .gnb> li.active> a p::after { width: 100%; }
.header-wrap .gnb-sub { display: none; width: 100%; height:275px !important; position: absolute; background: #fff; border-top: 2px solid #ffb000; }
.header-wrap .gnb-sub li { width: 100%; height: 45px; border-bottom: 1px solid #e1e1e1; }
.header-wrap .gnb-sub li:hover { background: #F5F5F5; }
.header-wrap .gnb-sub li a { padding-left:22px; font-size: 16px; height: 45px; font-weight:700; width: 100%; letter-spacing: -0.4px; display: flex; justify-content: left; align-items:center; }
.header-wrap .gnb-sub li a.small { font-size: 13px; line-height: 1.5; }
.header-wrap .gnb-right { align-items: center; padding-top:13px; }
.header-wrap .gnb-right .basic-btn { height: 48px; border-radius: 24px; }
.header-wrap .gnb-right .basic-btn.db { border: solid 2px #ffb000; width: 160px; background-color: #ffb000; color: #fff; margin-right: 13px; }
.header-wrap .gnb-right .basic-btn.db:hover { background-color: #fff; color: #ffb000; }
.header-wrap .gnb-right .language-cg { gap: 20px; width: 120px; border-radius: 24px; background-color: #3b3f56; color: #fff; position: relative; cursor: pointer; transition: none; }
.header-wrap .gnb-right .language-cg i { color: #fff; }
.header-wrap .gnb-right .language-cg > a { display: none; padding-left: 24px; justify-content: unset; position: absolute; width: 100%; background-color: #0064A2; bottom: -48px; color: #fff; background-color: #93939f; border: solid 2px #3b3f56; border-radius: 0 0 24px 24px; }
.header-wrap .gnb-right .language-cg.open { border-radius: 24px 24px 0 0; }
.header-wrap .gnb-right .language-cg.open > a { display: flex; }
.header-wrap .search-open { margin-left:10px; width:22px; }
.header-wrap .sitemap-open { min-width:23px; }

/* 사이트맵 */
#site_map { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(24px); display: none; }
#site_map .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100%; }
#site_map .close { position: absolute; right: 0; top: -100px; transition: .3s; }
#site_map .close:hover { transform: rotate(180deg); }
#site_map .close i { color: #fff; font-size: 48px; }
#site_map .sitemap-list> li { width: calc( 100% / 5 ); border-left: 1px solid #fff; }
#site_map .sitemap-list> li:last-child { border-right: 1px solid #fff; }
#site_map .sitemap-list> li p { font-size: 20px; color: #fff; padding: 15px 40px 24px; position: relative; }
#site_map .sitemap-list> li p::after { content: ""; display: block; position: absolute; width: 32px; height: 32px; border-radius: 50%; background: #ffb000; top: 13px; left: 5px; z-index: -1;  }
#site_map .sitemap-sub-list li { height: 60px; transition: .1s; padding: 0 40px; display: flex; align-items: center; } 
#site_map .sitemap-sub-list li:hover { background: rgba(255, 255, 255, 0.06); }
#site_map .sitemap-sub-list li a { font-size: 18px; color: rgba(255, 255, 255, 0.6); transition: .1s; }
#site_map .sitemap-sub-list li:hover a { color: #fff; }
#site_map .sitemap-sub-list li.small a { font-size: 13px; line-height: 1.5; }
#site_map .sns-login-wrap { display: none; }
#site_map .mb-logo { display: none; }
#site_map .g-sans i { display: none; }
#site_map .sub-btn-wrap { display: none; }

/* footer */
.footer { padding:30px 0; background-color: #2a313b; }
.footer .top { 
    display:flex; align-items: center; justify-content: flex-end;
    margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #575d65;
 }
.footer .link { margin-left:30px; color:#fff; }
.footer .link.point { color:#86c2ff; }
.footer .bottom { display:flex; justify-content: space-between; align-items: flex-start; }
.footer .bottom .infos { display:flex; align-items: center; justify-content: flex-end; margin-bottom:12px; }
.footer .bottom .info { font-weight:300; line-height:1.4em; color:#fff; letter-spacing:0px; }  
.footer .bottom .copyright { font-size:14px; font-weight:300; color:#fff; opacity:0.8; text-align: right; }
@media screen and (max-width:1440px) { 
 }

@media screen and (max-width:1240px) { 
    #header { max-width:100vw; }
    #main { padding-top: 55px; }
    .header-wrap { height: 56px; }
    .header-wrap.container { width: 100%; padding: 0 21px; }
    .header-wrap .logo { width: 200px; margin: unset; }
    .header-wrap .gnb { display: none; }
    .header-wrap .gnb-right li button { height: 56px; width: 56px; }
    .header-wrap .gnb-right li button.login-btn { display: none; }
    .header-wrap .gnb-right li button.sitemap-open { background-color: #fff; border: unset; }
    .header-wrap .gnb-right li button.sitemap-open i { color: #0064a2; }
    .header-wrap .gnb-right .basic-btn.db { display: none; }
    .header-wrap .gnb-right .language-cg { display: none; }

    #site_map .container { right: 0; top: 0; left: unset; transform:unset; width: 280px; padding: unset; height: 100%; background-color: #fff; }
    #site_map .close { right: 280px; top: 0; background-color: #ffb000; width: 56px; height: 56px; }
    #site_map .close i { font-size: 32px; }
    #site_map .close:hover { transform: unset; }
    #site_map .mb-logo { position: absolute; display: flex; justify-content: center; align-items: center; height: 44px; width:211px; }
    #site_map .mb-logo img { width: 200px; }
    #site_map .sitemap-list { flex-direction: column; z-index: 999; margin-top: 56px; max-height: calc(100% - 56px - 120px); overflow: scroll; }
    #site_map .sitemap-list> li { width: 100%; border: unset; }
    #site_map .sitemap-list> li p { color: #333; font-size: 15px; padding: 0 24px; height: 48px; display: flex; align-items: center; justify-content: space-between; line-height: 1; border-bottom: 1px solid #efefef; cursor: pointer; }
    #site_map .sitemap-list> li p::after { display: none; }
    #site_map .sitemap-list> li p.open { background-color: #ffb000; color: #fff; }
    #site_map .sitemap-list> li p i { display: inline-block; }
    #site_map .sitemap-list> li p.open i { color: #fff; transform: rotate(0.5turn); }
    #site_map .sitemap-sub-list { display: none; }
    #site_map .sitemap-sub-list li { background-color: #f5f5f5; height: 40px; border-bottom: 0.5px solid #fff; padding: unset; }
    #site_map .sitemap-sub-list li a { color: #7d7d7d; padding: unset; padding-left: 24px; line-height: 40px; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; }
    #site_map .sitemap-sub-list li:hover a { color: #7d7d7d; }
    #site_map .sub-btn-wrap { display: flex; gap: 8px; padding-right: 16px; position: absolute; bottom: 16px; right: 0; }
    #site_map .sub-btn-wrap .db { width: 140px; height: 48px;border-radius: 24px; border: solid 2px #ffb000; background-color: #ffb000; }
    #site_map .sub-btn-wrap .language-cg { width: 80px; height: 48px; border-radius: 24px; border: solid 2px #3b3f56; background-color: #3b3f56; }
    .footer .top { justify-content: center; }
    .footer .link { font-size:14px; margin:0 5px; }
    .footer .bottom .infos { margin-bottom:0; flex-wrap:wrap; justify-content: flex-start; }
    .footer .bottom .infos .info { width:100%; margin-bottom:10px; text-align: left; line-height:18px; }
    .footer .bottom .copyright { text-align: left; }
 }

@media screen and (max-width:768px) { 
    .pc { display: none; }
    .mb { display: block; }
    .kakao-ch { display: none; }
    
    .footer { padding: 28px 0 40px; }
    .footer .address { margin-bottom: 16px; flex-wrap: wrap; justify-content: center; gap: 10px 30px; max-width: 375px; }
    .footer .address li { font-size: 12px; }
    .footer .address li::after { display: none; }
    .footer .address li:nth-child(1) { width: 100%; text-align: center; }
    .footer .address li:nth-child(2)::after { display: unset; right: -17px; }
    .footer .address li:nth-child(4) { width: 100%; text-align: center; }
    .footer .logo { display: none; }
    .footer p:nth-child(4) { font-size: 10px; }
 }

.m-ratioBox-wrap { width:100%; padding-top:59%; position:relative; border:1px solid #ebebeb; overflow:hidden; }
.m-ratioBox-wrap .m-ratioBox { position:absolute; top:0; left:0; right:0; bottom:0; }
.m-ratioBox-wrap .m-ratioBox:after { content:""; width:64px; height:64px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url("../images/icon/image.png") no-repeat; background-size:100%; opacity:0.4; }
.m-ratioBox-wrap img { width:100%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1; }
.m-ratioBox-wrap iframe { width:105%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1; }
/* 팝업 */
.pop-wrap { position: fixed; top: 0; right: 0; left: 0; bottom: 0; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); z-index: 9999; background-color: #000000b3; justify-content: center; align-items: center; display: none; }
.pop-wrap.open { display: flex; }
.pop-wrap .box1 { max-width: 640px; width: 100%; max-height: 748px; height: 100%; border-radius: 30px; border: solid 1px #707070; background-color: #fff; padding:72px; position: relative; overflow: auto; -ms-overflow-style: none; }
.pop-wrap .box1::-webkit-scrollbar { display: none; }
.pop-wrap .close { position: absolute; top: 48px; right: 48px; }
.pop-wrap .close i { font-size: 56px; color: #444c66; }
.pop-wrap .box1 .txt-top { margin-bottom: 24px; max-width: 180px; }

.pop-wrap .box1 .txt-center { color: #444c66; font-size: 17px; line-height: 1.5; opacity: 0.5; margin-bottom: 28px; }
.pop-wrap .box1 .write-wrap { width: 100%; border-radius: 10px; box-shadow: 0 3px 20px 0 #0000001a; margin-bottom: 40px; overflow: hidden; }
.pop-wrap .box1 .write-wrap .write-top { display: flex; height: 72px; align-items: center; padding: 0 24px; justify-content: space-between; border: solid 1px #f5f5f5; }
.pop-wrap .box1 .write-wrap .write-top p { font-size: 18px; font-family: 'S-CoreDream-3'; display: flex; align-items: center; gap: 16px; color: #444c66; letter-spacing: -0.45px; }
.pop-wrap .box1 .write-wrap .write-top p span { width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #005eff; font-family: 'S-CoreDream-5'; font-size: 20px; border-radius: 3px; }
.pop-wrap .box1 .write-wrap .write-top i { font-size: 32px; color: #d0d5de; transition: all 0.3s; }
.pop-wrap .box1 .write-wrap .write-bottom { padding: 0 24px; }
.pop-wrap .box1 .write-wrap .intx-wrap { display: flex; flex-direction: column; }
.pop-wrap .box1 .write-wrap .intx-wrap li { width: 100%; height: 56px; border-bottom: 1px solid #d0d5de; display: flex; align-items: center; justify-content: space-between; }
.pop-wrap .box1 .write-wrap .intx-wrap li:last-child { border-bottom: 0; }
.pop-wrap .box1 .write-wrap .intx-wrap li label { width: 96px; font-weight: bold; letter-spacing: -0.4px; color: #0f102a; }
.pop-wrap .box1 .write-wrap .intx-wrap li input { width: calc(100% - 96px); letter-spacing: -0.4px; font-weight: 400; padding: 0 16px; border: unset; outline: unset; font-size: 16px; }
.pop-wrap .box1 .write-wrap .intx-wrap li input::placeholder { color: #b7b7bf; }
.pop-wrap .box1 .write-wrap .intx-wrap li.text-wrap { height: auto; }
.pop-wrap .box1 .write-wrap .intx-wrap li textarea { width: calc(100% - 96px); letter-spacing: -0.4px; font-weight: 400; padding: 16px; border: unset; outline: unset; font-size: 16px; }
.pop-wrap .box1 .write-wrap .intx-wrap li textarea::placeholder { color: #b7b7bf; }
.pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap { display: flex; gap: 8px; }
.pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap label { width: auto; font-size: 14px; font-weight: 500; color: #005eff; display: flex; align-items: center; }
.pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap label i { font-size: 16px; margin-left: 8px; }
.pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap label i.xi-check-square { color: #005eff; }
.pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap label i.xi-checkbox-blank { color: #bcbcbc; }
.pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap input { display: none; }
.pop-wrap .box1 .write-wrap .intx-wrap li a { font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #bcbcbc; display: flex; gap: 8px; }
.pop-wrap .box1 .write-wrap .intx-wrap li a i { font-size: 14px; color: #bcbcbc; }
.pop-wrap .box1 .request-btn { max-width: 280px; width: 100%; height: 64px; display: flex; justify-content: center; align-items: center; border-radius: 40px; box-shadow: 0 0 20px 0 rgba(110, 163, 255, 0.45); border: solid 2px #ffb000; background-color: #ffb000; color: #fff; font-size: 18px; margin: 0 auto; transition: 0.3s; }
.pop-wrap .box1 .request-btn:hover { background: #fff; color: #ffb000; }
.pop-wrap .box1 .warning { text-align: center; font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #e21616; margin-top: 16px; }

.pop-wrap .box2 { max-width: 640px; width: 100%; border-radius: 30px; border: solid 1px #707070; background-color: #fff; padding: 80px; position: relative; flex-direction: column; align-items: center; display: none; }
.pop-wrap .box2.open { display: flex; }
.pop-wrap .box2 > img { width: 48px; height: 48px; margin-bottom: 24px; }
.pop-wrap .box2 h4 { font-size: 32px; font-weight: 400; color: #005eff; width: 100%; text-align: center; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px solid #e8e8e8; }
.pop-wrap .box2 p { text-align: center; font-weight: 400; color: #757a89; margin-bottom: 56px; }
.pop-wrap .box2 p span { font-weight: bold; color: #757a89; }
.pop-wrap .box2 .close2 { width: 160px; height: 48px; display: flex; justify-content: center; align-items: center; background-color: #808080; border-radius: 24px; color: #fff; font-size: 18px; letter-spacing: -0.45px; }

@media screen and (max-width:1024px) { 
    .pop-wrap .box1 { padding: 30px 16px; max-width: 400px; max-height: 600px; border-radius: 10px; height: unset; max-height: unset; margin: 0 16px; }
    .pop-wrap .box1 .txt-top { max-width: 140px; margin-bottom: 16px; }
    .pop-wrap .box1 .txt-top span { font-size: 24px; }
    .pop-wrap .box1 .txt-center { font-size: 14px; line-height: 1.43; text-align: center; margin-bottom: 32px; }
    .pop-wrap .box1 .write-wrap { margin-bottom: 40px; }
    .pop-wrap .box1 .write-wrap .write-top { background-color: #005eff; height: 40px; }
    .pop-wrap .box1 .write-wrap .write-top p { font-size: 13px; letter-spacing: -0.33px; color: #fff; font-family: 'S-CoreDream-3'; }
    .pop-wrap .box1 .write-wrap .write-top p span { font-size: 13px; color: #005eff; border-radius: 100%; background-color: #fff; width: 24px; height: 24px; }
    .pop-wrap .box1 .write-wrap .write-bottom { padding: 0 16px; }
    .pop-wrap .box1 .write-wrap .intx-wrap li { height: 40px; }
    .pop-wrap .box1 .write-wrap .intx-wrap li label { font-size: 12px; width: 64px; }
    .pop-wrap .box1 .write-wrap .intx-wrap li input { padding: 0 8px; font-size: 12px; width: calc(100% - 64px); }
    .pop-wrap .box1 .write-wrap .intx-wrap li textarea { padding: 8px; font-size: 12px; width: calc(100% - 64px); }
    .pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap label { font-size: 12px; }
    .pop-wrap .box1 .write-wrap .intx-wrap li .ck-wrap label i { margin-left: 4px; }
    .pop-wrap .box1 .write-wrap .intx-wrap li a { font-size: 12px; gap: 4px; }
    .pop-wrap .box1 .write-wrap .intx-wrap li a i { font-size: 12px; }
    .pop-wrap .box1 .request-btn { width: 230px; height: 58px; font-size: 15px; border-radius: 29px; box-shadow: 0 0 10px 0 rgba(110, 163, 255, 0.45); border: solid 2px #ff9900; background-color: #fff; color: #ff9900; }
    .pop-wrap .close { top: 16px; right: 16px; }
    .pop-wrap .close i { font-size: 32px; }
    .pop-wrap .box2 { padding: 30px 16px; max-width: 400px; max-height: 600px; border-radius: 10px; margin: 0 16px; }
 }