@charset "utf-8";

.m_content>div:after{content:"";display:block;clear:both;}
.sub_site .head h1 a span{color: #0b9e46 !important;}
footer .top a{background-color:#0b9e46 !important;}

/*메인비주얼*/
.con1{font-family: 'SBAggro';font-weight: 300;padding:0 !important;background:linear-gradient(to top, #fbfff1, #fff);}
.con1 .main_visual{padding:80px 4%;background:url("/images/07_jps/main/m_visual.jpg")no-repeat center top;background-size: cover;position:relative;}
.main_visual .title{word-break: keep-all;width: 60%;}
.main_visual .title p{font-size: 24px;color:#587e1d;line-height: 26px;margin-bottom: 15px;}
.main_visual .title p strong{font-weight: 500;}
.main_visual .title h3{font-size: 36px;line-height: 36px;color:#2b804b;font-weight: 500;}
.con1 .main_visual::after{content:"GIMJE";position: absolute;bottom: -66px;right:0;font-size: 60px;color: transparent;font-weight: 600;background: linear-gradient(to right, #f2fbea, #f8f8e0);-webkit-background-clip:text;letter-spacing:-3px;}

/*자주찾는서비스*/
.con1 .quick_list{padding: 60px 4% 40px 4%;position: relative;}

.quick_list>div>div{background:#fff;border:4px solid;border-radius: 20px;}
.quick_list .quick01{border-color:#e8f6da;margin-bottom: 40px;}
.quick_list .quick02{border-color:#f1f2c8;}
.quick_list>div h4{font-size: 20px;font-weight: 500;background-image: none;padding: 15px 20px 15px 92px;border-radius: 20px 0 20px 0;width: fit-content;position: relative;margin: 0;}
.quick_list>div h4::before{content:"";display: block;width:110px;height:94px;background:url("/images/07_jps/main/q_illust.png")no-repeat left top;position: absolute;background-size: cover;bottom:0;left:0;}
.quick_list .quick01 h4{background:#e8f6da;color:#408b5c;}
.quick_list .quick02 h4{background: #f1f2c8;color: #5c4b39;}
.quick_list .quick01 h4::before{left: -18px;}
.quick_list .quick02 h4::before{background-position:left bottom;left: -7px;height: 110px;}
.quick_list ul{overflow: hidden;margin: 10px;}
.quick_list ul li{width:50%;float: left;text-align: right;display:table;}
.quick_list ul li:nth-of-type(2n - 1){border-right:1px solid #ddd;}
.quick_list ul li a{display:table-cell;vertical-align:middle;padding: 7px 10px 7px 47px;position:relative;}
.quick_list li a span{letter-spacing:-1px;word-break: keep-all;}
.quick_list li a span:before{content:"";display:block;width:45px;height: 35px;position:absolute;background:url("/images/07_jps/main/q_icon.png")no-repeat;background-size:cover;left:0;top: 3px;}
.quick_list .quick01 li:nth-child(1) span:before{background-position:0 0;}
.quick_list .quick01 li:nth-child(2) span:before{background-position:0 -45px;}
.quick_list .quick01 li:nth-child(3) span:before{background-position: 0 -87px;}
.quick_list .quick01 li:nth-child(4) span:before{background-position: 0 -139px;}
.quick_list .quick01 li:nth-child(5) span:before{background-position: 0 -193px;height: 40px;}
.quick_list .quick02 li:nth-child(1) span:before{background-position: 0 -251px;}
.quick_list .quick02 li:nth-child(2) span:before{background-position: 0 -303px;}
.quick_list .quick02 li:nth-child(3) span:before{background-position: 0 -351px;}
.quick_list .quick02 li:nth-child(4) span:before{background-position: 0 -403px;}
.quick_list .quick02 li:nth-child(5) span:before{background-position: 0 -460px;}

/*메인게시판*/
.con2{padding:40px 4%;}
.main_bbs .inner{height: 380px;position:relative;}
.main_bbs h3{position:relative;width:fit-content;float:left;margin:0 20px 10px 0;}
.main_bbs h3 a{display:block;font-size:20px;font-family:'SBAggro';font-weight:300;color:#666;}
.main_bbs h3.on a{font-weight:500;color:#2b804b;}
.main_bbs h3.on a:after{display:block;content:"";width:5px;height:5px;border-radius:50%;background:#2b804b;position:absolute;top: -6px;right: -6px;}
.main_bbs .mbbs_con{display:none;overflow:hidden;width:100%;position:absolute;top: 37px;}
.main_bbs .mbbs_con.on{display:block;}
.main_bbs .mbbs_new{padding:20px 15px;border:1px solid #dcebce;border-radius:20px;position:relative;}
.main_bbs .mbbs_new a{display:block;}
.main_bbs .mbbs_new dt{padding-left:80px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:50px;font-size:17px;font-weight:500;}
.main_bbs .mbbs_new .txt{padding-top:10px;margin-top:10px;border-top:1px dashed #d5ecaa;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;}
.main_bbs .mbbs_new .date{position:absolute;display:flex;flex-direction:column-reverse;text-align:center;top: 17px;padding:5px;background:#f3fede;border-radius:8px;}
.main_bbs .mbbs_new .date span{font-size:13px;color:#333;letter-spacing:-1px;}
.main_bbs .mbbs_new .date strong{font-family:'SBAggro';font-size:20px;color:#2b804b;letter-spacing:-1px;}
.main_bbs .mbbs_con ul{margin: 18px 0;}
.main_bbs .mbbs_con ul li{margin-bottom:10px;overflow:hidden;}
.main_bbs .mbbs_con ul li:before{content:"";display:block;width:5px;height:5px;background:#2b804b;border-radius:50%;float:left;margin: 9px 7px 0 0;}
.main_bbs .mbbs_con ul li a{display: block;}
.main_bbs .mbbs_con ul li strong{font-weight:400;font-size: 15px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;float:left;width:63%;letter-spacing: -1px;}
.main_bbs .mbbs_con ul li span{float:right;font-size:14px;color:#888;font-weight: 300;}
.main_bbs .mbbs_con .more{display: block;width:100%;padding:8px;text-align: center;background:#e4f4c9;font-size: 14px;color:#4d6c19;border-radius: 0 0 10px 10px;}
.main_bbs .mbbs_con .more em{font-style: normal;display: block;width:fit-content;margin: 0 auto;}
.main_bbs .mbbs_con .more em:after{content:"";display:block;width:14px;height:14px;background:url("/images/07_jps/main/m_btn.png")no-repeat left -2px center;float: left;margin: 4px 4px 4px 0;}

/*메인 인포존*/
.main_info{margin:40px 0;position:relative;}
.main_info .info_img{border-radius:10px;overflow:hidden;border:1px solid #ddd;}
.main_info img{width:100%;}
.main_info .info_control{position:absolute;bottom:-14px;right:0;background:#fff;border-radius:20px 0 20px 0;border:1px solid #ddd;padding: 5px 15px;}
.main_info .btn span{font-size:13px;color:#333;display:inline-block;padding-top: 3px;float: left;margin-right: 5px;}
.main_info .btn em{color:#4a65c4;font-style:normal;font-weight:500;}
.main_info .btn button{font-size:0;width:16px;height:20px;background:url("/images/07_jps/main/m_btn.png")no-repeat left top;margin-right: 8px;float: left;}
.main_info .btn .prev{background-position:-30px 0;}
.main_info .btn .stop{background-position: -62px 0;}
.main_info .btn .play{background-position:-118px 0;}
.main_info .btn .next{background-position: -93px 0;margin-right: 0;}

/*Tablet*/
@media all and (min-width:768px) {
.quick_list>div h4{width: 190px;float: left; display: block;}
.quick_list ul{margin:10px 0;}
.quick_list ul li{width: 20%;text-align:center;border-right: 1px solid #ddd;}
.quick_list ul li:last-child{border:none;}
.quick_list ul li a{padding:0 5px;}
.quick_list li a span:before{position:inherit;margin:0 auto;height:40px;}
}

/*PC*/
@media all and (min-width:1023px) {
.m_content{position:relative;}
.con1{overflow:hidden;}
.con1 .main_visual{padding: 134px 0 134px 251px;border-radius: 0 0 385px 0;background-position: left -10px top;width: 1650px;}
.main_visual .title p{font-size: 30px;margin-bottom:30px;}
.main_visual .title p strong{font-size:34px;}
.main_visual .title h3{font-size: 65px;line-height: 65px;}
.con1 .main_visual::after{font-size: 129px;z-index: 0;bottom: -35px;right: -280px;letter-spacing: -8px;}

.con1 .quick_list{padding:40px 0;}
.quick_list .wrap{width:1400px;margin:0 auto;}
.quick_list>div>div{width:1300px;right: 0;margin-left: 100px;border-radius: 30px 20px 20px 0;}
.quick_list>div h4{border-radius: 30px 0 0 0;font-size:24px;padding: 0;height: 132px;width: 197px;display: table;}
.quick_list>div h4 span{display:table-cell;vertical-align:middle;width: 62%;padding-right: 30px;}
.quick_list>div h4::before{background-size:auto;width: 169px;height: 163px !important;}
.quick_list .quick01 h4::before{left: -104px;bottom: -6px;height: 146px !important;}
.quick_list .quick02 h4::before{left: -92px;bottom: -5px;}
.quick_list ul{width: calc(100% - 197px);margin: 28px 0;}
.quick_list .quick01 ul li:hover span{color:#408b5c;font-weight: 400;}
.quick_list .quick02 ul li:hover span{color:#5c4b39;font-weight: 400;}
.quick_list ul li:hover span:before{animation-name: wobble;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
.quick_list li a span{font-size:17px;}
.quick_list li a span:before{width:75px;height: 55px;background-size:auto;}
.quick_list .quick01 li:nth-child(1) span:before{background-position: center 0;}
.quick_list .quick01 li:nth-child(2) span:before{background-position: center -67px;}
.quick_list .quick01 li:nth-child(3) span:before{background-position: center -134px;}
.quick_list .quick01 li:nth-child(4) span:before{background-position: center -207px;}
.quick_list .quick01 li:nth-child(5) span:before{background-position: center -277px;height: 55px;}
.quick_list .quick02 li:nth-child(1) span:before{background-position: center -364px;}
.quick_list .quick02 li:nth-child(2) span:before{background-position: center -437px;}
.quick_list .quick02 li:nth-child(3) span:before{background-position: center -512px;}
.quick_list .quick02 li:nth-child(4) span:before{background-position: center -589px;}
.quick_list .quick02 li:nth-child(5) span:before{background-position: center -669px;}
@keyframes wobble{
  16.65% {transform: translateX(8px);}
  33.3% {transform: translateX(-6px);}
  49.95% {transform: translateX(4px);}
  66.6% {transform: translateX(-2px);}
 83.25% {transform: translateX(1px);}
  100% {transform: translateX(0);}
}
    
.con2{width:1400px;margin:0 auto;padding: 40px 0 60px 0;position:relative;}
.main_bbs{float:left;margin-right:40px;width:calc(100% - 704px);}
.main_bbs .inner{height: 340px;}
.main_bbs .mbbs_con{overflow:inherit;top: 43px;}
.main_bbs .mbbs_con .more{position:absolute;width:84px;top: -44px;right:0;padding: 3px 0 0 0;border-radius: 40px;font-size: 13px;}
.main_bbs h3{margin:0 60px 20px 0;}
.main_bbs h3 a{font-size:24px;}
.main_bbs h3 a:hover{color:#2b804b;}
.main_bbs h3.on a:after{width:8px;height:8px;top: -10px;right: -10px;}
.main_bbs .mbbs_new a:hover dt{text-decoration:underline;}
.main_bbs .mbbs_new{padding: 25px 20px;}
.main_bbs .mbbs_new dt{font-size:20px;-webkit-line-clamp: 1;height: 30px;padding-left: 120px;}
.main_bbs .mbbs_new .txt{margin-left: 120px;font-size:16px;margin-top: 12px;padding-top: 14px;}
.main_bbs .mbbs_new .date{padding: 24px 14px;border-radius: 15px;top: 50%;transform: translateY(-50%);}
.main_bbs .mbbs_new .date strong{font-size:30px;line-height: 30px;}
.main_bbs .mbbs_new .date span{font-size:16px;}
.main_bbs .mbbs_con ul{margin:18px 0 0 0;}
.main_bbs .mbbs_con ul li{margin-bottom: 11px;}
.main_bbs .mbbs_con ul li:hover strong{text-decoration:underline;}
.main_bbs .mbbs_con ul li strong{font-size:16px;width: 75%;}
.main_bbs .mbbs_con ul li span{font-size:16px;}
    
.main_info{float: right;max-width: 664px;margin:0;}
.main_info .info_control{width:178px;height:39px;padding: 5px 10px;bottom: -17px;}
.main_info .btn{margin:0 auto;overflow: hidden;width: fit-content;}
.main_info .btn span{font-size:16px;margin-right: 10px;}
.main_info .btn button{margin-right: 15px;margin-top: 2px;}
.con2:before{content:"";display:block;width:176px;height:273px;position:absolute;background:url("/images/07_jps/main/left_cir.png")no-repeat;left: -248px;top: -171px;}
.con2 .main_info::after{content:"";display:block;width:172px;height:247px;position:absolute;background:url("/images/07_jps/main/right_cir.png")no-repeat;right: -253px;top: -90px;}
}
@media all and (min-width:1440px) {
.con1{position: relative;}
}