@charset "utf-8";
/*Nanum Barun Gothic*/
@import url(nanumbarungothic.css); 

/*Scoredream*/
@font-face {
	font-family: 'Scoredream';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/scoredream/SCDream3.woff2) format('woff2'),
	url(fonts/scoredream/SCDream3.woff) format('woff'),
  	url(fonts/scoredream/SCDream3.eot)
}
@font-face {
	font-family: 'Scoredream';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/scoredream/SCDream4.woff2) format('woff2'),
	url(fonts/scoredream/SCDream4.woff) format('woff'),
  url(fonts/scoredream/SCDream4.eot)
}
@font-face {
	font-family: 'Scoredream';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/scoredream/SCDream5.woff2) format('woff2'),
	url(fonts/scoredream/SCDream5.woff) format('woff'),
  	url(fonts/scoredream/SCDream5.eot)
}
@font-face {
	font-family: 'Scoredream';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/scoredream/SCDream6.woff2) format('woff2'),
	url(fonts/scoredream/SCDream6.woff) format('woff'),
  	url(fonts/scoredream/SCDream6.eot)
}
@font-face {
	font-family: 'Scoredream';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/scoredream/SCDream7.woff2) format('woff2'),
	url(fonts/scoredream/SCDream7.woff) format('woff'),
  	url(fonts/scoredream/SCDream7.eot)
}

@font-face {
	font-family: 'Scoredream';
	font-style: normal;
	font-weight: 800;
	src: url(fonts/scoredream/SCDream8.woff2) format('woff2'),
	url(fonts/scoredream/SCDream8.woff) format('woff'),
  	url(fonts/scoredream/SCDream8.eot)
}

/*Aggro*/
@font-face {
	font-family: 'Aggro';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/aggro/SBAggroL.woff2) format('woff2'),
	url(fonts/aggroSBAggroL.woff) format('woff'),
  	url(fonts/aggroSBAggroL.eot)
}
@font-face {
	font-family: 'Aggro';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/aggro/SBAggroM.woff2) format('woff2'),
	url(fonts/aggroSBAggroM.woff) format('woff'),
  	url(fonts/aggroSBAggroM.eot)
}
@font-face {
	font-family: 'Aggro';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/aggro/SBAggroB.woff2) format('woff2'),
	url(fonts/aggroSBAggroB.woff) format('woff'),
  	url(fonts/aggroSBAggroB.eot)
}

