@charset "utf-8";
/*웹 브라우저 같은 프로그램(user agent)이나 스크린 리더, 맞춤법 검사기, 검색 엔진에 유용한 정보를 제공하기 위함*/
abbr,acronym{border:0;}
* {box-sizing:border-box; word-wrap: break-word; word-break:keep-all;}

body{position:relative; font-family:  'Pretendard' , 'Roboto', 'Noto Sans KR',  sans-serif ;  width:100%; padding:0px; ;color:#222;  font-size: 1.6rem !important; overflow-x:hidden;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block; box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; box-sizing:border-box;}
address,caption,cite,code{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;}
ol,ul,li{ list-style:none; }
a:visited, a:link, a:active, a:hover{color:inherit;text-decoration:none; ; border:none;}
.wrap{font-family: 'Pretendard', 'Roboto' ; /* letter-spacing: -0.05rem */}
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
::after, ::before { box-sizing: border-box; }
::selection {background:#009299; color:#fafafa;}

.white{color:#fff;}
.blind{display:none;}



iframe {display:block;}
.youtube {position:relative; width:100%; padding-bottom:56.25%; margin-bottom:2rem;}
.youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.mobonly {display:none;}
.comonly {display:inline;}
.voice {position:absolute; left:9999px;}

.blue{color:#2d86f4;}
.pc_space{display:block;}
.h_100{height: 100%;}
.inner{position: relative;margin: 0 auto;z-index: 5;}
.sect-wrap{max-width: 1320px; padding:0 20px;margin: 0 auto;}
.section{/* overflow: hidden; */position: relative;}
.sec_con{padding: 0 150px;}
.mo{display: block;transition: 0.8s;}
.mo_up{transform: translate(0,100%);}
.mo_left{transform: translate(-100%,0);}
.mo_right{transform: translate(100%,0);}
.mo_fade{transition: 0.6s;opacity: 0;}
.mo1{transition-delay: 0.4s;}
.mo2{transition-delay: 0.8s;}
.mo3{transition-delay: 1.2s;}
.com .mo_up{transform: translate(0,0);}
.com .mo_fade{opacity: 1;}
.com .mo_left{transform: translate(0,0);}
.com .mo_right{transform: translate(0,0);}

.w_100{width: 100%;}
.w_50{width: 50%;}
.w_30{width: 30%;}
.w_5{width: 5%;}

.img100 img{width:100%;}

/* h1 {font-size:4rem;}
h2 {font-size:3rem;}
h3 {font-size:2rem;}
h4 {font-size:1.75rem;}
h5 {font-size:1.5rem;}
h6 {font-size:1.25rem;}
p {font-size:1.6rem;}*/
.big {font-size:1.125em; line-height:1.7em;}
b {color: #e62129;}
i {font-style:normal;}

em {font-style:normal;}
dl::after {display:block; clear:both; content:'';}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}

.f-left {float:left;}
.f-right {float:right;}

.row::after {display:block;content:'';clear:both;}
.row > .col {float:left}
.half > .col {width:50%;}
.third > .col {width: 33.333%;}
.quarter > .col {width:25%;}
.fifth > .col {width:20%;}
.sixth > .col {width: 16.66667%;}

.row > li {float:left ; width:100%;}
.half > li {width:50%;}
.third > li {width: 33.333%;}
.quarter > li {width:25%;}

.imgbox > img {display:block; max-width:100%;}


.more {border-bottom:1px solid #333 !important; font-size:14px; padding:0.5rem 0.2rem;  color:#333 !important; display:inline-block;  margin-top: 1.5rem; transition:0.3s all; background:white; }
.more:hover {padding:0.5rem 1rem; }
.lazy-load img {opacity:0;}
.trans {position: relative; overflow: hidden;animation: imgbox 1s ease-in-out forwards;}
.trans img {overflow: hidden; opacity: 0;animation: img 1s ease-in-out forwards;}
.trans:before {content: ''; position: absolute; left: 0; right: 0; height: 100%; z-index: 10;background: #e00032; transform: translateX(-100%);animation: img_before 1s ease-in-out forwards; z-index: 2;}

@keyframes imgbox {
	0% {box-shadow:none;}
	50% {box-shadow:none;}
	50.001% {box-shadow: 5px 5px 20px rgba(0,0,0,0);}
	100% {box-shadow: 5px 5px 20px rgba(0,0,0,0.3);}
}



.blacked {color:#333; border-color:#333; }
/* fade */

/*header*/
nav.computer h1 a {background: url(../images/logo-w.png);}
nav.computer{position: fixed; background:none; border-bottom:none;}
nav .gnb > li,
nav.computer .menus li, nav.mob .menus li{color:#000;}
.hamburger-menu-button-open, .hamburger-menu-button-open::before, .hamburger-menu-button-open::after{background:#fff;}
header .gnb_bx .wrap .gnb_wrap .depth01{color:#000;}
nav.computer .menus li:nth-child(2)::before{background: #fff;}

/*header -on*/
header.on{background:#fff;}
header.on nav.computer h1 a {background: url(../images/logo-c.png);}
header.on nav.computer{position: fixed; background:#fff; border-bottom:1px solid #ddd;}
header.on nav .gnb > li,
header.on nav.computer .menus li, header.on nav.mob .menus li{color:#333;}
header.on .hamburger-menu-button-open, 
header.on .hamburger-menu-button-open::before, 
header.on .hamburger-menu-button-open::after{background:#333;}
header.on .gnb_bx .wrap .gnb_wrap .depth01 { color: #333; }
header.on nav.computer .menus li:nth-child(2)::before{background:#333;}





/* nav */
nav.computer, nav.mob {position: fixed; left:0; top:0; width:100%; z-index:999; transition:0.3s all; background:#fff; height:95px;  border-bottom: 1px solid rgba(255,255,255,.2);color:#333; border-bottom: 1px solid #ddd;}
nav.computer .header-wrap , nav.mob .header-wrap {max-width:1460px; margin:0 auto; width:100%; padding:0 20px; position:relative;/*  display:flex; */}
nav.computer .menus, nav.mob .menus {float:right; padding-top:2.2rem; transition:0.3s all; position:absolute; top:0; right:15px;}
nav.computer .menus li, nav.mob .menus li {float:right; padding-left:1rem; padding-top:2px; transition:0.3s all; line-height: 95px;}
nav.computer .menus li:nth-child(2){margin-left: 1rem; margin-right:1rem;}
nav.computer .menus li:nth-child(2)::before{content: ''; background: #333; width: 1px; height: 16px; display: inline-block; left: -10px; position: relative; top: 3px;}
nav.computer h1, nav.mob h1 {/* float:left;transition:0.3s all; position:relative; */}
nav.computer h1 a{background:url("../images/logo.png"); position:relative; margin:22px auto 0; background-size: cover; width: 190px; height: 48px; display: block;}
nav.computer .gnb {max-width:1100px; margin:0 auto; margin-left:310px; letter-spacing:0; transition:0.3s all; height: 95px;}
nav .gnb>li {float:left;  letter-spacing:0; font-size:16px; position:relative; transition:0.3s all; width:140px; text-align:center; color:#010101;line-height:95px; font-weight:600;}
nav.computer .gnb > li:hover{background:#0e73c6;}
nav.computer .gnb > li:hover a{color:#fff;}
nav.computer .depth2 {display:none; position:absolute; left:50%; transform:translateX(-50%);}
nav.computer .gnb li > .depth2 {position:absolute; top: 100%; line-height: 1.3em; display:none; padding-top: 20px;color:#666; z-index:9999;}
nav.computer .gnb li > .depth2>li {float:none; padding:0.5rem 2rem; position:relative; text-align:center; color:#e00032; white-space:nowrap;display:none;}
nav .gnb li .depth2>li>a {color:#333 !important; line-height: 1rem; font-weight:400; font-size: 1.5rem; display:inline; width:auto; overflow:hidden; text-align:center;}

nav.computer .snb-bg {position:absolute; top:95px; width:100%; height: 220px; background:white; z-index:0; display:none; top:95px; border-top: 1px solid #ddd; background:#fff; border-bottom:1px solid #ddd;}
nav.computer.on .gnb li {color:#333;}
nav.computer.on .menus li, nav.mob .menus li {color:#333;}
nav.computer.on::before {position:absolute; z-index: 10; background:#e8e8e8; width:100%; height:1px; top:0; left:0; display:block; content:'';}
nav.computer.on .gnb li > .depth2 li {display:block;}

.menus {float:right;}
.computer.scrolled { background:white; border-bottom: 1px solid #ddd;}
.computer.scrolled .menus {padding-top: 1.6rem;}
.computer.scrolled .gnb li {padding: 1.6rem 2rem;}
.computer.scrolled h1 {font-size:3rem;}
.mob {display:none;}

nav.computer.scrolled .menus .hamburger-menu-button-open {background:#333;}
nav.computer.scrolled .menus .hamburger-menu-button-open::before {background:#333;}
nav.computer.scrolled .menus .hamburger-menu-button-open::after {background:#333;}

/* dep3 */
nav .gnb .dep3>li{margin:7px 20px;font-size:14px;font-weight:400;line-height:1.1;}
nav .gnb .dep3>li>a{display: block;color:#444 !important;}
.toggle-menu .dep3{display:none;}
.toggle-menu a{ cursor:pointer;position:relative;}
.toggle-menu > a:after { content: " "; display: block; position: absolute; right:-30px; top: 22px; margin-top: -15px; width: 10px; height: 6px; background: url(../images/side_arrow.png) no-repeat; z-index: 20; background-size: contain; }
.toggle-menu.active >a:after {
	opacity:1;visibility:visible;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}



/* menuScreen */

#menuScreen {position:fixed; top:0; left:100%; right:0; bottom:0; background: #222; z-index:9999;transition:0.5s all; width:100%;}
#menuScreen::after {clear:both; content:''; display:block;}
#menuScreen .menubg {width:35%; height:100%; background:url(../images/menubg.jpg) no-repeat center center; float:left;}
#menuScreen .menubox {width: 65%; height:100%; float:left; padding:8rem;position:relative;}
#menuScreen .menubox .gnb > li {width:30%; font-size:24px; color:#fff; float:left; padding-bottom: 3rem; height:320px; position:relative;}
#menuScreen .menubox .gnb > li::before {width:5px; height:5px; position:absolute; background:#e00032; content:''; display:block; left: -7px; top:-7px;}
#menuScreen .menubox .gnb .depth2 {font-size: 15px; color:#bbb; padding-top: 1rem; line-height:2rem;}
#menuScreen .menubox .gnb .depth3 {font-size:16px; color:#999; padding: 0 0.5rem; padding-bottom: 0.5rem;}
#menuScreen .menubox .gnb a{transition:0.5s all;}
#menuScreen .menubox .gnb a:hover {color:#e00032;}
#menuScreen .menubox .menu_close {position:absolute; right:2rem; top:2rem; width:7rem; height:7rem; text-align:center; background:#333; color:transparent;}
#menuScreen .menubox .menu_close span {display:inline-block; position:relative; margin-top:28%; width:2.5rem; height:2.5rem; color:#333;}
#menuScreen .menubox .menu_close span::before, #menuScreen .menubox .menu_close span::after {content:''; display:block; position:absolute; left:0; width:100%; border-bottom:0.1rem solid #fff;}
#menuScreen .menubox .menu_close span::before {top: 50%; transform:rotate(-45deg);}
#menuScreen .menubox .menu_close span::after {top: 50%; transform:rotate(45deg);}
#menuScreen .menubox .call {background:#444; padding:3rem; color:#fff; font-size:1rem; line-height: 2rem; position:absolute; right:2rem; bottom:2rem; padding-top:2rem; z-index: 999;}
#menuScreen .menubox .call svg {width:1rem; height:1rem; margin-right:0.5rem;}
#menuScreen .menubox .call dt, #menuScreen .menubox .call dd {float:left;}
#menuScreen .menubox .call dl::after {clear:both; content:''; display:block; }
#menuScreen .menubox .call dd {font-weight: 300; color:#ccc;}
#menuScreen .menubox .call dt {width: 8rem;}
#menuScreen h4 {font-size:24px; color:white;padding:0; padding-bottom:1rem; text-align:left;}
#menuScreen .menubox .gnb .depth3{display:none;}
#menuScreen .menubox .lang li {float:right;padding-right: 10px;}


.overlay { position: fixed; width: 100%; height: 100vh; background: #0f0f0f; z-index: 1; opacity: 0; transition: 0.3s all ease-in; visibility:none; display:none;}
.overlay-on { opacity:1; display:block; }
.overlay ion-icon { position: fixed; right: 0; margin: 2em; color: white; }
.overlay ul { text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); list-style: none; }
.overlay ul li { font-size: 84px; }

/* hamburger menu */
.hamburger-menu-button { width: 30px; height: 40px; display: block; position: relative; z-index: 100; background: transparent; border: 5px solid transparent; box-sizing: content-box; border-radius: 50%; text-indent: 100%; color: transparent; white-space: nowrap; cursor: pointer; }
.hamburger-menu-button-open { top: 50%; margin-top: -1px; left: 50%; margin-left: -30px; }
.hamburger-menu-button-open, 
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after { position: absolute; width: 35px; height: 2px; background: #333; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after { left: 0; content: ""; }
.hamburger-menu-button-open::before { top: 8px; }
.hamburger-menu-button-open::after { bottom: 8px; }
.hamburger-menu-button-close { background: transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.hamburger-menu-button-close::before { -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); }
.hamburger-menu-button-close::after { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); }


.language{width: 80px; height: 44px; overflow: visible; float: right; top: 30px; position: relative; right: 15px;}  
.language ul{display: block;position: relative; border:1px solid #DFE0E8;border-radius: 22px;padding: 10px 20px; font-size: 14px;text-transform: uppercase;font-weight: 500; line-height:1;}
.language ul::before{content: "\e942";position: absolute;top:10px ; right:20px;font-family: 'xeicon' !important}
.language li{width: 100%;}
.language li a{display: block;}
.language li:last-child a{margin-top:5px;}
.language li:not(.active){display: none;}
.language ul:hover li{display: block !important;}


/* 사이드 메뉴 */
html.side_menu,
body.side_menu{overflow:hidden}
#side_mask{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;opacity:0;visibility:hidden}
#side_mask.active{opacity:1;visibility:visible}
#side_menu{position:fixed;left:0;top:0;bottom:0;max-width:100%;width:100%;background:#fff;z-index:1010;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;
	-webkit-transform: translateX(100%);
   	-o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
	transition: 0.2s all;
	z-index: 9999;
}
#side_menu.active{opacity:1;visibility:visible;
	-webkit-transform: translateX(0);
   	-o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
#side_menu .side_top{position:relative; height:65px; margin: 0 auto; width:100%; padding:0 20px; width:1460px; }
#side_menu h1 {padding: 20px; padding-left:7px;}
#side_menu .side_top a,
#side_menu .side_top .img{display:block; max-width:278px;}
#side_menu .side_top .btn_close{display:block;position:absolute;right:-30px;top:-4px;width:96px;height:90px;text-indent:-9999px;background:url("../images/side_close.png") no-repeat center center;z-index:20}
#side_menu .side_lang{ height:150px}
#side_menu .side_lang .title{height:35px;font-size:20px;color:#fff;font-weight:700}
#side_menu .side_lang .lang_list{height:60px}
#side_menu .side_lang .lang_list li{float:left;padding:0 40px;background:url("../img/icon/lang_line.png") no-repeat left center}
#side_menu .side_lang .lang_list li:first-child{padding-left:0;background:none}
#side_menu .side_lang .lang_list a{display:block;height:30px;line-height:30px;font-size:17px;color:#bdbdbd;font-weight:700}
#side_menu .side_lang .lang_list .active{color:#3e3e3e}
#side_menu .gnb_wrap{padding:0 30px;margin-bottom:60px}
#mob {display:none; width:100%;}

/* gnb */

#side_menu .btn_wrap{padding:0 20px 20px 20px}
#side_menu .btn_inquiry{display:block;height:60px;line-height:60px;text-align:center;font-size:23px;color:#3e3e3e;font-weight:700px;border:3px solid #3a3a3a;border-radius:10px}
#side_menu .sns li {float:left; margin-right: 10px;height:60px; padding-top: 15px; }
#side_menu p.title {font-size: 20px; font-weight: 700; height:35px; padding-top: 10px; margin-bottom: 10px;line-height:35px; }


/*side-menu*/
.all-nav-wrap{background-color:rgba(26,26,26,0.98); position:fixed; left:0 ;top:0;top:80px;bottom:0; right:0; z-index:9999; overflow-y:auto;}
.all-nav-wrap .all-nav-inner{position:relative;}
.all-nav-wrap .all-nav{position:relative; width:1396px; margin:0 auto; }
.all-nav-wrap .all-nav dl + dl{border-top:1px solid #373737;}
.all-nav-wrap .all-nav dl{display:flex; padding:48px 0; text-align:left;}
.all-nav-wrap .all-nav dl dt{width:224px; font-size:20px; font-weight:500; text-indent:45px; color: #0E9CFF;}
.all-nav-wrap .all-nav dl dd{width:1172px; position:relative;}
.all-nav-wrap .all-nav dl.m6 dd{width: 474px;}
.all-nav-wrap .all-nav dl.m6 dd:first-of-type{ position: relative; }
.all-nav-wrap .all-nav dl.m6 dd:first-of-type::after{ content: ""; display: block; width: 1px; height: 40px; background: #333; position: absolute; right: 0; top: -5px; }
.all-nav-wrap .dep2{display:flex; width:100%;}
.all-nav-wrap .dep2 > li > a{display:block; padding-left:20px;color:#fff; font-size:18px; position:relative;}
.all-nav-wrap .dep2 > li > a:before{position:absolute;left:0;top:6px; display:block;width:6px;height:6px;content:''; background-color:#0E9CFF;}
.all-nav-wrap .depth3 > li > a{color:#fff;}
.all-nav-wrap .dep3{padding:10px 0 0 20px; color: #fff; font-size: 16px;}
.all-nav-wrap .dep3 a{color:#aaa; font-size:16px; line-height:1.5em; padding:5px 0; display:block; margin-left: 5px;}
.all-nav-wrap .dep3 a:hover{color:#fff;}
.all-nav-wrap .dep2 > li{width:200px;}
.all-nav-wrap .dep2 > li:nth-child(2){width:174px;}
.all-nav-wrap .m3 .dep2 > li:nth-child(5){width:158px;}
.all-nav-wrap .m3 .dep2 > li > a{height:40px;}
.all-nav-wrap .all-snav a:hover{color:#fff;}
.all-nav-wrap .slimScrollBar{background-color:rgba(255,255,255,0.5) !important;}


/*footer*/
footer{background:#212121;padding:50px 0;position:relative;top:95px;}
.foot-logo{width:197px; height:74px; margin-bottom:30px;}
footer .sect-wrap>div{display:flex;justify-content:space-between;}
.address div{margin-bottom:13px;}
.address p, .copywrite{color:#d8d8d8; font-size:16px; font-family:"NanumSquare", 'Pretendard' , 'Roboto', 'Noto Sans KR',  sans-serif ;}
.address p span{font-weight:700;}
.address p span.pd-left{display:inline-block; padding-left:20px;}
.call_center p{color:white; font-weight:700; text-align:end;}
.call_center p.c_txt{font-size:24px; margin-bottom:20px;}
.call_center p.c_number{font-size:34px; }
.foot-top{margin-bottom:40px;}
.foot-bottom{border-top:1px solid #d8d8d8; padding:20px 0 20px;}
.foot-info{display:flex; gap:20px;}
.foot-info li{font-size:16px; color: #d8d8d8;position:relative; font-weight:700;}
.foot-info li:first-child::after{content:"";display:inline-block;width:1px; height:15px; background: #d8d8d8; position:absolute;top:0;right:-11px;}

.sub-board #bo_vc footer{background:transparent;}


@media screen and (max-width: 1500px){
    header{padding: 0 20px;}
	nav.computer .header-wrap , nav.mob .header-wrap{max-width:100%;}

}


@media screen and (max-width: 1450px){ 
	 header .head_gnb .dep1 {padding-left: 140px; } 
    .sect-wrap{width:100%; padding:0 10px;}

	nav.computer .gnb{max-width:80%;}
	
}

/*respond*/

@media all and (max-width: 1320px ) { 
	header .gnb_bx .wrap .gnb_wrap .depth01{width:150px;} 
	#side_menu .side_top{width:100%; max-width:100%;}
	#side_menu .side_top .btn_close{right:0px;}

	nav .gnb > li{width:120px; font-size:16px;}
	nav .gnb li .depth2 > li > a{font-size:14px;}

	.computer .menus {display:block}
	nav.computer .header-wrap {padding: 0 2rem;}
	nav.computer .gnb {margin-left:350px;}
	.computer .header-wrap {padding: 0 1.5rem;}
	.computer  .mobile-nav { position:absolute; right: 0; left:auto; top:15px; }
	.mob  .mobile-nav a {padding: 0; color:#333;}
	 mob  span.lines {width: 22px; height:2px; background:white; display:inline-block;position:relative;}
	.mob  .mobile-nav span::before, header .mobile-nav span::after {width:22px; height: 2px; background:#fff; position:absolute; top: -7px; content:''; transition:0.3s all;}
	.mob  .mobile-nav span::after {top: 7px;}
	.mob  .mobile-nav:hover span::before {top:-5px;}
	.mob  .mobile-nav:hover span::after {top:5px;}*/
	.mob .gnb { width: 320px; background:white; position:fixed; top:0; height:100%; min-height:100%; max-width:100%; z-index:9999;  overflow: hidden; right:0; padding: 50px 30px 0;}
	.mob .gnb > li ul li {display:none;}
	.mob .gnb > li {text-align:left; text-shadow: none; width: auto;float:none; color:#333; padding: 1.2rem 0; font-size: 16px; font-weight:600; border-bottom: 1px solid #ededed;}
	.mob .gnb > li:last-child {border-bottom: 0;}
	.mob .gnb .close {position:absolute; top:0; right:0; width: 30px; height:30px; background:#e00032; text-align:center;}
	.mob .gnb .close span {transform:rotate(45deg);}
	.mob .gnb .close span::before {content:''; width:22px; height:2px; background:#fff; transform:rotate(-90deg);display:block;}
	.mob .gnb .language li {display:inline-block; float:left; padding-right: 0.5rem; padding-bottom: 1rem; width:37px; }

	.sect-wrap{width:100%; padding:0 20px;}
}

@media screen and (max-width:1280px){ 
	nav.computer .gnb {margin-left:280px; max-width:915px;}
	nav .gnb>li{width:115px;} 
}

@media screen and (max-width: 1080px){
	/* nav.computer h1 a{width:212px; height: 38px; margin-top:25px;} */
	nav.computer .header-wrap{justify-content:space-between; align-items:center;}
	nav.computer .menus, nav.mob .menus{padding-top:1.5rem;}
	nav .gnb, nav.computer .gnb{display:none;}
}

@media screen and (min-width: 1025px){  
	header:hover::before{opacity:1;}
	header:hover .head_gnb .dep1 > li > a{color:#1a1a1a;}
	header:hover .menu .lang li a span{color: #1a1a1a;}
	header:hover .menu .lang li.on a{background:#424242;}
	header:hover .menu .lang li.on a span{color:#fff;}
	header:hover .menu .menu_btn button span{background-color: #0138bd;}
	header .head_gnb .dep1 > li:hover > a span::before{width:100%;left:0;}
	header.nav_on{height:80px;}
}

@media screen and (max-width: 1024px){
    header{height: 80px;}
	nav.computer, nav.mob{height:80px;}
	header h1 a { width: 160px; height: 35px; }
	header::before{display:none;}
	header .inner{height:100%;}
    header .menu .lang li a{width: 30px;height: 30px;}
    header.nav_on h1{display: block;}
	nav .nav_wrap{display: block;padding-top: 30%;padding-bottom: 50px;overflow-y: auto;}
}

@media screen and (max-width: 980px){
	nav.computer .header-wrap{max-width:100%;}
}

@media screen and (max-width: 820px){ 
	nav.computer h1 a{margin-top:22px;}
	nav.computer .menus, nav.mob .menus{padding-top:15px;}
	.all-nav-wrap .all-nav{width:100%;}
	.all-nav-wrap .all-nav dl dt{margin-right:50px;}
	.all-nav-wrap .dep2{display:block;}
	.all-nav-wrap .dep2>li{margin-bottom:15px;}
}


@media screen and (max-width:768px){ 
	.pc_space{display:inline-block;}
	footer .f-left,.footer-top .f-right{float:none;}
	
	 
}

@media screen and (max-width:500px){ 
	.pc_space{display:inline;}
	footer .sect-wrap{text-align:center;}
	footer .sect-wrap>div{display:block;}
	.address p{text-align:center; font-size:15px;}
	.call_center{margin-top:20px;}
	.call_center p{display:inline-block;}
	.call_center p.c_txt{margin-right:15px;}
	footer .foot-bottom{position:relative;}
	.foot-info{position:absolute; bottom:100px; left:50%; transform:translateX(-50%);}
	.copywrite{font-size:14px;}
}

@media screen and (max-width:430px){ 
	/* nav.computer h1 a{width:172px; height:31px; margin-top:27px;} */
	#side_menu .side_top .img{max-width:172px;margin-top:8px;}

	/* .foot-logo{width:242px; height:49px;} */
	.foot-top{margin-bottom:50px;}
	.foot-info{bottom:120px;}
	.address p{font-size:14px;}
	.call_center p.c_txt{font-size:18px;}
	.call_center p.c_number{font-size:20px;}
}