@charset "utf-8";

/* fonts */
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
	font-weight:300;
  src:url('fonts/notokr-light.eot');
  src:url('fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
      url('fonts/notokr-light.woff2') format('woff2'),
      url('fonts/notokr-light.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
	font-weight:400;
  src:url('fonts/notokr-regular.eot');
  src:url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/notokr-regular.woff2') format('woff2'),
      url('fonts/notokr-regular.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
	font-weight:500;
  src:url('fonts/notokr-medium.eot');
  src:url('fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/notokr-medium.woff2') format('woff2'),
      url('fonts/notokr-medium.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
	font-weight:600;
  src:url('fonts/notokr-bold.eot');
  src:url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/notokr-bold.woff2') format('woff2'),
      url('fonts/notokr-bold.woff') format('woff');
}

/* Reset */
html,body{width:100%; height:100%;}
html{overflow-y:scroll;font-size:13px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,figure, figcaption{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,select{font-family: "NotoSansKR", sans-serif;font-size:16px;color:#333;font-weight: 500;letter-spacing: -0.05em;}
header,section,article,footer,time,nav{display:block;}
body{word-break:break-all; -ms-word-break:break-all;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input{border:none;box-sizing:border-box; /*-webkit-border-radius:0; -webkit-appearance:none;*/}
textarea {box-sizing:border-box}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button,input[type="submit"]{cursor:pointer}
button{margin:0;padding:0;border:none;background:transparent;}
a{color:inherit;text-decoration:none;}
a:hover,a:focus,a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus {outline:3px solid;outline-offset: -2px;}
legend,caption{width:1px; height:1px; position:absolute; top:-9999em; left:-9999em; color:rgba(0,0,0,0); opacity:0;}
table{border-spacing:0;table-layout: fixed; width: 100%;}
input::-ms-clear{display:none}

.mt0 {margin-top:0px!important}
.mt05 {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}
.mt35 {margin-top:35px!important}
.mt40 {margin-top:40px!important}
.mt45 {margin-top:45px!important}
.mt50 {margin-top:50px!important}
.mt55 {margin-top:55px!important}
.mt60 {margin-top:60px!important}
.mt65 {margin-top:65px!important}
.mt70 {margin-top:70px!important}
.mt75 {margin-top:75px!important}
.mt80 {margin-top:80px!important}
.mt85 {margin-top:85px!important}
.mt90 {margin-top:90px!important}
.mt95 {margin-top:95px!important}

.mb0 {margin-bottom:0!important}
.mb05 {margin-bottom:5px!important}
.mb10 {margin-bottom:10px!important}
.mb15 {margin-bottom:15px!important}
.mb20 {margin-bottom:20px!important}
.mb25 {margin-bottom:25px!important}
.mb30 {margin-bottom:30px!important}
.mb35 {margin-bottom:35px!important}
.mb40 {margin-bottom:40px!important}
.mb45 {margin-bottom:45px!important}
.mb50 {margin-bottom:50px!important}
.mb55 {margin-bottom:55px!important}
.mb60 {margin-bottom:60px!important}
.mb65 {margin-bottom:65px!important}
.mb70 {margin-bottom:70px!important}
.mb75 {margin-bottom:75px!important}
.mb80 {margin-bottom:80px!important}
.mb85 {margin-bottom:85px!important}
.mb90 {margin-bottom:90px!important}
.mb95 {margin-bottom:95px!important}

.mr0 {margin-right:0!important}
.mr05 {margin-right:5px!important}
.mr07 {margin-right:7px!important}
.mr10 {margin-right:10px!important}
.mr15 {margin-right:15px!important}
.mr20 {margin-right:20px!important}
.mr25 {margin-right:25px!important}
.mr30 {margin-right:30px!important}
.mr35 {margin-right:35px!important}
.mr40 {margin-right:40px!important}
.mr45 {margin-right:45px!important}
.mr50 {margin-right:50px!important}
.mr55 {margin-right:55px!important}
.mr60 {margin-right:60px!important}
.mr65 {margin-right:65px!important}
.mr70 {margin-right:70px!important}
.mr75 {margin-right:75px!important}
.mr80 {margin-right:80px!important}
.mr85 {margin-right:85px!important}
.mr90 {margin-right:90px!important}
.mr95 {margin-right:95px!important}

.ml0 {margin-left:0!important}
.ml05 {margin-left:5px!important}
.ml10 {margin-left:10px!important}
.ml15 {margin-left:15px!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}
.ml60 {margin-left:60px!important}
.ml65 {margin-left:65px!important}
.ml70 {margin-left:70px!important}
.ml75 {margin-left:75px!important}
.ml80 {margin-left:80px!important}
.ml85 {margin-left:85px!important}
.ml90 {margin-left:90px!important}
.ml95 {margin-left:95px!important}

.pl0{padding-left: 0!important}

.iwd100{width:100px}
.iwd140{width:140px}
.iwd200{width:200px}
.iwd300{width:300px}
.iwd400{width:400px}
.iwd_full{width:100%}
.iwd50{width:49%}

.tal {text-align:left!important}
.tar {text-align:right!important}
.tac {text-align:center!important}

.bold {font-weight:600!important}

.flr{float: right!important}
.fll{float: left!important}

.clear{clear:both;height:0;}
.clearfix:after{content:''; display:block; clear: both;}

.red{color: #d91404 !important}
.orange {color:#FF4900 !important;}
.green {color:#009933 !important;}
.blue{color: #0f4dcf !important}
.black02{color: #555!important}
.black03{color: #777!important}

.bg_black{background: #333 !important}
.bg_blue{background: #1350a0 !important}
.bg_orange{background: #ee6c21 !important}

.underline { text-decoration:underline !important; }
.large	{ font-size:large !important; }
.larger	{ font-size:larger !important; }

.hidden,
.blind{width:1px; height:1px; opacity:0; color:rgba(0,0,0,0); position:absolute; top:-9999em; left:-9999em; text-indent:-9999em;}

/* slick 초기화 */
.slick-vertical .slick-slide, .slick-initialized .slick-slide{outline:none !important}

.bg_lightgray {background-color:#f5f5f5}