@charset "utf-8";

@import url('font.css');
@import url("layout.css");
@import url("style.css");
@import url("member.css");
@import url("main.css");


* {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none}
html {position:relative; min-width:320px; min-height:100%;}
ul,ol {list-style:none;}
img { border:0; vertical-align:middle; }


header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}

body,input,select,textarea,table {font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; font-size:14px; font-weight:400; color:#000; letter-spacing:-0.7px; line-height:1.3;
				-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust: none;}
button {font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; font-size:14px; font-weight:400; color:#000; letter-spacing:-0.7px; line-height:1.3;cursor:pointer;
				-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust: none;}
span, i {display:inline-block;}

a, a:link {color:#000; text-decoration:none; *vertical-align:top;}
a.hover{color:#000; }


input[type="button"],input[type="submit"]{
	 transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}


form legend, table caption {text-indent: -9999px; }

table  {border-collapse:collapse; }

select { border:1px solid #c2c2c2; height:42px; padding:0 40px 0 8px;   -webkit-appearance: none; -moz-appearance: none;
		 background:#fff url(/images/public/select_arr.png) no-repeat right 50%; }

/* IE 10, 11 */

select::-ms-expand {  display: none;}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="password"] {text-indent:8px; width:100%; height:42px; line-height:40px;  background:#fff;  border:1px solid #c2c2c2; }

textarea {padding:10px; width:100%; border:1px solid #c2c2c2;  background-color:#fff;  	line-height:1.5; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
select:focus,
textarea:focus { border:1px solid #262324; outline:0; background:#fff;}
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

.focus { border:1px solid #262324; !important; outline:0;}

/* electroi 2019-08-14 수정 */
/* padding-left:30px = > padding-left:20px*/
/* ../images => /images/public */
input[type=checkbox]{position:absolute; width:0px; height:0px; opacity:0;}
input[type=checkbox]+label{position:relative; display:inline-block;padding-left:28px; line-height:23px; cursor:pointer;}
input[type=checkbox]+label:before {content:''; display:inline-block; position:absolute; left:0; top:50%; transform: translateY(-50%);
									width:18px; height:18px; 
									background:url(/images/public/checkbox.png) 0 0;}
input[type=checkbox]:checked + label:before  {background:url(/images/public/checkbox.png) 0 -18px;}


.input_file[data_file] {
    width:100%;
    height: 44px;
    padding: 0;
	line-height:42px;
	text-align:center;
	border:1px solid #999;
	background:#f3f3f3;
    position: relative;
	text-align:center;
}
.input_file input[data_file] {
    display: block !important;
	 width:100%;
    height: 28px;
    height: 44px;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
}


/* margin */
.mT0 {margin-top:0px;}
.mT5 {margin-top:5px;}
.mT8 {margin-top:8px;}
.mT15 {margin-top:15px;}
.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT60 {margin-top:60px;}
.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}
.mB5 {margin-bottom:5px;}

/* padding */
.pdL2 {padding-left:2px !important;}
.pdR2 {padding-right:2px !important;}
.pdL5 {padding-left:5px !important;}
.pdR5 {padding-right:5px !important;}


/* etc */
.fleft { float:left;}
.fright { float:right; }
.aleft {text-align:left;}
.acen {text-align:center;}
.aright {text-align:right;}
.inner {overflow:hidden;}
.f_red {color:#e51111;}

/* font */
.bold {font-weight:bold; }
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

/* et */
.col-2 {float:left; width: 20% !important;}
.col-3 {float:left; width: 30% !important;}
.col-33 {float:left; width: 33.3333333% !important;}
.col-4 {float:left; width: 40% !important;}
.col-5 {float:left; width: 50% !important;}
.col-6 {float:left; width: 60% !important;}
.col-7 {float:left; width: 70% !important;}
.col-8 {float:left; width: 80% !important;}

.table_title {font-size:16px;color:#000;font-weight:bold;line-height:18px;margin-bottom:10px;}

/*---------------------------------------------- table ------------------------------------------------------*/
.table_fixed{table-layout:fixed}
.table_ver{width:100%;margin:10px 0 0;font-size:14px;border-top:1px solid #444;}
.table_ver thead{background:#f3f3f3;border-left:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb}
.table_ver thead th{text-align:center;height:50px;padding:9px 0 7px;color:#444;font-weight:bold;*background:#fafafa url(/images/common/bg_thead_th.png) right center no-repeat}
.table_ver tbody td{text-align:center;padding:10px 0;color:#666;border-bottom:solid 1px #dbdbdb;line-height:25px}
.table_ver tbody td strong{color:#000}
.table_ver tbody td button{margin:2px 0}
.table_ver tbody td.text_left{text-align:left;padding:9px 10px 7px}

	/* 총 합계 쪽 */
.table_ver tr.total_price td{height:50px !important;padding:0 !important;background-color:#f7f7f7}
.table_ver tr.total_price td div{position:relative;width:100%;height:100%}
.table_ver tr.total_price td p{position:absolute;right:0;top:0;display:inline-block;margin:5px 6px;padding:10px 13px;border:1px solid #e6e6e6;background-color:#fff;color:#000}
.table_ver tr.total_price td p span{display:inline-block;margin-right:120px}
.table_ver tr.total_price td p span{margin-right:38px}

	/* 상품이미지,상품명 */
.table_ver tbody td.table_product{text-align:left;padding:10px}
.table_ver tbody td.table_product a{float:left}
.table_ver tbody td.table_product a img{border:solid 1px #e6e6e6;width:80px;margin-right:10px}
.table_ver tbody td.table_product a img.no{border:none;width:auto;margin-right:0}
.table_ver tbody td.table_product p{float:left;width:80%;margin:5px 0 0}

.table_hor{width:100%;margin:0px 0 0;font-size:14px;border-top:1px solid #444}
.table_hor tbody th{background:#f3f3f3;text-align:left;font-weight:normal;padding:9px 15px 7px;color:#444;border-bottom:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb}
.table_hor tbody th.line{border-left:solid 1px #dbdbdb}
.table_hor tbody td{text-align:left;padding:10px 15px;color:#666;border-bottom:solid 1px #dbdbdb;line-height:16px}
.table_hor tbody td a {color:#666;}
.table_hor tbody td a:hover {text-decoration:underline;}

/* 상품이미지,상품명 */
.table_hor tbody td.table_product{text-align:left;padding:10px}
.table_hor tbody td.table_product a{float:left}
.table_hor tbody td.table_product a img{border:solid 1px #e6e6e6;width:80px;margin-right:10px}
.table_hor tbody td.table_product p{float:left;width:80%;margin:5px 0 0}

/* float */
.floatL{float:left !important}
.floatR{float:right !important}
.float_a{display:block !important;float:left !important}
.list_float{overflow:hidden !important}
.list_float li{float:left !important}

/* margin */
.mgt3{margin-top:3px !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}

.mgb2{margin-bottom:2px !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb20{margin-bottom:20px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:40px !important}
.mgb50{margin-bottom:50px !important}
.mgb60{margin-bottom:60px !important}

.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl20{margin-left:20px !important}

.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr20{margin-right:20px !important}

/* padding-left */
.pdL12{padding-left:12px !important}