@charset "utf-8";

@import url('layout.css');
@import url('main.css');
@import url('contents.css');
@import url('animate.css');

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(/~miso/kor/font/NotoSansKR-Light.woff2) format('woff2'),
    url(/~miso/kor/font/NotoSansKR-Light.woff) format('woff'),
    url(/~miso/kor/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/~miso/kor/font/NotoSansKR-Regular.woff2) format('woff2'),
    url(/~miso/kor/font/NotoSansKR-Regular.woff) format('woff'),
    url(/~miso/kor/font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/~miso/kor/font/NotoSansKR-Medium.woff2) format('woff2'),
    url(/~miso/kor/font/NotoSansKR-Medium.woff) format('woff'),
    url(/~miso/kor/font/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(/~miso/kor/font/NotoSansKR-Bold.woff2) format('woff2'),
    url(/~miso/kor/font/NotoSansKR-Bold.woff) format('woff'),
    url(/~miso/kor/font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(/~miso/kor/font/NotoSansKR-Black.woff2) format('woff2'),
    url(/~miso/kor/font/NotoSansKR-Black.woff) format('woff'),
    url(/~miso/kor/font/NotoSansKR-Black.otf) format('opentype');
}

/*reset*/
*{margin:0; padding:0; box-sizing:border-box;}

html{height:100%;}
body{min-height:100%;}
html, body{height:100%;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd,
ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
body {font-family:'Noto Sans KR',sans-serif; line-height:150%; font-size:0.938em; font-weight:300; color:#000; letter-spacing:0;}
ul, ol, li{list-style:none;}
img, a img {
	border:none;
	display:inline-block;
	height:auto;
	image-rendering: optimizeQuality;
}
button{cursor:pointer; border:0; /* display:block; */}
address{font-style:normal;}

/* link Style */
a, a:active, a:hover{text-decoration:none; color:#333;}
::selection {background:rgba(18, 71, 124, 0.8); /* Safari */ color:#fff;}
::-moz-selection {background:rgba(18, 71, 124, 0.8); /* Firefox */ color:#fff;}

/* skip */
.skip{visibility:hidden; position:absolute; top: 0; left: 0;}

/*margin*/
.mgb10{margin-bottom:10px;},
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgb45{margin-bottom:45px;}
.mgb50{margin-bottom:50px;}

.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}

.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt45{padding-top:45px;}
.pdt50{padding-top:50px;}

.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.pdb40{padding-bottom:40px;}
.pdb50{padding-bottom:50px;}

/* align */
.text_c{text-align:center;}

/* bold */
.font_m{font-weight:400;}
.font_b{font-weight:600;}

/* color */
.white{color:#fff;}

/* font type */
.capital_letter{text-transform:uppercase;}

br{display:block;}


/*-- mediaqueries --*/
@media (max-width:767px){
br{display:none;}
}