@charset "utf-8";

/* mobile gnb ani */
@-webkit-keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.04em; line-height:1.5; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:16px; }
.container {	width:100%;	position:relative; 	margin:0 auto;	}
.inner {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}
.m-inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}

/* 타블렛 가로 */
@media all and (max-width:1399px) {	
.m-inner {width:96%;}
}
@media all and (max-width:1199px) {	
.inner {width:100%;}
.s-inner {width:96%;}
}

@media all and (max-width:976px) {
	#wrap { font-size: 15px; } 
}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	/*#content, .inner {width:95%;}*/
	#wrap { font-size: 14px; } 
}

@media screen and (max-width:640px) {
	#wrap { font-size: 2vw; }
}

@media screen and (max-width:568px) {
	#wrap { font-size: 2.2vw; }
}

@media screen and (max-width:480px) {
	#wrap { font-size: 2.5vw; }
}






/*Header*/
#header {width:100%; position:fixed; min-width:320px; top:0; height:95px; z-index:500; box-sizing:border-box; }
h1.logo {position:absolute;left:25px;top:14px; z-index:700;}
h1.logo a {display:inline-block; width:100px; height:70px; line-height:0; vertical-align:top;  background:url("/images/common/logo_250829.png") no-repeat left center; text-indent:-9999px;}


