@charset "utf-8";


html, body {width: 100%;height:100%;margin:0;padding:0;}
body {font-size:14px;line-height:1.4;font-family:'Noto Sans KR','malgun gothic', 'dotum';color:#333; word-spacing:-1px;}
* {box-sizing:border-box;}

/* inline */
img {display:inline-block;border:0;line-height:1;vertical-align:middle;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;vertical-align:middle;}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:'dotum';}
sup {vertical-align:top;font-family:'dotum';}
hr {display:none;}

/* block */
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address {font-style:normal;}
p  {margin:0;}
pre {margin:0;font-size:1em;font-family:'Noto Sans KR','malgun gothic', 'dotum';}

/* table */
table {border-spacing:0;border-collapse:collapse;width:100%;font-family:inherit;}
caption {display:none;}
th,td {padding:0;vertical-align:middle;text-align:left;font-size:inherit;font-weight:normal;}

/* list */
dd, dl, ol, ul {margin:0;padding:0;}
li {list-style-type:none;}

/* form */
form {margin:0;}
fieldset {margin:0;padding:0;border:none;}
legend {display:none;}
textarea {font-family: inherit;border:1px solid #cccccc;color:inherit;}
input [type="text"], 
input.text {font-family: inherit;height:30px;border:1px solid #cccccc;padding:0 0 0 5px;vertical-align:middle;background:#fff;line-height:1.4;color:#333;}
input[type="checkbox"],
input[type="radio"] {width:13px;height:13px;margin:-1px 2px 1px 0;padding:0 0 0 5px;vertical-align:middle;}
select {font-family: inherit;height:30px;border:1px solid #cccccc;font-size:inherit;line-height:1.4;vertical-align:middle;color:#333;}
select:disabled {background-color: #dbdbdb;}
button {display:inline-block;vertical-align: middle;cursor:pointer; margin:0;padding:0;font-family: inherit;white-space:nowrap;text-align: center;}
a {color:inherit; text-decoration:none;vertical-align:middle;}
a.btn:focus, input.btn:focus,button.btn:focus {outline: none;}

/* basic */
.hidden {position:absolute;visibility:hidden;top:-9000px;left:-9000px;}
.display_none {display:none !important;}
.cursor {cursor:pointer !important;}
.cursor_none {cursor:default !important;}
.text_over {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.textarea_over {word-break:break-all !important;}
.select_none {user-select:none !important;}
.pre_over {word-break:break-all; white-space:pre-wrap; overflow:auto;}

/* align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}
.bs {vertical-align:baseline !important;}
.fl {float:left !important;}
.fr {float:right !important;}

/* clear */
.clear:after{content:"";display:table;clear:both;}

/*margin*/
.mar_t3 {margin-top:3px !important;}
.mar_t5 {margin-top:5px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t60 {margin-top:60px !important;}
.mar_t80 {margin-top:80px !important;}

.mar_b2 {margin-bottom:2px !important;}
.mar_b5 {margin-bottom:5px !important;}
.mar_b10 {margin-bottom:10px !important;}
.mar_b15 {margin-bottom:15px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b30 {margin-bottom:30px !important;}

.mar_l3 {margin-left:3px !important;}
.mar_l5 {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l20 {margin-left:20px !important;}

.mar_r3 {margin-right:3px !important;}
.mar_r5 {margin-right:5px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r50 {margin-right:50px !important;}

/*padding*/
.pd_5 {padding:5px !important;}

.pd_t3 {padding-top:3px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}

.pd_b3 {padding-bottom:3px !important;}
.pd_b5 {padding-bottom:5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}

.pd_l0 {padding-left:0px !important;}
.pd_l3 {padding-left:3px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}

.pd_r0 {padding-right:0px !important;}
.pd_r3 {padding-right:3px !important;}
.pd_r5 {padding-right:5px !important;} 
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}

/*width*/
.w10p {width:10% !important;}
.w12p {width:12% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w43p {width:43% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w99p {width:99% !important;}
.w100p {width:100% !important;}

.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w150 {width:150px;}
.w200 {width:200px;}

/***** font *****/
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
