@import url('../css/font-face.css');
* {margin:0;padding:0;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { border: 0; outline: 0;  font-size: 100%;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

a { margin: 0; padding: 0; border: 0; font-size: 100%; }

strong {font-weight:600}

button {border:none}

/*font*/
body {font-family:'Noto Sans', sans-serif; color:#555;font-size:14px; letter-spacing:-0.5px;}
select,input,button,textarea,button{font-family:'Noto Sans', sans-serif; border-radius:0;}
select {font-family:'Noto Sans', sans-serif;}

/*링크*/
a{color:#54546a;text-decoration:none;}
a:active {}
a:focus {}
a:visited, a:visited *, a.visited, a.visited:visited {text-decoration:none;}
a:hover,a:hover *,a.visited:hover {text-decoration:none;}

/*list*/
ol, ul, li, dd, dl, dt {list-style:none;}
.fllist, .frlist {position:relative;}
ul.fllist li , .fllist > * {float:left;}
ul.frlist li , .frlist > * {float:right;}
.fllist:after , .frlist:after {clear:both;display:block;content:"";}

/* Form */
fieldset {padding:0px;margin:0px;border:0px;}
legend{display:none;}
input::-ms-clear {display: none;}

input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'], 
input.text,input.password {
	border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-color:#fff;line-height:1.25em;margin:1px;padding:0.2em 5px 0.3em 5px;height:27px;font-size:13px;}
input[type='image'], input.image,
input[type='radio'], input.radio,
input[type='checkbox'], input.checkbox,
input.radio,input.checkbox {border:0px !important;border:none;vertical-align:middle;padding:0px;margin:0px;}

/*input[type='text'] {ime-mode:active} 자동한글입력*/

input.readonly {background-color:#ededed;}

label::before {content:" ";}
input.disabled, input:disabled {background-color:#ededed;}
input.required, input:required {}

select , select.select {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-color:#fff;line-height:1.25em;margin:1px;padding:0.2em 5px 0.3em 5px;height:35px;line-height:35px;font-size:13px;}
textarea {border:1px solid #ddd;padding:2px 5px;}

input[type="file"] {border:0;padding:0;margin:1px;height:auto;border-style:solid;border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:2em;padding:0.30em 5px 0.4em 5px;line-height:1.1em;box-sizing:content-box;font-size:1em;vertical-align:middle;}

/* img */
img {border:0px;vertical-align:middle;} 
img.button {cursor:pointer;}
button.imgBtn {padding:0px;margin:0px;border:0px;cursor:pointer;}

/* Table */
table { border-collapse: collapse; border-spacing: 0px;}
table caption{height:0;width:0;text-indent:-9999px;}

* {-webkit-text-size-adjust:none;}

hr{ display:none;}

/* table common */
table {border-collapse:collapse;}
table caption{height:0;width:0;text-indent:-9999px;}

/*정렬*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.leftImpr {text-align:left !important;}
.rightImpr {text-align:right !important;}
.centerImpr {text-align:center !important;}
.vtop,.vtop > * {vertical-align:text-top !important;}
.vcen,.vcen > * {vertical-align:middle !important;}
.vfoot,.vfoot > * {vertical-align:text-bottom !important;}
.vtop2 {vertical-align:top !important;}
.vcen2 {vertical-align:middle !important;}
.vfoot2 {vertical-align:bottom !important;}


/* 위치값 */
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.pl8{ padding-left:8px;}
.pl9{ padding-left:9px;}
.pl10{ padding-left:10px;}
.pl13{ padding-left:13px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl21{ padding-left:21px;}
.pl23{ padding-left:23px;}
.pl24{ padding-left:24px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl44{ padding-left:44px;}
.pl50{ padding-left:50px;}
.pl230{ padding-left:230px;}
.pl212{ padding-left:212px;}

.pr1{padding-right:1px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{ padding-right:40px;}

.pt0{ padding-top:0 !important;}
.pt1{ padding-top:1px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt4{ padding-top:4px;}
.pt5{ padding-top:5px;}
.pt6{ padding-top:6px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt18{ padding-top:18px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt29{ padding-top:29px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt65{ padding-top:65px;}
.pt100{ padding-top:100px;}
.pt130{ padding-top:130px;}
.pt146{ padding-top:146px;}

.ml2 { margin-left:2px;}
.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}
.ml6 { margin-left:6px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml17 { margin-left:17px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml28 { margin-left:28px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.ml70 { margin-left:70px;}

.mr0{ margin-right:0 !important;}
.mr1{ margin-right:1px !important;}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr7{ margin-right:7px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}

.mt1{ margin-top:1px;}
.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

.mb0{ margin-bottom:0 !important;}
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb54{ margin-bottom:54px;}
.mb60{ margin-bottom:60px;}

.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh180 {line-height:180%;}
.lh200 {line-height:200%;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.fl{ float:left}
.fr{ float:right}

.ft-11{ font-size:11px}
.ft-12{ font-size:12px}
.ft-14{ font-size:14px; line-height:170%}
.ft-15{ font-size:15px;}
.ft-16{ font-size:16px;}
.ft-17{ font-size:17px;}
.ft-18{ font-size:18px;}

.btn-tr{width:100%; overflow:hidden; text-align:right;}
.btn-tc{width:100%; overflow:hidden; text-align:center;}
.btn-tl{width:100%; overflow:hidden; text-align:left;}


.behind{left: -9999em; top: -9999em; width: 1px; height: 1px; overflow: hidden; position: absolute;}
.hidden{display:none}



/*기본 스타일*/
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}
.dbl {display:block;}
.cf:after {clear:both;content:"";display:block;}

.c_line {display:block;width:100%;height:1px;background:#e5e5e5;margin:50px 0}

/*박스유형*/

/* 글자자름*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wordKeep, .wordkeep, .wkeep {white-space:normal;word-break:keep-all;}
.nowrap {white-space:nowrap;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}

/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
.gap40 {height:40px;clear:both;overflow:hidden;display:block;}
.gap50 {height:50px;clear:both;overflow:hidden;display:block;}
.gap60 {height:60px;clear:both;overflow:hidden;display:block;}
.gap65 {height:65px;clear:both;overflow:hidden;display:block;}
.gap70 {height:70px;clear:both;overflow:hidden;display:block;}
.gap75 {height:75px;clear:both;overflow:hidden;display:block;}
.gap80 {height:80px;clear:both;overflow:hidden;display:block;}
.gap85 {height:85px;clear:both;overflow:hidden;display:block;}
.gap90 {height:90px;clear:both;overflow:hidden;display:block;}
.gap95 {height:95px;clear:both;overflow:hidden;display:block;}
.gap100 {height:100px;clear:both;overflow:hidden;display:block;}
.gap130 {height:130px;clear:both;overflow:hidden;display:block;}
.gap200{height:200px;clear:both;overflow:hidden;display:block;}
.gap260{height:260px;clear:both;overflow:hidden;display:block;}

.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}