@import url("../css/main.css");
@import url("../css/company.css");
@import url("../css/contact.css");
@import url("../css/application.css");
@import url("../css/product.css");
@import url("../css/support.css");
@import url("../css/font.css");


/*Reset*/
@charset"utf-8";
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none 0; }
html, body { width:100%; height:100%; }
body { background-color:#fff;}
body, input, button, textarea { font-size:11pt; line-height:1.5em; font-family: 'open_sansregular','copseregular' , Sans-serif; color:#343434; letter-spacing: -0.3px; }
h1{font-size:16pt;}
h2{font-size:16pt; font-family: 'open_sanssemibold'}
h4{font-size:12pt; padding-bottom:5px; font-family: 'open_sanssemibold'}
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; font-size: 12px; vertical-align: middle; }
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }
p{font-size:12pt; line-height:18pt; color:#444;}
* { margin: 0; padding: 0; }
a{font-size:10pt; letter-spacing: -0.5px;}
a:link, a:visited { text-decoration:none; color: #565656; }
a:hover { text-decoration:none; cursor:pointer;
-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease;
	-ms-transition-duration: 0.5s;
	-ms-transition-timing-function: ease;	}

address, caption, cite, code, dfn, em, strong, th, var {font-style : normal; font-weight : normal;}


li { list-style-type:none; }
img,fieldset,iframe{border:0;}
img,fieldset { border:none; }
li img, dd img { vertical-align:top; }
input { vertical-align:middle; }
hr{display:none;}
strong{font-family: 'open_sanssemibold'; font-size:15pt !important;}
#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }



.img-center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}


/****************************************menu*******************************/



#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu #menu-button {
  display: none;
}
#cssmenu {
	position:absolute;
  	left:180px;  
  	top:36px;
}

#cssmenu > ul > li {
  float: left;
}

#cssmenu > ul > li > a {
  padding: 23px 0px 22px 22px;  
  text-decoration: none;
  font-size: 17px;
  font-family:'open_sanssemibold';
  color: #343434 !important;
  letter-spacing: 1px;
}



#cssmenu > ul > li.has-sub > a {
  padding-right: 27px;
}


#cssmenu>ul>li.has-sub>a:hover{
	color:#0F75DB !important;
}


#cssmenu > ul > li.last{
	padding-right:0;
}

/* 하위메뉴*/

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 30px;
  padding-top: 3px;
  font-size: 16px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}

#cssmenu > ul > li:hover > ul {
  top: 61px;
  left: 0;
  opacity: 1;
}

#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}

#cssmenu ul ul > li:hover > ul {
  left: 174px;
  top: 0;
  opacity: 1;
}

#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  background: #FBFBFB;
 }


#cssmenu ul ul li.last a{
	border-bottom:2px solid #D7D7D7;  
}



#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #fff;
  background-color:#262A40;
}


#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}

#cssmenu ul ul li.has-sub > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #262A40;
  right: 17px;
  top: 14px;
}

#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #262A40;
}





/**************************************************************************************/
.title{
	font-size:22pt;	
	padding:20px 0 15px 0;
	text-align:center;	
}

.bread{
	position:absolute;
	width:910px;
	margin:0 auto;
	z-index: 99999;
	top:470px;	
	color:#fff;	

}

.white{
	color:#fff !important;
}


.width-setter{
	position:relative; 
	width:950px; 
	height:auto; 
	margin:0 auto; 
}

.width-setter:after{
	clear:both;
	content:"";
	display:block;
}

.width-setter2{
	position:relative; 
	width:950px; 
	height:auto; 
	margin:0 auto; 
}

.width-setter2:after{
	clear:both;
	content:"";
	display:block;
}






.text_title{
	width:880px;

	padding:25px;
	margin:0 auto;
	font-size:22pt;
}

a.rollover img{
	border-width:0px; 
	display:inline;
}
a.rollover img.over{
	display:none;
}
a.rollover:hover{
	border:0px;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
}
a.rollover:hover img{
	display:none;
}
a.rollover:hover img.over{
	display:inline;
}

.subject{
	padding:25px 0 25px 0;
	background:url("../images/common/title.png") repeat 0 15px;
	color:#434343;
	font-size:18pt;
	text-align:center;
	font-family: "open_sanslight";

}



/************************main css*****************************/
/*header css*/
#wrap {
	width:100%;
}

#header{
	height:500px;
}


#nav{
	position:fixed; 
	width:100%; 
	height:100px;
	background: url("../images/common/menu_bg.png") repeat;
	z-index: 99;
}

#nav #top_nav2{
	position:relative;
	float:left;
	width:190px;
	padding: 7px 0 0 0;
}

	
#nav #top_nav{
	position:relative;
	float:right;
	width:650px;
}


ul.header_menu li{
	float:left;
	padding-top:7px;
	padding-left:15px;
}


ul.header_menu li.bar{
	padding-right:20px;
	border-right:1px solid #ddd;
	height:34px;
}



/*top menu css*/
ul.header_menu{
	position:absolute;  
	z-index: 999;
	right:30px;
}

ul.header_menu li.nav_contact{
	padding-right:20px; 
	padding-top:9px; 
	float:left; 
	color:#565656 !important; 
}

ul.header_menu li.sns-first{
	padding-left:15px !important;
}

ul.header_menu li.sns{
	padding:10px 4px 4px 8px; 
	float:left;
}



ul.header_menu li.nav_contact a{

	font-size:10pt;
	color:#565656 !important; 	
	
}	
	
#logo{
	position:absolute; 
	top:38px;
}


/******************header menu*/

#gnb{
	position:absolute; 
	right:0; 
}

