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

@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('notokr-light'), url(/include/font/notokr-light.eot);
src: url(/include/font/notokr-light.eot?#iefix) format('embedded-opentype'),
url(/include/font/notokr-light.woff2) format('woff2'),
url(/include/font/notokr-light.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('notokr-regular'), url(/include/font/notokr-regular.eot);
src: url(/include/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
url(/include/font/notokr-regular.woff2) format('woff2'),
url(/include/font/notokr-regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('notokr-medium'), url(/include/font/notokr-medium.eot);
src: url(/include/font/notokr-medium.eot?#iefix) format('embedded-opentype'),
url(/include/font/notokr-medium.woff2) format('woff2'),
url(/include/font/notokr-medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('notokr-black'), url(/include/font/notokr-black.eot);
src: url(/include/font/notokr-black.eot?#iefix) format('embedded-opentype'),
url(/include/font/notokr-black.woff2) format('woff2'),
url(/include/font/notokr-black.woff) format('woff');
}

/* Reset */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
body{background:#fff}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0 auto;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-family: 'NotoKrM', sans-serif;font-size:14px;font-weight:normal;color:#000;line-height:150%;}
span,div,p{font-family: 'NotoKrM', sans-serif;line-height:150%;font-weight:normal;color:#000;}
ul,ol,li{list-style:none}
img {vertical-align:middle;border:0px;}
i,em,address{font-style:normal}
a {border:0px;text-decoration:none;color:#3e3e3e;}
label {cursor:hand;cursor:pointer;}

input [type="text"] {border:1px solid #ddd;height:30px;}
select {border:1px solid #ddd;height:30px;}

caption,hideArea{display:none}
/*
table {border-collapse:collapse;border:0;border-spacing:0;table-layout:fixed;}
table th{word-wrap:break-word}
table td{word-wrap:break-word}
*/
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block}


.top_menu {height:33px;border-bottom:1px solid #e9e9e9;color:#666;font-size:10pt;text-align:center;}
.top_logos {height:115px;border-bottom:1px solid #e9e9e9;}

.top_menu2 > td > a {font-size:10pt;}

.btn_more {border:1px solid #ddd;background:#fff;font-size:10pt;padding:3px 14px;}
.btn_more:hover {border:1px solid #000;background:#000;color:#fff;cursor:hand;cursor:pointer;}


/* main.php È­»ìÇ¥ °ü·Ã css */
.arrowArea {}
.arrowArea:after {display:block;content:"";clear:both;}
.arrowArea>div {float:left;position:relative;margin-right:5px;}
.arrowArea>div p {text-align:center;margin-top:80px;font-weight:bold;}
.arrowArea div.arrow {
	float:left;
	width:300px;
	height:60px;
	line-height:60px;
	background-color:#eeeeee;
	text-align:center;
	font-size:
}
.arrowArea div.arrow b {margin-left:30px;font-size:14px;}
.tri{
	float:left;
	width: 0px;height: 0px;
	border-top:30px solid transparent;
	border-bottom:30px solid transparent;
	border-right: 30px solid none;
	border-left: 30px solid #eeeeee;
}
.tri2{
	position:absolute;
	width: 0px;height: 0px;
	border-top:30px solid transparent;
	border-bottom:30px solid transparent;
	border-right: 30px solid none;
	border-left: 30px solid #ffffff;
}

.activeArrow div.arrow {background-color:#52c13a;}
.activeArrow .tri {border-left: 30px solid #52c13a;}
.activeArrow div.arrow b {color:#ffffff;}
/* main.php È­»ìÇ¥ °ü·Ã css */


.stit {font-size:2.6em;color:#000;line-height:normal;text-align:center;font-family:'NotoKrM';}

.cate-m {border:1px solid #ddd;width:90%;height:30px;line-height:260%;cursor:hand;cursor:pointer;text-align:left;padding-left:10px;font-size:10pt;}
.cate-m:hover {border:1px solid #f40000;color:#f40000;}
.cate-m-select {border:1px solid #f40000;width:90%;height:30px;line-height:260%;color:#f40000;text-align:left;padding-left:10px;font-size:10pt;}

/******* Table ½ºÅ¸ÀÏ Start *******/
.table_01 {border-top:2px solid #222;border-right:1px solid #ddd;width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.table_01 th{border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:11pt;padding:10px;font-weight:normal;color:#000;}
.table_01 td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:11pt;padding:10px;}

.table_02 {border-top:1px solid #ddd;border-right:1px solid #ddd;width:100%;border-collapse:collapse;border-spacing:0;}
.table_02 td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:11pt;padding:0px;}

.table_none {width:100%;}
.table_none th{border:none;text-align:left;padding:0px;padding-left:20px;}
.table_none td{border:none;text-align:left;padding:0px;padding-left:35px;}

.table_prod {width:100%;}
.table_prod td {text-align:left;font-size:11pt;line-height:200%;}

.table_order{border-top:2px solid #000000;border-right:0px solid #dddddd;}
.table_order td{padding:10px;line-height:120%;font-size:11pt;border-left:0px solid #dddddd;border-bottom:1px solid #dddddd;}

.table_03 {border:0px solid #000;}
.table_03 th {background:#eef5fc;font-family:'NotoKrM';height:40px;font-size:10pt;border-bottom:0px solid #ddd;}
.table_03 td {background:#fff;font-family:'NotoKrL';padding-left:0px;font-size:10pt;border-bottom:1px solid #ddd;}
.table_03 td.prod_name {font-family:'NotoKrB';font-size:11pt;}

.table_03_sub {border-top:2px solid #ccc;}
.table_03_sub th {background:#eef5fc;font-family:'NotoKrM';height:40px;font-size:11pt;border-bottom:1px solid #ddd;width:160px;}
.table_03_sub td {background:#fff;font-family:'NotoKrL';padding-left:20px;font-size:11pt;border-bottom:1px solid #ddd;}
.table_03_sub td.prod_name {font-family:'NotoKrB';font-size:13pt;}

.table_04 {border-top:2px solid #000;}
.table_04 th {background:#eef5fc;font-family:'NotoKrL';height:40px;font-size:10pt;border-bottom:1px solid #ddd;width:180px;color:#000;}
.table_04 td {height:41px;background:#fff;font-family:'NotoKrL';padding-left:20px;font-size:10pt;border-bottom:1px solid #ddd;text-align:left;}

.table_05 {border-top:2px solid #000;}
.table_05 th {background:#eef5fc;font-family:'NotoKrM';height:40px;font-size:11pt;border-bottom:1px solid #ddd;width:180px;}
.table_05 td {height:41px;background:#fff;font-family:'NotoKrL';padding-left:0px;font-size:10pt;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;}

.table_06 {border-top:1px solid #ccc;border-right:1px solid #ccc;}
.table_06 th{border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.table_06 td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;}

.table_prod_list {border-top:2px solid #222;border-right:1px solid #ddd;width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.table_prod_list th{border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:10pt;padding:6px;font-weight:normal;color:#000;}
.table_prod_list td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:10pt;padding:6px;}


/******* Table ½ºÅ¸ÀÏ End *******/

.btn_cart {border:1px solid #555;background:#555;padding:6px 30px;color:#fff;cursor:hand;cursor:pointer;border-radius:4px;}
.btn_cart:hover {border:1px solid #fc1c1c;background:#fc1c1c;color:#fff;}

.btn_cart_all {border:1px solid #000;background-color:#fff;color:#000;padding:13px 80px;font-size:10pt;cursor:hand;cursor:pointer;font-size:12pt;border-radius:4px;}
.btn_cart_all:hover {border:1px solid #fc1c1c;background-color:#fc1c1c;color:#ffffff;}

.btn_cal1 {width:21px;height:18px;background:url("./images/btn_su_top.png")no-repeat;cursor:hand;cursor:pointer;border:1px solid #ccc;}
.btn_cal2 {width:21px;height:18px;background:url("./images/btn_su_bottom.png")no-repeat;cursor:hand;cursor:pointer;border:1px solid #ccc;border-bottom:none;}


/*############# Àå¹Ù±¸´Ï ÆäÀÌÁö #############*/
.btn_prod_list{color:#fff;background-color:#333333;padding:14px 30px 14px 30px;border:1px solid #333333;font-size:11pt;border-radius:2px;cursor:hand;cursor:pointer;}
.btn_prod_list:hover{color:#fff;background-color:#000;border:1px solid #000;}
.btn_shop_ing{color:#fff;background-color:#444;padding:14px 30px 14px 30px;border:1px solid #444;font-size:11pt;border-radius:2px;cursor:hand;cursor:pointer;}
.btn_shop_ing:hover{color:#fff;background-color:#000;padding:14px 30px 14px 30px;border:1px solid #42602d000font-size:11pt;border-radius:2px;cursor:hand;cursor:pointer;}
.btn_order_all{color:#fff;background-color:#42602d;padding:14px 30px 14px 30px;border:1px solid #42602d;font-size:11pt;border-radius:2px;cursor:hand;cursor:pointer;}
.btn_order_all:hover{color:#fff;background-color:#294119;border:1px solid #294119;}
.btn_order{color:#333;background-color:#fff;padding:14px 30px 14px 30px;border:1px solid #ccc;font-size:11pt;border-radius:2px;cursor:hand;cursor:pointer;}
.btn_order:hover{color:#000;background-color:#fff;padding:14px 30px 14px 30px;border:1px solid #000;font-size:11pt;border-radius:2px;cursor:hand;cursor:pointer;}

.btn_post{color:#fff;background-color:#2469d1;padding:4px 10px 3px 10px;border:1px solid #2469d1;font-size:10pt;border-radius:1px;cursor:hand;cursor:pointer;}
.btn_post:hover{color:#fff;background-color:#1153b6;}
.btn_ing{border:1px solid #f32a1b;background-color:#f32a1b;color:#fff;padding:10px 10px 10px 10px;border-radius:2px;vertical-align:middle;font-size:10pt;margin-left:10px;cursor:pointer;cursor:hand;}

.in {border:1px solid #ccc;height:28px;margin:2px;padding-left:3px;}

.btn_login{color:#000;background-color:#f5f5f5;padding:20px 30px 20px 30px;border:1px solid #ccc;font-size:14pt;border-radius:0px;cursor:hand;cursor:pointer;}
.btn_login:hover{color:#fff;background-color:#2469d1;padding:20px 30px 20px 30px;border:1px solid #2469d1;}

.btn_idpw{color:#666;background-color:#fff;padding:5px 15px 5px 15px;border:1px solid #ddd;font-size:10pt;border-radius:0px;cursor:hand;cursor:pointer;margin:2px;}
.btn_idpw:hover{color:#fff;background-color:#222;border:1px solid #222;}

.inpt1 {width:60px;height:25px;border:1px solid #ccc;padding:4px}
.border_none td{border:none;padding:2px;}

.list {background:url('/images/blet_bg.png')no-repeat;background-position:5px 14px;padding-left:15px;line-height:30px;}
.lm {height:50px;padding-right:30px;text-align:right;font-family:NotoKrM;font-size:11pt;border-right:0px solid #ddd;border-LEFT:0px solid #ddd;border-bottom:1px solid #ddd;color:#000;cursor:hand;cursor:pointer;}
.lm:hover {background:#f1f1f1;}
.lm_tit {font-size:22pt;text-align:center;font-family:NotoKrM;background:#fff;color:#000;padding-top:10px;border-bottom:1px solid #ddd;border-top:none;}
.arrow{padding-left:5px;padding-right:5px;}
.hyun {font-family:NotoKrR;color:#000;padding-bottom:20px;}
.sub_tit {font-size:23pt;color:#000;line-height:normal;padding-left:0px;font-family:NotoKrM;text-align:center;}
.btn_data {width:32%;background:#fff;border:1px solid #ddd;border-radius:2px;text-align:center;height:40px;line-height:240%;float:left;margin:2px;cursor:hand;cursor:pointer;}
.btn_data:hover {background:#2a4fba;border:1px solid #2a4fba;color:#fff;}

.mlist {width:100%;background:#f3f4f8;border-radius:8px;margin-bottom:14px;}
.mlist:hover {background:#eee;cursor:hand;cursor:pointer;}
.mlist ul{margin:0px;list-style:none;padding:20px;}
.mlist ul li{padding:3px;}

.bbs_in {width:99%;border:1px solid #ddd;height:30px;margin:2px;padding-left:10px;}

.btn_more {border:1px solid #ddd;background:#fff;font-size:10pt;cursor:hand;cursor:pointer;}
.btn_more:hover {border:1px solid #111;background:#111;color:#fff;}

.btn {background:#fff;border:1px solid #ddd;text-align:center;color:#666;width:260px;height:50px;cursor:hand;cursor:pointer;font-size:11pt;}
.btn:hover {background:#666;border:1px solid #666;text-align:center;color:#fff;}

.prod_view {border:1px solid #ffffff;}
.prod_view:hover {border:1px solid #ffffff;cursor:hand;cursor:pointer;}

.btn_cate_all_prod {border:1px solid #ddd;padding:3px 9px;float:left;margin:2px;line-height:normal;font-size:9pt;border-radius:13px;color:#666;cursor:hand;cursor:pointer;}
.btn_cate_all_prod:hover {border:1px solid #00650a;background:#00650a;color:#fff}

.btn_list_type {border-radius:26px;border:1px solid #ddd;padding:4px 14px;font-size:9pt;cursor:hand;cursor:pointer;}
.btn_list_type:hover {background:#000;border:1px solid #000;color:#fff;}

.btn_list_type2 {border-radius:26px;border:1px solid #ddd;padding:4px 14px;font-size:9pt;background:#000;border:1px solid #000;color:#fff;}

.btn_order_cancel {background:#fff;border:1px solid #ddd;padding:4px 10px;color:#000;font-size:9pt;border-radius:4px;}
.btn_order_cancel:hover {background:#000;border:1px solid #000;color:#fff;}

.btn_bae {background:#d72b03;border:1px solid #d72b03;color:#fff;border-radius:28px;padding:4px 14px;cursor:hand;cursor:pointer;font-size:12px;}
.btn_bae:hover {color:yellow;}

.img_rotate {
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}