@charset "utf-8";
body{font-family:'Varela Round',sans-serif,'맑은 고딕', '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;}
.blind{position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;overflow:hidden;}
.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;}
}