@charset "utf-8";
/* CSS Document */

@import url("/font/NotoKR-Bold/stylesheet.css");
@import url("/font/NotoKR-DemiLight/stylesheet.css"); 
@import url("/font/NotoKR-Light/stylesheet.css");
@import url("/font/NotoKR-Medium/stylesheet.css");
@import url("/font/NotoKR-Regular/stylesheet.css");
@import url("/font/NotoKR-Thin/stylesheet.css");




html, body {
  font-family: 'NotoKR-Regular',sans-serif; font-weight: 400;
}

/* 초기화 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:125%;letter-spacing:normal} 
body,html{width:100%; line-height:100%; font-size:14px; color:#666; height:100%;}
*{font-family:"NotoKR-Regular",sans-serif; }
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; font-size:14px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:14px; display:none;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
strong,em {font-weight:normal; font-style:normal;}

.input_search {border:0; background:none; height:20px; width:155px; font-size:13px; color:#aaa;}
img,fieldset {border:none; vertical-align:middle;}
img{max-width:100%;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; border:none;}
/*input,select {vertical-align:middle; border:none;}*/


/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 바로가기 */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


/* 점선없애기 */
a:hover {text-decoration:none;}
a {blr:expression(this.onFocus=this.blur());}
area:focus {outline:none;}
area {blr:expression(this.onFocus=this.blur());}
input:focus, img:focus, embed:focus, map:focus {outline:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } /* 크롬에서 인풋박스 노란배경 안나오게 */

.clear {clear: both;}

.ls0{letter-spacing:0 !important; }
.ls1{letter-spacing:-1pt !important; }
.ls2{letter-spacing:-1.5pt !important; }

.fs0{font-size: 40px !important;}

