#header {background:#2f2d38;overf low:hidden; position:relative;}
#header:after {content:""; display:block;width:0;height:0;clear:both;overflow:hidden;}
#header h1 {width:30%; position:absolute; left:0; top:0;}
#header h1 img {display:block; max-width:100%;}
#header #gnb {width:77%; float:right; overflow:hidden;}
#header #gnb li {float:left;width:33.33%;display:block;  border:2px solid #b0adbb; border-right:none; border-top:none; box-sizing:border-box; }
#header #gnb li a {display:block;}
#header #gnb li img {display:block; max-width:100%; width:100%;;}
.bgRed {background:#cc1622 !important;}

/* mainVisual */
#mainVisual img {display:block; max-width:100%;}


/*  */
.class {background:url("../images/index/bgContents.png") repeat-x; }
.class a {color:#fff;}
.class .con {width:50%; height:160px; float:left; padding:25px 0 0 15px; font-size:12px;box-sizing:border-box;}
.class .hotel {background:url("../images/index/bg01.jpg") no-repeat; background-size:cover; }
.class .it {background:url("../images/index/bg02.jpg") no-repeat; background-size:cover; }
.class .police {background:url("../images/index/bg03.jpg") no-repeat; background-size:cover; }
.class .beauty {background:url("../images/index/bg04.jpg") no-repeat; background-size:cover; }
.class .con dt {font-size:18px; font-family:"nanumB";margin-bottom:15px;} 

.utilWrap:after {content:""; display:block;width:0;height:0;clear:both;overflow:hidden;}
.utilWrap .util {width:33.33%; float:left;}
.utilWrap .util ul {width:100%;}
.utilWrap .util li {width:50%; float:left;}
.utilWrap .util li a {display:block;}
.utilWrap .util li a img {display:block; max-width:100%; width:100%;}
.utilWrap .telAndPaper  {float:left; width:66.67%; overflow:hidden;}
.utilWrap .telAndPaper a  {display:block;}
.utilWrap .telAndPaper a img  {display:block; max-width:100%; width:100%;}

.btnWrap:after {content:""; display:block;width:0;height:0;clear:both;overflow:hidden;}
.btnWrap > a {display:block; float:left;}
.btnWrap > div {display:block; float:left;}
.btnWrap > a img {display:block; max-width:100%; width:100%;}
.btnWrap > div img {display:block; max-width:100%; width:100%;}
.btnWrap .long {width:66.66%;}
.btnWrap .short {width:33.33%;position:relative;}
.btnWrap .sns ul{position:absolute; bottom:0;width:100%;height:50%;}
.btnWrap .sns li {float:left;width:33.33%;height:100%;}
.btnWrap .sns li a {display:block;width:100%;height:100%;bor der:1px solid #f00;}




.notice {font-size:13px; float:left; padding:10px; box-sizing:border-box; overflow:hidden; line-height:1.2;}
.notice li {margin:2px 0;}
.notice li a {display:inline-block;white-space:nowrap;	text-overflow:ellipsis;	width:100%;overflow:hidden;}
.notice li a span {display:block;}
.notice li a span:before  {content:""; display:inline-block;width:3px; height:3px;background:#00fffc; position:relative; top:-5px; margin-right:3px;}


.img {display:block; max-width:100%; width:100%;}

.commonBtn {overflow:hidden;}
.commonBtn a {display:block;width:50%;float:left;}
.commonBtn a img {width:100%;}





@media screen and (min-width:640px) {
	.class .con {width:25%;}
}