﻿@charset "utf-8";
/* Front-end Dev Mino Reset */
body{font-size: 12px;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*letter-spacing: -0.5px;*/
	vertical-align: bottom;
	font-family: 'Spoqa Han Sans',Open Sans, Malgun Gothic,sans-serif;
	box-sizing:border-box;
	line-height:18px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	line-height: 1;
	text-align: left; 
	word-break: break-word;
}
* { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
li,p,dt,dd,div,span {
	word-break:break-all
}
*/


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, legend{font-size:0; line-height:0; height:0}
img, fieldset, iframe {
	border: 0 none;
}
a {color: #000; text-decoration: none; }
a:hover {text-decoration: none; }
a:active, a:focus {outline: none; }
/* a:active {background-color: yellow;} */

::-webkit-input-placeholder {color:#999; }
::-moz-placeholder {color:#999; } /* firefox 19+ */
:-moz-placeholder {color:#999; }
:-ms-input-placeholder {color:#999; } /* ie */


button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}
button::-moz-focus-inner {border:0; padding:0; }

/* Start of "Micro clearfix" */
.cf:before,
.cf:after {content: " "; display: table; }
.cf:after {clear: both; }
.cf {*zoom: 1; }
/* End of "Micro clearfix" */

/* Start of Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none; -webkit-border-radius:0}
/* End of Mobile Form Default */

 /* 대체 텍스트 숨김 */
.ir_pm {display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px; } /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%; } /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px; } /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

/* 공통
 ----------------------------------------------------------------------------*/

.bgnone {background: none;}
.disnone { display: none;}
.disblock {display: block;}
.inblock{ display:inline-block;}
.indent {
    text-indent: -10000000000000000px;
    font-size: 0px;
    height: 0px;
}

.through{text-decoration:line-through;}
.relative{position:relative;}

.bb-line{border-bottom:1px solid #e1e1e1; padding-bottom:15px;}
.bt-line{border-top:1px solid #e1e1e1; padding-top:15px;}


/* typography */
.font22{ font-size:22px;}
.font20{ font-size:20px;}
.font18{ font-size:18px;}
.font16{ font-size:16px;}
.font15{ font-size:15px;}
.font14{ font-size:14px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font11{ font-size:11px;}
.font10{ font-size:10px;}

.bb{font-weight:600;}
.bn{font-weight:normal;}
.r{ color:#e50012;}
.b{ color:#2b3aa1;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.tc{ text-align:center;}
.vt{ vertical-align:top;}
.vm{ vertical-align:middle;}
.vb{ vertical-align:bottom;}

 .mt0{margin-top:0 !important;}
 .mt5{margin-top:5px ;}
 .mt10{margin-top:10px;}
 .mt20 {margin-top:20px;}
 .mt30 {margin-top:30px;}
 .mt40 {margin-top:40px;}
 .mt50 {margin-top:50px;}
 .mt60 {margin-top:60px;}
 .mt70 {margin-top:70px;}
 .mt80 {margin-top:80px;}
 .mt90 {margin-top:90px;}
 .mt100 {margin-top:100px;}
 .mt120 {margin-top:120px;}
 .mt140 {margin-top:140px;}
 .mt150 {margin-top:150px;}
 .mt170 {margin-top:170px;}
 .mt190 {margin-top:190px;}
 .mt200 {margin-top:200px;}

 .mb0{margin-bottom:0;}
 .mb5{margin-bottom:5px;}
 .mb10{margin-bottom:10px;}
 .mb15{margin-bottom:15px;}
 .mb20{margin-bottom:20px;}
 .mb30{margin-bottom:30px;}
 .mb40{margin-bottom:40px;}
 .mb50{margin-bottom:50px;}
 .mb60{margin-bottom:60px;}
 .mb70{margin-bottom:70px;}
 .mb80{margin-bottom:80px;}

 .ml0{ margin-left:0;}
 .ml5{ margin-left:5px;}
 .ml10{ margin-left:10px;}
 .ml15{ margin-left:15px;}
 .ml20{ margin-left:20px;}
 .ml30{ margin-left:30px;}
 .ml40{ margin-left:40px;}
 .ml50{ margin-left:50px;}

 .mr0{ margin-right:0;}
 .mr5{ margin-right:5px;}
 .mr10{ margin-right:10px;}
 .mr15{ margin-right:15px;}
 .mr20{ margin-right:20px;}
 .mr30{ margin-right:30px;}
 .mr40{ margin-right:40px;}
 .mr50{ margin-right:50px;}

 .pt0{padding-top:0;}
 .pt5{padding-top:5px;}
 .pt10{padding-top:10px;}
 .pt15{padding-top:15px;}
 .pt20{padding-top:20px;}
 .pt30{padding-top:30px;}
 .pt40{padding-top:40px;}

 .pb0{padding-bottom:0;}
 .pb5{padding-bottom:5px;}
 .pb10{padding-bottom:10px;}
 .pb15{padding-bottom:15px;}
 .pb20{padding-bottom:20px;}
 .pb30{padding-bottom:30px;}
 .pb40{padding-bottom:40px;}

 .pl0{padding-left:0;}
 .pl5{padding-left:5px;}
 .pl10{padding-left:10px;}
 .pl15{padding-left:15px;}
 .pl20{padding-left:20px;}

 .pr0{padding-right:0;}
 .pr5{padding-right:5px;}
 .pr10{padding-right:10px;}
 .pr15{padding-right:15px;}
 .pr20{padding-right:20px;}


.hbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.jc{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}