/* @import url( "http://font.dmax.kr/Nbg/NanumBarunGothic.css" ); */

@charset "utf-8";
.main_section { width:100%;  position:relative; overflow:hidden; }
.contents { width:1366px; margin:0 auto; position:relative; overflow:hidden; }
	@media screen and (max-width:1366px){
		.contents { width:100%; padding:0 30px; box-sizing:border-box;}
	}
	@media screen and (max-width: 740px) {  }
	@media screen and (max-width: 414px) {  }
/* section - visual  */

#visual_wrap {}
	#visual_wrap .visual_item_wrap { width:100%; height:522px; position:relative; overflow:hidden; }
	#visual_wrap .visual_item_wrap li { width:100%; height:100%; position:absolute; top:0; z-index:1; font-size:0; background-position:top center; background-repeat:no-repeat; }
	#visual_wrap .visual_control { position:absolute; z-index:2; top:0; left:50%; }
	#visual_wrap .visual_control .btn_visual { position:absolute; width:64px; height:64px; top:230px; left:-650px; font-size:0; background:url("../image/main/bt_main_vis_prev.png"); }
	#visual_wrap .visual_control .btn_visual_next { left: unset; right:-650px; background:url("../image/main/bt_main_vis_next.png"); }
	#visual_wrap .visual_navi { display:block; width:100%; text-align:center; padding-top:30px; }
	#visual_wrap .visual_navi li { display:inline-block; zoom:1; *display:inline; padding: 0 5px; }
	#visual_wrap .visual_navi li a { display:block; padding:5px 12px; position:relative; color:#ccc; font-weight:600; }
	#visual_wrap .visual_navi li a.current { color:#000; }
	#visual_wrap .visual_navi li a.current:after { content: ''; display: block; width: 100%; height: 4px; background: #fdd929; position: absolute; top: 40%; left: 0;  z-index: -1; }
	@media screen and (max-width:1366px){
		#visual_wrap .visual_item_wrap { width:100%; height:auto; padding-bottom: 38.21376281112738%; }
		#visual_wrap .visual_item_wrap li { background-size:cover; }
	}
	@media screen and (max-width:414px){
		#visual_wrap .visual_navi {padding:10px 0 0;}
	}

#main_banner_wrap { width:1366px; padding:0 30px; box-sizing:border-box; margin:100px auto 0; }
	#main_banner_wrap .main_banner { width:100%; margin:0 auto; position:relative; overflow:hidden; }
	#main_banner_wrap .main_banner .main_banner_item { width:400px; height:285px; float:left; margin-right:53px; transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
	#main_banner_wrap .main_banner .main_banner_item a { display:block; }
	#main_banner_wrap .main_banner .main_banner_item img { width:100%; }
	#main_banner_wrap .main_banner .main_banner_item_03 { margin-right:0; }
	#main_banner_wrap .best_prd_control { display:none; }
	@media screen and (max-width:1366px){
		#main_banner_wrap { padding:0; margin-top:7%;}
		#main_banner_wrap { width:95%; }
		#main_banner_wrap .main_banner .main_banner_item { width:30.62787136294028%; margin-right:4.058192955589587%; }
		#main_banner_wrap .main_banner .main_banner_item_03 { margin-right:0; }
	}
	@media screen and (max-width: 740px) { 
		#main_banner_wrap { padding-bottom:80px; margin:40px auto 0; }
		#main_banner_wrap .main_banner { height:0; padding-bottom: 42.75%; }
		#main_banner_wrap .main_banner .main_banner_item { width:70%; margin-right:0; position:absolute; }
		#main_banner_wrap .best_prd_control { display:block; }
	}
	@media screen and (max-width: 414px) {
		#main_banner_wrap { padding-bottom:80px; margin:40px auto 0; }
		#main_banner_wrap .main_banner { height:0; padding-bottom:57%; }
		#main_banner_wrap .main_banner .main_banner_item { width:80%; height:auto; margin:0; }
		#main_banner_wrap .best_prd_control { display:block; }
	}

