@charset "utf-8";

/* sub01 */
.greeting .img{border-top:solid 1px #000;border-bottom:solid 4px #116dc0;}
.greeting .img img{width:100%;}
.greeting div{padding:24px 0;overflow:hidden;}
.greeting div ul{width:90%;margin:0 auto;}
.greeting div ul li{padding:16px 0;line-height:25px;text-align:justify;}
.greeting div ul li.gr01{color:#00315e;font-size:18px;}
.greeting div ul li.gr01 span{color:#116dc0;}




/* sub02 */

/* sub03 */

/* sub04 */
.hasu{background:#7bbff0 url("/images/06_water/sub04/con_bg.png") no-repeat center bottom;position:relative;height:220px;background-size:80%;}
.hasu div{position:absolute;top:50px;left:50px;}
.hasu div .basic_btn{margin:0;}


/* sub05 */





.comment{position:absolute;top:-1000px;left:-2000px;}

/* Tablet */
@media all and (min-width:768px) {

/* sub01 */
.greeting div ul{float:left;padding:0 5%;width:39.5%;}
.greeting div ul.fir{border-right:dotted 1px #666;}

/* sub02 */

/* sub03 */

/* sub04 */
.hasu{background-size:auto;height:350px;}

/* sub05 */
}


/* Desktop */
@media all and (min-width:1023px) {

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */



/* sub05 */
}                                         

/* 찾아오시는길 */
.location .map_info{display:none}
.location .map_info>ul.map_ul{border-top:1px solid #223e99}
.location .map_info>ul.map_ul>li{border-bottom:1px solid #cdcdcd;padding: 20px 0;}
.location .map_info .map_ul li strong{display:block;background:url("/images/01_potal/sub04/map_bus.gif") no-repeat center 0;padding:90px 0 0 0;margin:0 0 10px 0;text-align:center;color:#223e99;font-size:18px}
.location .map_info .map_ul li li{line-height:1.5em;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.location .on{display:block}
.location .map_area{border:1px solid #e1e1e1;position:relative;margin:5px 0;text-align:center}
.location .map_area img{width:100%}
.location .map_area a{position:absolute;bottom:0;right:0;display:block;background:url("/images/01_potal/common/img_view.png") no-repeat 10px center #223e99;color:#fff;padding:10px 10px 10px 40px}
@media all and (min-width:768px) {
.location .map_info>ul.map_ul>li{overflow:hidden}
.location .map_info .map_ul li strong{background-position:20% 0;display:inline-block;float:left;width:20%;height: 50px;margin:0;padding:30px 0 0 70px;}
.location .map_info .map_ul li ul{float:left;margin:18px 0 0 0}
}
@media all and (min-width:1023px) {
.location{position:relative}
.location .basic_stab{position:absolute;top: 575px;right:0;}
.location .map_area img{width:auto}
.location .map_area a{display:none}
}