/* s:헤더 */
#header { position:relative; top:0; left:0; width:100%; z-index:9999999;} 
#header .allBtn img {width:36px;}
#header .top_bn, #header .top_bn img { width:100%; } 
#header .topBox { padding:30px 0; display:flex; flex-direction:row; justify-content:space-between; } 
#header .topBox h1 img { width:296px; } 
#header .topBox ul { } 
#header .topBox >ul >li:not(:last-child) { margin-right:17px; padding-right:17px; position:relative; } 
#header .topBox >ul >li:nth-child(1):after { content:''; width:2px; height:17px; background-color:#f5f5f5; position:absolute; top:50%; transform:translateY(-50%); right:0; } 
#header .topBox #allBtn {display:none;}
#header .topBox ul li a { font-size:16px; font-weight:400; color:#32302f; } 
#header .siteLink { position:relative; z-index:999;} 
#header .siteLink::after { display:none; } 
#header .siteLink p { line-height:1; padding:0 25px; height:45px; line-height:45px; border-radius:30px; background-color:#32302f; font-size:16px; font-weight:500; color:#fff; cursor:pointer; } 
#header .siteLink p i { font-size:17px; margin-left:15px; position:relative; top:1px; } 
#header .siteLink ul { position:absolute; top:45px; display:none; width:100%;} 
#header .siteLink ul.on { display:block; } 
#header .siteLink.on p i { transform:rotate(180deg); } 
#header .siteLink ul li { background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; box-sizing:border-box; text-align:center;  display:flex; flex-direction:column; justify-content:center; align-items:center;}  
#header .siteLink ul li a { display:block; height:56px; line-height: 56px; width:100%;font-size:15px; font-weight:400; color:#333; } 
#header .siteLink ul li:hover { background-color:#333; } 
#header .siteLink ul li:hover a { color:#fff; } 

#header #nav { width:100%; height:80px;  border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; box-sizing:border-box; } 
#header #nav .inner {height:100%;}
#header #nav .list >li { margin-right:60px; } 
#header #nav .list >li a { font-size:18px; font-weight:300; color:#000000; line-height:1;} 
#header #nav .list >li a i { font-size:0.9em; position:relative; top:1px; margin-left:10px; } 
#header #nav .list .tit.on {color:#2b68e5;}
#header #nav .list .tit.on i {transform:rotate(180deg);}
#header #nav .list li { position:relative; } 
#header #nav .list ul { position: absolute; top:50px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; min-width: 185px; background-color: #fbfbfb; border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; border-bottom: 1px solid #fafafa; box-sizing: border-box; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); } 
#header #nav .list ul li {text-align:center;}
#header #nav .list ul li:hover {background-color:#2b68e5;}
#header #nav .list ul li:hover a {color:#fff;}
#header #nav .list ul li:not(:last-child) {border-bottom:1px solid #e7e7e7; box-sizing:border-box;}
#header #nav .list ul li a {display:block; padding:18px 0; font-size:17px; font-weight:300; color:#333;}
#header #nav .list ul.on { display:block; } 
#header #nav .list ul { display:none; }
#header #allBtn {background-color:transparent;}

#header.active #nav {position:fixed; top:0; left:0; z-index:9999; background-color:#fff; box-shadow:4px 2px 20px rgba(0,0,0,0.1);}

body.no-scroll {overflow:hidden;}
#gnb {position:fixed; top:0; right:0; z-index:9999999999;}
#gnb.on::after {display:block;}
#gnb::after {content:''; display:none; width:100%; height:100vh; background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:-1;}
#gnb.on .gnb_wrap {transform:translateX(0%); transition:all 0.6s; opacity:1;}
#gnb .gnbTopBox {align-items:center;}
#gnb #logoBox02 {align-items:center;}
#gnb #logoBox02 a img {width:300px;}
#gnb #gnb_close {background-color:transparent; font-size:26px; position:absolute; right:30px; top:35px;}
#gnb #gnb_close i {color:#000;}
#gnb .gnb_wrap {width:720px; height:100%; padding:35px 30px; background-color:#fff; position:fixed; top:0; right:0; z-index:99999; transform:translateX(100%); overflow-y:scroll; opacity:0;}
#gnb .gnb_wrap::-webkit-scrollbar { width:1px; -webkit-transition: all 300ms; transition: all 300ms;}
#gnb .gnb_wrap::-webkit-scrollbar-track { width:10px;background-color:#ddd; }
#gnb .gnb_wrap::-webkit-scrollbar-thumb {height:5%; background:#fff; background-clip: padding-box; border:2px solid transparent; border-radius: 8px; }
#gnb .gnb_left, 
#gnb .gnbTopBox {display:none; }
#gnb.on .gnb_left {display:block;}
#gnb.on .gnbTopBox {display:flex;}
#gnb .gnb_left{ width:100%; margin: 0 auto; margin-top:60px; text-align:left; }
#gnb .gnb_left > li > a { display:block; font-family:var(--NotoSans); font-size:18px; font-weight:300; color:#000; padding:18px 0; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
#gnb .gnb_left > li > a.on {color:var(--color01); font-weight:600; border-bottom:1px solid var(--color01);}
#gnb .gnb_left > li > a > span { display:block; width:25px; float:right; text-align:center;}
#gnb .gnb_left > li > a > span::after {content: "\e942"; font-family: 'xeicon' !important; font-size:20px;}
#gnb .gnb_left > li > a > span.on::after {content:"\e945"; font-weight:400;}
#gnb .gnb_sub li a {font-family:var(--NotoSans); font-size:16px; font-weight:400; color:#333; padding:10px 0; display:block;}
#gnb .gnb_sub li a.on {color:var(--color01);}
#gnb .gnb_sub li a:hover {color:var(--color01); }
#gnb .gnb_left > li:nth-child(1) > a {padding-top:0;}
#gnb .gnb_left ul { display:none; margin:15px 0;}
#gnb .gnb_left ul.on {display:block;}
#gnb .sidemenuMo {margin-top:30px; align-items:center;}
#gnb .sidemenuMo >li:not(:last-child) {margin-right:15px;}
#gnb .sidemenuMo li a:hover i {color:var(--color01); opacity:1;}
#gnb .sidemenuMo li a i {font-size:30px; color:#333; opacity:0.3;}
#gnb .sidemenuMo li:nth-child(2) a i {position:relative; top:0.5px; font-size:31px;}
#gnb .globalLink {margin-top:40px;}
#gnb .globalLink li {margin-right:15px;}
#gnb .globalLink li.active a {font-weight:600; color:var(--color01); border-bottom:1px solid var(--color01); box-sizing:border-box;}
#gnb .globalLink li a {display:block; font-size:16px; font-weight:400; color:#919191; line-height:1.2;}
#gnb .globalLink li:hover a {color:var(--color01);}