.pointBlue{color:#0c2551 !important;}
.pointSblue{color:#0083fc !important;}
.pointGblue{color:#01afd5 !important;}


.font_sel {transform:skew(-0.001deg);} /*폰트깨짐*/

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}

h4{font-size:38px; font-weight:700; letter-spacing:-2.2pt; line-height:120%; color:#303030; }



h4.con_tit {color:#333; font-size:16px; padding-bottom:10px;}	
.sky {color:#2072d4;}
.blue {color:#004c98 !important;}
.blue_l {color:#0033FF;}
.green{color:#78bc0f;}
.red{color:#c9161e !important;}
.lightsky{color:#00b9e1;}



.cont_1170 {width:1170px; margin:0 auto;}

/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%; min-width:1200px; }

#header{
	position:absolute; 
	position:fixed;
	width:100%;
	height:106px;
	/* background:transparent;  */
	z-index:9999; top:0;
	overflow:hidden;
}
#header.hover {
	/* height:410px;  */
	background-color:#fff; 
	overflow:visible;
}
#header.scroll {
	background-color:#fff;
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
}

/* @media (min-width: 1399px) {
    #header.hover .gnbWrap.on::before {
        content: '';
        position: absolute;
        top: 90px;
				top:0;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
				z-index:9999;
    }
} */





h1.logo {
	width:200px;
	height:auto;
	height:73px;
	padding:0;
	background-image:url(/images/main/logo_cellvit-w.svg);
	background-repeat:no-repeat;
	/* margin-top:50%;
	transform:translateY(-50%); */

}
#header.hover h1.logo,
#header.scroll h1.logo {
    background-image: url(/images/main/logo_cellvit-ori.svg);
}
h1.logo a {
	width:100%;
	height:100%;
	display:block;
}

.logo span {
	opacity:0;
	color:transparent;
	font-size:0;
}
/* #header.scroll #menu { 
background-color: #fff;

} */
#header ul, #header li{list-style:none; }
#header .header_in {
	max-width:1170px;
	margin:0 auto; /*overflow:hidden;*/ 
	position:relative;
	display:flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	height:106px;
	
}

	#header .topUtil{
		position:absolute; 
		top:0;
		right:0;
	}

	.t_menu {
		display:flex;
	}
	.t_menu li {
		width:30px;
		height:30px;
		background:url(../images/main/icon_headerAll.png) no-repeat;
		border-radius:100px;
		border:1px solid transparent;
	}
	.t_menu li.log-out {
		background-position:0 -31px;
	}
	
	.t_menu li:not(:last-child) {
		margin-right:10px;
	}
	#header.scroll .t_menu li,
	#header.hover .t_menu li {
		border:1px solid #ccc;
	}
	.t_menu li:nth-child(2) {
		background-position:-31px 0;
		display:none;
	}
	.t_menu li:nth-child(3) {
		background-position:-62px -31px;
	}
	.t_menu li.kor {
		background-position:-62px 0px;
	}
	.t_menu li span {
		opacity:0;
		font-size:0;
		color:transparent;
	}
	.topUtil li a {
		display:block;
		width:100%;
		height:100%;
	}
	.topUtil li img{margin:0 6px 0 0}
	.topUtil li.last{padding:0 20px 0 8px; background:none;}
	.topUtil li a:link, .topUtil li a:visited{
		letter-spacing:0pt; color:#161616}



	
	.topUtil li.eng button {width:166px; height:36px; box-sizing:border-box; background:url('/img/lang_icon.gif') 10px 15px no-repeat; background-color:#f5f5f5; border:none; cursor:pointer;}
	.topUtil li.eng a:link, .topUtil li.eng a:visited {letter-spacing:0; color:#444;}
	.topUtil li.eng ul.lang_box { position:absolute; top:36px; background-color: #f5f5f5; z-index: 20; padding:10px 0;}
	.topUtil li.eng ul.lang_box li {float:none; padding:0;}
	.topUtil li.eng ul.lang_box li a {padding:0; box-sizing:border-box; background:none; height:auto; padding: 5px 0 5px 35px;}
	.topUtil li.eng ul.lang_box li a:hover {color:#144e94; text-decoration:underline;}
	
	.topUtil dl{float:right; position:relative; overflow:hidden; width:192px;background-color:#fff;}
	.topUtil dd{float:left; width:192px;}
	.topUtil dt{position:absolute; top:13px; right:13px;}


	.input_search {border:0; width:100%; font-size:13px; color:#888; border:none; background-color:#fff;padding:12px 8px;}
	

.return-top{width:62px; height:62px; background:#0e499f; position:fixed; right:2%; bottom:5%; z-index:9999; display:none; text-align:Center; box-sizing:border-box; padding:17px 0 0; color:#fff; font-family:"Open Sans", Sans-serif; color:#fff !important; font-size:14px; font-weight:700; line-height:100%; transition:all 0.5s ease;}
.return-top img{display:block; margin:0 auto 5px; }
.return-top:hover{box-shadow:0 -72px 0 0 #00275d inset; margin-bottom:15px; transition:all 0.3s ease; }


/* TOP 메뉴 */
#menu {
	position:absolute; 
	right:0;
	top:0;
	height:106px;
	width:calc( 100% - 200px );
 }
.gnbDiv {
	width:100%;
	height:55px; 
	overflow:hidden;
	position:absolute; 
	top:35%; 
	left:0;
	z-index:100;
}
.gnbDiv .gnbWrap {
	z-index:100;
	position:relative;
} 
.gnbDiv .gnbWrap .gnb {
	max-width:670px;
	/* margin-left:120px; */
	margin-left:160px;
}

.gnbDiv .gnbWrap .gnb ul {
	overflow:hidden; 
	height:345px; 
	list-style:none; 
	display:flex;
}
.gnbDiv .gnbWrap .gnb ul li {
	text-align:center;
	padding-top:3px;
}
#header.hover .gnbDiv .gnbWrap .gnb ul li:hover > a.oneDep {
	border-bottom:3px solid #144e94; 
	color:#144e94;
	text-align: center;
}

.gnbDiv .gnbWrap .gnb ul li:not(:last-child) {
	padding-right:15%;
}
/* .gnbDiv .gnbWrap .gnb ul li.one{padding-right:17%}
.gnbDiv .gnbWrap .gnb ul li.two{padding-right:17%}
.gnbDiv .gnbWrap .gnb ul li.three{padding-right:17%}
.gnbDiv .gnbWrap .gnb ul li.four{padding-right:0} */

.gnb ul li a.oneDep {
	font-size:20px; 
	line-height:120%; 
	line-height:1.2; 
	color:#0d0d0d; 
	letter-spacing:-1.0pt; 
	font-weight:400; 
	display:block; position:relative; line-height:120%; 
	box-sizing:border-box; width:100%; 
	height:68px;
	text-align: center; 
	color:#fff;
}
#header.hover .gnb ul li a.oneDep,
.scroll .gnb ul li a.oneDep {
	color:#000;
}
.gnbDiv.on a.oneDep { color:#144e94;}

.gnbDiv .gnbWrap .twoDep {height:204px; display:block; padding-top:18px; box-sizing:border-box; position:relative; visibility:visible;}
.gnbDiv .gnbWrap li .twoDep a {display:block; color:#666666; font-size:14.5px; letter-spacing:-0.55pt; line-height:100%;  line-height:19px; padding:7px 0;}
.gnbDiv .gnbWrap li .twoDep a:hover{color:#144e94; text-decoration:underline; vertical-align:top; }
.disB{display:block;}

.gnbDiv .gnbWrap li.one .twoDep{ box-sizing:border-box;}
.twoDbg {
	background:#fff; 
	opacity: 0.95; position:absolute; 
	top:106px; left:0; 
	height:244px; 
	width:100%; 
	z-index:1; line-height:100%; 
	border-top: 1px solid #ddd;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	opacity:0;
	transition:all .3s;
	/* visibility:hidden; */
}
.twoDbg.open {
	opacity:1;
	/* visibility:visible; */
}
/* .overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: opacity 0.3s; z-index: 9997; }
.overlay.show { opacity: 1; visibility: visible; }   */

/* #header .gnbWrap */


/* TOP 메뉴 - 영문 */
#menu_eng {
	/* position:absolute; width:100%; top:76px; z-index:1000;  */
	position:absolute; 
	right:0;
	top:0;
	height:106px;
	width:calc( 100% - 200px );
}
#menu_eng .gnbDiv {
	/* width:100%; height:55px; overflow:hidden; position:absolute; top:0px; left:0; z-index:10000; */
	width:100%;
	height:55px; 
	overflow:hidden;
	position:absolute; 
	top:35%; 
	left:0;
	z-index:100;
}
#menu_eng .gnbDiv .gnbWrap {
	/* position:absolute; top:0; z-index:10000; margin: 0 auto;  position: relative; width:1170px; z-index: 10000; */
	z-index:100;
	position:relative;
} 
#menu_eng .gnbDiv .gnbWrap .gnb {
	/* z-index:10000; */
	/* max-width:640px;
	margin-left:120px; */
	/* max-width:680px;
	margin-left:100px; */
	max-width:710px;
	margin-left:90px;
}
/* #menu_eng .gnbDiv .gnbWrap .gnb .oneDep {
	font-size:21px;  line-height:120%;  color:#0d0d0d; letter-spacing:0pt; font-weight:400;
	font-family:'NotoKR-Regular', sans-serif; 
} */
#menu_eng .gnbDiv .gnbWrap .gnb ul{
	/* overflow:hidden; height:345px; list-style:none; margin-left:35% */
	overflow:hidden; 
	height:345px; 
	list-style:none; 
	display:flex;
}
#menu_eng .gnbDiv .gnbWrap .gnb ul li{
	/* float:left; line-height:150%;padding-right:10%; text-align: center; */
	text-align:center;
	padding-top:3px;
	width:33%;
}
#menu_eng .gnbDiv .gnbWrap .gnb ul li:hover > a.oneDep {
	/* border-bottom:6px solid #144e94; color:#144e94;text-align: center; */
	border-bottom:3px solid #144e94; 
	color:#144e94;
	text-align:center;
}
#menu_eng .gnbDiv .gnbWrap .gnb ul li:not(:last-child) {
	/* padding-right:17%; */
	padding-right:5%;
}


/* #menu_eng .gnbDiv .gnbWrap .gnb ul li.one{padding-right:15%}
#menu_eng .gnbDiv .gnbWrap .gnb ul li.two{padding-right:15%}
#menu_eng .gnbDiv .gnbWrap .gnb ul li.three{padding-right:0;}
#menu_eng .gnbDiv .gnbWrap .gnb ul li.four{padding-right:0} */

/* #menu_eng .gnbDiv .gnbWrap .gnb ul li a.oneDep{
	display:block; position:relative; line-height:120%; 
	box-sizing:border-box; width:100%; height:56px; text-align: center; color:#000
} */

#menu_eng .gnb ul li a.oneDep {
	font-size:20px; 
	line-height:120%; 
	line-height:1.2; 
	color:#0d0d0d; 
	letter-spacing:-1.0pt; 
	font-weight:400; 
	display:block; position:relative; line-height:120%; 
	box-sizing:border-box; width:100%; 
	height:68px;
	text-align: center; 
	color:#fff;
}
#header.hover #menu_eng .gnb ul li a.oneDep,
.scroll #menu_eng .gnb ul li a.oneDep {
	color:#000;
}

#menu_eng .gnbDiv.on a.oneDep { color:#144e94;}

#menu_eng .gnbDiv .gnbWrap .twoDep {height:204px; display:block; padding-top:18px; box-sizing:border-box; position:relative; visibility:visible;}
#menu_eng .gnbDiv .gnbWrap li .twoDep a {display:block; color:#666666; font-size:14.5px; letter-spacing:0pt; line-height:100%;  line-height:19px; padding:7px 0;}
#menu_eng .gnbDiv .gnbWrap li .twoDep a:hover{color:#144e94; text-decoration:underline; vertical-align:top; }
#menu_eng .disB{display:block;}

#menu_eng .gnbDiv .gnbWrap li.one .twoDep{ box-sizing:border-box;}
/* #menu_eng .twoDbg{
	background:#fff; 
	opacity: 0.95; position:absolute; 
	top:55px; left:0; 
	height:244px; 
	width:100%; 
	z-index:9999; 
	line-height:100%; border-top: 1px solid #ddd;
	border-bottom:2px solid #144e94;
 } */




/* 모바일 메뉴 : 슬라이드 메뉴 */
.noScroll{overflow:hidden;}
#menuArea {height:100%; display:none; position:absolute; top:0; right:0; z-index:9999999999;}
#menuArea .menuList {width:40%; max-width:500px; min-width:220px; min-height:100%;  background: #fff; position:absolute; right:-528px; box-sizing:border-box; overflow-y:auto;}
#menuArea .menuList>.list {background-color:#fff; width:100%;}
#menuArea .menuList>.list>li {background:#fff;}
#menuArea .menuList>.list>li>a {list-style:none; padding:0 16px 0 16px; display:block;font-size:14px; line-height:46px; border-bottom:1px solid #ddd; color:rgb(68,68,68); letter-spacing:-0.5pt; }
/*
#menuArea .menuList>.list>li>a span.icon { width:21px; height:21px; float:right; display:block; background:url(/eng/img/more_btn.png) 0 0 no-repeat; margin:14px 0 0 0;}
*/
#menuArea .menuList>.list li.icon_lang {position:relative; overflow:hidden;}
#menuArea .menuList>.list li.icon_lang a {font-size:13px; width:100%; box-sizing:border-box; padding: 0 0 0 102px; font-weight:700; color:#fff; background:url('/eng/img/icon_lang.png') 70px center no-repeat, #76bd1d}

#menuArea .menuList>.list li.icon_lang a.kor {}
#menuArea .menuList>.list .sMenu {background-color: #f5f5f5; position: relative;  width: 100%;  padding:14px 0; display:none; border-bottom:1px solid #ddd;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {display:block; padding:3px 0 3px 17px; line-height:135%; background:#f5f5f5; border:none; font-size:13px; color:#777; letter-spacing:-0.5pt; }
/*#menuArea .menuList>.list .sMenu>li>a:hover {background:#333 !important;}*/
#menuArea .menuList .btnMenu_mClose {display:block; width:85%; line-height:130%; padding:12px 0; text-align:center; font-size:14px; background:#555; color:#fff; margin:17px auto; border:none;  }

#menuArea .menuList dl {width:100%; background:#fff; border-bottom:1px solid #ddd;}
#menuArea .menuList dl dd img{width:150px}
#menuArea .menuList dl dd {padding:16px; border-top:3px solid #144e94;}

h1.logo {
	width:200px;
	height:auto;
	height:73px;
	padding:0;
	background-image:url(/images/main/logo_cellvit-w.svg);
	background-repeat:no-repeat;
	/* margin-top:50%;
	transform:translateY(-50%); */

}
#header.hover h1.logo,
#header.scroll h1.logo {
    background-image: url(/images/main/logo_cellvit-ori.svg);
}
h1.logo a {
	width:100%;
	height:100%;
}

.logo span {
	opacity:0;
	color:transparent;
	font-size:0;
}


#header {
	position:absolute; 
	position:fixed;
	width:100%;
	height:106px;
	/* background:transparent;  */
	z-index:9999; top:0;
	overflow:hidden;
}
/* #header.hover {
	background-color:#fff; 
	overflow:visible;
}
#header.scroll {
	background-color:#fff;
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);
}

#header .header_in {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    height: 106px;
} */



