@charset "utf-8";

/* Mobile */
.main_container{font-family:'GmarketSans';font-weight:300;}


.main_visual{background:url("/images/09_jbares/main/m_vis.jpg") no-repeat right top;background-size:cover;}
.main_visual .visual_txt{height:150px;width:100%;font-size:18px;text-align:left;padding:50px 0 0 20px;line-height:26px;}
.main_visual .visual_txt h3{color:#3a6c45;}
.main_visual .visual_txt p{color:#8a9a36;}


.main_content{background-color:#ebf5eb;}
.link_list{background-color:white;padding:30px 20px;}
.link_list:after{display:block;content:"";clear:both;}
.link_list ul li{float:left;width:50%;line-height:45px;padding:5px 0;}
.link_list ul li a{position:relative;display:block;font-size:14px;padding-left:40px;}
.link_list li a:before{display:block;content:"";width:40px;height:40px;position:absolute;top:0;left:0;background:url("/images/09_jbares/main/m_i.png") no-repeat;}
.link_list li.v_i1 a:before{background-position:0 0px;}
.link_list li.v_i2 a:before{background-position:-98px 0;}
.link_list li.v_i3 a:before{background-position:-200px 0;}
.link_list li.v_i4 a:before{background-position:-300px 0;}
.link_list li.v_i5 a:before{background-position:-400px 0;}
.link_list li.v_i6 a:before{background-position:0 -360px;}
.link_list li.v_i7 a:before{background-position:-90px -360px;}
.link_list li.v_i8 a:before{background-position:-200px -360px;}
.link_list li.v_i9 a:before{background-position:-300px -360px;}
.link_list li.v_i10 a:before{background-position:-400px -360px;}
.link_list li.v_i11 a:before{background-position:-500px -360px;}
.link_list li.v_i12 a:before{background-position:-600px -360px;}
.link_list li.v_i13 a:before{background:url('/upload_data/board_data/BBS_0000107/173217841525491.gif')no-repeat}
.link_list li a:hover,
.link_list li a:focus{color:#3d7c4b;text-decoration:underline;}

.link_list li.v_i1 a:hover:before,
.link_list li.v_i1 a:focus:before{background-position:-46px 0;}
.link_list li.v_i2 a:hover:before,
.link_list li.v_i2 a:focus:before{background-position:-145px 0;}
.link_list li.v_i3 a:hover:before,
.link_list li.v_i3 a:focus:before{background-position:-252px 0;}
.link_list li.v_i4 a:hover:before,
.link_list li.v_i4 a:focus:before{background-position:-352px 0;}
.link_list li.v_i5 a:hover:before,
.link_list li.v_i5 a:focus:before{background-position:-449px 0;}
.link_list li.v_i6 a:hover:before,
.link_list li.v_i6 a:focus:before{background-position:-47px -360px;}
.link_list li.v_i7 a:hover:before,
.link_list li.v_i7 a:focus:before{background-position:-144px -360px;}
.link_list li.v_i8 a:hover:before,
.link_list li.v_i8 a:focus:before{background-position:-248px -360px;}
.link_list li.v_i9 a:hover:before,
.link_list li.v_i9 a:focus:before{background-position:-347px -360px;}
.link_list li.v_i10 a:hover:before,
.link_list li.v_i10 a:focus:before{background-position:-447px -360px;}
.link_list li.v_i11 a:hover:before,
.link_list li.v_i11 a:focus:before{background-position:-548px -360px;}
.link_list li.v_i12 a:hover:before,
.link_list li.v_i12 a:focus:before{background-position:-646px -360px;}


.main_bbs{position:relative;padding:30px 20px;background-color:rgb(243, 243, 243);height:630px;}
.main_bbs h3{font-size:22px;font-weight:300;color:#333;padding:13px 0;float:left;padding-right:0;}
.main_bbs h3 span{display:inline-block;margin-top:2px;}
.main_bbs h3 a{padding:15px 30px;}
.main_bbs h3 a.on,
.main_bbs h3 a:hover,
.main_bbs h3 a:focus{background-color:#8a9a36;border-radius:30px;color:white;}
.main_bbs .mbbs_list{position:absolute;top:90px;left:0;width:100%;}
.main_bbs .mbbs_list li{padding-bottom:20px;overflow: hidden;}
.main_bbs .mbbs_list li:last-child{border:none;}
.main_bbs .mbbs_list li a{display:block;color:#000;}
.main_bbs .mbbs_list li a:hover{text-decoration:underline;}
.main_bbs .mbbs_list li a strong{display:inline-block;width: 100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:20px;padding:10px 0;border-bottom:solid 1px #cdcdcd;font-weight: 300;}
.main_bbs .mbbs_list li a span{display:block;font-size:16px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#616161;font-weight:300;line-height: 20px;/* height:70px; */overflow:hidden;padding-top:15px;}
.main_bbs .tbox{width:100%;height:57px;border:1px solid #8a9a36;border-radius:50px;position:relative;}
.main_bbs p.more{text-align:center;position:absolute;right:0;top: -90px;}
.main_bbs p.more a{display:block;background:#eef1dd url("/images/09_jbares/main/more_ico.png") no-repeat center;border-radius:100%;overflow:hidden;width:56px;height:55px;padding:0;font-size:0;}
.main_bbs p.more a span{position:absolute;top:-1000px;left:-2000px;}
.main_bbs p.more a i{display:inline-block;width:12px;height:12px;margin-top:4px;background:url("/images/09_jbares/main/more_ico.png") no-repeat center;}


.info_zone{position:relative;width:90%;margin:0 auto;margin-top:30px;box-shadow:0px 5px 10px #d2e8d2;}
/*.info_zone .fade{display:inline-block;}*/
.info_zone .img a{background-color:#0c582a;overflow:hidden;border-radius:50px;}
.info_zone .img a img{width:100% !important;height:300px !important;}
.info_zone .control{position:absolute;bottom:0;right:0;width:177px;height:50px;background-color:#8a9a36;border-radius:50px 0 0 0;text-align:center;}
.info_zone .control .btn{color:white;margin: 13px 0 0 15px;}
.info_zone .control .btn span{position:relative;top:4px;right:4px;letter-spacing: 2px;}
.info_zone .control .btn span>em{font-style:normal;}
.info_zone .control button{background:url("/images/09_jbares/main/m_info.png") no-repeat;width:20px;height:30px;overflow:hidden;border-radius:100%;}
.info_zone .control .btn .prev{background-position:0 0;}
.info_zone .control .btn .next{background-position:-127px 0;}
.info_zone .control .btn .stop{background-position:-37px 0;width:20px;}
.info_zone .control .btn .play{background-position:-80px 0;width:20px;}

.main_sitelink_list{width:100%;padding:30px 20px;}
.main_sitelink_list button{display:block;width:100%;text-align:left;font-size:16px;padding:20px 30px;margin-bottom:10px;border-radius:50px;background-color:white;position:relative;z-index:1;box-shadow:0px 5px 10px #d2e8d2;}
.main_sitelink_list .sitelink_box{position:absolute;display:none;width: 90%;margin-top:-9px;padding:25px 0 30px 5px;background:#f9fffb;border-radius:31px;border:1px solid #8a9a36;z-index:2;overflow:hidden;}
.main_sitelink_list button span{float:right;width:15px;height:0;margin-top:8px;padding-top:13px;overflow:hidden;background:url("/images/09_jbares/main/arrow_ico.png");}
.main_sitelink_list .on{display:block;}
.main_sitelink_list .sitelink_box ul{overflow-y:auto;padding-left:15px;height: 204px;} 
.main_sitelink_list .sitelink_box ul li{padding:15px 0 0 10px;}
.main_sitelink_list .sitelink_box ul li a:hover{text-decoration:underline;color:#8a9a36;}
.main_sitelink_list .sitelink_box button{position:absolute;top:0;right:-40px;height:40px;width:40px;background:#3a6c45 url("/images/09_jbares/main/close_ico.png" )no-repeat left;display:block;padding-left:60px;overflow:hidden;border-radius:0;box-shadow:none;}

.sitelink_list div div.on{z-index:9;}


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

    .main_visual .visual_txt{height:200px;font-size:20px;padding:70px 0 0 20px;line-height:32px;}
    .main_content{background-color:white;}
    .link_list{ width:55%;padding:30px 15px;}
    .link_list li{float:left;width:50%;line-height:45px;padding:5px 0;}
    .link_list li a{display:block;font-size:16px;padding-left:45px;}

    .main_bbs{position:relative;padding: 47px 20px 30px 20px;background-color:rgb(243, 243, 243);height:330px;}
    .main_bbs h3{font-size:22px;}
    .main_bbs h3 span{display:inline-block;}
    .main_bbs .mbbs_list{position:absolute;top:58px;left:0;width:100%;}
    .main_bbs .mbbs_list li{border-bottom:none;width: 31.333%;float:left;margin: 30px 20px 0 0;padding-bottom: 0;}
    .main_bbs .mbbs_list li:last-child{margin-right: 0;}
    .main_bbs .mbbs_list li a span{line-height:24px;}
    .main_bbs p.more{top:-58px;}

    .mc_right{position:absolute;width:46%;top:260px;right:15px;}
    .info_zone{width:100%;border-radius:50px;overflow:hidden;margin-top: 0;}
    .info_zone .fade{display:inline-block;}
    .info_zone .control{position:absolute;bottom:0;right:0;width:177px;height:50px;background-color:#8a9a36;border-radius:50px 0 0 0;text-align:center;}
    .info_zone .control .btn{color:white;margin:11px 0 0 8px;}

    .main_sitelink_list{padding: 20px 0;width:100%;overflow:hidden;}
    .main_sitelink_list button{display:block;width:100%;text-align:left;font-size:16px;padding:15px 25px;border:1px solid #8a9a36;box-shadow:none;} 
    .main_sitelink_list .sitelink_box{width: 100%;margin-top: -11px;}
    .main_sitelink_list .sitelink_box button{padding-left:60px;right:-38px;}
}

/* Desktop */
@media all and (min-width:1023px) {
    .main_visual{height:550px;overflow:hidden;}
    .main_visual .visual_txt{width:620px;height:180px;font-size:32px;padding:0;margin:110px 0 0 0;line-height:60px;}
    .main_visual .visual_txt h3{font-size:50px;font-weight:200;}
    .main_visual .wrap{width:1400px;margin:0 auto;}

    .main_content{width:100%;margin:0 auto;clear:both;background-color:#ebf5eb;}
    .main_content .wrap{width:1400px;height:340px;position:relative;}
    .main_content .wrap .mc_left{position:absolute;left:-649px;top:-230px;width:1000px;height: 515px;background:#fff;border-radius:0 50px 50px 0;overflow:hidden;padding-left:1500px;padding-right:100px;box-shadow:0px 5px 10px #d2e8d2;}
    .main_content .wrap .mc_left .link_list{width:958px;height:104px;padding:30px 0 0 0;position:absolute;left:588px;}
    .link_list ul li{display:inline-block;width:auto;line-height:10px;padding: 20px 11px;}
    .link_list ul li a{display:inline-block;width:auto;font-size:16px;padding-left: 35px;padding-top:13px;letter-spacing:-1px;}
    
    .main_bbs{position:absolute;left:588px;bottom: 42px;margin:20px 0 0 0;width:900px;height:260px;padding:0 10px;background:none;}
    .main_bbs h3{font-size:22px;}
    .main_bbs h3 span{display:inline-block;}
    .main_bbs .mbbs_list{position:absolute;top:90px;width:100%;}
    .main_bbs .mbbs_list li{margin: 0 30px 0 0;width: 31%;}
    .main_bbs p.more{top:-90px;right: 1px;}

    
    .main_content .wrap .mc_right{position:absolute;right:0;top:-230px;width:381px;height:491px;}
    .info_zone{width:375px;border-radius:50px;overflow:hidden;float:left;margin-top:0;margin-right:0;}
    .main_sitelink_list{float:left;}
    .main_sitelink_list button{display:block;width: 365px;height:58px;text-align:left;font-size:16px;padding:15px 30px;border:none;box-shadow:0px 5px 10px #d2e8d2;color:#333;} 
    .main_sitelink_list .sitelink_box{width: 365px;}
    .link_list{ width:55%;padding:30px 15px;}
    .link_list li{float:left;width:50%;line-height:45px;padding:5px 0;}
    .link_list li a{display:block;font-size:16px;padding-left:45px;}
    
}      
.sub_site .head h1 span{color: #278e3e;}