@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");
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,800i');

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:15px; color:#666; font-family:NotoKR-Regular,sans-serif;-webkit-text-size-adjust:none; text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{line-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;}
dt{display:block;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}

/* 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}
b,strong{font-weight:100; font-family:NotoKR-Bold,sans-serif; color:#444}
.ls0 { letter-spacing:0 !important; }

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

#header{position:relative; width:100%; clear:both; height:136px;}
    .header_in{width:1200px; margin:0 auto; position:relative;}
    .header_in .cover { position:absolute; right:0; }
    .header_in .cover .topUtil{ float:right; }
    .top_link {overflow:hidden;}
    .top_link li {float:left; margin-left:1px; }
.top_warp {width:100%; height:35px; border-bottom:1px solid #ddd;  }
.top_menu{width:1200px; height:35px; margin:0 auto;}
.top_menu>ul>li{float:right; width:120px; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd;}

#gnb1 {width:1200px; position:relative; margin: 0 auto;}
#gnb1 h1 { position:absolute; top:15px; left:0;  }
.sitemap_pop{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
	width:100%; height:100%;
	background:url(../images/opa.png) center center no-repeat;
    bottom: 0;
    right: 0;
    z-index: 999999;
	-webkit-transition: width 4s ease, height 4s ease;
	-moz-transition: width 4s ease, height 4s ease;
	-o-transition: width 4s ease, height 4s ease;
	transition: width 4s , height 4s ;
	}
.sitemap {cursor:pointer; line-height:35px;}
.sitemap_pop2 {width:100%; height:100%; display:table;}
.sitemap_pop_layer {display:table-cell; vertical-align:middle; text-align:center;}
.sitemap_cont{ position:relative; display:inline-block; vertical-align:top; z-index:99999; width:1100px; min-width:1100px; margin:0 auto; background:#fff;}	
.sitemap_cont1 {width:1000px; margin:30px 50px 30px 50px; height:30px; border-bottom:2px solid #000; text-align:left; line-height:30px; padding-bottom:30px;  color:#454545;  display:block; z-index:9999999;text-decoration:none;  font-size:30px; font-weight:600; }
.sitemap_cont1 img{ float:right; margin-top:px;}
.sitemap_cont2 {width:958px; clear:both; overflow:hidden; margin:30px 50px 30px 50px; border:1px solid #ddd; text-align:left; font-size:15px; line-height:30px; padding:20px;}
.sitemap_cont2 li{float:left; width:319px; margin-top:30px; margin-bottom:30px; }
.sitemap_cont2 li h1{font-size:24px; font-weight:600; width:259px; margin:0px 30px 0 30px; color: #000; text-align:center; padding-bottom:10px; border-bottom:3px solid #e73221; margin-bottom:10px;}
.sitemap_cont2 li a{font-size:17px; font-weight:400px; line-height:40px; display:block; text-align:center;}
.sitemap_cont2 li a:hover {color:#e73221;}
.sitemap_cont a.pop_close {cursor:pointer;}
/*==================================================================
    7: hacks setting
===================================================================*/
.clearfix {zoom:1;} /* ie6, ie7 때문에 */
.clearfix:after{content: ""; display: block; clear: both;}
.relative{position:relative;}

