@charset "utf-8";
/* CSS Document */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

body{margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif;}
img{border:0;}
li{list-style:none;}
a{text-decoration:none;}
ul{margin:0; padding:0;}

.row{width:100%; overflow:hidden;}
.col-1{width:8.33333333%; float:left; box-sizing:border-box;}
.col-2{width:16.66666667%; float:left; box-sizing:border-box;}
.col-3{width:25%; float:left; box-sizing:border-box;}
.col-4{width:33.33333333%; float:left; box-sizing:border-box;}
.col-5{width:41.66666667%; float:left; box-sizing:border-box;}
.col-6{width:50%; float:left; box-sizing:border-box;}
.col-7{width:58.33333333%; float:left; box-sizing:border-box;}
.col-8{width:66.66666667%; float:left; box-sizing:border-box;}
.col-9{width:75%; float:left; box-sizing:border-box;}
.col-10{width:83.33333333%; float:left; box-sizing:border-box;}
.col-11{width:91.66666667%; float:left; box-sizing:border-box;}
.col-12{width:100%; float:left; box-sizing:border-box;}

.visible-sm{display:none;}

/* button
.button{padding:5px 30px; background:#ddd; border:1px solid #ccc; color:#666; text-align:center; display:inline-block; font-size:0.8em; border-radius:1px;}
.caution{background:#999; color:#fff;}
.button:hover{background:#666; color:#fff; cursor:pointer;} */

@media all and (max-width:1199px){
	.hidden-lg{display:none;}
}


@media all and (max-width:767px){
	
	.col-sm-1{width:8.33333333%; float:left; box-sizing:border-box;}
	.col-sm-2{width:16.66666667%; float:left; box-sizing:border-box;}
	.col-sm-3{width:25%; float:left; box-sizing:border-box;}
	.col-sm-4{width:33.33333333%; float:left; box-sizing:border-box;}
	.col-sm-5{width:41.66666667%; float:left; box-sizing:border-box;}
	.col-sm-6{width:50%; float:left; box-sizing:border-box;}
	.col-sm-7{width:58.33333333%; float:left; box-sizing:border-box;}
	.col-sm-8{width:66.66666667%; float:left; box-sizing:border-box;}
	.col-sm-9{width:75%; float:left; box-sizing:border-box;}
	.col-sm-10{width:83.33333333%; float:left; box-sizing:border-box;}
	.col-sm-11{width:91.66666667%; float:left; box-sizing:border-box;}
	.col-sm-12{width:100%; float:left; box-sizing:border-box;}
	
/* 	.button{padding:5px 10px;} */
	.hidden-sm{display:none !important;}
	.visible-sm{display:block;}
	
}

@media all and (max-width:525px){
	.col-xs-1{width:8.33333333%; float:left; box-sizing:border-box;}
	.col-xs-2{width:16.66666667%; float:left; box-sizing:border-box;}
	.col-xs-3{width:25%; float:left; box-sizing:border-box;}
	.col-xs-4{width:33.33333333%; float:left; box-sizing:border-box;}
	.col-xs-5{width:41.66666667%; float:left; box-sizing:border-box;}
	.col-xs-6{width:50%; float:left; box-sizing:border-box;}
	.col-xs-7{width:58.33333333%; float:left; box-sizing:border-box;}
	.col-xs-8{width:66.66666667%; float:left; box-sizing:border-box;}
	.col-xs-9{width:75%; float:left; box-sizing:border-box;}
	.col-xs-10{width:83.33333333%; float:left; box-sizing:border-box;}
	.col-xs-11{width:91.66666667%; float:left; box-sizing:border-box;}
	.col-xs-12{width:100%; float:left; box-sizing:border-box;}

	.hidden-xs{display:none !important;}
}