@charset "UTF-8";

.hidden,small { display:none; }

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }

.img_block {margin:0px; padding:0px; font-size:0px; line-height:0px; display:block;}

.wrap-main section {	}
.block a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }
.wrap-sub section.layout { width:1000px; height:1%; }
.wrap-sub > /**/ section.layout { height:auto; }

.speaker { width:350px; height:160px; float:right; }

/* 상단영역 시작 */
.top_area { position:relative; width:100%; min-width:1200px; max-width:1919px; height:110px; margin:0 auto; z-index:200; }
.top_member { position:relative; width:100%; min-width:1200px; max-width:1919px; height:29px; margin:0 auto; background:#f6f6f6; border-bottom:1px solid #efefef; }
.top_member > div { width:1200px; margin:0 auto; }
.top_member > div > ul { display:inline-block; float:right; }
.top_member > div > ul > li { float:left; width:90px; height:29px; line-height:29px; text-align:center; background:#fff; border-left:1px solid #efefef; }
.top_member > div > ul > li:last-child { border-right:1px solid #efefef; }
.top_member > div > ul > li > a { display:inline-block; width:100%; height:100%; text-decoration:none; color:#a6a6a6; font-size:13px; font-weight:400; box-sizing:border-box; }
.top_member > div > ul > li > a:hover { color:#636363; }
.top_member > div > ul > li > a.thome { background:url("../images/top/home.jpg") no-repeat 20px 8px; padding-left:16px; }
.top_member > div > ul > li > a.thome:hover { background:url("../images/top/homea.jpg") no-repeat 20px 8px; }



/*메인*/
	.nav_area { position:absolute; width::100%; min-width:1200px; max-width:1919px; height:80px; left:0; right:0; top:30px; margin:0 auto; z-index:210; background:url("../images/top/nav_bar.png") repeat-x center bottom; }
	.nav_area > div { position:relative; width:1200px; height:80px; margin:0 auto; }
	.nav_area.is_fixed { position:fixed; top:0px; background:#fff; box-shadow:0px 8px 15px 0px rgba(0,0,0,0.1); }
	.nav_area .logo { position:absolute; left:1px; top:22px; cursor:pointer; width:223px; height:45px; background:url("../images/top/logo.png") no-repeat left top; }
	.nav_area.is_fixed .logo { background:url("../images/top/logo2.png") no-repeat left top; }

	/*대메뉴*/
	.menu { position:absolute; right:0px; top:25px; display:inline-block; z-index:220; }
	.menu > li { float:left; margin-left:50px; display:inline-block; }
	.menu > li:first-child { margin-left:0px; }
	.menu > li > a { display:inline-block; height:52px; line-height:28px; font-size:18px; color:#fff; font-weight:500; text-decoration:none; }
	.menu > li:hover > a,
	.menu > li.on > a { border-bottom:3px solid #fff; }
	/*소메뉴*/
	.menu > li > ul { position:absolute; right:0px; top:55px; width:1200px; height:50px; display:none; }
	.menu > li:hover > ul { display:block; }
	.menu > li > ul > li { float:left; display:inline-block; margin-left:25px; }
	.menu > li > ul > li > a { display:inline-block; height:28px; line-height:28px; margin-top:11px; font-size:15px; color:#fff; font-weight:400; text-decoration:none; }
	.menu > li > ul > li > a.on,
	.menu > li > ul > li > a:hover { border-bottom:2px solid rgba(255,255,255,0.8); }

/*서브*/
	.nav_area2 { position:absolute; width::100%; min-width:1200px; max-width:1919px; height:80px; left:0; right:0; top:30px; margin:0 auto; z-index:210; background:#fff; box-shadow:0px 8px 15px 0px rgba(0,0,0,0.1); }
	.nav_area2 > div { position:relative; width:1200px; height:80px; margin:0 auto; background:#fff; }
	.nav_area2.is_fixed { position:fixed; top:0px; }
	.nav_area2 .logo { position:absolute; left:1px; top:22px; cursor:pointer; width:223px; height:45px; background:url("../images/top/logo2.png") no-repeat left top; }

	/*대메뉴*/
	.nav_area2 .menu { position:absolute; right:0px; top:25px; display:inline-block; z-index:220; }
	.nav_area2 .menu > li { float:left; margin-left:50px; display:inline-block; }
	.nav_area2 .menu > li:first-child { margin-left:0px; }
	.nav_area2 .menu > li > a { display:inline-block; height:52px; line-height:28px; font-size:18px; color:#111; font-weight:500; text-decoration:none; }
	.nav_area2 .menu > li:hover > a,
	.nav_area2 .menu > li.on > a { border-bottom:3px solid #197fd1; }
	/*소메뉴*/
	.nav_area2 .menu > li > ul { position:absolute; right:0px; top:55px; width:1200px; height:50px; display:none; }
	.nav_area2 .menu > li:hover > ul { display:block; }
	.nav_area2 .menu > li > ul > li { float:left; display:inline-block; margin-left:25px; }
	.nav_area2 .menu > li > ul > li > a { display:inline-block; height:28px; line-height:28px; margin-top:11px; font-size:15px; color:#fff; font-weight:400; text-decoration:none; }
	.nav_area2 .menu > li > ul > li > a.on,
	.nav_area2 .menu > li > ul > li > a:hover { border-bottom:2px solid rgba(255,255,255,0.8); }

.menu > li:nth-child(1) > ul > li:first-child { margin-left:325px; }
.menu > li:nth-child(2) > ul > li:first-child { margin-left:458px; }
.menu > li:nth-child(3) > ul > li:first-child { margin-left:485px; }
.menu > li:nth-child(4) > ul > li:first-child { margin-left:630px; }
.menu > li:nth-child(5) > ul > li:first-child { margin-left:600px; }
.menu > li:nth-child(6) > ul > li:first-child { margin-left:1076px; }

.is_fixed .menu > li > a { color:#111; }
.is_fixed .menu > li:hover > a,
.is_fixed .menu > li.on > a { border-bottom:3px solid #197fd1; }
#smenu_bg { position:absolute; left:0; top:80px; right:0; width:100%; min-width:1200px; max-width:1919px; height:50px; background:rgba(0,0,0,0.2); display:none; }
/* 상단영역 끝 */


/*메인 영역 시작*/
.mcon1 { width:1200px; margin:0 auto; padding-bottom:90px; position:relative; }
.mcon1_title { width:1200px; height:185px; margin:0 auto; background:url("../images/index/m1_title.jpg") no-repeat center top; }
.m1_2 { display:inline-block; float:left; width:540px; height:375px; margin-left:31px; }
.m1_2 > img { float:left; cursor:pointer; }
.m1_3 { display:inline-block; float:left; width:300px; height:375px; margin-left:29px; }
.mcon2 { width:100%; min-width:1200px; max-width:1919px; height:110px; margin:0 auto; background:#dd8d9f; }
.mcon2 > div { width:1200px; height:100%; position:relative; margin:0 auto; background:url("../images/index/m2_bg.png") no-repeat left top; }
.m2_btn1 { position:absolute; right:185px; top:35px; cursor:pointer; }
.m2_btn2 { position:absolute; right:0px; top:35px; cursor:pointer; }
.mcon3 { width:100%; min-width:1200px; max-width:1919px; height:500px; margin:0 auto; background:url("../images/index/m3_bg.jpg") no-repeat center top; }
.mcon3 > div { width:1200px; height:100%; position:relative; margin:0 auto; }
.m3_btn1 { position:absolute; left:668px; top:378px; cursor:pointer; }
.mcon4 { width:100%; min-width:1200px; max-width:1919px; margin:0 auto; }
.mcon4 > div { width:1200px; height:360px; position:relative; margin:0 auto; padding:90px 0 150px; background:url("../images/index/m4_bg.jpg") no-repeat left top; }
.mcon4 > div > div { float:right; }
/*메인 영역 끝*/

/*서브 영역 시작*/
.subvisual { position:relative; width:100%; min-width:1200px; max-width:1919px; height:175px; margin:110px auto 0; background:url("../images/subvisual.jpg") no-repeat center top; border-bottom:1px solid #e5e5e5; }

.route_area { position:relative; width:100%; min-width:1200px; max-width:1919px; height:38px; line-height:38px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:0 auto; }
.route_area > div { width:1200px; height:38px; margin:0 auto; position:relative; }
.route_area > div > ul { display:inline-block; }
.route_area > div > ul > li { display:inline-block; padding-right:20px; float:left; height:38px; line-height:38px; background:url("../images/route_point.jpg") no-repeat right center; position:relative; }
.route_area > div > ul > li > span { display:inline-block; padding:0 35px 0 16px; height:38px; line-height:38px; background:url("../images/route_arrow1.jpg") no-repeat right center; color:#7c7b7b; font-size:15px; font-weight:400; cursor:pointer; }
	#ru1_ul { width:100%; border:1px solid #e5e5e5; display:none; background:#fff; position:absolute; left:-20px; top:38px; z-index:30; padding:10px 0; }
	#ru1_ul > li { display:inline-block; width:100%; height:30px; line-height:30px; box-sizing:border-box; padding-left:35px; float:left; }
	#ru1_ul > li > a { color:#888888; font-size:15px; text-decoration:none; font-weight:300; }
	#ru1_ul > li.on > a { color:#252525; }

	#ru2_ul { width:100%; border:1px solid #e5e5e5; display:none; background:#fff; position:absolute; left:-20px; top:38px; z-index:30; padding:10px 0; }
	#ru2_ul > li { display:inline-block; width:100%; height:28px; line-height:28px; box-sizing:border-box; padding-left:35px; float:left; }
	#ru2_ul > li > a { color:#888888; font-size:16px; text-decoration:none; font-weight:300; }
	#ru2_ul > li.on > a { color:#252525; }


section.layout .content { width:1200px; }
section.layout .content header { width:1200px; height:150px; line-height:150px; text-align:center; font-size:40px; color:#333333; font-weight:700; text-transform:uppercase; }
.shoptitle { margin-top:20px; }
section.layout .subContent { }

.boardarea { width:1000px; min-height:400px; margin:0 auto; padding:0px 0 100px; }

/*서브 영역 끝*/

/* 상품영역 */
.c1 {background:#999999;}
.c2 {}
.cartsub_top td {line-height:1.2;} /* 상단 익스6에서 글자 짤리는거 방지소스.. */
.cartsub {width:100%;}
.cartsub, .cartsub td, .cartsub tr, .cartsub small, .cartsub font {font-family:돋움; !important}
.cartsub FONT {font-weight:bold;}
.cartsubtext {width:600px; margin:10px auto;}