@charset "utf-8";

body{font-family: 'AppleSDGothic';}

/* focus */
/* a:focus, #gnb:focus, #gnb:focus, .gnb_menu .lnb01:focus, .submenu li:focus, #header:focus, .logo:focus, 
p:focus, span:focus, ul:focus, li:focus, article:focus, div:focus {border: 2px solid red; box-sizing: border-box;} */

a:focus, .lnb_list a:focus{box-shadow: 0 0 0 2px inset rgb(0 116 190)!important;}

/* skip navi */
#skip_nav a {position: absolute; left: -3000%;}
#skip_nav a:focus{left:0; background: red; width: 100%; height: 50px; line-height: 50px; text-align: center; z-index: 30; color: #fff; font-size: 20px; font-weight: 500;}

/* header */
#wrap {width:100%; overflow:hidden;}
#header{background: transparent; width: 100%; position: fixed; z-index: 6; height: 90px; }
#header::before{content:""; display: block; width: 100%; height: 1px; background: rgba(0,0,0,0.3); position: absolute; left: 0; bottom: 0;}
#header::after{content:""; display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.3); position: absolute; left: 0; top: 90px;}
#header .header_in{width: 87.65%; margin: 0 auto; display: flex; align-items: stretch; position: relative;}

#header .logo{width: 200px; height: 38px; margin-top:24px; text-indent: -9999px; order:1; flex: 0.5 0.5 auto;}
#header .logo a{display: block; width: 100%; height: 100%; }
#header .logo a:nth-child(1){background: url(../images/layout/logo.png) no-repeat 0 0; background-size: contain;}
#header .logo a:nth-child(2){background: url(../images/layout/logo_on.png) no-repeat 0 0; background-size: contain;}
#header a.off{display: block;}
#header a.on{display: none;}

/* gnb */
#gnb{order:2; flex: 1 1 auto; height: 90px;}
#gnb .gnb_menu{display: flex;}
#gnb .gnb_menu > li{flex: 1 1 auto; position: relative;}
#gnb .gnb_menu > li > a{display: block; font-size:18px; letter-spacing: -0.075em; color:#fff; font-weight: 600; height: 90px; line-height: 90px;}
#gnb .gnb_menu > li > a:hover{font-weight: 800;}

#gnb .submenu{display: none; position: absolute; left:0; top:90px; width: 100%; z-index: 7; padding: 20px 0;} 
#gnb .submenu li{padding: 3px 0;}
#gnb .submenu li a{display: block; line-height: 1.75; font-size: 16px; font-weight: 600; color:#fff; letter-spacing: -0.025em;}
#gnb .submenu li a:hover{color:#526DE4;}
#gnb .submenu li ul.depth03{display: none;}
#gnb .submenu li ul.depth03 li{}
#gnb .submenu li ul.depth03 li a{}

.lnb01{}
.lnb02{}
.lnb03{}
.lnb04{}
.lnb05{}

