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

* {margin:0; padding:0;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:middle;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
html {height:100%;}
body {font-size:100%; font-family:"nanum barun gothic",sans-serif; line-height:1;}
caption {visibility:hidden;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; display:none; cursor:pointer; background:#fff; opacity:0;}

.wrapper {width:100%; height:100%; min-width:1200px; position:relative;}
.header_wrap {width:100%; height:100%;   position:fixed; z-index:998; top:0; left:0;}
/* 메인헤더용 css */
.header_wrap.header_wrap_main {height:100%;}

.header {width:100%; margin:0 auto; overflow:hidden; z-index:90;}
.header h1 {float:left; margin:2% 0 0 0; width:15%; text-align:center;}
.header .shop_btn { position:absolute; top:15px; left:180px; width:150px; } 
.header .right_top {width:86%; float:right;}
.h_menu{width:75%; float:right; overflow:hidden; margin-top:2%; }
.h_menu ul{width:100%;}
.h_menu ul li{float:right; margin:0 1.4%; cursor:pointer;}

.top_mymcwrap{ width:100%; overflow:hidden;}
.top_mymcwrap2{width:390px; float:right; margin-right:10.3%; margin-top:1%; overflow:hidden;}
.top_mymcbx1{font-family: 'nanum barun gothic'; font-size:0.8em; width:11%; float:left; color:#fff; height:24px; line-height:2;}
.top_mymcbx2{float:left; color:#383838;}
.top_mymcbx3{background:#999; text-align:center; font-family: 'nanum barun gothic'; font-size:0.8em; width:50px; float:left; color:#fff;
					height:26px; line-height:2;/* padding:1.7% 0; */margin-left:10px;}
.top_mymc_input{width:52px; height:24px; margin-right:20px; background:none; border:1px solid #383838;font-family:"nanum barun gothic";color:#fff; padding:0 0 0 5px;}
.top_mymc_select{ color:#fff; width:52px;  height:25px; float:left; display:block; margin-right:4px;  font-family:"nanum barun gothic"; background:none; border:1px solid #383838;}
.top_mymc_input2{width:37px;  height:24px;font-family:"nanum barun gothic";color:#fff; background:none; border:1px solid #383838;}

.h_linkicon{width:9%; float:right; margin-top:2.3%;}
.h_linkicon ul{width:100%;}
.h_linkicon ul li{float:left; margin:0 2px; cursor:pointer;}

.header .gnb {width:100%; height:100%; position:absolute;overflow:hidden;}
.header .gnb > ul {width:100%; height:100%; overflow:hidden;}
.header .gnb > ul > li {float:left;}
.header .gnb > ul > li a {display:block; font-size:13px; font-family: 'nanum barun gothic'; }

.main_title_wrap{width:100%; margin:0 auto; overflow:hidden; position:absolute; top:18%; left:0; z-index:90;}
.main_left_title{float:left; margin:0 0 0 11%; width:23%;}
.main_left_title img{width:100%;}
.main_right_title{float:left; margin-left:10.5%; clear:both; width:361px; margin-top:45px;}
.main_in_bx01{background-image:url(../images/h_backg01.png); padding:15px 0 10px 0; margin-bottom:7px;}
.main_in_bx01 ul{}
.main_in_bx01 ul li{width:97%; margin:1% 2% 2% 2%; overflow:hidden;}
.main_in_bx01 ul li:first-child{}

.main_nine_wrap{ width:100%; position:absolute; top:18%; right:0; z-index:998; }
	.nine_title{position:absolute;top:-20px; left:15px;}
	.nine_title img{display:block;}
	.nine_arrow_left{position:absolute; top:44.5%; left:-4%; cursor:pointer;}
	.nine_arrow_right{position:absolute; top:44.5%; right:-3%; cursor:pointer;}
		.nine_arrow_left2{position:absolute; top:33%; left:-4%; cursor:pointer;}
		.nine_arrow_right2{position:absolute; top:33%; right:-3%; cursor:pointer;}
		
.main_nine_bx{ float:right; display:inline-block; width:40%; margin-right:9.5%; position:relative;}
	.nine_pic{display:inline-block; margin:1% 3.13% ; width:26%; position:relative;}
	.nine_pic img{display:block; width:100%;}
		.nine_name_wrap{ background-image:url(../images/nine_name.png); background-repeat:repeat-x; width:100%; height:18px; line-height:18px; position:absolute; bottom:0; text-align:center;}
		.nine_name_wrap span{display:block; color:#FFF; font-size:0.85em;font-family: 'nanum barun gothic';}
@media screen and (max-width:1280px) { /*모니터 1280 이하 싸이즈일때*/
.main_nine_wrap{top:27%; }
	.main_nine_bx{margin-right:9.7%;}
	.nine_pic{width:25.5%;}
	.nine_title{position:absolute;top:-25px;}
	.nine_name_wrap{height:18px; line-height:18px;}
	.nine_name_wrap span{font-size:0.7em;}
	
}

.re_tx_title{color:#fff; font-size:12px; width:93%; float:left;font-family: 'nanum barun gothic'; margin-left:2%;}
.re_tx_plus{width:5%;}
.re_tx_plus a{cursor:pointer;}
.re_tx{float:left; width:79%; margin-left:2%;}
.re_tx a{color:#fff; font-size:12px; line-height:14px; font-family: 'nanum barun gothic'; cursor:pointer;}
.num{color:#fff; font-size:11px; line-height:14px; float:left; width:17%; font-family: 'nanum barun gothic';}
.main_in_bx02{background-image:url(../images/h_backg02.png); padding:20px;}
.main_in_bx02 span{display:inline-block; color:#fff; font-size:14px;font-family: 'nanum barun gothic'; margin-bottom:2px; cursor:pointer;}
.main_in_bx02 span:nth-of-type(1){width:80px;}
.main_in_bx02 span:nth-of-type(2){margin-bottom:15px;}

.main_mc_wrap{width:100%; position:absolute; bottom:6%; left:0; z-index:1100;}
.main_mc_wrap ul{width:80%; overflow:hidden; float:left; margin:0 10%;}
.main_mc_wrap ul li{float:left; margin:0 1.83%;width:13%; }

.mc_total{width:100%;}
.mc_tall_wrap{width:13.5%; background-image:url(../images/mc_bg.png); float:left; 
					 height:100%; z-index:1000;}
.mc_tall_wrap:nth-of-type(1){position:absolute; top:0; left:9.8%;}
.mc_tall_wrap:nth-of-type(2){position:absolute; top:0; left:23.3%;}
.mc_tall_wrap:nth-of-type(3){position:absolute; top:0; left:36.6%;}
.mc_tall_wrap:nth-of-type(4){position:absolute; top:0; left:49.9%; }
.mc_tall_wrap:nth-of-type(5){position:absolute; top:0; left:63.2%;}
.mc_tall_wrap:nth-of-type(6){position:absolute; top:0; left:76.6%;}

.mc_tall_img{width:100%; position:relative; height:53.5%; text-align:center;}
.mc_tall{width:100%;}
.mc_tall_text{width:100%; background-image:url(../images/mc_backbox.png); text-align:center; position:absolute; top:60%; left:0;/* height:36.7%;*/}
.mc_tx_detail{font-family: 'nanum barun gothic'; font-size:1em; color:#fff; display:block;  padding:20px 0; line-height:20px;}
.mc_color_name{color:#eae712; font-family: 'nanum barun gothic';font-size:1em;}
.mc_color_name2{color:#fff; font-family: 'nanum barun gothic';font-size:0.8em;}

.mc_tx_explan{display:block;font-family: 'nanum barun gothic';font-size:0.75em; color:#fff; line-height:1.3em; padding:10px 0;}
.mc_videobx{width:78%; margin:0 auto; margin-top:20px; position:relative;}

.mc_video_btn{position:absolute; top:26%; left:34%; width:30%;}
.mc_vieod_pic{width:100%;}

.main_mc_wrap ul li img{ width:100%;}
.mc_arrow_left{float:left; position:absolute; top:40%; left:8%;}
.mc_arrow_right{float:right; position:absolute; top:40%; right:8%;}







.footer{width:100%; background:#504b49;padding:9px 0; text-align:center; position:fixed; left:0; bottom:0; z-index:1200;}
.footer span{color:#fff; font-size:10px;font-family: 'nanumgothic'; }