.t-btn {position:absolute; top:0; right:0;  z-index:700;}
.t-btn li { float: left;   }
.t-btn li a { font-size: 0; height: 95px; width: 95px; display: block;  }
.t-btn li.t-menu { background: #3a3a3a url("/images/common/allmenu.png") no-repeat left center; background-size: 100% auto;}
.t-btn li.t-witch { background: #fff url("/images/common/toygo.png") no-repeat left center; background-size: 100% auto; }



#gnb {position:absolute; top:0; left:0; width:100%; text-align:center;  z-index:501; font-family: 'Noto Sans KR', 'Noto Sans Korean';}
#gnb ul li {display:inline-block; vertical-align:top; box-sizing:border-box; width: 160px; }
#gnb ul li a {position:relative; display:block; color:#000;  }
#gnb ul li a.menu1 {  height:95px; line-height:95px; font-weight: 300; font-size: 1.05em; font-family: 'Roboto', sans-serif; background: url("/images/common/gnb_dot.png") no-repeat left center;}
#gnb ul li a.menu1:hover { color:#3a3a3a; font-weight: 400; }
#gnb ul li ul {opacity:0}
#gnb ul li:first-child a.menu1 { background: none; }

#header.hopen {  background:url(/images/common/gnbBG.png) repeat-x top;}
.hopen h1 a {background:url("/images/common/logo_250829.png") no-repeat left center;}
.hopen #gnb ul li a {color:#3d3d3d}
.hopen #gnb ul li.on a.menu1:after {content:""; display:block; position:absolute; left:50%; margin-left:-45px; top:68px; border-bottom:2px solid #000; width:90px; }
.hopen.scroll #gnb ul li.on a.menu1:after {display:none;}
.hopen.scroll #gnb.open ul li.on a.menu1:after {display:block;top:48px;}
.hopen #gnb ul li ul {padding-top:25px; }
.hopen #gnb ul li ul li {width:100%; padding:0; margin-bottom:15px;}
.hopen #gnb ul li ul li:last-child {margin-bottom:0}
.hopen #gnb ul li ul li a {display:inline-block; line-height:1.4; color:#fff; font-size: 0.88em; }
.hopen #gnb ul li ul li a:hover, .hopen #gnb ul li ul li.on a {text-decoration:underline;}
.hopen #gnb.open ul li ul {opacity:1} 

#header.hopen.scroll {height:95px; background:url(/images/common/gnbBG.png) repeat-x top;}
.hopen.scroll h1.logo {/* left:auto; right: 200px; */}
.hopen.scroll h1 a {}
.hopen.scroll #gnb { /*display: none;*/ }
.hopen.scroll #gnb ul li a.menu1 {height:95px; line-height:95px; }
.hopen.scroll #gnb ul li a.menu1:hover:after {top:48px}
.hopen.scroll #gnb ul li ul {padding-top:25px; }
.hopen.scroll .t-btn li a { line-height: 95px; }
.ico-menu {display:none;}
#header .close {display:none}

.dim {position:fixed; display:none; width:100%; height:100%;  top:0; left:0; background:rgba(0,0,0,.7); z-index:100}
/*.transition {
    -webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}*/

@media all and (max-width:1279px) {
	#header{padding:0 30px;}
	h1.logo {left:30px; }
	#gnb {display:none;}
	.t-btn li.t-menu {display:none;} 
	.ico-menu {display:block; position:absolute; top:0; right:95px; width:95px; height:95px;  background:#222 url("/images/common/allmenu.png") no-repeat left top; z-index:300; }
	/*.hopen .ico-menu {background:url("/images/common/allmenu_b.png") no-repeat left top;}*/
	.hmob {position:fixed !important; height:auto !important; padding:0 0 80px 0 !important; background:#fff !important; }
    .hmob .ico-menu{display:none;}
	.hmob #gnb {display:block; position:relative; width:100%; left:0; margin-left:0;}
	.hmob h1 {position:static;left:auto;top:auto;height:100px; padding-left:30px; padding-top:27px;}
	.hmob h1 a {background:url("/images/common/logo.png") no-repeat left center;}
	.hmob #gnb ul li a { color:#3d3d3d;}
	.hmob #gnb ul li {display:block; text-align:left; width:100%; padding:0; box-sizing:border-box;}
	.hmob #gnb ul li a.menu1 { height:70px; line-height:70px; border-bottom:1px solid #d9d9d9;background:url("/images/common/gnb_arr_down.png") no-repeat right center; font-size: 1.25em; font-weight: normal; }
	.hmob #gnb ul  {padding:0 50px}
	.hmob #gnb ul li a.menu1:after {content:"\e874"; display:inline-block; position:absolute; top:0; right:20px; font-family:'Linearicons-Free'; font-size:14px; line-height:70px; }
	.hmob #gnb ul li.on ul {height:auto; display:block; opacity:1; padding:18px 0 18px 20px; border-bottom:1px solid #d9d9d9}
	.hmob #gnb ul li.on a.menu1 {border-bottom-color:#f2f2f2;background:url("/images/common/gnb_arr_up.png") no-repeat right center}
	.hmob #gnb ul li.on a.menu1:after {content:"\e873"; display:inline-block; position:absolute; top:0; right:20px; font-family:'Linearicons-Free'; font-size:14px; line-height:70px; }
	.hmob #gnb ul li.on ul li {line-height:39px;}
	.hmob #gnb ul li ul {height:0; display:none;}
	.hmob #gnb ul li ul li {line-height:0}

	.hmob .header-in {position:fixed; width:100%; background:#fff;}
	.hmob .mobile-wrap {width:100%; background:#fff; overflow-y:scroll; }
	#header.hmob .close { display:block; position:absolute;  top:0; right:95px; width:95px; height:95px;z-index:600; background:#222 url("/images/common/close.png") no-repeat 0 0;text-indent:-9999px}
	.content.etc{padding-top:175px;}

	.hopen h1.logo { left:auto; right: 200px; }

}

@media all and (max-width:767px) {
	#header {position:fixed; top:0; height:60px; padding:0 15px; box-sizing:border-box;}
	body.open #wrap #header {height:60px; padding:0;}
	body.open #wrap h1 a {width:150px; height:30px; line-height:0;  background:url("/images/common/logo.png") no-repeat left center; background-size:100%;}
	.ico-menu {display:block; position:absolute; top:0; right:0; width:60px; height:60px; background-size:100% 100%}
	.hopen .ico-menu { background-size:100% 100%; }
	h1.logo {left:15px; top:7px; height:45px;}
	h1.logo a {width:125px; height:45px; line-height:0;  background:url("/images/common/logo_250829.png") no-repeat left center; background-size:auto 100%; text-indent:-9999px }

	.hopen { background: none !important; }
	.hopen h1 {top:10px; padding:0;}
	.hopen h1 a {background:url("/images/common/logo_250829.png") no-repeat left center; background-size:100% auto;}
	


	.hmob {padding:0  0 40px 0!important; }
	.hmob h1 {height:60px; padding-left:15px; padding-top:7px;}
	.hmob h1 a {height:45px; background:url("/images/common/logo_250829.png") no-repeat left center; background-size:auto 100%; padding:0;}

	.hmob #gnb ul li a.menu1 { height:45px; line-height:45px; font-size: 1.1em;   }

	.hmob #gnb ul {padding:0 25px; }
    .hmob #gnb ul li ul {display: none;}
	.hmob #gnb ul li a.menu1 {background:url("/images/common/gnb_arr_down.png") no-repeat right center; background-size:22.5px 6px}
	/*.hmob #gnb ul li a.menu1:hover:after {content:""; display:none; }*/
	.hmob #gnb ul li.on a.menu1 {background:url("/images/common/gnb_arr_up.png") no-repeat right center; background-size:22.5px 6px}
	.hmob #gnb ul li.on ul { padding:9px 0 9px 10px; display:block; overflow:hidden;}
	.hmob #gnb ul li.on ul li {line-height:35px !important; }
	.hmob #gnb ul li.on ul li.on a{color:#067acc;}

	.hmob #gnb ul li a.menu1:after { line-height: 45px; font-size: 12px; }
	.hmob #gnb ul li.on a.menu1:after { line-height: 45px; font-size: 12px; }

	#header.hmob .close {display:block; position:absolute;  top:0; right:0; width:60px; height:60px; background:#222 url("/images/common/close.png") no-repeat 0 0; background-size:100% 100%}
	.hmob .mobile-wrap {}

	.t-btn li a { height: 60px; width: 60px; }

	.hopen h1.logo { left:15px; top: 0px;}
	.hopen h1.logo a { width: 60px; height: 60px; }


}

@media all and (max-width:480px) {
	.hmob #gnb ul li.on ul li {width:50%; float:left; }
}


/* 모션 */
.overflowHidden{
    overflow: hidden;
}
.transition {
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	   -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	     -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}


/* footer */

#fConsult { position: relative; width: 100%; overflow: hidden; padding: 50px 0; border-top: 1px solid #e8e8e8;line-height:40px; }
#fConsult p { color:#000; font-size: 1.125em; float: left; }
#fConsult ul { float: right; }
#fConsult ul li { float: left; width: 166px; text-align: center; border-radius: 80px; margin-left: 12px; overflow: hidden; }
#fConsult ul li.tel { color:#3a3a3a; border:1px solid #3a3a3a; font-family: 'Oswald', sans-serif; font-size: 1.25em; font-weight: 400; }
#fConsult ul li.btn { background-color:#3a3a3a; border:1px solid #3a3a3a; }
#fConsult ul li.btn a { color:#fff; display: block;   }

@media all and (max-width:767px) {

#fConsult { padding: 5% 0; text-align: center; line-height: 35px;}
#fConsult p { float: none; margin-bottom: 5px;  }
#fConsult ul { clear: both; width: 100%;  }
#fConsult ul li { width: 140px; margin:0 2px; float: none; display: inline-block; }

}

@media screen and (max-width:480px) {

#fConsult { line-height: 30px; }
#fConsult ul li { width: 120px;  }

}

#footer { position: relative; overflow: hidden; text-align: center; padding: 30px 0 30px; background-color:#f4f4f4; }
#footer h1 img {max-width: 166px; }
#footer ul li { display: inline-block; *zoom:1; *display: inline; color:#000; font-size: 0.875em; padding: 0 10px; font-weight:300;}

@media all and (max-width:767px) {

#footer { padding: 7% 0 5%; }
#footer h1 { margin-bottom: 2%; }
#footer h1 img { width: 70px; }

}

.docbtn{display: none;}
.docbtn.active{display: inline-block}