@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@charset "utf-8";
*{font-family: 'Nanum Gothic',"³ª´®°íµñ", 'Montserrat Alternates', sans-serif;}
/* Reset CSS  */
html { height: 100%;overflow-y:scroll;  }
body { font-size: 12px; font-family: 'Nanum Gothic',"³ª´®°íµñ", 'Montserrat Alternates', sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/*bbs°øÅë*/
#bo_list_total{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}

/************* css ******************/



/* header*/
#header{position:absolute; top:0;left:0; width:100%; z-index:999;}
#header .wrap:after{content:""; display:block; clear:both;}
#header .login{margin-top:18px; float:right; margin-right:15px;}
#header .login li{float:left; line-height:12px; border-right:1px solid #fff;}
#header .login li:last-child{border-right:0;}
#header .login li a{font-size:12px; color:#fff;padding:0 10px; display:block;}
#header .logo{text-align:center; margin:8px 0 20px;}
#nav_btn{display:none;}
#nav_bg{background:rgba(0,0,0,0.6)}
#nav{max-width:900px; margin:0 auto;}
#nav > li{float:left; width:20%; text-align:center;}
#nav > li > a{font-size:17px; color:#fff; padding:17px 0;display:block;}
#nav > li:hover > a{background:#692a0f}

/* main*/
.wrap{max-width:1200px; box-sizing:border-box; margin:0 auto;}
#m_slider{overflow:hidden; position:relative;}
#m_slider .content{width:400%}
#m_slider .content li{text-align:center; float:left; width:25%; position:relative;}
#m_slider .content li:nth-child(1){background:url(../image/m_slider01_bg.jpg) no-repeat center center;}
#m_slider .content li:nth-child(2){background:url(../image/m_slider01_bg.jpg) no-repeat center center;}
#m_slider .content li:nth-child(3){background:url(../image/m_slider03_bg.jpg) no-repeat center center;}
#m_slider .content li:nth-child(4){background:url(../image/m_slider01_bg.jpg) no-repeat center center;}
#m_slider .content li div{max-width:1200px; position:relative; margin:0 auto;}
#m_slider .content li div .more{color:#fff; font-size:14px; border:1px solid #fff; position:absolute; width:13%;:display:block; padding:7px 0; right:18%; bottom:26%;}
#m_slider .content li div .more:hover{background:rgba(0,0,0,0.8); }
#m_slider .breadcrumb{position:absolute; right:50%; margin-right:-350px; bottom:20%;}
#m_slider .breadcrumb li{float:left; margin-right:3px;}
#m_slider .breadcrumb li span{width:26px;height:2px;background:#fff; display:block; cursor:pointer;}
#m_slider .breadcrumb li.on span{background:#f9ee38;}

#m_box01{background:url(../image/m_box01_bg.jpg) no-repeat center center;}
#m_box02{background:url(../image/m_box02_bg.jpg) no-repeat center center;}
#m_box02 .m_box{text-align:right;}
.m_box{padding:230px 40px 170px;}
.m_box p{font-size:20px; line-height:28px; color:#2a2a2a; letter-spacing:-1px;}
.m_box .more{background:#2a2a2a; font-size:14px; color:#fff; padding:8px 50px; margin-top:20px; display:inline-block;}
.m_box .more:hover{background:#692a0f}

/*sub*/
#sub_top{padding:300px 0 60px;}
#sub_top.bg01{background:url(../image/m_slider01_bg.jpg) no-repeat center center;}
#sub_top.bg02{background:url(../image/m_box01_bg.jpg) no-repeat center center;}
#sub_top.bg03{background:url(../image/m_slider01_bg.jpg) no-repeat center center;}
#sub_top.shop{background:url(../image/m_slider01_bg.jpg) no-repeat center center;}
#sub_top h2{text-align:center; font-size:45px; font-weight:600; letter-spacing:-1px; color:#fff;}
#sub_top h3{text-align:center; font-size:16px; font-weight:500; letter-spacing:-1px; margin-top:5px; color:#fff;}
#sub{min-height:400px; padding: 40px; font-size:14px}

/*about*/
.sub01_wrap{background:#f3f3f5 url(../image/sub01_bg.png) no-repeat right center; padding:50px 0 !important;}
.sub01{background:rgba(255,255,255,0.92); max-width:1120px;}
.sub01 .title{font-size:40px; letter-spacing:-1px; line-height:40px; margin-bottom:40px;}
.sub01 .title b{color:#6b3807;font-weight:500;}
.sub01 .title .line{width:200px; display:block; border-top:3px solid #bdbdbd; margin-top:10px;}
.sub01 .text:after{content:"";display:block; clear:both;}
.sub01 .text{font-size:16px; line-height:30px; letter-spacing:-1px;}
.sub01 .text b{font-size:26px;font-weight:500;letter-spacing:-3px;}
.sub01 .text img{float:right}

/*brand*/
.sub02_bg{background:#f5f5f5 ;padding:50px 0;}
.sub02 .title{text-align:center; position:relative; margin-bottom:50px;}
.sub02 .title h3{font-weight:500; font-size:16px; color:#666;}
.sub02 .title h2{font-size:40px;margin-top:5px; letter-spacing:-2px; background:#f5f5f5; display:inline-block; padding:0 10px; position:relative; z-index:9;}
.sub02 .title .line{width:100%;display:block; background:#ddd; height:1px; ;position:absolute; top:40px; left:0;}
.sub02 .list{text-align:center;}
.sub02 .list li{max-width:250px; text-align:center; padding:0 10px 30px; box-sizing:border-box; display:inline-block; vertical-align:top; min-height:310px;}
.sub02 .list li h2{font-size:16px; margin:20px 0 5px; letter-spacing:-1px; }
.sub02 .list li p{line-height:20px;word-break: keep-all;}

/*shop*/
#container.wrap{padding:0 40px;}
#shop_gnb{margin-bottom:50px;}

/*bbs*/
#container_title{font-size:20px; letter-spacing:-2px; font-weight:500; margin-bottom:15px;}
#container_title:first-letter{border-top:1px solid #6b3807; padding-top:5px;}
#sub.bbs{font-size:13px;}
.mbskin{max-width:1200px; margin:0 auto; box-sizing:border-box; padding:40px}

/* footer*/
#footer{background:#1a1a1a;}
#footer .btn{background:#000; color:#c2c2c2; padding:2px 5px; margin-left:10px;}
#footer .wrap{position:relative; padding:40px;}
#footer .address{color:#c2c2c2; font-size:13px; line-height:22px;}
#footer .f_logo{position:absolute; right:40px; bottom:40px;}

div.tou { padding: 10px; border: 1px solid #e9e9e9; margin-top: 30px; height: 100px; overflow-y: scroll; background: #f7f7f7; }
div.tou_chk { text-align: right; padding-top: 15px; padding-bottom: 30px; }


@media (min-width:769px) and (max-width:1200px){/*Å×ºí¸´*/
		/*header*/
		#header .logo img{max-width:250px;}
		#nav > li > a{font-size:15px; padding:12px 0;}

		/*main*/
		#m_slider .breadcrumb{display:none;}
		#m_slider .content li div .more{font-size:13px;padding:5px 0; }
		#m_box01{background-size:cover;}
		#m_box02{background-size:cover;}
		.m_box{padding:120px 40px;}
		.m_box p{font-size:17px;}

		/*sub*/
		#sub_top{padding:250px 0 50px;}

		/*about*/
		.sub01_wrap{padding:30px 10px !important;}


		/*brand*/
}

@media (max-width:768px){/*¸ð¹ÙÀÏ*/
		body{overflow:hidden;}
		/*header*/
		#header{position:static; background:#151515}
		#header .wrap{text-align:center;}
		#header .login{margin-right:0; float:none; display:inline-block;}
		#header .logo{margin:20px 0;}
		#header .logo img{max-width:200px;}
		#nav_btn{background:#251b0b;color:#fff; font-size:17px; display:block; text-align:center; padding:12px 0; font-weight:600;z-index:99; position:relative; cursor:pointer;}
		#nav_bg{position:relative;}
		#nav{position:absolute; z-index:999; width:100%; background: rgba(0,0,0,0.8); right:-100%;}
		#nav > li{float:none; width:100%;}
		#nav > li > a{font-size:15px; padding:12px 0;}

		/*main*/
		#m_slider{margin-top:-44px;}
		#m_slider .content li div .more{font-size:11px; padding:5px 0; right:18%; bottom:20%;}
		#m_slider .breadcrumb{display:none;}
		#m_box01{background-size:cover;}
		#m_box02{background-size:cover;}
		.m_box{padding:60px 10px;}
		.m_box p{font-size:14px; line-height:22px;}
		.m_box .more{margin-top:10px; font-size:12px;}

		/*sub*/
		#sub_top{padding:30px 0; background-size:cover !important;}
		#sub_top h2{font-size:30px;}
		#sub_top h3{font-size:14px;}
		#sub{padding:30px 10px; min-height:300px;}

		/*about*/
		.sub01_wrap{padding:30px 10px !important;}
		.sub01{padding:20px !important;}
		.sub01 .title{font-size:30px;line-height:30px; margin-bottom:15px;}
		.sub01 .text{font-size:14px;line-height:22px;}
		.sub01 .text b{font-size:22px;}
		.sub01 .text img{max-width:120px;}

		/*brand*/
		.sub02_bg{padding:20px 0;}
		.sub02 .title h3{font-size:14px;}
		.sub02 .title h2{font-size:25px;}
		.sub02 .title .line{top:33px;}

		/*shop*/
		#container.wrap{padding:0 10px;}
		#shop_gnb{margin-bottom:20px;}

		/*footer*/
		#footer{text-align:center;}
		#footer .wrap{padding:30px 10px;}
		#footer .f_logo{position:static; margin-top:20px; max-width:100px;}
		#footer .address{line-height:18px;}
}