#gnb a.menu{
	color:#FBFBFB;
	display:block;	
	font-size:15pt;
	text-align:center;
	padding:21px 20px 22px 20px;
	font-weight: 600;
}

#gnb>ul>li{
	float:left; position:relative;
}



#gnb a.menu:hover{
	color:#F5C339;
	background-color:#262A40;
}


/*서브메뉴*/
ul.sub{
	position:absolute;
	left:0;
	display:none;
	background-color:#FBFBFB;

}

ul.sub>li>a{
	display:block; 
	font-size:12pt;
	color:#565656;
	z-index:999999;
	width:150px;
	padding:10px;

}
.sub>li>a:hover{
	color:#FBFBFB;
	z-index:9999;
	width:150px;
	padding:10px;
	background-color: #262A40;
}

li.padding_none{
	padding-left:0;
}




/*main slide css*/

.skdslider{
 width:100%;
 height:500px;
 position: relative;
 display: block;
 overflow:hidden;
}

.skdslider:after {
    content: '';
    padding-top: 50%; 
    display: block;
}

.skdslider ul.slides{ 
	margin:0; 
	padding:0; 
	list-style-type:none;
}

.skdslider ul.slides li
{
   display: none;
}

.skdslider ul.slides li img.slide_img{
    width: 100%;
	height:100%;
	border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	list-style-type: none;
    padding: 0;
}


.skdslider ul.slide-navs li {
    float: left;
	background: url("../images/common/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
  background: url("../images/common/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}



/***************qucik menu*******************/
#quick_menu{
	width:160px;
	height:261px;
	position:fixed;
	z-index:1;
	background:url("../images/common/quick_bg.png") no-repeat 0 25px;
	text-align:center;
	right:3%;
	
}

#quick_menu>h2{
	padding-top:100px;
	padding-bottom:20px;
	font-size:14pt !important;
	
}



#quick_menu>p>a:hover{
	text-decoration: underline;
}


/*********************contect us**********************/
#contactus{
	background-color:#3a4f63;
	position:relative;
}

#contactus>p, 
#contactus h4,
#contactus>p>a{
	color:#ececec;
	text-align: center;
	padding-top:10px;
}


#contactus_ul>li>h4:hover{
	color:#000000;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease;
	-ms-transition-duration: 0.5s;
	-ms-transition-timing-function: ease;	
}

#contactus p, 
#contactus a{
	color:#FBFBFB;	
	font-size:12pt;
	text-align:center;
	padding-bottom:10px;
	letter-spacing: 1px;
	font-family: "open_sanslight";
}

.hover_black:hover{
	color:#000;	
}

ul.contactus_ul{
	display:table;
	margin-left:auto;
	margin-right:auto;
}

ul.contactus_ul li{
	width:200px;
	float:left;
	text-align:center;
	padding:30px 20px 30px 20px;
}

ul.contactus_ul li.padding_none{
	padding-right:0;
}



/***************footer*********************/
#footer{
	position:relative; 
	background-color:#434343;
}

#footer_sitemap{
	position:relative; 	
	display:table;
	margin-left:auto;
	margin-right:auto;
	background-color:#434343;
	color:#d7d7d7;
}

#footer_sitemap>ul{
	float:left;
	padding-bottom:20px;
}

#footer_sitemap>ul li{
	width:140px;
	padding-right: 35px;
	font-size:10pt;
	line-height:20pt;

}

#footer_sitemap>ul li a{
	color:#d7d7d7;
}

#footer_sitemap>ul li a:hover{
	text-decoration: underline;
}

#footer_sitemap>ul li h3{
	font-size:12pt;
	padding:30px 20px 20px 0;
	letter-spacing: 1px;
}

#footer_sitemap li.padding_none{
	padding-right:0;
	width:100px;
}




#footer #footer_bottom{
	position:relative; 
	height:86px; 
	background-color:#383838;
}


#footer_bottom .width-setter>ul li{
	float:left;
	font-size:9pt;
	color:#676767;
	letter-spacing: 1px;
}

.footer_keyword{
	position:relative;

}



.country_detail{
	position:absolute;
	visibility: hidden;

}

.country_detail:hover{
	position:absolute;
	visibility: visible;

}







@media all and (max-width: 1300px) {
	#quick_menu{
		display:none;
	}
}


/**************************************************************************************/


/*align*/
.t_left{text-align:left !important;} .t_center{text-align:center !important;} .t_right{text-align:right !important;}

/* float */
.f_left {float:left !important} .f_right {float:right} .f_clear {clear:both} .clear {overflow:hidden;_zoom:1; clear:both}

/* none 시리즈 속성 정의 */
.none_bor {border:none !important;}
.none_bg {background:none !important;}
.none_bgcolor {background-color:none !important;}
.none_bgimg {background-image:none !important;}
.none_dp {display:none !important;}
.none_ma {margin:0px !important;}
.none_pa {padding:0px !important;}
.none_clear {clear:both  !important;}
.none_pb {border:none !important; padding:0px !important;}
.none_fw{font-weight:0px !important;}

/* display */
.block_dp {display:block}


/* margin */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}

/* padding */
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}


.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl29{padding-left:29px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl55{padding-left:55px;}

.center{
	text-align:center;
}


/* font style 시리즈 속성 정의 */
.bold {font-weight:bold !important;}
.underline { text-decoration:underline !important; }
.f11 {font-size:11px !important;}

/* form 시리즈 속성 정의 */
input[type="text"]{border:1px solid #e8e8e8; height:22px !important}
select {border:1px inset #e8e8e8; height:24px !important;}
input.radio {display:block;} 
input.check {display:block;} 
select.selectbox{padding:3px; color:#999}
input.inputbox{padding:3px;}