#gnb .gnb_left > li > a.active {color:var(--color01); font-weight:600; border-bottom:1px solid var(--color01);}
#gnb .gnb_left > li > a > span.active::after {content:"\e945"; font-weight:400;}
#gnb .gnb_left .gnb_sub.active {display:block;}
#gnb .gnb_left .gnb_sub li.active a{color:var(--color01); }

@media screen and (max-width:1200px) {
    #header.active .topBox {position:fixed; top:0; left:0; z-index:9999; background-color:#fff; box-shadow:4px 2px 20px rgba(0,0,0,0.1);}
    #header .topBox {width:calc(100% - 40px); padding:20px; border-bottom:1px solid #ebebeb;}
    #header #nav {display:none !important; position:relative;}
    #header .topBox ul {display:none !important;}
    #header .topBox #allBtn {display:block;}
    #gnb .gnb_wrap {width:calc(100% - 40px); padding:30px 20px;}
    #gnb::after {display:none !important;}
}
@media screen and (max-width:680px) {
    #header .topBox h1 img {width:220px;}
    #header .siteLink ul li {height:40px;}
}
@media screen and (max-width:480px) {
    #header .topBox h1 img {width:200px;}
}
@media screen and (max-width:380px) {
    #header .topBox h1 img {width:180px;}
}
@media screen and (max-width:480px){
    #gnb #logoBox02 a img {width:180px;}
    #gnb #gnb_close {top:30px;}
    #gnb .gnb_wrap {padding:35px 20px; width:calc(100% - 40px);}
}

/* e:헤더 */

/* s:푸터 */
#footer {background-color:#32302f; padding:80px 0 95px 0;}
#footer .logo {margin-right:180px;}
#footer .logo img {width:375px;}
#footer .address {font-size:18px; font-weight:300; color:#fff; margin-bottom:20px; letter-spacing:-0.7px;}
#footer strong {font-weight:700; display:inline-block; padding-right:14px;}
#footer ul {border-bottom:1px solid rgba(255,255,255,0.5); box-sizing:border-box; padding-bottom:20px; margin-bottom:20px;}
#footer ul li strong {padding-right:12px;}
#footer ul li:not(:last-child) {margin-right:32px;}
#footer ul li a, #footer ul li p {font-size:20px; font-weight:300; color:#fff; letter-spacing:-1px;}
#footer .desc {font-size:14px; font-weight:300; color:#fff; opacity:0.5;} 
#footer .topBtn {width:55px; height:55px; border-radius:22px; background-color:#d6d6d5; position:fixed; right:20px; bottom:38px;}
#footer .topBtn img {width:16px;}

@media screen and (max-width:1440px) {
    #footer .topBtn {width:50px; height:50px; bottom:20px; right:20px; border-radius:18px;}
    #footer .topBtn img {width:14px;}
}
@media screen and (max-width:1200px) {
    #footer {padding:40px 0 45px 0;}
    #footer .inner {display:block;}
    #footer .logo {margin-right:0; display:block; text-align:center; margin:0 auto 30px auto;}
    #footer .infoBox {display:flex; flex-direction:column; justify-content:center; align-items:center;}
}
@media screen and (max-width:680px) {
    #footer .logo img {width:180px;}
    #footer .address {font-size:16px;}
    #footer strong {padding-right:10px;}
    #footer ul li a, #footer ul li p {font-size:18px;}
    #footer ul li strong {padding-right:3px;}
}
@media screen and (max-width:580px) {
    #footer .logo img {width:180px;}
    #footer .address {font-size:14px;}
    #footer strong {padding-right:3px;}
    #footer ul li:not(:last-child) {margin-right:23px;}
    #footer ul li a, #footer ul li p {font-size:16px;}
}
@media screen and (max-width:480px) {
    #footer .address strong {display:inline-block;}
    #footer ul li a, #footer ul li p {font-size:14px;}
    #footer ul li:not(:last-child) {margin-right:21px;}
}
@media screen and (max-width:420px) {
    #footer .address {text-align:center;}
    #footer ul {flex-wrap:wrap; justify-content:center;}
}
/* e:푸터 */