@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
    font-family:'notokr-demilight';
    src: url('/css/font/notokr-demilight.eot');
    src: url('/css/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('/css/font/notokr-demilight.woff2') format('woff2'),
         url('/css/font/notokr-demilight.woff') format('woff'),
         url('/css/font/notokr-demilight.ttf') format('truetype'),
         url('/css/font/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight: normal;
    font-style: normal;
}

/**/
html, body { width:100%; height:100%; min-width:1100px; font-family:notokr-demilight, sans-serif; }
html { overflow-y:scroll;  overflow:visible;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button { margin:0; padding:0; }
body, input, button { font-family:notokr-demilight, sans-serif; font-size:14px; color:#333; }
body { font-family:notokr-demilight, sans-serif; font-size:14px; color:#333; background-color:#fff; width:100%; min-width:1100px; }
img, fieldset, iframe { border:0; }
li { list-style:none; }
input, select, button { vertical-align:middle; outline-style:none; }
input:active { border-bottom:none; }
img { vertical-align:top; }
a { color:#fff; text-decoration:none; }
a:link { color:#fff; text-decoration:none; }

::selection {background:#9d9d9d; color:#FFF; text-shadow:none;}
::-moz-selection {background:#9d9d9d; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#9d9d9d; color: #FFF; text-shadow: none;}



/* gnb wrap */
.gnb_wrap {
	position:fixed;
	z-index:9999;
	width:100%;
	height:50px;
	background-color:#fff;
	border-bottom:1px solid #d1d1d1;
}

.top_menu {
	position:relative;
	z-index:30;
	width:1100px;
	min-width:1100px;
	height:50px;
	margin:0 auto;
}

.top_menu .logo {
	margin: 7px 0 0 421px;
	width:150px;
}

.top_menu a {
	line-height:30px;
}

.top_menu .mainmenu li {
	float:left;
}

.top_menu .over {
	position:absolute;
	z-index:20;
	width:224px;
	background-color:#231f20;
	border-top:none;
	box-sizing:border-box;
	padding:10px 0px;
}

.top_menu .over li {
	padding-left:30px;
	float:none;
	font-family:Noto Sans KR;
}

.top_menu .over li a {
	font-size:14px;
	color:#fff;
}

.top_menu .over li a:hover {
	color:#ea2027;
}

.top_menu .over_lo {
	left:980px;
	position:absolute;
	top:50px;
	width:120px;
}


/* full menu */
.top_menu .full_m {
	position:absolute;
	left:0px;
	top:50px;
	width:1100px;
	background-color:#231f20;
	opacity:.9;
	filter:alpha(opacity=90);
	color:#fff;
}

.top_menu .full_m p {
	height:60px;
	line-height:60px;
	margin-bottom:20px;
	color:#fff;
	font-size:16px;
	font-family:Noto Sans KR;
	font-weight:400;
	text-align:center;
	margin-left:-50px;
}

.top_menu .full_m li {
	float:left;
	width:189px;
	height:300px;
	padding-left:30px;
	margin:10px 0 10px 0;
	line-height:30px;
	font-size:14px;
	border-right:1px solid #74716f;
	font-family:notokr-demilight;
	color:#fff;
}

.top_menu .full_m li a:hover {
	text-decoration:underline;
	color:#fff;
}


/* sub dropdown */
.sub_munu_open {
	position:relative;
	top:50px;
	width:100%;
	z-index:40;
	background-color:#c91931;
	height:80px;
}

.top_menu .m_01 {
	width:220px;
	top:80px;
	left:0;
	float:left;
}

.top_menu .m_02 {
	width:220px;
	top:80px;
	left:220px;
	float:left;
}

.top_menu .m_03 {
	width:220px;
	top:80px;
	left:440px;
	float:left;
}

.top_menu .m_04 {
	width:220px;
	top:80px;
	left:660px;
	float:left;
}
.top_menu .m_05 {
	width:220px;
	top:80px;
	left:880px;
	float:left;
}

.top_menu .mainmenu li.top_language { float:right; line-height: 0px; padding-top: 13px; font-size: 0px;}
.top_menu .mainmenu li.top_language a {display: inline-block; padding: 0px 20px;}
.top_menu .mainmenu li.top_language a:FIRST-CHILD { border-right: 1px solid #DDD;}
/* layer product */
/*.layer_product_wrap {
	position:absolute;
	top:130px;
	width:100%;
	height:730px;
	margin:0 auto;
	z-index:15;
}

.layer_box {
	width:1100px;
	height:730px;
	margin:0 auto;
}

.layer_box .depth1_slide {
	position:relative;
	margin-left:733px;
	width:365px;
	height:365px;
	background-color:#fff;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
}

.depth1_slide .left_btn {
	position:absolute;
	top:170px;
	left:0;
	cursor:pointer;
}

.depth1_slide .right_btn {
	position:absolute;
	top:170px;
	right:0;
	cursor:pointer;
}

.layer_box .depth2_brandsite {
	margin-left:733px;
	width:365px;
	height:169px;
	background-color:#fff;
	border:1px solid #d1d1d1;
	background:url('/image/kor/00main/brandsite_img.jpg')no-repeat;
}

.depth2_brandsite .sitego_btn {
	width:130px;
	color:#fff;
	font-size:13px;
	font-family:notokr-demilight;
	background-color:#696969;
	padding:5px 10px 5px 10px;
	margin:120px 0 0 15px;
}

.layer_box .depth3_search {
	margin-left:733px;
	width:365px;
	height:194px;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	background:url('/image/kor/00main/layerbox_seach_bg.gif') repeat-x;
}

.depth3_search .title {
	padding:20px 0 0 20px;
	color:#5b5b5b;
	font-size:18px;
	font-family:Noto Sans KR;
	font-weight:400;
}

.depth3_search .main_search_form {
	width:318px;
	height:30px;
	margin:20px 0 0 20px;
	background-color:#fff;
	border:3px solid #a8a8a8;
	padding:0;
}

.depth3_search .main_search_input {
	width:272px;
	height:28px;
	border:none;
	margin:0;
	padding:0;
	font-family:notokr-demilight;
	color:#888;
	padding-left:10px;
}

.depth3_search .product_btn_form {
	margin:15px 0 0 20px;
}

.depth3_search .main_product_btn {
	width:100px;
	padding:15px 0 15px 0;
	color:#fff;
	background-color:#696969;
	float:left;
	text-align:center;
	margin-right:13px;
	cursor:pointer;
}*/


/* layer product new */
.layer_product_wrap02 {
	position:absolute;
	top:130px;
	width:100%;
	height:730px;
	margin:0 auto;
	z-index:15;
}

.layer_pro_box {
	width:1100px;
	height:730px;
	margin:0 auto;
	background: url('/image/kor/00main/layer_bx_bg.png') no-repeat;
}

.layer_pro_box .title_line {
	width: 340px;
	margin: 0 0 10px 735px;
	padding-top: 10px;
	border-bottom: 1px solid #8298ab;
	font-size: 15px;
	color: #8298ab;
	font-weight: 400;
}

.layer_pro_box .depth1 {
	position:relative;
	margin-left:735px;
	width:340px;
	height:340px;
}

.depth1 .left_btn {
	position:absolute;
	top:145px;
	left:0;
	cursor:pointer;
}

.depth1 .right_btn {
	position:absolute;
	top:145px;
	right:0;
	cursor:pointer;
}

.layer_pro_box .depth2 {
	margin: 10px 0 0 735px;
	width:340px;
	height:170px;
}

.layer_pro_box .depth3 {
	margin-left:735px;
	width:340px;
}

.depth3 .main_search_form {
	width:334px;
	height:30px;
	margin-top:10px;
	background-color:#fff;
	border:3px solid #0b3055;
	padding:0;
}

.depth3 .main_search_input {
	width:280px;
	height:28px;
	border:none;
	margin:0;
	font-family:notokr-demilight;
	color:#888;
	padding-left:10px;
}

.depth3 .product_btn_form {
	margin-top:10px;
}

.depth3 .main_product_btn {
	width:100px;
	height: 44px;
	line-height:44px;
	color:#fff;
	background-color:#0b3055;
	float:left;
	text-align:center;
	margin-right:20px;
	cursor:pointer;
}

.depth3 .main_product_btn:last-child {
	margin-right: 0;
}

/* main notice box */
.notice_wrap {
	position:relative;
	top:0px;
	width:100%;
	height:180px;
	background-color:#5b5b5b;
	transition:all 0.5s;
}

.toggle-open{ margin-top:-90px; padding-bottom:90px;}

.notice_ctt_box {
	width:1100px;
	min-width:1100px;
	margin:0 auto;
	background-color:#696969;
	height:180px;
	/*max-height:180px;
	margin-top:-90px;
	transition:all 0.5s;*/
}

.notice_ctt_box .open_btn {
	margin-top:-30px;
	cursor:pointer;
}

.notice_ctt_box .depth1_ir {
	width:346px;
	height:100%;
	float:left;
	padding-left:20px;
	border-right:1px solid #8e8e8e;
}

.depth1_ir .title {
	padding-top:20px;
	color:#fff;
	font-size:20px;
	line-height:20px;
}

.depth1_ir .more_btn {
	cursor:pointer;
	margin-left:290px;
}

.depth1_ir .ir_txt {
	padding-top:10px;
	color:#fff;
}

.depth1_ir .ir_btn_form {
	margin-top:10px;
}

.depth1_ir .ir_btn {
	width:100px;
	padding:13px 0 13px 0;
	color:#fff;
	background-color:#494646;
	float:left;
	text-align:center;
	margin-right:13px;
	cursor:pointer;
}

.notice_ctt_box .depth2_news {
	width:346px;
	padding-left:20px;
	height:100%;
	float:left;
	border-right:1px solid #8e8e8e;
}

.depth2_news .title {
	padding-top:20px;
	color:#fff;
	font-size:20px;
	line-height:20px;
}

.depth2_news .more_btn {
	cursor:pointer;
	margin-left:250px;
}

.depth2_news .news_form {
	width:320px;
	margin-top:25px;
	color:#fff;
	font-size:13px;
}

.depth2_news .news_list {
	width:235px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
	line-height:26px;
}

.depth2_news .news_list a:hover {
	text-decoration:underline;
	color:#fff;
}

.depth2_news .news_date {
	float:right;
	line-height:26px;
}

.notice_ctt_box .depth3_proinfo {
	width:346px;
	padding-left:20px;
	height:100%;
	float:left;
}

.depth3_proinfo .title {
	padding-top:20px;
	color:#fff;
	font-size:20px;
	line-height:20px;
}

.depth3_proinfo .more_btn {
	cursor:pointer;
	margin-left:185px;
}

.depth3_proinfo .news_form {
	width:320px;
	margin-top:25px;
	color:#fff;
	font-size:13px;
}

.depth3_proinfo .news_list {
	width:235px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
	line-height:26px;
}

.depth3_proinfo .news_date {
	float:right;
	line-height:26px;
}


/* footer */
.footer {
	position:relative;
	top:-90px;
	left:0;
	clear:both;
	width:100%;
	height:57px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	background-color:#fff;
	z-index:50;
}

.footer_box {
	width:1100px;
	top:50px;
	height:57px;
	margin:0 auto;
}

.footer_box .site_option {
	width:130px;
	height:57px;
	border-left:1px solid #d1d3d4;
	border-right:1px solid #d1d3d4;
	float:right;
}

.footer_box .top_btn {
	float:right;
	display:block;
	width:50px;
	height:57px;
	border-right:1px solid #ddd;
	background:#f4f4f4;
}

/* address */
.add_footer {
	position:relative;
	left:0;
	top:-90px;
	clear:both;
	width:100%;
	height:132px;
	border-bottom:1px solid #d1d3d4;
	background-color:#fff;
	z-index:49;
}

.address_box {
	width:1100px;
	height:130px;
	margin:0 auto;
}

.address_box .add_txt {
	margin-top:20px;
	font-family:notokr-demilight;
	font-size:12px;
	color:#939598;
	line-height:20px;
	float:left;
}

.address_box .qr_cord {
	margin:13px 0 0 0;
	float:right;
}

.address_box .qr_cord  p {
	margin:10px 18px;
	font-family:notokr-demilight;
	font-size:11px;
	color:#939598;
	line-height:18px;
	float:left;
}

.address_box .qr_cord img {
	border:1px solid #cdcdcd;
}


/* 20180920추가 개인정보처리방침 */
.address_box .add_txt a {color:#000; font-weight: 400; display:inline-block; font-size:14px; margin-bottom:5px;}