/*
Copyright (c) 2020, Igini. All rights reserved.
version: 1.0.0
*/
/*@font-face {
    font-family: 'nanumbarun';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), 
    url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), 
    url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Noto+Serif+KR:400,600,900&display=swap&subset=korean');
html,body{position:relative;height:100%;}
/* RESET css */
html, body, div, p, span, strong, b, em, iframe, pre,
h1, h2, h3, h4, h5, h6,
img, dl, dt, dd,
fieldset, form, legend, label,
table, caption, thead, tbody, tfoot, tr, th, td,
ul, ol, li, a, input, select, textarea{margin: 0;padding: 0; border: 0 none; }
body{background:#fff;font-family: 'Noto Sans KR', sans-serif;font-size:12px;line-height:1;color:#333;word-break:keep-all;letter-spacing:-.05em;}
ul, ol, li{list-style:none;}
em, address{font-style:normal;}
strong{font-weight:bold;}
img{border:0 none;font-size:0;line-height:0;max-width:100%;}
sup{position:relative;top:2px;font-size:11px;line-height:100%;}
table{border-collapse: collapse; border-spacing:0;}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
th, td{ vertical-align: middle;/* white-space: nowrap */}
a{color:#333;text-decoration:none;line-height:1;}
a:hover, a:focus, a:active{text-decoration:none;}
*, html{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
button{padding:0;margin:0;background:transparent;border:none;cursor:pointer;}
figure{margin:0;padding:0;}

.a11y-hidden{overflow:hidden;position:absolute;clip:rect(0 0 0 0); /* IE 6,7 */clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}
caption.a11y-hidden{position:static;}
.a11y-hidden.focusable:focus {overflow:visible;position:static;clip:auto;width:auto;height:auto;margin:0;}

/* global_style */
.skip_menu{position:absolute;top:0;left:0;z-index:10000;}
.skip_menu a{display:block;padding:10px;background:#000;color:#fff;text-align:center;}
.f_l{float:left;}
.f_r{float:right;}
.scroll{display:block;overflow-y:scroll;-webkit-overflow-scrolling: touch}
.pos{position:relative;}
.cf:before,.cf:after {content: " ";display:table;}
.cf:after {clear: both;}
.opt{display:block;opacity:0;}
.btn_default{background:#fff;border:1px solid #ccc;font-size:13px;font-weight:bold;color:#383838;border-radius:3px;}

/* typography style */
.a_center{text-align:center;}
.a_left{text-align:left;}
.a_right{text-align:right;}
.tit_sm{font-size:13px;color:#999;}
.tit_list{font-size:14px;color:#666;}
.txt_bg{display:block;background:rgba(0,0,0,.5);font-size:14px;font-weight:bold;color:#fff;}
.through{text-decoration:line-through;}


.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
.row:after, .clearfix:after, .container12:after, .container16:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}