@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
/* =Common */
*{margin:0;padding:0;box-sizing:border-box}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0;font-family: "나눔고딕",NanumGothic,"돋움",dotum,applegothic,sans-serif;}
body,input,textarea,select,button,table{font-size:14px;-webkit-text-size-adjust:none}
body{word-break:break-all}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
img,fieldset,iframe{border:0}
img{max-width:100%;vertical-align:top}
li{list-style:none}
em,address{font-style:normal}
input,select,button{vertical-align:middle}
caption,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{position:static}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
hr{display:none}

/* =Set Class */
.clabel { margin-bottom:0; font-weight:normal; }
.chkbox { display:inline-block; width:12px; height:12px; margin-top:3px; background:url(img/ck_icon.jpg) no-repeat; vertical-align:top; }
.chkbox.on { background-image:url(img/ck_icon_on.jpg); }
.chkbox input[type=checkbox]{ margin:0; opacity:0; filter:alpha(opacity=0); vertical-align:top; }

.dropdown_area { position:relative; }
.dropdown_area a.btn_dropdown { display:inline-block; position:relative; width:100%; padding:6px 12px; margin-bottom:0; border: 1px solid #ccc; border-radius:2px; color:#000; text-decoration:none; }
.dropdown_area .caret { position:absolute; top:50%; right:12px; margin-top:-2px; border-top:4px solid; border-right:4px solid transparent; border-left:4px solid transparent; }
.dropdown_area .dropdown_menu { position:absolute; top:100%; left:0; z-index:10; width:100%; margin-top:-1px; background-color:#fff; border:1px solid #ccc; border-radius:2px; box-shadow:0 6px 12px rgba(0,0,0,.175); }
.dropdown_area .dropdown_menu li { margin-top:-1px; padding:10px 10px 8px;border:1px solid #ccc; border-width:1px 0; }
.dropdown_area .dropdown_menu li:first-child { margin-top:0; border-top:0; }

/* =Button */
.cbtn { display:inline-block; position:relative; padding:6px 0 8px; border:0; border-radius:3px; background-color:#f4f4f1; color:#222; font-size:14px; text-align:center; text-decoration:none; }
.cbtn.selected { background-color:#006633; color:#fff; }
.cbtn_v1.selected { background-color:#cccccc; }

/* =Modal */
.modal { position:absolute; z-index:1000; width:300px; margin-top:-515px; border:2px solid #333; background-color:#fff; }
.modal .clse { position:absolute; top:12px; right:10px; width:20px; height:20px; font-size:18px; line-height:17px; color:#222; text-align:center; text-decoration:none; }
.modal_header { padding:10px; }
.modal_header .modal_tit { font-size:18px;text-align:center; }
.modal_container {}
.modal_content { overflow-y:auto; -webkit-overflow-scrolling:touch; }
.modal_footer { padding:10px; text-align:center; }
.modal_footer .cbtn { width:150px; }

.toping_lst {  }
.toping_lst li { margin-top:-1px; padding:15px 10px; border:1px solid #ddd; border-width:1px 0; }
.toping_lst li:first-child { margin-top:0; }
.toping_lst li .add_amount { float:right; font-size:12px; color:#f30; }

/* =Product */
.product_area { margin-top:15px; }
.product_menu { position:relative; padding:30px; border:1px solid #ddd; border-radius:3px;}
.product_menu .product_hgroup { padding-bottom:25px; border-bottom:1px solid #ddd; }
.product_menu .product_hgroup:after { display:table; content:''; clear:both;}
.product_menu .product_hgroup .tit { float:left; margin-top:4px; font-size:18px; font-weight:bold; }
.product_menu .product_hgroup .dropdown_area { float:right; width:250px; }
.product_menu .product_tab { overflow:hidden; margin:20px 0 0 -10px; }
.product_menu .product_tab .cbtn { width:197px; margin:10px 0 0 10px; }
.product_menu .product_tab .cbtn:first-child { margin-left:10px; }
.product_menu .cate_list { overflow:hidden; margin-top:20px; }
.product_menu .cate_list li { float:left; margin-left:20px; }
.product_menu .cate_list li:first-child { margin-left:0; }

.product_cont { margin-top:30px; }
.product_cont .stit { padding:20px; background-color:#f4f4f2; border-radius:4px; font-weight:bold; font-size:18px; color:#222; }
.product_cont .thumb_list { overflow:hidden; margin-top:20px; }
.product_cont .thumb_list ul { overflow:hidden; margin-top:-10px; }
.product_cont .thumb_list li { display:none; float:left; position:relative; width:265px; margin:10px; }
.product_cont .thumb_list a { display:block; overflow:hidden; position:relative; }
.product_cont .thumb_list img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.product_cont .thumb_list a:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.product_cont .thumb_list .label { position:absolute; bottom:8px; left:8px; width:45px; height:45px; border-radius:50%; background-color:#E40F0F; font-weight:bold; font-size:13px; line-height:45px; color:#fff; text-align:center; }
.product_cont .thumb_list .label1 { position:absolute; bottom:8px; left:8px; width:45px; height:45px; border-radius:50%; background-color:#006633; font-weight:bold; font-size:13px; line-height:45px; color:#fff; text-align:center; }
.product_cont .thumb_list .label2 { position:absolute; bottom:8px; left:8px; width:45px; height:45px; border-radius:50%; background-color:#FF5500; font-weight:bold; font-size:13px; line-height:45px; color:#fff; text-align:center; }
.product_cont .thumb_list .label3 { position:absolute; bottom:8px; left:8px; width:45px; height:45px; border-radius:50%; background-color:#3E933E; font-weight:bold; font-size:13px; line-height:45px; color:#fff; text-align:center; }
.product_cont figcaption { overflow:hidden; text-overflow:ellipsis; height:24px; line-height:24px; color:#444; text-align:center; white-space:nowrap; }
.product_cont figcaption .price{font-family:'Oswald', 'Nanum Gothic';font-size:16px;font-weight:bold;color:#333333;}



.product_view_area { margin-top:30px; }
.product_view_area .stit { font-weight:bold; font-size:24px; }
.product_view { margin-top:15px; }
.product_view:after { display:table; content:''; clear:both; }
.product_view_pic { float:left; width:50%; }
.product_view_pic .thumb_pic { overflow:hidden; max-height:470px; }
.product_view_pic .thumb_pic img { width:100%; }
.product_view_pic .thumb_lst { overflow:hidden; margin-top:110px; }
.product_view_pic .thumb_lst li { float:left; width:24%; height:110px; margin-left:1.2%; }
.product_view_pic .thumb_lst li:first-child { margin-left:0; }
.product_view_detail { position: relative; float:right; width:48%; }
.product_view_detail { }
.product_view_detail .hgroup { padding-bottom:15px; border-bottom:2px solid #333; font-size:24px; }
.product_view_detail .hgroup .itit { margin-bottom:-10px; }
.product_view_detail .hgroup small { font-family:arial; font-size:14px; color: #666; }
.product_view_detail .desc { margin-top:15px; min-height:40px; margin-bottom:20px; font-size:15px; line-height:1.6; color:#444; }
.product_view_detail .info { padding:10px; border:1px solid #ddd; border-width:1px 0; }
.product_view_detail .info .item { margin-top:10px; font-size:16px; }
.product_view_detail .info .item:first-child { margin-top:0; }
.product_view_detail .info .item em { display:inline-block; font-weight:bold; margin-right:20px; }
.product_view_detail .info .item button[type=button] { padding:4px 8px; font-size:16px; cursor:pointer; }
.product_view_detail .info .item .total { margin:0 10px; font-family:tahoma; }
.product_view_detail .options {}
.product_view_detail .options>.group { position:relative; margin-top:12px; }
.product_view_detail .options>.group>strong { font-size:16px; }
.product_view_detail .options .btn_area { margin-top:8px; }
.product_view_detail .options .cbtn { overflow:hidden; text-overflow:ellipsis; position:static; width:32%; margin-left:1%; white-space:nowrap; }
.product_view_detail .options .cbtn:first-child { margin-left:0; }
.product_view_detail .options .cbtn>.add_amount { display:none;position:absolute; top:4px; right:0; font-size:12px; color:#f30; }
.product_view_detail .options .cbtn>.add_amount>em { font-family:tahoma; }
.product_view_detail .options .cbtn.selected>.add_amount { display:block; }
.product_view_detail .toping_complete_lst {}
.product_view_detail .toping_complete_lst li { margin-top:5px; }
.product_view_detail .toping_complete_lst li:first-child { margin-top:10px; }
.product_view_detail .toping_complete_lst .chkbox { display:none }
.product_view_detail .toping_complete_lst .add_amount { float:right; font-size:12px; color:#f30; }
.product_btn { overflow:hidden; margin-top:40px; padding-bottom:15px; text-align:right; }
.product_btn2 { overflow:hidden;  padding-bottom:15px; border-bottom:1px solid #ddd; }
.product_btn .cbtn { width:160px; margin-left:5px; padding:8px 0 10px; }
.product_desc_area { padding:20px 0 25px; line-height:1.6; color:#333; }
    
/* =Media Query */
@media screen and (max-width:480px) {
/* =Modal */
.modal { width:280px; }

/* =Product */
.product_menu .product_hgroup .dropdown_area { width: 100px;}
.product_menu .product_tab .cbtn { width:45%; }
.product_menu .cate_list li{ float:left; margin-top:4px; margin-left:0;margin-right:15px; }
.product_cont .thumb_list li { float:none; width:100%; margin:0; }
.product_cont .thumb_list img { width:100%; }	

.product_view_pic,
.product_view_detail { float:none; width:100%; }
.product_view_pic .thumb_pic { height:auto; }
.product_view_pic .thumb_lst { display:none; }
.product_view_detail { margin-top:20px; }
.product_view_detail .options>.group { margin-top:15px; }
.product_view_detail .options .btn_area { margin-top:0; }
.product_view_detail .options .cbtn { margin-top:10px; margin-left:0; text-align:left; text-indent:15px; }
.product_view_detail .options .toping .cbtn { width:100%; }
.product_btn .cbtn { width:48%; }
.product_btn .cbtn:nth-of-type(odd) { float:left; }
.product_btn .cbtn:nth-of-type(even) { float:right; }
}

@media screen and (min-width:481px) and (max-width:768px) {
/* =Product */
.product_menu .product_tab .cbtn { width:30%; }	
.product_cont .thumb_list li { width:49%; margin:0.5%; }

.product_view_pic { width:40.9%; }
.product_view_pic .thumb_pic { height:auto; }
.product_view_detail { width:55.45%; }
.product_view_detail .options>.group { margin-top:15px; }
.product_view_detail .options .btn_area { margin-top:0; }
.product_view_detail .options .cbtn { margin-top:10px; margin-left:0; text-align:left; text-indent:15px; }
}

@media screen and (min-width: 641px) and (max-width: 960px) {
	/* =Product */
	.product_cont .thumb_list li { width:32%; margin:0.65%; }
	
	.product_view_pic { width:40.9%; }
	.product_view_pic .thumb_pic { height:auto; }
	.product_view_detail { width:55.45%; }
}

@media screen and (min-width: 961px) and (max-width: 1099px) {
	/* =Product */
	.product_cont .thumb_list li { width: 24%; margin: 0.5%; }
}
.listbtn {background:#fff;display:inline-block;color:#333;border:1px solid #428bca;line-height:30px;height:30px;vertical-align:middle;padding:0 10px;font-weight:bold;border-radius:3px;font-size:13px !important;}
.listbtn:hover {background:#428bca;color:#fff;}