.best_prd_control { position:absolute; top:50%; transform: translate(0, -50%); z-index:2; }
	.best_prd_control button { font-size:0; cursor:pointer; width:42px; height:42px; position:relative; }
	.best_prd_control_prev { left:20px; }
	.best_prd_control_prev button {  }
	.best_prd_control_prev button:before { content:''; position:absolute; left:0; right:0; border-top:2px solid #000; top:50%;}
	.best_prd_control_prev button:after { content:''; position:absolute; left:-4%; right:50%; border-top:2px solid #000; top:67%; transform: translate(0, -750%) rotate(-45deg) }
	.best_prd_control_next { right:20px; }
	.best_prd_control_next button {  }
	.best_prd_control_next button:before { content:''; position:absolute; left:0; right:0; border-top:2px solid #000; top:50%;}
	.best_prd_control_next button:after { content:''; position:absolute; left:50%; right:0; border-top:2px solid #000; top:67%; transform: translate(10%, -750%) rotate(45deg) }
	@media screen and (max-width:1366px) {
		.best_prd_control { top:auto; bottom:0; }
	}

#best_prd_wrap { margin-top:90px; }
	#best_prd_wrap .best_prd_title { display:block; position:relative; margin-bottom:60px; }
	#best_prd_wrap .best_prd_title .prd_title { display:table; text-align:center; padding:10px 30px; margin:0 auto;  position:relative; background:#fff; font-weight:600; font-size:1.8em; font-family:'NotoKR', sans-serif;}
	#best_prd_wrap .best_prd_title:after { content: ''; position: absolute; top: 50%; border-top: 1px solid #000; width: 100%; z-index: -1; }
	#best_prd_wrap .best_prd_list { position:relative; overflow:hidden; width:1366px; padding:0 30px; box-sizing:border-box; margin:0 auto; }
	#best_prd_wrap .best_prd_list ul { position:relative; overflow:hidden; width:1100px; margin-left:103px; }
	#best_prd_wrap .best_prd_list li.best_prd_item { float:left; width:200px; margin-right:100px; transition:all 0.8s ease; }
	#best_prd_wrap .best_prd_list li.best_prd_item .text_area { text-align:center; }
	#best_prd_wrap .best_prd_list li.best_prd_item .text_area .max_price_box { padding:0; margin-top:20px; border:none; }
	#best_prd_wrap .best_prd_navi { display:block; width:100%; text-align:center; padding-top:60px; }
	#best_prd_wrap .best_prd_navi li { display:inline-block; zoom:1; *display:inline; padding: 0 5px; }
	#best_prd_wrap .best_prd_navi li a { display:block; padding:5px 12px; position:relative; color:#ccc; font-weight:600;}
	#best_prd_wrap .best_prd_navi li a.current { color:#000; }
	#best_prd_wrap .best_prd_navi li a.current:after { content: ''; display: block; width: 100%; height: 4px; background: #fdd929; position: absolute; top: 40%; left: 0; z-index: -1; }
	@media screen and (max-width:1366px){
		#best_prd_wrap { margin-top:6%; }
		#best_prd_wrap .best_prd_list { width:100%; }
		#best_prd_wrap .best_prd_title { margin-bottom:4%; }
		#best_prd_wrap .best_prd_list ul { width:100%; margin-left:0; }
		#best_prd_wrap .best_prd_list li.best_prd_item { width:30%;  margin-right:1.5%; margin-left:1.5%; }
		#best_prd_wrap .best_prd_navi {  }
	}
	@media screen and (max-width:740px) {
		#best_prd_wrap .best_contents { padding:0; }
		#best_prd_wrap .best_prd_list { padding:0; }
		#best_prd_wrap .best_prd_list ul { padding:0; }
		#best_prd_wrap .best_prd_list li.best_prd_item { width:50%; margin-right:5%; margin-left:5%; }
		#best_prd_wrap .best_prd_navi ul { width:80%; margin:0 auto; padding:0; }
		#best_prd_wrap .best_prd_navi li { padding:0; margin:0 2px;}
		#best_prd_wrap .best_prd_list li.best_prd_item {width:60%;}
		#best_prd_wrap .best_prd_navi li a { display:inline-block; width:6px; height:6px; padding:0; border-radius:3px; font-size:0; background:#ccc; box-sizing:border-box; }
		#best_prd_wrap .best_prd_navi li a.current { background:#000; }
		#best_prd_wrap .best_prd_navi li a.current:after { display:none; }
	}
	@media screen and (max-width:414px) {
		#best_prd_wrap .best_prd_title { margin:0px 30px 20px; }
		#best_prd_wrap .best_prd_title .prd_title { font-size:1.4em; }
	}

#middle_banner_wrap { margin-top:100px;}
	#middle_banner_wrap .middle_banner { width:1366px; margin:0 auto; }
	#middle_banner_wrap .middle_banner a { display:block; }
	@media screen and (max-width:1366px){
		#middle_banner_wrap .middle_banner { width:100%; }
		#middle_banner_wrap .middle_banner img { width:100%; }
	}
	@media screen and (max-width:740px) {
		#middle_banner_wrap { margin-top:40px; }
	}

#md_prd_wrap { margin-top:40px; margin-bottom:100px; }
	#md_prd_wrap .md_prd_title { display:block; position:relative; margin-bottom:20px; }
	#md_prd_wrap .md_prd_title .prd_title { display:table; text-align:center; padding:10px 30px; margin:0 auto; position:relative; background:#fff; font-weight:600; font-size:1.8em; font-family:'NotoKR', sans-serif;}
	#md_prd_wrap .md_prd_title:after { content: ''; position: absolute; top: 50%; border-top: 1px solid #000; width: 100%; z-index: -1; }
	#md_prd_wrap .md_prd_list { position:relative; overflow:hidden; width:1366px; padding:0 30px; box-sizing:border-box; margin:0 auto; }
	#md_prd_wrap .md_prd_list ul { position:relative; overflow:hidden; width:1280px; margin-left:53px; }
	#md_prd_wrap .md_prd_list li.md_prd_item { float:left; width:240px; margin-top:40px; margin-right:80px; transition:all 0.8s ease;}
	@media screen and (max-width:1366px){
		#md_prd_wrap .md_prd_list { width:100%; padding:0; }
		#md_prd_wrap .md_prd_list ul { width:100%; margin:0; }
		#md_prd_wrap .md_prd_list li.md_prd_item {width:18%; margin:0 3.5% 4%;}
	}
	@media screen and (max-width:1024px){
		#md_prd_wrap .md_prd_list { width:100%; padding:0; }
		#md_prd_wrap .md_prd_list ul { width:100%; margin:0; }
		#md_prd_wrap .md_prd_list li.md_prd_item { width:29.3333333333%; margin:0 6% 10% 0; }
		#md_prd_wrap .md_prd_list li.md_prd_item:nth-of-type(3n) {margin-right:0;}
	}
	@media screen and (max-width:740px){
		#md_prd_wrap { margin-top:40px; margin-bottom:0; }
		#md_prd_wrap .md_prd_list { width:100%; padding:0; }
		#md_prd_wrap .md_prd_list ul { width:100%; margin:0; }
		#md_prd_wrap .md_prd_list li.md_prd_item { width:47%; margin:0 6% 10% 0; }
		#md_prd_wrap .md_prd_list li.md_prd_item:nth-of-type(3n) {margin-right:6%;}
		#md_prd_wrap .md_prd_list li.md_prd_item:nth-of-type(even) {margin-right:0;}
	}

.main_prd_list {}
.main_prd_list li .max_prd_img { display:block; width:100%; }
.main_prd_list li .max_prd_img img { width:100%; }
.main_prd_list li .text_area { display:block; margin-top:20px;}
.main_prd_list li .text_area .max_category { display:block; padding-bottom:10px;}
.main_prd_list li .text_area .max_prdname { display:block; line-height:130%; color:#454545; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; padding-bottom: 1px;}
.main_prd_list li .text_area .max_summary { display:none; color:#454545; padding-bottom:10px;}
