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

/* �ʱ�ȭ */
html {overflow-y:scroll}
/*
body {margin:0;padding:0;font-size:0.75em;font-family:"Noto Sans KR", sans-serif;}
*/
html, h1, h2, h3, h4, h5, h6, form, fieldset, img,ul,li,div{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Noto Sans KR", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
/*input, button {margin:0;padding:0;font-family:"Noto Sans KR", sans-serif;;font-size:1em} */
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
/*
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;}
*/
li{list-style:none;}
.font_600{font-weight:600;color:#333;font-size:14px;}
.head{text-align:center;}
.head h1{padding:30px 0 50px 0;}
.head .menu{padding:10px 0;background:#ff0000;}
.head .menu .box{max-width:1180px;margin:auto;text-align:right;}
.head .menu .box a{font-weight:bold;color:#fff;border-right:1px solid #fff;padding:0 5px;}
.head .menu .box a:last-child{border-right:0;}
.head .log_box{max-width:1180px;margin:auto;position:relative;}
.head .log_box .arlim{position:absolute;bottom:10px;right:20px;}
.content{max-width:1180px;margin:auto;padding:0 2%;}
.content .top_con .left_con{max-width:860px;margin-right:2%;float:left;width:70%;}
.content .top_con .left_con .main_slide_banner{border-top:2px solid #000;border-bottom:2px solid #888;;float:left;margin-top:10px;}
.content .top_con .left_con .main_slide_banner .memu{float:left;width:20%;max-width:180px;font-size:16px;font-weight:600;text-align:center;}
.content .top_con .left_con .main_slide_banner .memu ul li{padding:15px 0;border-bottom:1px solid #ccc;min-width: 150px;}
.content .top_con .left_con .main_slide_banner .memu ul li:last-child{border-bottom:0;}
.content .top_con .left_con .main_slide_banner .memu ul li a{color:#666;}
.content .top_con .left_con .main_slide_banner .banner{float:left;width:80%;}
.content .top_con .left_con .main_slide_banner .banner img{width:100%;min-height:274px;}
.content .top_con .left_con .new_product{float:left;width:100%;}
.content .top_con .left_con .new_product h1{margin-top:30px;margin-bottom:10px;}
.content .top_con .left_con .new_product .box{border:1px solid #ccc;float:left;width:100%;padding:30px 0;position:relative;color:#666;}
.content .top_con .left_con .new_product .box img{margin-bottom:10px;}
.content .top_con .left_con .new_product ul{width:90%;margin:auto;}
.content .top_con .left_con .new_product ul li{float:left;width:25%;text-align:center;}
.content .top_con .left_con .new_product .left_btn{position:absolute;left:0;top:35%;}
.content .top_con .left_con .new_product .right_btn{position:absolute;right:0;top:35%;}
.content .top_con .right_con{float:left;margin-top:10px;width:28%;}
.content .top_con .right_con .event_banner{text-align:center;background:#dd414c;padding:6px;color:#fff;font-size:18px;font-weight:bold;}
.content .top_con .right_con .event_banner h1{padding-top:4px;}
.content .top_con .right_con .event_banner p{padding-bottom:4px;}
.content .top_con .right_con .event_banner .img_box{background:#fff;}
.content .top_con .right_con .event_banner .img_box img{width:100%;max-width:135px;}
.content .top_con .right_con .notice{margin-top:38px;border:1px solid #ccc;float:left;width:100%;height:252px;}
.content .top_con .right_con .notice .title{font-size:14px;padding:12px 0;background:#f0f0f0;float:left;width:100%;}
.content .top_con .right_con .notice .title h1{float:left;padding:0 5%;}
.content .top_con .right_con .notice .title a{float:right;margin-right:15px;font-size:16px;font-weight:bold;}
.content .top_con .right_con .notice ul{padding:5%;float:left;width:90%;}
.content .top_con .right_con .notice ul li{margin:10px 0;font-size:12px;}
.content .top_con .right_con .notice ul li span{float:right;color:#888;}
.content .top_con .right_con .notice ul li a{color:#666;}
.content .popular_product{float:left;width:100%;margin-top:30px;}
.content .popular_product h1{margin-bottom:10px;}
.content .popular_product ul{border:1px solid #ccc;border-bottom:0;border-right:0;float:left;width:100%;}
.content .popular_product ul li{float:left;width:25%;text-align:center;}
.content .popular_product ul li .box{border-right:1px solid #ccc;padding:20px 0;border-bottom:1px solid #ccc;}
.content .best_product{float:left;width:100%;margin-top:30px;}
.content .best_product h1{margin-bottom:10px;}
.content .best_product ul{border:1px solid #ccc;border-right:0;float:left;width:100%;border-bottom:0;}
.content .best_product ul li{float:left;width:25%;text-align:center;}
.content .best_product ul li .box{border-right:1px solid #ccc;padding:20px 0;border-bottom:1px solid #ccc;}
.foot{float:left;width:100%;text-align:center;padding:30px 0;line-height:18px;color:#666;border-top:15px solid #f0f0f0;margin-top:30px;;}
.color_red{color:red;}
.popup_1{width:388px;position:absolute;top:100px;left:100px;background:#fff;z-index:300}
.popup_1 img{width:388px;height:428px;border:0;}
.popup_1 .box{padding:10px;color:#333;display:block;text-align:center;border:1px solid #ccc;border-top:0;}
.popup_1 .box a{color:#333;}
.popup_2{width:388px;position:absolute;top:145px;left:145px;background:#fff;z-index:200}
.popup_2 img{width:388px;height:428px;border:0;}
.popup_2 .box{padding:10px;color:#333;display:block;text-align:center;border:1px solid #ccc;border-top:0;}
.popup_2 .box a{color:#333;}
.popup_3{width:388px;position:absolute;top:190px;left:190px;background:#fff;z-index:100}
.popup_3 img{width:388px;height:428px;border:0;}
.popup_3 .box{padding:10px;color:#333;display:block;text-align:center;border:1px solid #ccc;border-top:0;}
.popup_3 .box a{color:#333;}
@media (max-width:1000px){
	.content .top_con .left_con{width:100%;float:none;max-width:100% ;}
	.content .top_con .right_con .event_banner{float:left;width:100%;margin-right:2%;}
	.content .top_con .right_con{width:100%;}
	.content .top_con .right_con .notice{width:48%;}
	.content .top_con .right_con .notice{margin-top:0;}
	.content .top_con .right_con .notice ul li{margin:14px 0;}
	.content .top_con .right_con .notice{height:280px;}
}
@media (max-width:760px){
	.content .top_con .left_con .main_slide_banner .memu{float:none;width:100%;max-width:100%;}
	.content .top_con .left_con .main_slide_banner .memu ul li{float:left;width:20%;border-bottom:0;font-size:12px;min-width: initial;}
	.content .top_con .left_con .main_slide_banner .memu ul li a img{width:100%;}
	.content .top_con .left_con .main_slide_banner .banner{width:100%;float:none;}
	.content .top_con .right_con .event_banner{float:none;width:100%;padding:2%;}
	.content .top_con .right_con .notice{width:100%;float:;margin-top:10px;}
	.content .popular_product ul li{width:50%;}
	.content .best_product ul li{width:50%;}
	.content .top_con .left_con .new_product ul li{width:100%;float:left;}
	.content .top_con .left_con .new_product .off{display:none;}
	.content .top_con .right_con .notice .title h1{padding:0 2%}
	.content .top_con .right_con .notice ul{width:96%;}
	.content .top_con .right_con .notice ul{padding:2%;}
	.content .top_con .right_con .notice{height:auto;}
	.content .top_con .left_con .main_slide_banner .banner img{min-height:auto;}
	.content .top_con .right_con{width:100%;}
	/*
	.popup_1{display:none}
	.popup_2{display:none}
	.popup_3{display:none}
	*/
}