@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*본고딕-----------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 100;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 300;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 400;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 500;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 700;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 900;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

html,body {width:100%; height:100%; color:#444; font-size:14px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;line-height:1.4;letter-spacing:-0.5px;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button,textarea {margin:0;padding:0}
img,fieldset,iframe{border:0 none}
legend, hr, caption{width:0;height:0;position:absolute;visibility:hidden;overflow:hidden;display:none;}
ol, ul ,li{ list-style:none;}
img, input, button, select, textarea {vertical-align:middle;}
em,address {font-style:normal}
fieldset {border:none;}
label,button {cursor:pointer}
button{margin:0;padding:0; border:0;}
table {border-spacing:0;border: 0 none;word-wrap:break-word;border-collapse:collapse;}
hr, legend, caption { overflow:hidden; position:absolute; left:0; top:0; width:0; height:1px; font-size:0; line-height:0; visibility:hidden; }
input, textarea, select, button{font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;}
caption {width:0;height:0;visibility:hidden;line-height:0;font-size:0}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q { quotes: "" "";}
a {color:#444; cursor:pointer;}
a:link,a:visited {text-decoration:none;}
a:hover,a:active {text-decoration:none; cursor:pointer;}
a:focus {outline: none;}
a img {border:0;}
i{font-style:normal;}

.clear{clear:both;}

.mar_top05{margin-top:5px;}
.mar_top10{margin-top:10px;}
.mar_top20{margin-top:20px;}
.mar_top30{margin-top:30px;}
.mar_left05{margin-left:5px;}

.btn_left{text-align:left;}
.btn_center{text-align:center;}
.btn_right{text-align:right;}

/*기본버튼*/
.btn_gray{display:inline-block; padding:9px 20px;background-color:#595959;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_gray:hover{background-color:#444;transition:all 0.5s ease}
.btn_blue{display:inline-block; padding:9px 20px;background-color:#2d69c2;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_blue:hover{background-color:#275ba9;transition:all 0.5s ease}
.btn_red{display:inline-block; padding:9px 20px;background-color:#cc2e2e;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_red:hover{background-color:#b32929;transition:all 0.5s ease}
.btn_green{display:inline-block; padding:9px 20px;background-color:#27a983;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_green:hover{background-color:#229271;transition:all 0.5s ease}
.btn_purple{display:inline-block; padding:9px 20px;background-color:#c81b41;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_purple:hover{background-color:#ac1738;transition:all 0.5s ease}
.btn_purple_pri{display:inline-block; padding:9px 40px;background-color:#c81b41;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_purple_pri:hover{background-color:#ac1738;transition:all 0.5s ease}
.btn_gray_pri{display:inline-block; padding:9px 40px;background-color:#595959;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_gray_pri:hover{background-color:#444;transition:all 0.5s ease}

.btn_tbl_red{display:inline-block; padding:4px 7px;background-color:#e11818;color:#fff !important;letter-spacing:-0.5px; font-size:14px; vertical-align:middle; border-radius:5px;}

.btn_purple_mini{display:inline-block; padding:5px 10px;background-color:#c81b41;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_purple_mini:hover{background-color:#ac1738;transition:all 0.5s ease}
.btn_gray_mini{display:inline-block; padding:5px 10px;background-color:#595959;color:#fff !important;letter-spacing:-0.5px; font-size:14px; border-radius:5px;}
.btn_gray_mini:hover{background-color:#444;transition:all 0.5s ease}

/* OLD Fashion */
.align-l{text-align:left !important}
.align-c{text-align:center !important}
.align-r{text-align:right !important}
.float-l{float:left !important}
.float-r{float:right !important}
.float-n{float:none !important}
.ellipsis{overflow:hidden;display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.a11y-hidden{overflow:hidden;position:absolute;top:-9999px;width:1px;height:1px;font-size:1px;line-height:1px;text-indent:-9999px;clip:rect(1px,1px,1px,1px)}
.clearfix:after{content:'';display:block;clear:both}
.is-overflow{overflow:hidden}
.f-bold{font-weight:600}
[class^=icon]{display:inline-block}
.require:after{content:'*';display:inline-block;color:#0296ff}