@charset "utf-8";

@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 700;
    src: 
   	url(../fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
    url(../fonts/SpoqaHanSansNeo-Bold.woff) format('woff'),
    url(../fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 500;
    src:
    url(../fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
    url(../fonts/SpoqaHanSansNeo-Medium.woff) format('woff'),
    url(../fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 400;
    src:
    url(../fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
    url(../fonts/SpoqaHanSansNeo-Regular.woff) format('woff'),
    url(../fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 300;
    src:
    url(../fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
    url(../fonts/SpoqaHanSansNeo-Light.woff) format('woff'),
    url(../fonts/SpoqaHanSansNeo-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 100;
    src:
    url(../fonts/SpoqaHanSansNeo-Thin.woff2) format('woff2'),
    url(../fonts/SpoqaHanSansNeo-Thin.woff) format('woff'),
    url(../fonts/SpoqaHanSansNeo-Thin.ttf) format('truetype');
}



/*reset*/
header,footer,section,article,aside,nav,figure,figcation,canvas{display:block;}
body{position:relative;margin:0px;padding:0px;/*min-width:320px;*/height:100%;color:#222;font:normal 13px/21px 'SpoqaHanSans','Apple SD Gothic Neo','Malgun Gothic',dotum,Verdana;word-wrap:break-word;word-break:break-all;line-height:normal;}
body,div,table,th,td,form,fieldset,legend,iframe,input,textarea,select,span,ul,ol,li,a,button,img,h1,h2,h3,h4,h5,h6,p,dl,dt,dd{margin:0;padding:0}
ol,ul{list-style:none}
a{text-decoration:none;color:#222;vertical-align:middle}
button{background-color:transparent;cursor:pointer}
button,input{-webkit-border-radius:0;border-radius:0;border:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
img{border:0px;vertical-align:middle}
form,fieldset{margin:0;padding:0;border:none}
label{display:inline-block;vertical-align:middle;cursor:pointer}
input[type="text"],
input[type="password"]{vertical-align:middle;padding:0 10px;box-sizing:border-box}
select,
input[type="radio"],
input[type="checkbox"]{vertical-align:middle;margin:0}
select,
button,
input[type="button"]{font-family:'Apple SD Gothic Neo','Malgun Gothic',dotum,Verdana;cursor:pointer;vertical-align:middle}
input[readonly]{background-color:#f5f5f5}
textarea{width:100%;height:80px;border:1px solid #aaa;box-sizing:border-box;resize:none}
table{border-spacing:0;border-collapse:collapse;table-layout:fixed}
caption strong,
caption p{display:block;margin-top:-1px;line-height:1px;font-size:1px;text-indent:-9999em}
address,em,var,i{font-style:normal}
addr{text-decoration:none}
legend,.blind{overflow:hidden;position:absolute;line-height:1px;font-size:1px;color:transparent;text-indent:-9999em}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 5px;border-radius:0;background:url(../images/arr_bottom01.svg) calc(100% - 10px) 50% no-repeat #fff;background-size:10px;box-sizing:border-box}
select::-ms-expand{display:none;}

.skip{display:block;position:absolute;top:-100px;left:0;width:100%;margin:0;padding:15px 0;background-color:#333;text-align:center;color:#fff;z-index:9999}
.skip:hover,
.skip:focus,
.skip:active{top:0}
.fl{float:left !important}
.fr{float:right !important}
.tl{text-align:left !important}
.tc{text-align:center !important}
.tr{text-align:right !important}
.pl{position:absolute;left:0;top:0}
.pr{position:absolute;right:0;top:0}
.mb5{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}
.inp,
.sel{height:50px;padding:0 15px;border:1px solid #ccc;transition:border-color .15s}
.inp:hover,.inp:focus,
.sel:hover,.sel:focus{border-color:#5f5f5f}

.clear:after{content:"";display:block;clear:both;}

.f_blue{color:#3a75e0;}





/*@media all and (min-width:1200px){
	body{position:relative;margin:0px;padding:0px;min-width:320px;height:100%;color:#222;font:normal 15px/23px 'Apple SD Gothic Neo','Malgun Gothic',dotum,Verdana;word-wrap:break-word;word-break:break-all;line-height:normal}
	*/