/* 언어선택 */
.lang{width: 52px; height: 14px; order:3; width:52px; margin:38px 57px 0 0;  position: relative;}
.lang > a{display: block;  background: url(../images/layout/btn_lang.png) no-repeat 100% 50%; font-size: 14px; font-weight: 700; color: #fff;}
.lang .close > a{display: block; background: url(../images/layout/btn_lang_black_up.png) no-repeat 77% 50%;}
.lang > ul{display: none; position: absolute; left:0; top:0; width:70px; background: #fff; padding:3px; border:1px solid #aaa;}
.lang ul.on{z-index: 15; display: block;}
.lang ul li{text-align: left; line-height: 20px; padding-left:4px;}
.lang ul li a{display: block; color: #333; font-size: 13px;}
.lang ul li a:hover{text-decoration: underline;}


/* header.on */
#header.on{background: #fff;}
#header.on #gnb::after{content:""; display: block; width: 120%; margin: 0 auto; height: 1px; background: rgba(0,0,0,0.1); position: absolute; left: -10%; top: 90px;}
#header.on .logo a.off{display: none;}
#header.on .logo a.on{display: block;}
#header.on #gnb .gnb_menu > li > a{color: #333;}
#header.on #gnb .gnb_menu > li > a:hover{color:#526DE4;}
#header.on #gnb .submenu li a{color: #333;}
#header.on #gnb .submenu li a:hover{color: #526DE4;}
#header.on .lang a{color: #333;}
/* #header.on #sitemap a.off{display: none;} */
#header.on #sitemap a.on{display: block;}
#header.on .lang > a{background: url(../images/layout/btn_lang_black.png) no-repeat 100% 50%;}
#header.on #gnb .gnb_menu > li > a.on{color:#526DE4; font-weight: 700;}


/* 전체 sitemap */
#sitemap{order:4; z-index: 100; width: 18px;}
#sitemap .ham{width: 18px; height: 14px; display: block; text-indent: -9999px; margin-top: 38px;}
#sitemap .ham:nth-child(1){background:url(../images/layout/sitemap.png) no-repeat 0 0; position: absolute; right:10px; top: 0;}
#sitemap .ham:nth-child(2){background:url(../images/layout/sitemap_on.png) no-repeat 0 0; position: absolute; right:10px; top: 0;}

/* 220803(s) */
#sitemap .sitemap_in{display: none; position: fixed; left:0; top: 0; width: 100%; height: 100%; background: #fff; padding: 120px 180px; color:#333; z-index: 11; -ms-overflow-style: none;}
#sitemap .sitemap_in::-webkit-scrollbar{display:none;}
/* //220803(e) */

.sitemap_in > ul{display: flex;}
.sitemap_in > ul > li{width: 19%; margin-right: 1%;}

/* 220802(s) */
.sitemap_in > ul > li > a{display: block; font-size: 24px; padding: 30px 20px; border-bottom: 1px solid #ddd; font-weight: 700;}
.sitemap_in > ul > li > a:hover{background: #526DE4; color: #fff; border-bottom: 1px solid #fff;}
/* //220802(e) */

.sitemap_depth02{padding: 30px 20px; letter-spacing: -0.055em;}

/* 220802(s) */
.sitemap_depth02 > li > a{display: block; font-size: 18px; padding: 10px 0; line-height: 1.5; font-weight: 700; position: relative; padding-left: 20px; color:#565656;}
.sitemap_depth02 > li > a::before{content: ""; display: block; width: 8px; height: 15px; background: #526DE4; position: absolute; left:0; top: 30%;}
.sitemap_depth02 > li > a:hover{background: #f5f5f5;}
/* //220802(e) */

.sitemap_depth03{padding: 0 20px 30px 20px; letter-spacing: -0.025em;}

/* 220802(s) */
.sitemap_depth03 > li > a{display: block; font-size: 16px; line-height: 1.75; font-weight: 500;}
/* //220802(e) */

.sitemap_depth03 > li > a:hover{color:#24429C; text-decoration: underline;}

/* 220803(s) */
#sitemap .sitemap_close{width: 32px; height: 32px; display: block; text-indent: -9999px; background:url(../images/layout/btn_x.png) no-repeat 0 0; position: absolute; right: 6%; top: 35px;}
/* //220803(e) */

/* footer */
#footer{background: #222; padding: 50px 0 60px 0; color: #ddd;}
/* 221012(s) */
.footer_wrap{width: 1200px; margin: 0 auto; display: flex; position: relative;}
.web_ac{position: absolute; right:0; bottom: 0; width: 64px;}
/* //221012(e) */
.f_logo{width: 200px; height: 38px; margin-right: 69px;}
.f_logo a{display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../images/layout/foot_logo.png) no-repeat 0 0; background-size: contain;}
.footer_in{}
/* 221012(s) */
.fnb1{display: flex; margin-bottom: 30px; margin-top: 10px; flex-wrap: wrap;}
/* 221012(e) */
.fnb1 li{position: relative; width: 40%;}
/* 220830(s) */
.fnb1 li:last-child::after{display: none;}
/* //220830(e) */
.fnb1 li a{font-size: 16px; font-weight: 500;}

/* 220802(s) */
.fnb1 li a:hover{font-weight: 700; color:#fff;}
/* //220802(e) */

.fnb1 .point a{font-weight: 600; font-size: 18px; color: #fff;}

.siteinfo{font-size: 14px;}
.siteinfo address{display: flex; margin-bottom: 10px; color: rgba(255,255,255,0.6);}
.siteinfo address em{margin-right: 21px;}
.siteinfo address span{}
.siteinfo address span a{}
.siteinfo p{color: rgba(255,255,255,0.5);}


.hdtxt{display: block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow: hidden;}

/* 220803(s) */
@media (max-width: 1500px) {
    .sitemap_in{overflow: auto;}
    #header .header_in{width: 95%;}
}
/* //220803(e) */

@media (max-width: 1200px) {
    #header .header_in{width: 100%; padding: 0 10px;}
    /* 221012(s) */    
    .web_ac{left: 50%; transform: translateX(-50%); bottom: -40%;}
    .fnb1{justify-content: center; line-height: 1.25;}
    .fnb1 .point a{font-size: 16px;}
    .fnb1 li a{font-size: 15px;}
    /* //221012(e) */
    /* 230309(s) */
    #footer{padding: 50px 0 80px 0;}
    /* //230309(e) */
}

/* 220802(s) */
@media (max-width: 528px) {
    .siteinfo address{display: block; font-size: 15px; margin: 15px 0;}
    .siteinfo address em{display: block; margin-right:0; margin-bottom: 10px;}
    /* 221012(s) */
    .web_ac{bottom: -35%;}
    .fnb1{width: 100%!important;}    
    ./* //221012(e) */
}

/* //220802(e) */