#menuArea .menuList .certi{text-align:center;}

#grayLayer {width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed; left:0; top:0; z-index:99999999; overflow-x:hidden;overflow-y:auto;display:none; }
#grayLayer > a {display:block;width:100%;height:100%}

.header_mobile {display:none;}





/* 하단 */
#footer {position:relative; width:100%; clear:both; /*background:#f4f4f4;*/ padding:20px 0; border-top: 1px solid #ddd;}
#footer .footer_in {position:relative; overflow:hidden;}
#footer h2 {float:left; margin-right:80px;}
#footer address {float:left; max-width:calc(100% - 240px);}
#footer address span {display:inline-block; margin-right:15px; color:#555555; line-height:160%; letter-spacing:0pt; font-size: 16px;}
#footer address p {font-family:"Open Sans", sans-serif; font-size:13px; margin-top:8px; color:#999999;letter-spacing:0.5pt;}
#footer p br {display:none;}

/*******************************************************************************
	@media 1201px~1400px
*******************************************************************************/
@media all and (max-width:1400px){

	/* 헤더 */
	#header,
	#header .header_in {
		height:96px;
	}
	#menu_eng .gnbDiv,
	.gnbDiv {
		top:30%;
	}
	h1.logo {
    /* width: 200px;
    height: 73px;*/
    width: 12.5rem;
    height: 4.5625rem;
}
.twoDbg {
	top:96px;
}
.gnbDiv .gnbWrap .gnb {
	margin-left:150px;
}
 
