@charset "utf-8";
.head .gnb .town{margin:-6px 6px 0 0;text-align:center;}
.head .gnb>div.town>a>span{background:url('/images/14_town/main/m_i.png')no-repeat right 0;}
.head .gnb .town > a{color:#fff;background:linear-gradient(90deg, #0074a9, #009b63);display:block;padding:10px;font-family:'SBAggro';}
.head .gnb .town > a:before{display:inline-block;content:'';width:20px;height:20px;vertical-align:middle;background:url(/images/14_town/main/m_i.png)no-repeat 0 0;margin-right:5px;}
.head .gnb .town > a:after{display:none;}
.head .gnb .town div{background:#fff;text-align:center;padding:10px;width:100%;box-shadow:2px 2px 10px rgba(0,0,0,.2);}
.head .gnb .town div.on{display:block;}
.head .gnb .town div ul{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;}
.head .gnb .town div li:hover a,
.head .gnb .town div li:focus a,
.head .gnb .town div li:active a{background:#157e8a;color:#ecf1ef;}
.head .gnb .town div li a{padding:7px;display:block;background:#ecf1ef;border-radius:3px;}

.main_container{position:relative;}
.main_container:before{display:block;content:'';background:#f0f5f4;width:85%;height:520px;position:absolute;right:0;top:150px;z-index:-1;}
.m_content:before{display:block;content:'';  width:100%;  height:1px; background:#e4e4e4;}

/*메인비주얼*/
.m_visual{position:relative;margin-bottom:20px;}
.m_visual .img{margin-right:5%;display:flex;justify-content:center;flex-wrap:wrap;padding-bottom:20px;height:260px;}
.m_visual .img div{width:100%;overflow:hidden;border-radius:0 0 30px 0;height:100%;}
.m_visual .img img{width:auto;height:100%;overflow:hidden;border-radius:0 0 30px 0;}
.m_visual .img div a{display:block;height:100%;width:100%;}
.m_visual .control{display:block;position:absolute;left:5%;bottom:0;text-align:center;}
.m_visual .control p{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.m_visual .control .btn button{width:55px;height:55px;overflow:hidden;background:#fff url("/images/14_town/main/m_i.png") no-repeat;font-size:0;border-radius:50%;margin:0 3px;box-shadow:2px 2px 10px rgba(0,116,169,.3);}
.m_visual .control .btn button.prev{background-position:-53px -14px;}
.m_visual .control .btn button.next{background-position:21px -14px;}

/*지역별전화 시간*/
.m_info{text-align:right;margin:0 5%;}
.m_info p{font-family:'SBAggro';}
.m_info h2{font-family:'SBAggro';font-size:3rem;}
.m_info ul{margin-top:10px;text-align:center;}
.m_info li{font-size:1.25rem;font-weight:600;display:flex;justify-content:center;flex-wrap:wrap;gap:15px;}
.m_info li strong{display:inline-block;padding:5px 0;width:80px;color:#0074a9;}
.m_info li span{display:inline-block;padding:5px 0;text-align:left;color:#009b63}
.m_info li a{color:#009b63}
.m_info li span i{color:#4f4e4e;display:block;font-weight:400;font-style:normal;font-size:1rem;}
.m_content .con2{margin:30px 5% 100px 5%;}

/* 게시판 */
.m_bbs{position:relative;height:535px;margin-bottom:30px;overflow:hidden;}
.m_bbs .bbs_con{display:none;position:absolute;top:40px;}
.m_bbs .bbs_con.on{display:block;}
.m_bbs h3{float:left;margin:0 1% 0 0;text-align:center;}
.m_bbs h3 a{display:block;font-weight:600;font-size:1.5rem;}
.bbs_con ul li{margin:10px 0;position:relative;flex:0 1 31.333%;}
.bbs_con ul li a{display:block;position:relative;background:#fff;padding:10px 20px 20px 20px;box-shadow:1px 2px 10px rgba(0,0,0,.08);}
.bbs_con ul li a i{font-style:normal;font-size:15px;text-align:right;display:block;color:#0074a9;}
.bbs_con ul li a strong{display:inline-block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:1.25rem;font-weight:500;margin:10px 0;}
.bbs_con ul li a span{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-top:10px;border-top:solid 1px rgba(0,0,0,.1);color:#6e6e6e;font-size:1rem;}
.bbs_con ul li.new:before{content:'NEW';position:absolute;display:block;color:#e2274f;font-size:14px;z-index:1;left:20px;top:15px;}
.bbs_con p .more{display:block;width:31px;height:31px;background:url("/images/14_town/main/m_i.png") no-repeat right -25px;font-size:0;position:absolute;right:0;top:-40px;}

/*바로가기*/
.m_link ul{display:flex;flex-direction:column;gap:12px;}
.m_link li a{display:block;background:#007ab1;color:#fff;padding:15px 10%;border-radius:12px;box-shadow:2px 2px 7px rgba(0,0,0,.3);font-size:1.25rem;position:relative;}
.m_link li a:before{display:inline-block;content:'';width:40px;height:40px;vertical-align:middle;background:url("/images/14_town/main/m_i.png") no-repeat;margin-right:7%;}
.m_link .l1 a:before{background-position:0 -70px;}
.m_link .l2 a:before{background-position:-45px -70px;}
.m_link .l3 a:before{background-position:-90px -70px;}
.m_link li:hover a:before,
.m_link li:focus a:before,
.m_link li:active a:before{transform:translateX(-7px);}

@media all and (min-width:768px) {
    
.head .gnb .town div{padding:25px 15px;margin:0;}
.head .gnb .town div.on{display:block;}
.con1{display:flex;justify-content:flex-start;align-items: center;flex-wrap:wrap;}
.con1:after{display:block;content:'';}
.m_visual{position:relative;width:63%;margin:0;}
.m_visual .img{margin-right:0;padding:0;height:350px;}
.m_visual .img img{border-radius:0 0 80px 0;}
.m_visual .control{left:auto;top:8%;right:-23px;}
.m_visual .control p{width:55px;}
.m_visual .control .btn button{margin:5px 0;}
    
.m_content .con2{margin-bottom:0;}
.con2:after{display:block;content:'';background:#007ab1;width:5%;height:180px;position:absolute;right:0;bottom:0;z-index:-1;}

/*지역별전화 시간*/
.m_info{width:34%;padding-top: 20px;margin:0 0 0 3%;}
.m_bbs{height:215px;}
.m_bbs .bbs_con ul{display:flex;justify-content:space-between;flex-wrap:wrap;}

/*바로가기*/
.m_link{background:#007ab1;border-radius:80px 0 0;padding:55px 0 55px 50px;}
.m_link ul{flex-direction:row;}
.m_link li{width:31.333%;}
}

@media all and (min-width:1023px) {
.head .gnb .town{position:absolute;left:0;top:70px;width:180px;clear:both;margin:0;z-index: 5;}
.head .gnb>div.town>a>span{font-size:19px;width:auto;height:auto;background:none;}
.head .gnb .town > a{font-size:20px;padding:32px 0;height:80px;line-height:1;}
.head .gnb .town div{width:500px;}
.head .gnb .town div.on{display:block;}
.head .gnb .town div ul{gap:8px;}
.head .gnb .town div li a{padding:8px 20px;}
.m_content{position:relative;}
.main_container:before{top:auto;width:48%;height:76%;bottom:0;}

/*지역별전화 시간*/
.m_info p{font-size:1.5rem;padding:10px 0;}
.m_info h2{font-size:4rem;}
.m_info ul{margin-top: 60px;}
.m_info li{line-height:2rem;justify-content:flex-start;gap:20px;margin:15px 0;}
.m_info li span{font-size:2rem;font-weight:400;}
.m_info li span i{font-size:1.125rem}

.m_bbs{position:relative;height:305px;margin-bottom:60px;width:65%;}
.m_bbs .bbs_con{top:60px;}
.bbs_con p .more{top:-60px}
.m_bbs .bbs_con{width:100%;}
.bbs_con ul li{margin:0;}
.bbs_con ul li a{padding:30px;}
.bbs_con ul li a strong{-webkit-line-clamp:2;height:56px;}
.bbs_con ul li a span{height:80px;-webkit-line-clamp:3;}
.bbs_con ul li.new:before{top:30px;left:30px;}
.bbs_con ul li.new a strong{margin-bottom:12px;}
.bbs_con ul li a:hover,
.bbs_con ul li a:focus{border:1px #0074a9 solid;}
.bbs_con ul li a:hover strong,
.bbs_con ul li a:focus strong{text-decoration:underline;}

.m_content .con2{margin:50px auto 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.con2:after{width:20%;height:365px;}
.con2:before{display:block;content:'';background:url("/images/14_town/main/con1_bg.png") no-repeat 0 0;width:523px;height:289px;position:absolute;left:0;bottom:0;}
    
/*바로가기*/
.m_link{width:33%;}
.m_link ul{flex-direction:column;}
.m_link li{width:100%;}
.m_link li a{padding-left:20%}
}

@media all and (min-width:1440px) {

.head .gnb .town{left:calc((100% - 1400px) / 2);top:100px;}

.m_content>div{width:1400px;margin:0 auto;}
    
.con1{height:520px;justify-content:flex-end;align-items: flex-start;}
.m_visual{margin-bottom:0;max-width:1280px;width:100%;position:absolute;left:0;}
.m_visual .img{overflow:hidden;height:520px;}
.m_info{width:330px;padding-top:34px;}
.m_bbs{position:relative;height:305px;width:950px;margin-bottom:60px;}
.m_link{width:calc(100% - 1010px);padding-left:70px;}
}


/*레이아웃 수정*/
.sub_site .head h1 span{color:#2a2a2a}

@media all and (min-width:768px) {
footer .top a{top:-41px !important;}	
}

@media all and (min-width:1024px) {
.sub_site .menu>ul{padding-left:230px;}	
}