@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/* base */
body {font-family:normal '³ª´®°íµñ','NanumGothicWeb','Nanum Gothic','Nanum Myeongjo','Noto Sans Korean',Helvetica,Verdana,Arial,sans-serif; color: #464646; position:relative; font-size:12px; background-color:#fff;}
body img{width:100%; display:block;}
pre {white-space: pre-wrap; /* pre tag³»¿¡ word wrap */}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin: 0; padding: 0; color:#525252; font-family:normal 'Noto Sans Korean'}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
em {font-style:normal;}
ul, ol, li{list-style: none}
fieldset, img{border: none}
html,body {height:100%;width:100%;}
input,select,button,textarea{color:#666;vertical-align:middle;font-size:1em}
input[type=text] { padding:2px;}
/* a-style */
a {color:#444; text-decoration:none;}
a:hover, a:active {text-decoration: underline;}
.skipNav {left: 0; margin: 0 auto; position: absolute; top: -10.5em; z-index: 2;}
.skipNav a:active, .skipNav a:focus {background: none repeat scroll 0 0 #4e92c8;border: 2px solid #184568;color: #FFFFFF;height: 17px;left: 30px;padding-top: 3px; position: absolute; text-align: center;top: 10.5em; width: 150px;}

table {margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
*+html table{border-collapse:collapse;}
hr {display:none}
caption, legend {position:absolute;width:0;height:0;overflow:hidden;text-indent:-9999px;visibility:hidden;display:none;}
#skipnavigation {position:absolute;width:0;height:0;overflow:hidden;text-indent:-9999px;}

.skipNav {left: 0; margin: 0 auto; position: absolute; top: -10.5em; z-index: 2;}
.skipNav a:active, .skipNav a:focus { background: none repeat scroll 0 0 #4e92c8; border: 2px solid #184568; color: #FFFFFF; height: 17px; left: 30px; padding-top: 3px; position: absolute; text-align: center; top: 10.5em; width: 150px;}

.hidden{display:none;}
.clear_b{ clear:both;}
.strong{font-weight:bold;}


.border-b0{border-bottom:0px;}

/* »çÀÌÁî Á¤ÀÇ  */
.w50{width:50%;}

/* °ø¹é Á¤ÀÇ  */
.mt0_ie6{_margin-top:0!important;}
.mt0{margin-top:0 !important;}
.mt2{margin-top:2% !important;}
.mt4{margin-top:4% !important;}
.mt6{margin-top:6% !important;}
.mt8{margin-top:8% !important;}
.mt10{margin-top:10% !important;}
.mt12{margin-top:12% !important;}
.mt28{margin-top:28% !important;}
.mt30{margin-top:30% !important;}
.mt32{margin-top:32% !important;}
.mt42{margin-top:42% !important;}
.mt44{margin-top:44% !important;}

.mb0{margin-bottom:0% !important;}
.mb2{margin-bottom:2% !important;}
.mb4{margin-bottom:4% !important;}
.mb8{margin-bottom:8% !important;}
.mb12{margin-bottom:12% !important;}

.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr150{margin-right:150px !important;}

.ml0{margin-left:0% !important;}
.ml2{margin-left:2% !important;}
.ml4{margin-left:4% !important;}
.ml8{margin-left:8% !important;}
.ml12{margin-left:12% !important;}

.pt0{padding-top:0 !important;}
.pt2{padding-top:2% !important;}
.pt4{padding-top:4% !important;}
.pt8{padding-top:8% !important;}
.pt12{padding-top:12% !important;}
.pt30{padding-top:30px !important;}
.pt37{padding-top:37px !important;}

.pb0{padding-bottom:0px !important;}
.pb2{padding-bottom:2% !important;}
.pb4{padding-bottom:4% !important;}
.pb8{padding-bottom:8% !important;}

.pl5{padding-left:5px !important;}
.pl7{padding-left:7px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl40{padding-left:40px !important;}
.pl80{padding-left:80px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}


/* Á¤·Ä Á¤ÀÇ  */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:text-bottom;}

/* float Á¤ÀÇ  */
.flfr{width:100%;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.font_black { color:#222}
.font_red{color:#e54141;font-size:11px;}
.font_red2 { color:#ed5807;}
.font_blue {color:#4090be;}
.font_blue2 {color:#2369b7;}
.font_green {color:#4d9764;}
.font_orange {color:#f95900;}

/* overflow ¼³Á¤ */
.ovh { overflow:hidden;}

/* position ¼³Á¤ */
.por { position:relative;}
.poa { position:absolute;}

/* display ¼³Á¤ */
.display_n { display:none;}

/* width:auto */
.wrapper{padding-top:13vw;}

/* common */
.container{width:98%; margin:0px auto;}
.sub_container{width:98%; margin:0px auto; padding-bottom:8%; overflow:hidden;}