/* .gnbDiv .gnbWrap .gnb ul li.one {
	    padding-right: 17%;
} */
 #menu_eng .gnbDiv .gnbWrap .gnb ul li,
 .gnbDiv .gnbWrap .gnb ul li {
	padding-top:7px;
 }
 .gnbDiv .gnbWrap .gnb ul li:not(:last-child) {
		padding-right:15%;
	}
	#menu_eng .gnb ul li a.oneDep,
	.gnb ul li a.oneDep {
    font-size:17px;
    width:100%;
    height:58px;
	}

}

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

	/* .gnbDiv .gnbWrap .gnb {
	margin-left:140px;
} */

 }


/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){

#wrap {min-width:auto}

/* Header */
.gnbDiv .gnbWrap .gnb {
	margin-left:120px;
}
.topUtil_in {width:96%;}
#header .header_in {width:96%;}
#header .topUtil {}

#menu {/*width:96%*/}
.gnbDiv {min-width:96%; width:100%;}
.gnbDiv .gnbWrap {min-width:96%; width:100%;} 
.gnbDiv .gnbWrap .gnb {}
	
#menu_eng {/*width:96%*/}
#menu_eng .gnbDiv {min-width:96%; width:100%;}
#menu_eng .gnbDiv .gnbWrap {min-width:96%; width:100%;} 
#menu_eng .gnbDiv .gnbWrap .gnb {
	max-width:680px;
  margin-left:60px;
}
#menu_eng .gnbDiv .gnbWrap .gnb ul li.one{padding-right:7%}
#menu_eng .gnbDiv .gnbWrap .gnb ul li.two{padding-right:7%}
#menu_eng .gnbDiv .gnbWrap .gnb ul li.three{padding-right:0;}	

