@charset 'utf-8';
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="image"],
input[type="tel"],
textarea, button, select {
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
input:focus, textarea:focus { outline-style:none; } 
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea {
	font-family: 'Nanum Gothic', AppleSDGothicNeo-Light, sans-serif;
	font-size: 15px;
	line-height: 1.267em;
	color:#333;
}
html {
	font-size: 10px;
	line-height: 15px;
}
a { text-decoration:none; }

body { min-width:1106px; }
/*******************************************
header
*******************************************/
.header { position:fixed; left:0; top:0; width:100%; height:64px; min-width: 1106px; background-color:#fff; z-index:999; }
.head_cnt { position:relative; max-width:1106px; height:64px; margin:0 auto; }
.head_cnt h1 { position:absolute; left:0; top:16px; z-index:99; }
.head_cnt .btn_request { 
	position:absolute; right:0; top:0px; 
	display:block;
	font-size:14px; height:63px; line-height:63px; 
	color:#f56a1e; font-weight:700; 
	 padding:0 5px;
	background-color:#fff;
	-webkit-transition: background 0.5s, color 0.5s;
	transition: background 0.5s, color 0.5s;
	z-index:99;
	cursor:pointer;
}
.head_cnt .btn_request.on,
.head_cnt .btn_request:hover { background-color:#f56a1e; color:#fff; }
/** .gnb_wrap **/
.gnb_wrap { position:relative; margin-top:-54px; width:100%; height:54px; overflow:hidden; z-index:9; background:url('../img/common/depth2_bg.png') repeat left top; }
.outline_w { position:relative; max-width:1106px; height:53px; margin:0 auto; } 
.gnb_line { position:relative; width:100%; height:53px; border-bottom:1px solid #d3d3d3; } 
.shadow { display:none; width:100%;height:10px;position:absolute;bottom:-10px; background:url('../img/common/gnb-shadow.png') repeat-x left bottom; }
#gnbpointer { position:absolute; bottom:-1px; width:89px; height:5px; display:none; background:url('../img/common/gnb_pointer.png') repeat center top; }
/* gnb */
.gnb_wrap .gnb { position:absolute; right:135px; top:0; height:53px; }
.gnb_wrap .gnb ul { }
.gnb_wrap .gnb ul li.depth1 { float:left; }
.gnb_wrap .gnb ul li.depth1 .texthide { 
	display:block; overflow:hidden; height:53px; line-height:45px; font-size:14px; font-weight:700; padding:0 18px; color:#333;
}
.gnb_wrap .gnb ul li.on .texthide { color:#ff5c00; }
.gnb_wrap .gnb ul.depth2 { display:none; position:absolute; left:0; top:60px; }
.gnb_wrap .gnb ul.depth2 li { display:block; float:left; font-size:13px; }
.gnb_wrap .gnb ul.depth2 li a { display:block; color:#555; padding:7px 15px; }
.gnb_wrap .gnb ul.depth2 li a:hover { color:#333; font-weight:700; }
#cate1 ul.depth2 { width:425px; left:-150px; }
#cate2 ul.depth2 { width:385px; left:-50px; }
#cate3 ul.depth2 { width:210px; left:120px; }
#cate4 ul.depth2 { width:600px; left:-20px; }
#cate5 ul.depth2 { width:500px; left:125px; }


/*******************************************
footer
*******************************************/ 
.footer { border-top:1px solid #ddd; padding:30px 0 40px 0; background-color:#fff; }
.footer .foot_cnt { position:relative; max-width:1106px; margin:0 auto; background:url('../img/common/logo_gray.png') no-repeat left 45px; padding-top:45px; }
.footer .menu { padding-left:195px; overflow:hidden; margin-bottom:15px; }
.footer .menu:after { display:block; width:100%; clear:both; height:0; content:""; }
.footer .menu li { float:left; font-size:11px; font-weight:700; color:#acacac; padding-right:15px; margin-right:15px; line-height:1.25em; }
.footer .menu li a { color:#acacac; }
.footer .copyright { padding-left:180px; }
.footer .copyright span { display:block; font-size:11px; color:#a4a4a4; }
.footer .sns_area { position:absolute; right:0; top:0px; }
.footer .sns_area a { display:inline-block; }
.footer .sns_area a.btn_sitemap { margin-right:15px; }
.footer .sns_area a.download { margin-right:10px; }
.footer .tol { position:absolute; right:180px; top:0px; }
.footer .tol a { display:inline-block; margin-left:10px; }

/** top **/
.wrap_dm .btn_top {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index:999;
}


/*******************************************
request-layer
*******************************************/ 
.wing_request_open { position:fixed; right:0; top:50%; margin-top:-80px; z-index:999; }
.t_open { height: 100%; overflow: hidden; }
.request-layer {
	display:none; 
	position:absolute; right:-460px; top:0; 
	z-index:999; 
	width:460px; height:100%; 
	overflow-y: scroll;
	background-color:#f0f0f0;
	z-index:999;
}
.request-layer .top { }
.request-layer .body { padding:25px 25px; }
.request-layer .body .company_info { border-top:2px solid #888888; border-bottom:2px solid #888; margin-bottom:20px; }
.request-layer .body .company_info li { 
	font-size:13px;
	border-bottom:1px solid #bcbcbc;
}
.request-layer .body .company_info li:last-child { border-bottom:0; }
.request-layer .body .company_info li.line2 { width:100%; overflow:hidden; }
.request-layer .body .company_info li span {
	display:block;
	background-repeat:no-repeat;
	background-position:left 50%;
	padding-left:53px;
	color:#555555; 
	height:45px; line-height:45px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.request-layer .body .company_info li .address { background-image:url('../img/common/icon_address.png'); background-position:15px 50%; border-bottom:0; }
.request-layer .body .company_info li .tel { background-image:url('../img/common/icon_tel.png'); background-position:15px 50%; float:left; width:50%; }
.request-layer .body .company_info li .fax { background-image:url('../img/common/icon_fax.png'); background-position:13px 50%; float:left; width:50%; }
.request-layer .body .company_info li .email { background-image:url('../img/common/icon_email.png'); background-position:9px 50%; }


.request-layer .body .form { }
.request-layer .body .form li { margin-bottom:7px; }
.request-layer .body .form .input {
	position:relative;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	overflow:hidden;
	height:20px;
	background-color:#fcfcfc;
	border-top:1px solid #cacaca;
	box-shadow:inset 1px -1px 1px #ebebeb;
	padding:9px 25px 10px 100px; 
}
.request-layer .body .form label { 
	position:absolute; left:20px; top:10px; 
	border-right:1px solid #ddd;
	width:60px;
	font-size:14px;
	color:#333333;
	font-weight:700;
	height:18px; line-height:18px;
}
.request-layer .body .form input {
	height:20px; line-height:20px;
	width:100%;
	border:0;
	font-size:14px;
	background:none;
	color:#555;
}
.request-layer .body .form .textarea {
	position:relative;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	background-color:#fcfcfc;
	border-top:1px solid #cacaca;
	box-shadow:inset 1px -1px 1px #ebebeb;
	padding:10px 20px; 
}
.request-layer .body .form .textarea label { display:block; position:static; margin-bottom:10px; border-right:0; }
.request-layer .body .form textarea { width:100%; height:100px; border:0; resize:none; background:none; font-size:14px; color:#555; }

/* file_input_textbox */
.request-layer .body .form .file_input_textbox { padding-right:50px; box-sizing:border-box; }
.request-layer .body .form .file_input_div {
	position:absolute;
	right:0; top:0;
	width:60px; height: 40px;
	overflow: hidden;
	z-index:99;
}
.request-layer .body .form .file_input_div input[type="file"] { 
	position:absolute; right:0; top:0; width:100%;
	cursor:pointer !important; 
	margin:0; padding:0;
	z-index:1;
}
.request-layer .body .form .file_input_button {
	font-size:12px;
	width:60px; height: 40px;
	background-color: #333;
	color: #fff;
	border-style: solid;
}
.request-layer .body .form .file_input_hidden {
	position: absolute;
	right: 0px; top: 0px;
	height:40px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
/* terms_check */
.request-layer .body .terms_check { text-align:right; margin-bottom:20px; }
.request-layer .body .terms_check input[type="checkbox"]{ 
	display:none;
}
.request-layer .body .terms_check label { 
	display:inline-block;
	font-size:13px; color:#777; 
	background-repeat:no-repeat;
	background-image:url('../img/common/icon_checkbox.png');
	background-position:left 50%;
	padding-left:27px;
	height:22px; line-height:22px;
	cursor:pointer;
}
.request-layer .body .terms_check input[type="checkbox"]:checked + label { 
	background-image:url('../img/common/icon_checkbox_on.png');
}
.request-layer .body .terms_check .btn_terms_view {
	display:inline-block;
	border:1px solid #888888;
	color:#333;
	text-align:center;
	cursor:pointer;
	font-size:13px;
	width:98px; height:33px; line-height:33px;
	margin-left:10px;
}
.request-layer .layer_terms { 
	display:none;
	position:relative;
	border:1px solid #ccc;
	padding:20px;
	background-color:#fff;
}
.request-layer .layer_terms .textarea { font-size:12px; color:#333; line-height:1.35em; padding:0; }
.request-layer .layer_terms .btn_close { position:absolute; right:0; bottom:0; display:inline-block; background-color:#333; color:#fff; padding:5px 20px;  cursor:pointer; font-size:13px; }
.request-layer .button_area { text-align:center; padding-top:20px; }
.request-layer .button_area .btn_send {
	background:none;
	border:0;
	width:136px; height:49px;
	display:inline-block;
	background:url('../img/common/button_send.png') no-repeat left top;
	overflow:hidden;
	cursor:pointer;
}
.request-layer .button_area .btn_send { text-indent:-5000px; }
.btn_layer_close { 
	display:none;
	position:absolute;
	right:460px;
	top:50%;
	width:46px; height:92px;
	margin-top:-46px;
	background:url('../img/common/btn_layer_close.png') repeat left top;
	z-index:999;
	cursor:pointer;
}
.web_cover_bg {
	display:none;
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	background:url('../img/common/bg_o5.png') repeat left top;
	z-index:99;
}