@charset "utf-8";
body {font-family: '맑은 고딕', 'Malgun Gothic', AppleGothic, '돋움', Dotum, sans-serif; font-size:14px;}
input {font-family: '맑은 고딕', 'Malgun Gothic', AppleGothic, '돋움', Dotum, sans-serif; font-size:14px;}
select, textarea, button {font-family: '맑은 고딕', 'Malgun Gothic', AppleGothic, '돋움', Dotum, sans-serif; font-size:14px;}

* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html {margin:0;padding:0; }
body {margin:0; padding:0;font-size:14px;line-height:1.4;color:#333;-webkit-text-size-adjust:none; letter-spacing: -1px;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top;}
hr {display: none;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite, address {font-style:normal;}
/*strong,em, b {font-weight:normal;}*/
a {color:#333;text-decoration:none;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;padding:0;font-size:14px;line-height:1.4;color:#333;-webkit-text-size-adjust:none;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}
select, textarea, button {/* -webkit-appearance: none; */border-radius: 0;}
input[type="text"],input[type="search"] {-webkit-appearance: none;border-radius: 0;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important;}
input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"] {border:1px solid #e5e5e5; height:40px; line-height:38px; padding:0 10px;}
select {border:1px solid #e5e5e5; padding:0 0 0 10px; height:40px; line-height:38px;}
textarea {border:1px solid #eee; padding:10px;}
.skip {width:100%;height:0;top:0;left:0}
.skip a {display:block;overflow:hidden;position:absolute;top:0;text-indent:-9999px;}
.skip a:focus, .skip a:active {display:block;position:absolute;top:0;width:100%;z-index:9999;padding:10px 0;font-size:15px;line-height:14px;text-indent:0;text-align:center;color:#fff;background:#444}
.screen_out {overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;font-size:1px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.opt-fl {float:left}
.opt-fr {float:right;}
.opt-fc {clear:both;}
* html .fclear {height:1px;}
.opt-clearfix {display:block; min-height:1px;}
.opt-clearfix:after {clear:both; display:block; content:""; height:0; visibility:hidden;}
.opt-tl {text-align:left;}
.opt-tr {text-align:right;}
.opt-tc {text-align:center;}
.opt-mobile-hide {display:none;}
.opt-mobile-tablet-hide {display:none;}
.opt-mobile-web-hide {display:none;}
.opt-max-img {max-width: 100%;}
@media all and (min-width:768px) {
    .opt-mobile-hide {display:block;}
    .opt-tablet-hide {display:none;}
    .opt-mobile-web-hide {display:block;}
    .opt-tablet-web-hide {display:none;}
}
@media all and (min-width:1024px) {
    .opt-table-hide {display:block;}
    .opt-web-hide {display:none;}
    .opt-mobile-tablet-hide {display:block;}
    .opt-mobile-web-hide {display:none;}
}

@media all and (min-width:768px) {
    .opt-max-width-100 {max-width:100px;}
    .opt-max-width-200 {max-width:200px;}
    .opt-max-width-300 {max-width:300px;}
    .opt-max-width-400 {max-width:400px;}
    .opt-max-width-500 {max-width:500px;}
    .opt-max-width-600 {max-width:600px;}
}