@import url(css-Montserrat.css);
@import url(css-WorkSans200400.css);
/* 
 * Noto KR Web Fonts
*/
 
@font-face { 
font-family: 'notokr'; 
src: url('../font/notokr-light.eot'); 
src: url('../font/notokr-light.eot') format('embedded-opentype'), 
url('../font/notokr-light.woff2') format('woff2'), 
url('../font/notokr-light.woff') format('woff'), 
url('../font/notokr-light.ttf') format('truetype'), 
url('../font/notokr-light.svg') format('svg'); 
font-weight: 300; 
font-style: normal; 
}
@font-face { 
font-family: 'notokr'; 
src: url('../font/notokr-regular.eot'); 
src: url('../font/notokr-regular.eot') format('embedded-opentype'), 
url('../font/notokr-regular.woff2') format('woff2'), 
url('../font/notokr-regular.woff') format('woff'), 
url('../font/notokr-regular.ttf') format('truetype'), 
url('../font/notokr-regular.svg') format('svg'); 
font-weight: 400; 
font-style: normal; 
}
@font-face { 
font-family: 'notokr'; 
src: url('../font/notokr-bold.eot');
src: url('../font/notokr-bold.eot') format('embedded-opentype'),
url('../font/notokr-bold.woff2') format('woff2'),
url('../font/notokr-bold.woff') format('woff'),
url('../font/notokr-bold.ttf') format('truetype'),
url('../font/notokr-bold.svg') format('svg');
font-weight: 600; 
font-style: normal;
}

/* ??? ?????? */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
::selection {color:#fff; background:#000}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Work Sans','notokr';  margin:0; padding:0; font-size:13px; color:#333; line-height:1.75}
a:link      {color:#333333; text-decoration:none}
a:visited   {color:#333333; text-decoration:none}
a:active    {color:#333333; text-decoration:none}
a:hover     {color:#666666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
fieldset, img {margin:0; padding:0; border:0}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
.clear {clear:both}
*:focus {outline:none}
/* ?????????? */
#skipmenu {position:relative; margin:0 auto; padding:0; width:100%; z-index:1000}
a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; font-size:13px; padding:0; margin:0; z-index:500;}
a.skip_navi:hover, a.skip_navi:focus, a.skip_navi:active {position:absolute; top:0 !important; margin:0; padding:10px 0; font-weight:bold; color:#fff; background:#21bbb1; z-index:1000}

/* ????? ?????? */
.full-img, .full-img img {max-width:100%}

/* ??? */
.nnmj {font-family: 'Nanum Myeongjo' !important;}
.pt {font-family: 'PT Serif' !important;}
.robo {font-family:Roboto Condensed, notokr !important;}
.mont {font-family: 'Montserrat' !important;}


.mobile-style {display:none !important;}
.pc-style {display:block !important;}
.displaynone {display:none !important}
.displaybrblock {display:none}

@media screen and (max-width:1024px) {


.mobile-style {display:block !important;}
.pc-style {display:none !important;}
.displaybrnone {display:none !important}
.displaybrblock {display:block !important}

}