/* 1Depth ??? */
ul.Depth1 {margin:0 auto; width:1200px; list-style:none; padding:0 0 0 300px; box-sizing:border-box;}
ul.Depth1 a { text-decoration:none !important; }
ul.Depth1 > li {float:left; padding:0 0px;}
ul.Depth1 > li > a {display:block; box-sizing:border-box; height:100px; font-size:18px; overflow:hidden; color:#444; letter-spacing:-0.75pt; position:relative; padding:35px 10px 0 10px; margin-right:70px; text-align:center; font-weight:100; z-index:99999; }
ul.Depth1>li:last-child>a {margin:0;}

/* Effect 4: bottom border enlarge */

.cl-effect-4 .Depth1>li > a::after {
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e73221;
    content: '';
    opacity: 0;
    z-index:99999;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.cl-effect-4 .Depth1>li:hover > a::after,
.cl-effect-4 .Depth1>li:focus > a::after {
    height: 5px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.cl-effect-4 .Depth1>li > a.company::after, .cl-effect-4 .Depth1>li > a.factory::after, .cl-effect-4 .Depth1>li > a.brand::after, .cl-effect-4 .Depth1>li > a.quality::after, .cl-effect-4 .Depth1>li > a.customers::after, .cl-effect-4 .Depth1>li > a.notice::after {top: 94px;}

/* a.linktop {display:block; color:#333 !important; padding-bottom:16px; font-size:16px; letter-spacing:-1pt; background:url('/img/tabbg.gif') center bottom repeat-x; } */


ul.Depth1 li:hover > div {z-index:50;}
ul.Depth1 li.hover div {z-index:10;}



ul.Depth1 ul.up {display:block; z-index:2 !important;}
ul.Depth1 ul.hide {display:none !important;}
ul.Depth1 div {position:absolute;  width:100%; margin-top:-1px; z-index:3; opacity:0; display:none; min-width:1200px;}
ul.Depth1 div ul {list-style-type:none;}
ul.Depth1 ul li {float:left; margin-right:30px;}
ul.Depth1 ul li:last-child{margin-right:0px;}
ul.Depth1 ul li a {display:block; color:#777; font-size:15px; padding-bottom:16px; text-decoration:none !important;}
ul.Depth1 ul li a span {  color:#777; font-size:15px; padding-bottom:16px; text-decoration:none !important; }
ul.Depth1 ul li a:hover {color:#e73221;}
ul.Depth1 ul li a:hover span { color:#e73221; }

div.company_menu {top:136px; left:0; width:100%; height:59px; background-color:#f5f5f5; border-top:1px solid #ddd; }
div.company_menu ul {margin:0 auto; width:250px; padding-right:320px; }
div.company_menu li {margin-top:18px;}

div.factory_menu {top:136px; left:0; width:100%; height:59px; background-color:#f5f5f5; border-top:1px solid #ddd; }
div.factory_menu ul {margin:0 auto; width:250px; padding-left:10px; }
div.factory_menu li {margin-top:18px;}

div.brand_menu {top:136px; left:0; width:100%; height:59px; background-color:#f5f5f5; border-top:1px solid #ddd;}
div.brand_menu ul {margin:0 auto; width:200px; padding-left:280px;}
div.brand_menu li {margin-top:18px;}

div.quality_menu {top:136x; left:0; width:100%; height:59px; background-color:#f5f5f5; border-top:1px solid #ddd;}
div.quality_menu ul {margin:0 auto; width:470px; padding-left:450px;}
div.quality_menu li {margin-top:18px;}

div.customers_menu {top:136x; left:0; width:100%; height:59px; background-color:#f5f5f5; border-top:1px solid #ddd;}
div.customers_menu ul {margin:0 auto; width:200px; padding-left:880px;}
div.customers_menu li {margin-top:18px;}

div.notice_menu {top:136px; left:0; width:100%; height:59px; background-color:#f5f5f5; border-top:1px solid #ddd;}
div.notice_menu ul {margin:0 auto; width:280px; padding-left:930px;}
div.notice_menu li {margin-top:18px;}





/* 하단 */
.blank {width:100%; height:100px; clear:both;}
#footer_menu { position:relative; width:100%; height:48px; background-color:#555555; clear:both;}
	#footer_menu .foot_bn{ width:100%; height:48px; }
    #footer_menu .foot_bn ul { width:650px; margin:0 auto; text-align:center; }
    #footer_menu .foot_bn ul li { float:left;  line-height:48px; background:url(../images/foot_menu_line.png) no-repeat right center; margin-right:22px; padding-right:22px; }
    #footer_menu .foot_bn ul li.last { background:none; margin:0; padding:0; }
    #footer_menu .foot_bn ul li a{font-size:14px; letter-spacing:-0.5pt; color:#cacaca; text-decoration:none; }
    #footer_menu .foot_bn ul li a strong { letter-spacing:-0.5pt; color:#fff; font-weight:100; font-family:NotoKR-Regular; }
	
#footer {position:relative; width:100%; clear:both; overflow:hidden; background:#777777;}
#footer .foot_in {position:relative; margin:0 auto; width:1200px; overflow:hidden; padding:0 0 50px 0;}
    
    

    #footer .quick_cont .topCover { width:1200px; margin:0 auto; display:block; }
    #footer .quick_cont p { width:64px; height:64px; box-sizing:border-box; background:url('/img/btn_top.gif') no-repeat; float:right; font-size:0px;}


#footer .foot_in ul { padding:40px 0 0 0; }
#footer .foot_in .copy ul {padding:25px 0 0 0;} 
#footer .footer_tit { padding-top:5px;padding-bottom:10px; letter-spacing:0 !important; font-size:20px !important; color:#333333 !important; text-align:center; font-weight:bold;}
#footer .address { letter-spacing:0 !important; font-size:14px !important; color:#ffffff !important; text-align:center;}
#footer .copyright { padding-top:5px; letter-spacing:0 !important; font-size:13px !important; color:rgba(255,255,255,0.3) !important; text-align:center;}
#footer .foot_in ul li.foot_sns { position:absolute; right:13px; top:38px;}


/*탑 버튼*/
div.topBtn { position:fixed; right:50%; bottom:180px; margin-right:-680px; z-index:999; }
div.topBtn #scroll { opacity:0; display:none; }