@charset "utf-8";
@import "/resources/css/fonts.css";

html {font-size:100.01%;}
body, html{width:100%; height:auto; overflow-x:hidden; overflow-y:auto; position:relative;}

body {margin:0; padding:0; background:#fff; font-size:15px; font-style:normal; text-align:left; line-height:1.4; font-weight:400;
    -webkit-font-smoothing: antialiased;    
    font-family:'Roboto', 'Noto Sans KR', 'AppleSDGothicNeo', sans-serif;
}
pre {font-family:'Noto Sans KR',AppleSDGothicNeo,sans-serif;} 

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {margin:0; padding:0;}

ul, ol {list-style:none;}
section{clear: both; padding: 0; margin: 0; position: relative;}
em, var {font-style:normal;}
img, fieldset {border:0 none;}
table {border-collapse:collapse;border:0 none;table-layout:fixed;}

table caption, legend, hr {display:none;border:0 none;}

input.submit {border:0 none;}
button {padding:0;border:0 none;cursor:pointer;}
i {font-style:normal;}
label {cursor:pointer;margin-bottom:0;font-weight:500;}

select::-ms-expand { display: none; }
select{-webkit-appearance: none; -moz-appearance:none; appearance:none;}
a{text-decoration: none;}

a:-webkit-any-Link:focus{outline-offset:unset;}
a {text-decoration:none; color:#111;}

a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:focus{text-decoration:none;}

a.disabled {opacity:0.4; cursor:default;}

/* 가로크기 정의  */
.wid_20per{width:20% !important;}
.wid_30per{width:30% !important;}
.wid_35per{width:35% !important;}
.wid_40per{width:40% !important;}
.wid_50per{width:50% !important;}
.wid_100per{width:100% !important;}
 
/* 세로크기 정의  */
.hei_60{height:60px !important;}

/* 공백 정의  */
.mt0_ie6 {_margin-top: 0 !important;}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}

.mb35 {margin: 0 0 35px 0 !important;}
.mb2 {margin-bottom: 2px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right:5px !important;}
.mr20 {margin-right: 20px !important;}
.mr150 {margin-right: 150px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml7 {margin-left: 7px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml17 {margin-left: 17px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml80 {margin-left:80px !important;}
.ml100 {margin-left:100px !important;}
.ml200 {margin-left:200px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left: 5px !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;}

.pr0 {padding-right:0px !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;}

@media (max-width: 767px) {
    .mt10 {margin-top:1% !important;}
    .mt15 {margin-top:1.5% !important;}
    .mt20 {margin-top:2% !important;}
    .mt25 {margin-top:2.5% !important;}
    .mt30 {margin-top:3% !important;}
    .mt40 {margin-top:4% !important;}
    .mt50 {margin-top:5% !important;}
    .mt100 {margin-top:10% !important;}

    .mb10 {margin-top:1% !important;}
    .mb15 {margin-top:1.5% !important;}
    .mb20 {margin-top:2% !important;}
    .mb25 {margin-top:2.5% !important;}
    .mb30 {margin-top:3% !important;}
    .mb40 {margin-top:4% !important;}
    .mb50 {margin-top:5% !important;}
    .mb100 {margin-top:10% !important;}

    .ml10 {margin-left:1% !important;}
    .ml15 {margin-left:1.5% !important;}
    .ml20 {margin-left:2% !important;}
    .ml25 {margin-left:2.5% !important;}
    .ml30 {margin-left:3% !important;}
    .ml35 {margin-left:3.5% !important;}
    .ml40 {margin-left:4% !important;}
    .ml45 {margin-left:4.5% !important;}
    .ml50 {margin-left:5% !important;}
    .ml55 {margin-left:5.5% !important;}
    .ml80 {margin-left:8% !important;}
    .ml100 {margin-left:10% !important;}

    .pb5 {padding-bottom:0.5% !important;}
    .pb10 {padding-bottom:1% !important;}
    .pb20 {padding-bottom:2% !important;}
    .pb30 {padding-bottom:3% !important;}
    .pb40 {padding-bottom:4% !important;}
    .pb50 {padding-bottom:5% !important;}
}

.ovh{overflow:hidden;}
.ovv{overflow:visible !important;}

.roboto{font-family:Roboto;}
.bold{font-weight:700 !important;}
.bar{width:100%; height:10px; background:#ebebeb; clear:both; font-size:0; display:block;}
.gray_color{color:#8d8d8d !important;}
.green_color{color:#74a608 !important;}
.red_color{color:#e52529 !important;}
.blue_color{color:#0068b7 !important;}
.dark_color{color:#535353 !important;}
.fff{color:#fff !important;}
.b0{border:0px !important;}
.bb0{border-bottom:0px !important;}
.bt0{border-top:0px !important;}
.br0{border-right:0px !important;}
.bl0{border-left:0px !important;}

.green_btn{height:40px; line-height:40px; padding:0px 15px; background:#65c600; font-size:16px; font-weight:500; text-align:center; color:#fff; display:inline-block; border-radius:5px;}

.clear{clear: both;}
.mid{vertical-align: middle !important;}
.block{display:block !important;}
.inline-block{display: inline-block !important;}
.none{display:none !important;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td{padding:0; font-weight: 400;}
input{padding:0; margin:0; font-family:'Noto Sans KR','Roboto',sans-serif; font-size:14px; line-height:1.15; width:100%; height:100%; border:0; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0;}
input[type='checkbox'], input[type='radio'] {height:0; width:0; border:0;}
textarea{padding:0; margin:0; font-family:'Noto Sans KR','Roboto',sans-serif; font-size:14px; line-height:1.15; width:100%; height:100%; resize:none; word-spacing:unset; white-space:unset;}
strong{font-weight: normal;}
*{outline:none}
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.rel{position:relative;}
.pt0{padding-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.mobile_free, .m_header, .only_m{display:none;}