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

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:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#666; font-family:Malgun Gothic, 'Malgun Gothic', 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
*{font-family:Malgun Gothic, 'Malgun Gothic', 나눔고딕, NG, Tahoma, Geneva, 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:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
.input_search {border:0; background:none; height:30px; width:125px; font-size:13px; color:#777; font-family:Malgun Gothic, 'Malgun Gothic', 나눔고딕, NG, Tahoma, Geneva, sans-serif;}


/* 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;}

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

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

#header{position:relative; width:100%; clear:both;}
	.header_in{position:relative; margin:0 auto; width:1180px; height:92px;}
	.header_in h1{position:relative; float:left; padding:20px 0 0 0; }

	#header .topUtil{position:relative; overflow:hidden; width:100%; height:46px; background:url('./top_line.gif') repeat-x}
	.topUtil_in{position:relative; margin:0 auto; width:1180px;}
	.topUtil .tel{float:left; width:140px; line-height:46px; padding:0 0 0 22px; background:url('./top_tel.gif') 0 13px no-repeat; box-sizing:border-box; font-weight:700; font-family:Open Sans, sans-serif; color:#255bab; font-size:14px; text-decoration:none}
	.topUtil .tel a{text-decoration:none !important}
	.topUtil ul{float:right;}
	.topUtil li{float:left; padding:14px 12px 0 12px; line-height:14px;}
	.topUtil li.last{padding:14px 20px 0 12px; }
	.topUtil li.login{background:url('./top_login.gif') 0 15px no-repeat; padding:14px 10px 0 15px;}
	.topUtil li.eng{padding:0 46px 0 0;}
	.topUtil li a:link, .topUtil li a:visited{font-size:13px; letter-spacing:-0.7pt; line-height:14px; color:#858585}
	.topUtil li a:hover{text-decoration:none; color:#444}

	.searchZone{width:300px; position:absolute; top:0; left:50%; margin-left:291px; z-index:99999;}
		.searchZone .menu{}
		.searchZone .search {display:none;position:absolute; right:46px; top:0; z-index:99999;}
		.searchZone .lookBtn {z-index:99999;}
		.searchZone .inputB{width:195px; right:-46px; top:0; padding:0 46px 0 0; position:absolute; overflow:hidden; background:#f5f5f5; z-index:99999;}
			.inputB dd{float:left; padding:8px 0 0 12px;}
			.inputB dt{float:right; padding:0 0;}
		.searchZone .lookBtn{position:absolute; top:0; right:0; width:46px; height:45px;z-index:99999;}
		.searchZone .lookBtn a{width:46px; height:45px}



/* TOP 메뉴 */
#gnb{position:absolute; width:770px; z-index:9999; left:50%; margin-left:-195px; top:71px;}

.gnb{position:relative; margin:0 auto; width:770px;}
/* menu::base */
#menu {position:relative; width:770px; z-index:100; height:48px; list-style:none;}
#menu .menu {position:absolute; width:870px;}
#menu a {display:block; white-space:nowrap;}
#menu li {float:left;}
#menu .menu > li > a:link, #menu .menu > li > a:visited{display:block; padding:5px 28px 30px 28px; text-align:left; font-size:17px; color:#444; letter-spacing:-1.3pt; font-weight:600}
#menu .menu > li > .gnb_1depth_shop:link,#menu .menu > li > .gnb_1depth_shop:visited{display:block; line-height:40px; font-weight:600; font-size:17px; letter-spacing:-1.3pt; 
		color:#255bab; background:url('./menu_shop.gif') 26px 11px no-repeat; padding:0 30px 0 60px; margin-left:5px}
#menu .menu > li > a:hover{color:#255bab; text-decoration:none}
#menu .menu > li:hover > a { color:#255bab;  text-decoration:none}
.gnb_1depth_up{color:#255bab !important; text-decoration:none !important}

#menu .menu_depth{visibility:hidden; position:absolute; width:170px; border:1px solid #255bab; background:#fff; margin-left:-5px}
	.menu_depth li {float:none; width:170px; text-align:left; padding:3px 0;}
	.menu_depth li:first-child {padding:13px 0 3px 0;}
	.menu_depth li:last-child {padding:3px 0 13px 0;}
	.menu_depth li.one {padding:13px 0 13px 0;}

#menu div {visibility:hidden; position:absolute;}
#menu div div { left:100%;}
#menu li:hover>div { visibility:visible; }

/* menu::level >= 2 */
.menu_depth > ul > li > a{ color:#777; letter-spacing:-0.7pt;  line-height:25px; text-align:center;}
.menu_depth > ul > li > a:hover{ color:#fff; text-decoration:none; background-color:#255bab}
.menu_depth > ul > li{ display:block; text-transform:none; font-size:14px;}
.gnb_up{ }



/* 고객사 */
.client_con{position:relative; width:100%; clear:both; overflow:hidden; background-color:#f5f5f5; padding:45px 0;}
.client_in{position:relative; margin:0 auto; width:1180px;}
.list_carousel {width:100%;}
.list_carousel ul {margin: 0; padding: 0; list-style: none; display: block; overflow:hidden; clear:both;}
/*.list_carousel li {text-align: center; width: 50px; height:90px; padding: 0; display: block; float: left;}*/
.list_carousel.responsive {width: auto; margin-left: 0;}
.clearfix {float: none; clear: both;}

#client_list {width:100%; overflow:hidden; margin:0 auto;}
#client_list li {float:left; width:100%; height:auto; display: block;}
#client_list li img {max-width:98%;}

.prev2 {position:absolute; top:30px; left:-35px; z-index:999; display:inline-block; width:30px; height:58px; background:url('./s_arrow_prev.gif') left top no-repeat; text-indent:-9999px; font-size:0;}
.next2 {position:absolute; top:30px; right:-35px; z-index:999; display:inline-block; width:30px; height:58px; background:url('./s_arrow_next.gif') left top no-repeat; text-indent:-9999px; font-size:0;}




/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; background-color:#3a4556}
#footer .foot_in {}
#footer .foot_bn{position:relative; overflow:hidden; background-color:#455165;}
#footer .foot_bn ul{position:relative; margin:0 auto; width:1180px; overflow:hidden; padding:14px 0;}
	.foot_bn li{float:left; padding:0 16px;}
	.foot_bn li strong{font-weight:600; color:#fff}
	.foot_bn li.first{padding:0 16px 0 0}
	.foot_bn li.last{background:none; padding:0 0 0 16px}
	.foot_bn li a:link, .foot_bn li a:visited{color:#a2a8b2; font-size:14px; letter-spacing:-0.7pt; line-height:33px;}
	.foot_bn li a:hover{text-decoration:none}
#footer .copy{position:relative; overflow:hidden; margin:0 auto; width:1180px; clear:both; padding:37px 0 45px 0}
#footer .copy h2{float:left; width:230px;}
#footer .copy ul{float:left;}
#footer .copy li{font-size:14px; line-height:24px;color:#c4c8cd; letter-spacing:-0.3pt;}
#footer .copy li strong{font-weight:600}
#footer .copy a:link, .copy a:visited{color:#898f9a; line-height:24px; text-decoration:underline; font-size:13px; letter-spacing:-0.5pt; margin-left:4px;}
#footer .copy li.copyright{font-size:13px; color:#898f9a; padding-top:10px}
#footer .copy li.copyright a:link, #footer .copy li.copyright a:visited{font-size:13px; color:#898f9a; text-decoration:none}