@charset "utf-8";
.main_container{position:relative;}
.m_content h2,
.m_content h2 a{font-family:'SBAggro';font-weight:500;font-size:1.35rem;color:#2a2a2a;}
.m_content>div{padding:30px 3%}

/*비주얼*/
.m_content .visual{background-position:right center;background-size:cover;background-repeat:no-repeat;padding:60px 3% 110px 3%;}
.visual .typ h2{color:#fff;font-family:'SCDream';text-shadow:2px 2px 10px rgba(0,0,0,.5);text-align:left;font-weight:300;padding:0;}
.visual .typ strong{font-weight:700;}
.visual .typ span{display:block;font-size:2rem;}

/*인포존*/
.info_zone{position:relative;margin-top:20px;}
.info_zone .img{display:flex;justify-content:center;flex-wrap:wrap;box-shadow:2px 2px 5px rgba(0,0,0,.15);overflow:hidden;height:100%;border-radius:20px;}
.info_zone .img div{width:100%;overflow:hidden;}
.info_zone .img img{width:100%;}
.info_zone .img div a{display:block;}
.info_zone .control{display:block;position:absolute;text-align:center;background:rgba(0,0,0,.75);border-radius:12px;padding:12px 17px;top:15px;left:50%;transform:translate(-50%, 0);min-width:180px;}
.info_zone .control p{display:flex;justify-content:center;align-items:center;}
.info_zone .control .btn button{width:21px;height:21px;overflow:hidden;background:url("/images/11_jongja/main/m_i.png") no-repeat;font-size:0;border-radius:50%;margin:0 3px;}
.info_zone .control .btn button.prev{background-position:5px 0;}
.info_zone .control .btn button.next{background-position:-20px 0;}
.info_zone .control .btn button.play{background-position:-77px 0;}
.info_zone .control .btn button.stop{background-position:-47px 0;}
.info_zone .control span{color:#bbb;display:inline-block;padding-left:10px;border-left:solid 1px rgba(255,255,255,.2);margin-left:5px;}
.info_zone .control em{font-style:normal;color:#fff;}

/* 게시판 */
.m_content .con1{margin-top:-60px;background:#fff;border-radius:0 60px 0 0;padding-bottom:0;}
.m_bbs{position:relative;height:350px;overflow: hidden;}
.m_bbs .bbs_con{display:none;position:absolute;top:50px;padding:20px;border:1px #e3e3e3 solid;border-radius:20px;background:#fff;}
.m_bbs .bbs_con.on{display:block;}
.m_bbs h2{text-align:center;display:inline-block;position:relative;}
.m_bbs h2:before{display:block;content:'';width:6px;height:6px;background:#c6dbe4;position:absolute;left:-15px;top:calc(50% - 6px);border-radius:50%;}
.m_bbs h2 a{display:block;font-family:'SBAggro';padding:10px 20px 10px 0;font-weight:300;}
.m_bbs h2.on a{font-weight:500;color:#2a2a2a;}
.m_bbs h2.on:before{display:none;}
.bbs_con ul li a{display:block;position:relative;height:45px;padding-top:14px;border-top:1px #e7e7e7 solid;}
.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:65%; font-weight:400;}
.bbs_con ul li a strong::before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#d1d1d1;vertical-align:middle;}
.bbs_con ul li a span{display:none;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.bbs_con ul li a p{position:absolute;top:16px;right:0;}
.bbs_con ul li a p em{display:none;color:#0c8b59;}
.bbs_con ul li a p i{display:block;font-style:normal;color:#767676;font-size:14px;}
.bbs_con ul li:first-of-type a{height:165px;border-top:0;}
.bbs_con ul li:first-of-type a strong{width:100%;-webkit-line-clamp:2;margin:12px 0;font-size:18px;font-weight:500;}
.bbs_con ul li:first-of-type a strong::before{display:none;}
.bbs_con ul li:first-of-type a span{display:block; display:-webkit-box;}
.bbs_con ul li:first-of-type a p{top:0;}
.bbs_con ul li.new a:before{content:'NEW';position:absolute;display:block;color:#e2274f;font-size:14px;top:0;}
.bbs_con p .more{display:block;width:35px;height:35px;background:url("/images/11_jongja/main/m_i.png") no-repeat 0 -70px;position:absolute;font-size:0;right:calc(50% - 105px);top:-48px;transform:translate(-50%, 0);}

/*자주찾는서비스*/
.m_link p{text-align:center;font-family:'SBAggro';color:#7e7e7e;font-weight:300;font-size:.95rem;margin:5px 0;}
.m_link ul{display:flex;gap:2%;margin:20px 0;flex-wrap:wrap;padding:20px 20px 60px 20px;background:linear-gradient(90deg, #ebf5ee, #f6f4eb);border-radius:15px 40px 15px 15px;position:relative;}
.m_link ul:before{display:block;content:'';width:200px;height:165px;background:url("/images/11_jongja/main/liu1.png") no-repeat bottom center;background-size:200px;position:absolute;right:0;bottom:-29px;}
.m_link li {text-align:center;margin:3px 0;}
.m_link li a{display:block;position:relative;font-family:'SBAggro';font-weight:300;padding:9px 14px;background:#fff;border-radius:8px;overflow:hidden;}
.m_link li a:hover ,
.m_link li a:active,
.m_link li a:focus{background:#166747;text-align:left;color:#fff;}

@media all and (min-width:768px) {
.m_content .con1{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}

.visual .typ h2{font-size:3.05rem;}
.visual .typ span{font-size:4.5rem;}
    
.info_zone{margin:0;max-width:469px;width:35%;}
.info_zone .control{top:30px;}

.m_bbs{width:63%;max-width:860px;}
.m_bbs .bbs_con ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.bbs_con p .more{right:0;top:-56px;transform:inherit;}
 
.m_link ul{padding:40px;border-radius:20px 80px 20px 30px;gap:1%;}
.m_link ul:before{width:315px;height:273px;background-size:auto;right:30px;} 
.m_link li a{padding:13px 55px;transition:ease-in-out .18s;}
.m_link li:hover a{padding:13px 85px 13px 25px}
.m_link li a:after{display:block;content:'';background:url("/images/11_jongja/main/m_i.png") no-repeat right -41px;width:37px;height:9px;position:absolute;right:5px;top:-14px;}
.m_link li:hover a:after{top:18px;}
}

@media all and (min-width:1023px) {
.m_content{position:relative;}
.m_content h2, 
.m_content h2 a{text-align:left;display:inline-block;font-size:1.5rem;}
.m_content>div{padding:50px 0;}
.main_container:before{top:280px;width:48%;}

.m_content .con1{margin-top:-150px;padding-top:0;position:relative;}
.m_content .con1:before{display:block;content:'';width:calc(100% - 35%);height:300px;background:#fff;border-radius:0 60px 0 0;position:absolute;top:-55px;}
.m_content .visual{width:100%;padding:100px 0;height:530px;}
    
.info_zone{margin-top:-180px;}

.con3{border-radius:0 40px 40px 0;background-position:left top;margin-bottom:60px !important;} 
.m_bbs{height:325px;}
.m_bbs h2 a{padding-right:40px;}
.m_bbs h2:before{left:-26px;}
.m_bbs .bbs_con{border:none;padding:0;background:none;width:100%;right:0;top:56px;}
.bbs_con ul li{width:calc(33.3333% - 15px);margin-bottom: 30px;}
.bbs_con ul li a{height:267px;padding:31px 25px;border-radius:20px;background:#fff;border:1px #e7e7e7 solid;}
.bbs_con ul li a strong{width:100%; height:74px; margin-bottom:20px !important; -webkit-line-clamp:3 !important; font-size:18px; font-weight:500;}
.bbs_con ul li a strong::before{display:none;}
.bbs_con ul li a span{display:block; height:70px; display:-webkit-box; -webkit-line-clamp:3; margin-bottom:20px;}
.bbs_con ul li a p{position:static; display:flex; justify-content:space-between;}
.bbs_con ul li.new a{padding:50px 25px 30px !important;height:auto;border:1px #e7e7e7 solid;}
.bbs_con ul li.new a:before{top:30px; left:20px;}
.bbs_con ul li:first-of-type a{height:auto;border-top:1px #e7e7e7 solid;}
.bbs_con ul li:first-of-type a strong{margin:0 0 12px 0}
.bbs_con ul li.new a strong{margin-bottom:12px !important;}
.bbs_con ul li.new a span{margin-bottom:10px !important;}
.bbs_con ul li a p i{color:#333;}
.bbs_con ul li a p em{display:block;font-size:14px;font-style:normal;}
.bbs_con ul li a:hover,
.bbs_con ul li a:focus{box-shadow:2px 2px 10px rgba(0,0,0,.08)}
.bbs_con ul li a:hover strong,
.bbs_con ul li a:focus strong{text-decoration:underline;}

.m_link p{display:inline-block; padding-left:10px}
.m_link li{margin:7px 0;}
.m_link li a{font-size:1.125rem;}
.m_link li a:before{margin:0  20px 0 0;display:inline-block;}
.m_link p{margin-top:-45px;font-size:1rem;}    
}

@media all and (min-width:1440px) {
.m_content:before{display:block;content:'';width:20%;height:300px;background:#fff;position:absolute;top:360px;}
.m_content>div{width:1400px;margin:0 auto;}
.m_content .con1{background:none;position:relative;}    
.m_content .con1:before{width:calc(100% - 469px);top:-20px;}
 
.visual .typ{width:1400px;margin:0 auto;}
 
.info_zone{width:auto;}
 
.m_link ul{padding:40px 300px 40px 60px;}
}

/*레이아웃 수정*/
.head h1 a{margin-top:10px}
.sub_site .head h1 img{width:105px;}
.sub_site .head h1 span{color:#176748;letter-spacing:-1px ;margin-top:0 ;}
.sub_site .head{align-items:center;}

@media all and (min-width:1023px) {
.head h1 a{margin-top:0px}
.sub_site .head h1 img{width:auto;}
.sub_site .head h1 span{font-size:40px;letter-spacing:0 ;}
.sub_site .head h1{line-height:40px}
.sub_site .menu > ul > li > a{font-size:26px ;padding:26px 0;}
}