@charset "utf-8";
@import url('/design/common/css/Pretendard.css');
@import url('/design/common/css/GmarketSans.css');


/*공통*/
* {margin:0; padding:0; box-sizing:border-box;}
html, body { font-family: "Pretendard", sans-serif;font-size:15px; color:#222;letter-spacing: 0.5px; line-height:1.5; -webkit-text-size-adjust: 100%;}
html,body,div,p,ul,li,ol,dl,dt,dd,input,textarea,select,p,hr,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,ol,dl,dd,dt{list-style:none;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none;color:#222;}

caption{position:absolute; left:-9999px;}
table{margin:0px;border-collapse:collapse;-ms-word-break: keep-all;word-break: keep-all;}
td,th,p,span {letter-spacing: -0.05em;}/*-ms-word-break: keep-all;word-break: keep-all;*/
.hidden{position: absolute; left:-9999px;}
.overflow{overflow:hidden}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
p{line-height: 28px;}

form{display:block;}
fieldset{margin:0px;padding:0px;border:0px;}
input{padding:0px;vertical-align:middle;border-radius: 0px;}
input[type='text']{padding:4px;border:1px solid #ccc;  font-size: 12px;}
input[type='password']{padding:4px;border:1px solid #ccc;  font-size: 12px;}
input[type='file']{padding:2px 0px 2px 5px;border:1px solid #eaeaea;}
input[type='checkbox'],input[type~='radio']{margin:-1px 0px;padding:2px 5px 2px 5px;-webkit-appearance:radio;-moz-appearance:radio;}
input[type='button'],input[type~='submit']{padding-top:3px;cursor:pointer;}
input[type='image']{margin:0px;padding:0px;cursor:pointer;}
/*select{padding:0px;vertical-align:middle; padding:1px;border:1px solid #ccc; font-size: 11px; height: 20px;}*/
textarea{padding:2px 0px 2px 5px;border:1px solid #ccc;}

img{margin:0px;padding:0px;border:0;}

.hand {cursor:pointer;}
.clear{clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.align_l{text-align:left}
.align_c{text-align:center !important}
.align_r{text-align:right}
.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}

.nobg{background:none !important;}
.noline{border:none !important;}
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}

.ml_0{margin-left:0px}
.ml_10{margin-left:10px}
.ml_20{margin-left:20px}
.ml_30{margin-left:30px}
.ml_40{margin-left:40px}
.mb_10{margin-bottom:10px}
.mb_20{margin-bottom:20px}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.pt_30{padding-top:30px;}
.pt_50{padding-top:50px;}

.h3{font-size:18px; font-weight:600;}
.h4{font-size: 15px; font-weight: 400;}

/*텍스트강조컬러*/
.text_blue {color:#1077c4;}
.text_red {color:#b40000}
.bold {font-weight: 600;}

/* align */
.flR {float:right;}
.flL {float:left;}
.clear  {clear:both;}
.taC {text-align:center !important;}
.taR {text-align:right;}
.taL {text-align:left !important;}
.taJ {text-align:justify;}
.vaT {vertical-align:top;}
.vaB {vertical-align:bottom;}
.vaM {vertical-align:middle;}
.divC {margin:0 auto;}
.overH {overflow:hidden;}


/* font & color */
.char {font-family:"돋움", dotum;}
.font0 {font-size:0; line-height:0;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font20{font-size:20px;}
.normal {font-weight:400;}
.bold {font-weight:600;}
.line {text-decoration:underline;}
.white {color:#fff;}
.black {color:#000;}
.gray7 {color:#777;}
.gray8 {color:#888;}
.red {color:#cc3333 !important;}
.blue {color:#007cc0 !important;}
.blue a {color:#007cc0 !important;}
.pink {color:#E50077;}
.green {color:#027f40;}
.orange {color:#ff5400 !important;}
.purple {color:#6633cc !important;}
.empha {color:#027f40 !important;}

/* margin & padding */
.mar_t0  {margin-top:0 !important;}
.mar_t3  {margin-top:3px;}
.mar_t4  {margin-top:4px !important;}
.mar_t5  {margin-top:5px !important;}
.mar_t6  {margin-top:6px !important;}
.mar_t7  {margin-top:7px !important;}
.mar_t8  {margin-top:8px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t11 {margin-top:11px !important;}
.mar_t12 {margin-top:12px !important;}
.mar_t13 {margin-top:13px !important;}
.mar_t14 {margin-top:14px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t17 {margin-top:17px !important;}
.mar_t18 {margin-top:18px !important;}
.mar_t19 {margin-top:19px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t21 {margin-top:21px !important;}
.mar_t24 {margin-top:24px !important;}
.mar_t25 {margin-top:25px !important;}
.mar_t26 {margin-top:26px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t34 {margin-top:34px;}
.mar_t35 {margin-top:35px !important;}
.mar_t50 {margin-top:50px;}
.mar_b3  {margin-bottom:3px;}
.mar_b7  {margin-bottom:7px;}
.mar_b8  {margin-bottom:8px;}
.mar_b10 {margin-bottom:10px;}
.mar_b20 {margin-bottom:20px;}
.mar_b30 {margin-bottom:30px;}
.mar_b35 {margin-bottom:35px;}
.mar_r5  {margin-right:5px;}
.mar_r13 {margin-right:13px;}
.mar_r20 {margin-right:20px;}
.mar_r28 {margin-right:28px;}
.mar_r33 {margin-right:33px;}
.mar_r30 {margin-right:30px;}
.mar_r37 {margin-right:37px;}

.mar_l0  {margin-left:0 !important;}
.mar_l5  {margin-left:5px !important;}
.mar_l10 {margin-left:10px;}
.mar_l12 {margin-left:12px !important;}
.mar_l15 {margin-left:15px;}
.mar_l16 {margin-left:16px !important;}
.mar_l17 {margin-left:17px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l22 {margin-left:22px !important;}
.mar_l25 {margin-left:25px;}
.mar_l30 {margin-left:30px;}
.mar_l32 {margin-left:32px !important;}
.mar_l33 {margin-left:33px !important;}

.pad_t0  {padding-top:0px !important;}
.pad_t3  {padding-top:3px;}
.pad_t5  {padding-top:5px;}
.pad_t15 {padding-top:15px;}
.pad_t17 {padding-top:17px !important;}
.pad_t20 {padding-top:20px;}
.pad_t25 {padding-top:25px;}
.pad_t30 {padding-top:30px;}
.pad_t40 {padding-top:40px;}

.pad_r5 {padding-right:5px;}
.pad_r6 {padding-right:6px;}

.pad_l0  {padding-left:0 !important;}
.pad_l3  {padding-left:3px;}
.pad_l5  {padding-left:5px !important;}
.pad_l10 {padding-left:10px;}
.pad_l12 {padding-left:12px;}
.pad_l15 {padding-left:15px !important;}
.pad_l16 {padding-left:16px !important;}
.pad_l17 {padding-left:17px !important;}
.pad_l18 {padding-left:18px;}
.pad_l20 {padding-left:20px;}
.pad_l25 {padding-left:25px;}
.pad_l30 {padding-left:30px;}
.pad_l32 {padding-left:32px !important;}
.pad_l33 {padding-left:33px !important;}
.pad_l40 {padding-left:40px;}

.pad_b5  {padding-bottom:5px !important;}
.pad_b6 {padding-bottom:6px;}
.pad_b7 {padding-bottom:7px;}
.pad_b8 {padding-bottom:8px;}
.pad_b9 {padding-bottom:9px;}
.pad_b10 {padding-bottom:10px;}
.pad_b20 {padding-bottom:20px;}
.pad_b30 {padding-bottom:30px;}
.pad_b40 {padding-bottom:40px;}


/* width */
.wpAuto {width:auto;}
.wp100 {width:100% !important;}
.wp90 {width:90%;}
.wp80 {width:80%;}
.wp75 {width:75%;}
.wp68 {width:68%;}
.wp50 {width:50%;}
.wp49 {width:49% !important;}
.wp48 {width:48%;}
.wp45 {width:45%;}
.wp40 {width:40%;}
.wp36 {width:36%;}
.wp30 {width:30%;}
.wp25 {width:25%;}
.wp22 {width:22%;}
.wp20 {width:20%;}
.wp18 {width:18%;}
.wp17 {width:17%;}
.wp16 {width:16%;}
.wp15 {width:15%;}
.wp14 {width:14%;}
.wp13 {width:13%;}
.wp12 {width:12%;}
.wp11 {width:11%;}
.wp10 {width:10%;}
.wp8 {width:8%;}
.wp7 {width:7%;}
.wp5 {width:5%;}