@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
table {border-collapse:collapse; border-spacing:0;}

html, body {background-color:#fff;
    font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif;
    font-weight:400;
    font-size:12px;
    letter-spacing:-0.024em;
/*    overflow-x:hidden; */
}

img {vertical-align:top}
button, label {cursor:pointer;outline:none}
a,
a:hover,
a:focus,
a:active {
	background-color: transparent;
	outline: 0;
	text-decoration:none;
}
a.txts {color:#00f;text-decoration:underline}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-0.1em}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1_3em {font-size:1.3em !important}
.f1_5em {font-size:1.5em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}
.fc10 {color:#f60 !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}
.fs03 {font-weight:normal !important}
.fs04 {text-decoration:underline !important}

.bg000 {color:#000 !important}

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per05 {width:5% !important}
.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per33 {width:33% !important}
.per34 {width:34% !important}
.per40 {width:40% !important}
.per45 {width:45% !important}
.per50 {width:50% !important}
.per55 {width:55% !important}
.per60 {width:60% !important}
.per70 {width:70% !important}
.per80 {width:80% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

/************** Button **************/
.e-btn {
	display:inline-block;
	margin:1px;
	padding:5px 15px 7px;
	font-size:12px;
	letter-spacing:-1px;
	color:#000;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {background-color:#f6f6f6}

.e-btn-xs {
	padding:2px 10px 4px;
}
.e-btn-xss {
	font-size:10px;
	padding:0px 10px 2px;
}
.e-btn-lg {
	font-size:15px;
	padding:8px 20px 10px;
}
.e-btn-block {
	display:block;
	width:100%;
}

.e-btn-sty01 {color:#fff;border:1px solid #007bff;background-color:#007bff}
.e-btn-sty01:hover,
.e-btn-sty01:focus,
.e-btn-sty01:active {color:#fff;border:1px solid #0069D9;background-color:#0069D9}

.e-btn-sty02 {color:#fff;border:1px solid #6c757d;background-color:#6c757d}
.e-btn-sty02:hover,
.e-btn-sty02:focus,
.e-btn-sty02:active {color:#fff;border:1px solid #545B62;background-color:#545B62}

.e-btn-sty03 {color:#fff;border:1px solid #28a745;background-color:#28a745}
.e-btn-sty03:hover,
.e-btn-sty03:focus,
.e-btn-sty03:active {color:#fff;border:1px solid #218838;background-color:#218838}

.e-btn-sty04 {color:#fff;border:1px solid #dc3545;background-color:#dc3545}
.e-btn-sty04:hover,
.e-btn-sty04:focus,
.e-btn-sty04:active {color:#fff;border:1px solid #C82333;background-color:#C82333}

.e-btn-sty05 {color:#000;border:1px solid #ffc107;background-color:#ffc107}
.e-btn-sty05:hover,
.e-btn-sty05:focus,
.e-btn-sty05:active {color:#000;border:1px solid #E0A800;background-color:#E0A800}

.e-btn-sty06 {color:#fff;border:1px solid #17a2b8;background-color:#17a2b8}
.e-btn-sty06:hover,
.e-btn-sty06:focus,
.e-btn-sty06:active {color:#fff;border:1px solid #138496;background-color:#138496}

.e-btn-sty07 {color:#fff;border:1px solid #111;background-color:#111}
.e-btn-sty07:hover,
.e-btn-sty07:focus,
.e-btn-sty07:active {color:#fff;border:1px solid #000;background-color:#000}
/************** Button **************/

/************** Input **************/
.e-input {padding:2px 10px 4px}
/************** Input **************/

/*
.inner-wrap {display:block;margin:0 auto;padding:0;width:1200px;min-width:1372px}

.page-title-wrap {display:block;margin:0 0 20px;padding:20px 10px;text-align:left;font-size:20px;border-bottom: 1px solid #ddd}


.header-wrap {clear:both;display:block;margin:0;padding:0}
.header-wrap .logo-wrap {display:block;margin:18px 0;padding:0;text-align:center}
.header-wrap .top-nav-wrap {display:block;margin:0;padding:0}
.header-wrap .top-nav-wrap li {float:left}
.header-wrap .top-nav-wrap .fl-right li {margin-right:10px}
.header-wrap .top-nav-wrap .fl-right a {display:block;margin:0;padding:10px;font-size:13px;font-weight:300;}
.header-wrap .nav-wrap {display:block;margin:0;padding:0;background-color:#333}
.header-wrap .nav-wrap ul {float: right;position: relative;left: -50%}
.header-wrap .nav-wrap ul li {float: left;position: relative;left: 50%;margin:20px 50px}
.header-wrap .nav-wrap ul a {display:block;margin:0;padding:0;font-size:15px;letter-spacing:2px;color:#fff}

.main-wrap {clear:both;display:block;margin:0;padding:0;min-height:600px}

.index_slider {display:block;margin:0;padding:0;min-width:1372px;height:600px;overflow:hidden}
.index_slider div {display:block;margin:0;padding:0;width:100%;height:600px}

.main-bnr-wrap {padding:50px 0}

.best-goods-wrap {display:block;margin:0;padding:70px 0;min-width:1372px}
.best-goods-wrap h2 {display:block;margin:0;padding:0 0 50px;text-align:center;font-size:20px;letter-spacing:2px;xbackground-color:#aaa}
.best-goods-wrap h2 a {padding-bottom:10px;border-bottom:1px solid #333}

.smt_40 {
    background:transparent;
    padding:0px;
    border:none;
}

.footer-wrap {clear:both;display:block;margin:0;padding:0;border-top:5px solid #eee}
.footer-wrap .inner-wrap {padding:30px 0}
.footer-wrap .ft-logo-wrap {padding:0 0 0 10px}
.footer-wrap .ft-nav-wrap {}
.footer-wrap .ft-nav-wrap li {margin-bottom:10px}
.footer-wrap .ft-nav-wrap a {display:inline-block;margin:0;padding:0;font-size:15px}
.footer-wrap .ft-info-wrap {}
.footer-wrap .ft-info-wrap h3 {display:inline-block;margin:0 0 10px;padding:0;font-size:17px}
.footer-wrap .ft-info-wrap li {padding:5px 0;color:#333}
.footer-wrap .ft-company-wrap {}
.footer-wrap .ft-company-wrap h3 {display:inline-block;margin:0 0 10px;padding:0;font-size:17px}
.footer-wrap .ft-company-wrap p {line-height:150%;color:#333;font-size:13px}
.footer-wrap .copy-wrap {display:block;margin:30px 0;padding:30px 0 0;color:#666;text-align:center;letter-spacing:2px;border-top:1px solid #333}
*/