@charset "utf-8";

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,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {font-size:100%; font-family:inherit; margin:0; padding:0; border:0; vertical-align:baseline; word-break:break-all;}
body {line-height:1; color:black; background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:'' '';}
button,
input {overflow:visible;}
input, select, img {vertical-align:middle;}
textarea {overflow:auto; vertical-align:top;}
em {font-style:normal;}


/*
 * html5
 * abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video
 */
figure,
section,
header,
footer,
article,
aside,
nav {display:block; margin:0 auto;}

html,
body {height:100%; font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic,AppleGothic,sans-serif;letter-spacing:-1px;}
html {overflow-y:scroll;}

body,
input,
textarea,
button,
table {font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic,AppleGothic,sans-serif; font-size:12px; line-height:16px; color:#666;}
legend {font:0/0 a; position:absolute; right:-999em; top:-999em;}

table		{border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption,
th,
td			{text-align:left;font-weight:normal;float:none !important;}
table,
th,
td			{vertical-align:top;}

a img	{border:none;}
img		{border:none;line-height:0;font-size:0;}
em		{font-style:normal;}

a {color:inherit; text-decoration:none;vertical-align:middle}
*+ html a {color:#3d424d;}
a:focus,
a:hover {text-decoration:underline; color:#007cc3;}
a:active {background-color:transparent;}

hr {display:none;}

table caption {font:0/0 a;}

input::-webkit-input-placeholder {color:#b5b5b5;}
input:focus::-webkit-input-placeholder {color:#dcdcdc;}
input::-moz-placeholder {color:#b5b5b5; opacity:1;}
input:focus::-moz-placeholder {color:#dcdcdc;}

summary::-webkit-details-marker {display:none;}

input,
button,
select,
select option,
textarea	{margin:0; box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic,AppleGothic,sans-serif; vertical-align:middle;}

legend	{font:0px/0 a;position:absolute;right:-999em;top:-999em;}

button,
input[type='submit'],
input[type='button'] {cursor:pointer; margin:0; padding:0;}
input[type='rangelength'],
input[type='digits'],
input[type='url'],
input[type='date'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='password'],
input[type='creditcard'],
input[type='search'],
input[type='text'] {display:inline-block; height:30px; line-height:100%; line-height:25px\9; padding:0 10px; border:1px solid #ddd;}

input[type='password'][readonly],
input[type='text'][readonly],
input[type='password'][disabled],
input[type='text'][disabled] {}
button::-moz-focus-inner {padding:0; border:0;}
button:active {margin:0; padding:0;}
textarea {resize:vertical;}
select {font-size:12px; line-height:200%; line-height:25px\9; height:30px; padding:5px; border:1px solid #ddd;}
select option {font-size:12px; line-height:100%; height:25px; padding:5px;}
textarea {border:1px solid #ddd; line-height:1.7; padding:10px;}
strong {font-weight:500;}

* {zoom:1;}

.fl_left	{float:left}
.fl_right	{float:right;}
.inline		{display:inline-block;*display:inline;}
.clear		{clear:both;}
.pos_rel	{position:relative;}
.pos_abs	{position:absolute;}

.clfix:after		{content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size:0; line-height:0;}
.clfix				{display: inline-block;}
.clfix				{display: block;}
* html .clfix		{height: 1%;} /* Hides from IE-mac */
.clfix				{zoom:1;} /*for IE 5.5-7*/

/**
 * Micro clearfix hack for modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.c-clearfix:before,
.c-clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.c-clearfix:after { clear: both; }

.hide	{position:absolute; top:-5000em; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.none	{display:none !important;}
.hidden	{visibility:hidden !important;}

.bg_none {background:none !important;}

/* align */
.t_left   {text-align:left !important;}
.t_right  {text-align:right !important;}
.t_center {text-align:center !important; *zoom:1;}
.al_top   {vertical-align:top;}
.al_mid   {vertical-align:middle;}
.al_bot   {vertical-align:bottom;}

/* spacing */
.mg0	{margin:0 !important;}
.mt0	{margin-top:0px !important;}
.mt4	{margin-top:4px !important;}
.mt5	{margin-top:5px !important;}
.mt10	{margin-top:10px !important;}
.mt15	{margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt70 {margin-top:70px !important;}
.mb0 {margin-bottom:0px !important;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

.mmt10	{margin-top:-10px;}
.mmt60	{margin-top:-60px;}
.ml5	{margin-left:5px !important;}
.ml8	{margin-left:8px !important;}
.ml15	{margin-left:15px;}
.ml10	{margin-left:10px !important;}
.ml20	{margin-left:20px !important;}
.ml30	{margin-left:30px;}
.mr5 {margin-right:5px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt27 {padding-top:27px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pb0 {padding-bottom:0 !important;}
.pb15 {padding-bottom:15px !important;}
.pl0 {padding-left:0 !important;}
.pl20	{padding-left:20px !important;}
.pl130	{padding-left:130px !important;}
.pr20 {padding-right:20px !important;}
.pr130 {padding-right:130px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}



/* font */
.china_word	{font-family:Dotum;}
.ls0	 {letter-spacing:0;}


/* line */
.no_line	{border:none !important;}
.no_t_line	{border-top:none !important;}
.no_b_line {border-bottom:none !important;}

/* color var */
:root {
    --primary-emart: #ffe926;
    --primary-traders: #bbe952;
    --primary-mollys: #e8b4c3;
    --color-white: #fff;
    --color-gray: #f7f7f7;
    --color-title1: #222;
    --color-content1: #424242;
    --color-content2: #666;
    --color-subcopy1: #767676;
    --color-subcopy2: #969696;
    --color-subcopy3: #c8c8c8;
    --color-disable: #b2b2b2;
    --color-red: #db392e;
    --color-blue: #4774cf;
    --background-white: #fff;
    --background-darkgray: #424242;
    --background-gray: #f7f7f7;
    --background-disable1: #d8d8d8;
    --background-disable2: #e8e8e8;
    --line-border1: #d8d8d8;
    --line-border2: #e8e8e8;
    --line-divide: #F3F3F3;
}