html {width:100%;height:100%;margin:0;padding:0;}
body {width:100%;height:100%;margin:0;padding:0;color:#333; font-family:'Nanum Barun Gothic','malgun gothic', 'dotum';font-weight:300;font-size:14px;line-height:1.4; }
* {box-sizing: border-box;}
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* inline */
img {display:inline-block;vertical-align: middle;border:none;font-size:1%;line-height:1;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
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-family:verdana;font-size:1em;}

/* table */
table {width:100%;border-spacing:0;border:0;border-collapse:separate;font-family:inherit; }
caption {display:none;}
th, td {padding:0;text-align:left;vertical-align:middle;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 {border:1px solid #dddddd;font-family: inherit;font-size:inherit;}
input[type="text"],
input[type="password"],
input.text {height:30px;padding:0 0 0 5px;vertical-align:middle;border:1px solid #dddddd;font-family: inherit;font-size:inherit;}
input[type="checkbox"],
input[type="radio"]{width:13px;height:13px;margin:-1px 2px 1px 0;padding:0 0 0 5px;vertical-align:middle;}
select {height:30px;margin:0;padding: 0 20px 0 .5em; vertical-align:middle;border:1px solid #dddddd;font-family: inherit;font-size:inherit;-webkit-appearance: none;-moz-appearance: none; appearance: none; background:#fff url(../images/common/bg_select.png) no-repeat 95% 50% !important;}
select::-ms-expand {display: none;}
button {display:inline-block;margin:0;padding:0;cursor:pointer; text-align: center;vertical-align: middle;white-space:nowrap;font-family:inherit;}
a {text-decoration:none;color:inherit; } */

/* basic */
.hidden {position:absolute;top:-9000px;left:-9000px;visibility:hidden;}
.display_none {display:none;}
.cursor {cursor: pointer;}

.no-bd{border: 0 !important;}
.no_bdl {border-left:0 !important;}
.no_bdr {border-right:0 !important;}
.no_bdt {border-top:0 !important;}


/* 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;}
.fl {float:left !important;}
.fr {float:right !important;}

/* display */
.db{display: block !important;}
.di{display: inline !important;}
.dib{display: inline-block !important;}
.dif{display: flex !important; flex-wrap: nowrap; justify-content: space-between;}
.dif.col3 > * {width: 32%;}
.dif.col4 > * {width: 24%;}


/* clear */
.clear:after{display:block;visibility:hidden;clear:both;height:0;content:".";font-size:0;}

/*button*/
.btn {display: inline-block;cursor: pointer;text-align: center;vertical-align: middle;white-space: nowrap;color:#fff;border:1px solid transparent;border-color: rgba(0, 0, 0, 0);font-family:inherit;font-size: inherit;font-weight: 400;line-height: 1;}

.h60 {height: 60px !important;}
.h90 {height: 90px !important;}

.w50 {width: 50px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w93 {width: 93px !important;}
.w97 {width: 97px !important;}
.w100 {width: 100px !important;}
.w108 {width: 108px !important;}
.w113 {width: 113px !important;}
.w116 {width: 116px !important;}
.w117 {width: 117px !important;}
.w123 {width: 123px !important;}
.w132 {width: 132px !important;}
.w130 {width: 130px !important;}
.w135 {width: 135px !important;}
.w136 {width: 136px !important;}
.w140 {width: 140px !important;}
.w143 {width: 143px !important;}
.w149 {width: 149px !important;}
.w150 {width: 150px !important;}
.w152 {width: 152px !important;}
.w160 {width: 160px !important;}
.w161 {width: 161px !important;}
.w180 {width: 180px !important;}
.w185 {width: 185px !important;}
.w192 {width: 192px !important;}
.w200 {width: 200px !important;}
.w218 {width: 218px !important;}
.w238 {width: 238px !important;}
.w250 {width: 250px !important;}
.w255 {width: 255px !important;}
.w260 {width: 260px !important;}
.w277 {width: 277px !important;}
.w289 {width: 289px !important;}
.w291 {width: 291px !important;}
.w300 {width: 300px !important;}
.w332 {width: 332px !important;}
.w345 {width: 345px !important;}
.w355 {width: 355px !important;}
.w370 {width: 370px !important;}
.w415 {width: 415px !important;}
.w423 {width: 423px !important;}
.w459 {width: 459px !important;}
.w480 {width: 480px !important;}
.w519 {width: 519px !important;}
.w600 {width: 600px !important;}
.w700 {width: 700px !important;}
.w800 {width: 800px !important;}
.w900 {width: 900px !important;}

.max300{max-width: 300px !important;}
.max350{max-width: 350px !important;}
.max380{max-width: 380px !important;}
.max400{max-width: 400px !important;}
.max500{max-width: 500px !important;}
.max600{max-width: 600px !important;}
.max700{max-width: 700px !important;}
.max800{max-width: 800px !important;}
.max900{max-width: 900px !important;}
.max1000{max-width: 1000px !important;}

.w15p {width: 15% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w37p {width: 37% !important;}
.w48p {width: 48% !important;}
.w49p {width: 49% !important;} 
.w50p {width: 50% !important;} 
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w90p {width: 90% !important;}
.w100p {width: 100% !important;}

/* padding */
.no-pad{padding: 0 !important;}
.pd_10 {padding: 10px !important;}
.pd_20 {padding: 20px !important;}
.pd_30 {padding: 30px !important;}
.pd_40 {padding: 40px !important;}
.pd_50 {padding: 50px !important;}
.pd_r10 {padding-right: 10px !important;}

.pd_t0 {padding-top: 0 !important;}
.pd_t3 {padding-top: 3px !important;}
.pd_t5 {padding-top: 5px !important;}
.pd_t10 {padding-top: 10px !important;}
.pd_t15 {padding-top: 15px !important;}
.pd_t20 {padding-top: 20px !important;}
.pd_t30 {padding-top: 30px !important;}
.pd_t40 {padding-top: 40px !important;}

.pd_b0 {padding-bottom: 0 !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_b30 {padding-bottom: 30px !important;}
.pd_b40 {padding-bottom: 40px !important;}

.pd_l0 {padding-left: 0 !important;}
.pd_l3 {padding-left: 3px !important;}
.pd_l5 {padding-left: 5px !important;}
.pd_l10 {padding-left: 10px !important;}
.pd_l15 {padding-left: 15px !important;}
.pd_l20 {padding-left: 20px !important;}
.pd_l30 {padding-left: 30px !important;}
.pd_l40 {padding-left: 40px !important;}

.pd_r0 {padding-right: 0 !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;}
.pd_r30 {padding-right: 30px !important;}
.pd_r40 {padding-right: 40px !important;}

/* margin */

.mar_t0 {margin-top: 0 !important;}
.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_b0 {margin-bottom: 0 !important;}
.mar_b3 {margin-bottom: 3px !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_b40 {margin-bottom: 40px !important;}

.mar_l0 {margin-left: 0 !important;}
.mar_l3 {margin-left: 3px !important;}
.mar_l5 {margin-left: 5px !important;}
.mar_l10 {margin-left: 10px !important;}
.mar_l15 {margin-left: 15px !important;}
.mar_l20 {margin-left: 20px !important;}
.mar_l30 {margin-left: 30px !important;}
.mar_l40 {margin-left: 40px !important;}

.mar_r0 {margin-right: 0 !important;}
.mar_r3 {margin-right: 3px !important;}
.mar_r5 {margin-right: 5px !important;}
.mar_r10 {margin-right: 10px !important;}
.mar_r15 {margin-right: 15px !important;}
.mar_r20 {margin-right: 20px !important;}
.mar_r30 {margin-right: 30px !important;}
.mar_r40 {margin-right: 40px !important;}