@charset "utf-8";

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:200;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style: normal;
    font-weight:400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:600;
    src:local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src:local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

*{
    margin: 0;
    padding: 0;
}

body{
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #121212;
}
ul, ol, li{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    border: 0;
    vertical-align: top;
}
input{
    vertical-align: middle;
    font-family: 'Noto Sans KR', sans-serif;
}
button{
    vertical-align: top;
    font-family: 'Noto Sans KR', sans-serif;
    cursor: pointer;
}
p {word-break:break-all; line-height:1.7; color:#666;}

/* Common */
.clearfix:after,.clearfix:before {display:table; content:""; clear:both;}
[class*="col-"] {float:left; position:relative; padding:0; margin:0; vertical-align:top; clear:none !important;}
.col-xs-12,.col-sm-12,.col-xs-md,.col-lg-12 {clear:both; width:100%;}

/* MOBILE : ~ 767*/
@media screen and (max-width:767px){
	.col-xs-1{width:8.33333333%;}
	.col-xs-2{width:16.66666667%;}
	.col-xs-3{width:25%;}
	.col-xs-4{width:33.33333333%;}
	.col-xs-5{width:41.66666667%;}
	.col-xs-6{width:50%;}
	.col-xs-7{width:58.33333333%;}
	.col-xs-8{width:66.66666667%;}
	.col-xs-9{width:75%;}
	.col-xs-10{width:83.33333333%;}
	.col-xs-11{width:91.66666667%;}
	.col-xs-12{width:100%;}
	.col-xs-hide {display:none;}
	.col-xs-show {display:block;}
	
	.col-xs-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
	
	.hidden-xs {display:none;}
}

/* Tablet : 768~991 */
@media screen and (min-width:768px){
	.col-sm-1{width:8.33333333%;}
	.col-sm-2{width:16.66666667%;}
	.col-sm-3{width:25%;}
	.col-sm-4{width:33.33333333%;}
	.col-sm-5{width:41.66666667%;}
	.col-sm-6{width:50%;}
	.col-sm-7{width:58.33333333%;}
	.col-sm-8{width:66.66666667%;}
	.col-sm-9{width:75%;}
	.col-sm-10{width:83.33333333%;}
	.col-sm-11{width:91.66666667%;}
	.col-sm-12{width:100%;}
	.col-sm-hide {display:none;}
	.col-sm-show {display:block;}
	
	.col-sm-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
}

/* PC over : 992 ~  */
@media screen and (min-width:992px), print{
	.col-md-1{width:8.33333333%;}
	.col-md-2{width:16.66666667%;}
	.col-md-3{width:25%;}
	.col-md-4{width:33.33333333%;}
	.col-md-5{width:41.66666667%;}
	.col-md-6{width:50%;}
	.col-md-7{width:58.33333333%;}
	.col-md-8{width:66.66666667%;}
	.col-md-9{width:75%;}
	.col-md-10{width:83.33333333%;}
	.col-md-11{width:91.66666667%;}
	.col-md-12{width:100%;}
	.col-md-hide {display:none;}
	.col-md-show {display:block;}
	
	.col-md-15 {width:20%;} /* 가로 5개 정렬 사용 시 */
}