@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap');
@font-face {
	font-family:'SCDream';
	font-weight: 200;
	src: url('font/SCDream2.woff') format('woff');
}
@font-face {
	font-family:'SCDream';
	font-weight: normal;
	src: url('font/SCDream4.woff') format('woff');
}
@font-face {
	font-family:'SCDream';
	font-weight: 500;
	src: url('font/SCDream5.woff') format('woff');
}
@font-face {
	font-family:'SCDream';
	font-weight: bold;
	src: url('font/SCDream6.woff') format('woff');
}

html {font-family:'SCDream','Malgun Gothic','맑은고딕', 'sans-serif'; font-size:3.8vw; color:#333; font-weight:400;}
*, *:before, *:after {box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;}
ul, li, dl, dd {list-style-type:none;}
img, input.image, fieldset,iframe {border:0 none;}
img, fieldset {border:none;}
li img, dd img {vertical-align:top;}
input,textarea {vertical-align:middle;}
input[type="submit"]{-webkit-appearance:none !important; -moz-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0;}
hr {display:none;}
select, textarea {vertical-align:top; padding:1px; font-family:'SCDream','Malgun Gothic','맑은고딕', 'sans-serif';}
legend {position:absolute; top:0; left:0; overflow:hidden; height:0; font-size:0; line-height:0;}
address {font-style:normal;}
textarea, select {border: 1px solid #c9c9c9; background: #fff;}
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}
table {/* table-layout:fixed; */ border-collapse:collapse; word-break:keep-all;}
th, td {text-align:center;}
.dipy_n {display:none; }
.dipy_inline {display:inline;}
.background_n {background:none;}
.w100 {width:100%;}
.ir {overflow:hidden; display:block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
.ir_ib {overflow:hidden; display:inline-block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
caption, .hidden {position:absolute; display:block; overflow:hidden; text-indent:-5000px; font-size:0; line-height:0; width:1px; height:1px;}
br{font-family: 'Dotum';}

/* link */
a {color: #333; text-decoration: none;}
/* line */
ul.float_box {overflow:hidden;}
ul.float_box li {float:left;}
.float_l {float:left;}
.float_r {float:right;}
.clear_b {clear:both;}
.middle {vertical-align:middle !important;}
.top {vertical-align:top !important;}
.bottom {vertical-align:bottom;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify;}
td.left {text-align:left !important;}
/* font */
.wfont {font-weight:500;}
.sfont, .sfont * {font-size:0.95em !Important;}
.bfont {font-size:1.2em;}
.normal {font-weight:normal;}
.ls_1 {letter-spacing:-1px;}



/*margin_padding*/
.mt_n {margin-top:0 !important;}
.margin_20 {margin:20px !important;}
.margin_t5 {margin-top:5px !important;}
.margin_t10 {margin-top:10px !important;}
.margin_t15 {margin-top:15px !important;}
.margin_t20 {margin-top:20px !important;}
.margin_t25 {margin-top:25px !important;}
.margin_t30 {margin-top:30px !important;}
.margin_t35 {margin-top:35px !important;}
.margin_t40 {margin-top:40px !important;}
.margin_t50 {margin-top:50px !important;}
.margin_t100 {margin-top:100px !important;}

.margin_l5 {margin-left:5px !important;}
.margin_l10 {margin-left:10px !important;}
.margin_l25 {margin-left:25px !important;}
.margin_l30 {margin-left:30px !important;}
.margin_l40 {margin-left:40px !important;}

.margin_r5 {margin-right:5px !important;}
.margin_r10 {margin-right:10px !important;}
.margin_r25 {margin-right:25px !important;}
.margin_r30 {margin-right:30px !important;}
.margin_r40 {margin-right:40px !important;}

.margin_b5 {margin-bottom:5px !important;}
.margin_b10 {margin-bottom:10px !important;}
.margin_b20{margin-bottom:20px !important;}
.margin_b30{margin-bottom:30px !important;}
.margin_b40 {margin-bottom:40px !important;}

.margin_t3vw {margin-top:3vw !important;}
.margin_t5vw {margin-top:5vw !important;}
.margin_t7vw {margin-top:7vw !important;}
.margin_t10vw {margin-top:10vw !important;}

.margin_b3vw {margin-bottom:3vw !important;}
.margin_b5vw {margin-bottom:5vw !important;}
.margin_b7vw {margin-bottom:7vw !important;}
.margin_b10vw {margin-bottom:10vw !important;}


.padding_t5 {padding-top:5px !important;}
.padding_t10 {padding-top:10px !important;}
.padding_t15 {padding-top:15px !important;}
.padding_t20 {padding-top:20px !important;}
.padding_t25 {padding-top:25px !important;}
.padding_t50 {padding-top:50px !important;}

.padding_b5 {padding-bottom:5px !important;}
.padding_b10 {padding-bottom:10px !important;}
.padding_b20 {padding-bottom:20px !important;}

.w5p { width:5% !important; }
.w10p { width:10% !important; }
.w15p { width:15% !important; }
.w20p { width:20% !important; }
.w25p { width:25% !important; }
.w30p { width:30% !important; }
.w33p { width:33% !important; }
.w34p { width:34% !important; }
.w35p { width:35% !important; }
.w40p { width:40% !important; }
.w45p { width:45% !important; }
.w50p { width:50% !important; }
.w55p { width:55% !important; }
.w60p { width:60% !important; }
.w65p { width:65% !important; }
.w67p { width:67% !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; }
.w100p { width:100% !important; }

.w30 { width:30px !important; }
.w40 { width:40px !important; }
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }
.w200 { width:200px !important; }
.w250 { width:250px !important; }
.w300 { width:300px !important; }
.w400 { width:400px !important; }
.w500 { width:500px !important; }