/* Footer */
#footer .footer_in {min-width:96%; width:100%;}
#footer address {float:none; max-width:100%; text-align:center;}
}



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

	/* Header */
	#header,
	#header .header_in  {
		height:82px;
	}
	#menu{display:none}
	#menu_eng{display:none}	
	

	/* 헤더 */
	h1.logo {
    /* width: 200px;
    height: 73px;*/
    width: 12.5rem;
    height: 4.5625rem;
		width:160px;
		height:59px;
		/* width:150px;
		height:56px; */
}

	.header_mobile {
		display:block; position:absolute; right:0; top:15px; z-index: 9999999999;
	}
	.btn_input {
		background:url(../images/main/icon_headerAll-m.png) transparent; 
		width:52px;
		height:52px;
		border:none; 
		cursor:pointer; 
		padding:0; 
		z-index: 9999999999;
		color:transparent;
		background-repeat:no-repeat;
	}
	 .btn_input.btn_lang {
		background-position:-52px 0;
	}
	 .btn_input.btn_lang.kor {
		background-position: -104px 0 ;
	}
	.btn_input:nth-child(2) {
		margin-left:5px;
	}

	#header.scroll .btn_input.btnMenu_m {
		background-position:0px -52px;
	}
	#header.scroll .btn_input.btn_lang {
		background-position:-52px -52px;
	}
	#header.scroll .btn_input.btn_lang.kor {
		background-position:-104px -52px;
	}

	.header_mobile ul.lang_box_m { position:absolute; top:60px; right:55px; background-color: #9ba4b0; z-index: 9999999999; padding:15px 0;}
	.header_mobile ul.lang_box_m li.lang_arrow {position:absolute; top:-13px; right:13px; width:28px; height:14px; display:inline-block; padding-bottom:0;}
	.header_mobile ul.lang_box_m li { float:none; padding-bottom:8px; z-index: 9999999999;}
	.header_mobile ul.lang_box_m li:last-child {padding-bottom:0;}
	.header_mobile ul.lang_box_m li a {font-size:16px; color:#fff; box-sizing:border-box; background:none; height:auto; padding: 5px 30px;}
	.header_mobile ul.lang_box_m li a:hover {color:#144e94; text-decoration:underline;}
	.topUtil ul {float:left;}
	.topUtil li.eng {display:none; }

	/* footer */
	.footer_in .logo {width:160px;}

}
/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){

/* Header */
#menu {top:59px;}
/* .header_in h1 {
	width:150px; padding: 15px 0 10px 0;
} */
.gnbDiv .gnbWrap .gnb ul li a.oneDep {font-size:18px; padding-top: 10px;}
.gnbDiv .gnbWrap li .twoDep a {font-size:14px;}
	
#menu_eng {top:59px;}
#menu_eng .gnbDiv .gnbWrap .gnb ul li a.oneDep {font-size:18px; padding-top: 10px;}
#menu_eng .gnbDiv .gnbWrap li .twoDep a {font-size:14px;}	
	
#header .topUtil {height:36px;}
.topUtil_in {height:36px;}
.topUtil li {padding:10px 20px 0 20px;}
/*.topUtil li.eng a {height:36px; padding:10px 13px 0 35px;background-position:10px 10px;}*/
/* .topUtil li.eng a {
	width:155px; height:36px; padding:10px 13px 0 38px; 
} */
.topUtil li.eng:before {height:36px;}
.topUtil li.eng:after {top:0px;}
.topUtil li.eng ul.lang_box {top:36px;}
.input_search {box-sizing:border-box; height:36px;}

}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

/* Header */
#menu{display:none}
#menu_eng{display:none}	
	
.header_mobile {display:block; position:absolute; right:0; top:15px; z-index: 9999999999;}
.header_mobile button {background:none; border:none; cursor:pointer; padding:0; z-index: 9999999999;}
.header_mobile ul.lang_box_m { position:absolute; top:60px; right:55px; background-color: #9ba4b0; z-index: 9999999999; padding:15px 0;}
.header_mobile ul.lang_box_m li.lang_arrow {position:absolute; top:-13px; right:13px; width:28px; height:14px; display:inline-block; padding-bottom:0;}
.header_mobile ul.lang_box_m li { float:none; padding-bottom:8px; z-index: 9999999999;}
.header_mobile ul.lang_box_m li:last-child {padding-bottom:0;}
.header_mobile ul.lang_box_m li a {font-size:16px; color:#fff; box-sizing:border-box; background:none; height:auto; padding: 5px 30px;}
.header_mobile ul.lang_box_m li a:hover {color:#144e94; text-decoration:underline;}
.topUtil ul {float:left;}
.topUtil li.eng {display:none; }

/* footer */
.footer_in .logo {width:160px;}

}

/*******************************************************************************
	@media 640px~768px
*******************************************************************************/
@media all and (max-width:768px){

	/* 헤더 */
	h1.logo {
		width:150px;
		height:56px;
	}
/* Header */
.topUtil dl {width:175px}

/* footer */
#footer address {float:none; max-width:100%; text-align:center;}
#footer address span {margin-right:8px; margin-left:8px;}
#footer address p span {margin:0 !important;}

#footer p br {display:block;}	

}

/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){

	/* 헤더 */
	#header, #header .header_in {
		height: 73px;
	}
	h1.logo {
		width:130px;
		height:48px;
	}
/* header */
#header .topUtil {display:none;}
#header .header_in {width:94%;}
/* .header_in h1 {padding:12px 0; width:135px;}  */
/* 모바일 로고 */
.header_mobile {top:10px;}


/* footer */
#footer .footer_in {width:94%; padding: 1% 0 1% 0;}
#footer .logo {display:none;}
#footer address span {font-size:14px;}	
#footer address p {font-size:12px; letter-spacing: 0pt;}		
}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

	
		

}