.page_title_new{text-align: center;padding:40px 0;}
.page_title_new h4{font-weight:600;color:#222;font-size:40px;line-height:40px;}
.page_title_new h4 > span{display: inline-block;position:relative;z-index:2;}
.page_title_new h4 > span:after{content:"";position:absolute;left:-4px;bottom:-5px;right:-4px;height:20px;background:#cfffd1;z-index:-1;}
.page_title_new > p{display: block;margin-bottom: 10px;font-size: 32px;color: #17803c;font-weight: 500;line-height: 32px;}

.ontour_list{margin-left: -40px;}
.ontour_list > li{float: left;margin-left: 40px;margin-top: 40px;width: calc(33.33% - 40px);background: #fbf7e2;height: 430px;padding: 20px 0 25px;border-radius: 10px;text-align: center;}
.ontour_list > li > div.imgs{width: 100%;height: 190px;display: table;}
.ontour_list > li > div.imgs > span{display: table-cell;vertical-align: middle;}
.ontour_list > li:last-child > div.imgs{text-align: left;}
.ontour_list > li > div.text{padding: 0 10px;}
.ontour_list > li > div.text > dl dt{font-size: 26px;color: #222;font-weight: bold;}
.ontour_list > li > div.text > dl dd{font-size: 22px;color: #555;font-weight: 300;}
.ontour_list > li > div.text > p{font-size: 15px;color: #222;margin:13px 0 17px;}
.ontour_list > li > div.text > p > span{display: block;}
.ontour_list > li > div.text > a{display: inline-block;padding: 9px 22px;border-radius: 3px;font-size: 15px;color: #fff;line-height:15px;}
.ontour_list > li > div.text > a.color1{background: #3c7b52;}
.ontour_list > li > div.text > a.color2{background: #a9574c;}
.gary_boxs{margin-top: 40px;border: 1px solid #e2e0e0;background: #fafafa;padding: 24px 29px;}
.gary_boxs > p{font-size: 16px;color: #333;font-weight: 500;margin-top: 5px;}
.gary_boxs > p:first-child{margin-top: 0;}
.gary_boxs > p > span{display: inline-block;}
.gary_boxs > p > span.red{color: #da4531;font-weight: 700;}
.gary_boxs > p > a{display: inline-block;margin-left: 10px;padding: 10px 23px;border: 1px solid #67d0d3;border-radius: 3px;background: #d3f3f4;font-size: 15px;line-height: 15px;color: #000022;font-weight: 500;}
.gary_boxs > p > a > span{display: inline-block;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sqz.cat') no-repeat right 3px;padding-right: 15px;}
.gary_boxs > p > a.vr-top{    vertical-align: top;}
.simg_line{margin: 30px 0 50px;}
.simg_left{float: left;width: 480px;}
.simg_right{float: right;width: calc(100% - 520px);}
.simg_left img{width: 100%;}
.simg_right > p{margin-top: 20px;font-size: 20px;color: #333;font-weight: 700;}
.simg_right > ul{margin: 15px 0 20px;}
.simg_right > ul > li{font-size: 16px;color: #555;font-weight: 300;}
.simg_right > a{display: inline-block;padding:0 14px;line-height: 27px;border-radius: 20px;background: #eb5937;font-size: 14px;color: #fff;font-weight: 500;}
.simg_right > a > span{display: inline-block;padding-left: 16px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Snqq.wct') no-repeat left center;}
.stage_line{margin-top: 20px;}
.stage_line > li{position:relative;float: left;width: calc(25% + 21px);text-align: center;margin-left: -28px;}
.stage_line.line3 > li{width: calc(33.33% + 20px);margin-left: -30px;}
.stage_line > li:after{content: "";position: absolute;right: 8px;top: 33px;width: 9px;height: 17px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sfgrc.cat') no-repeat center center;}
.stage_line > li:last-child:after{display: none;}
.stage_line > li:first-child{margin-left: 0;}
.stage_line > li > div{width: 100%;height: 84px;display: table;border-radius: 84px;}
.stage_line > li.co1 > div{background: rgba(5,130,49,0.15);}
.stage_line > li.co2 > div{background: rgba(43,138,155,0.15);}
.stage_line > li.co3 > div{background: rgba(43,72,155,0.15);}
.stage_line > li.co4 > div{background: rgba(116,43,143,0.15);}
.stage_line > li > div > dl{display: table-cell;vertical-align: middle;}
.stage_line > li > div > dl dt{font-size: 16px;color: #333;font-weight: 100;}
.stage_line > li > div > dl dd{font-size: 18px;color: #333;line-height: 22px;font-weight: 700;margin-top: 3px;}
.trip_fcbox{margin-top: 50px;text-align: center;background: #f8f8f8;padding: 60px 10px;}
.trip_fcbox > ul{margin-bottom: 30px;}
.trip_fcbox > ul > li{font-size: 18px;color: #555;font-weight: 300;margin-top:3px;}
.trip_fcbox > a.blue{display: inline-block;margin: 5px 8px;background: #517794;padding: 0 25px;min-width: 116px;height: 46px;line-height: 46px;color: #fff;font-size: 18px;font-weight: 500;text-align: center;border-radius: 10px;}

.online-btn1{text-align: center;margin-top: 30px;transition: .4s;}
.online-btn1 > a{display: inline-block;transition: .4s;margin: 5px 8px;background: #6f6e6e;padding: 0 30px;min-width: 116px;height: 46px;line-height: 46px;color: #fff;font-size: 18px;font-weight: 500;text-align: center;border-radius: 10px;}
.online-btn1 > a.bg-red{background: #a55757;}
.online-btn1 > a.bg-blue{background: #5e6692;}
.online-btn1 > a.bg-blue2{background: #517794;}
.online-btn1 > a.bg-blue3{background: #336470;}
.online-btn1 > a.bg-blue4{background: #536d9c;}
.online-btn1 > a.bg-blue5{padding:0 40px 0 30px;background: #d3f3f4 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sqz.cat') no-repeat right 25px center;color:#000022;}
.online-btn1 > a.bg-green{background: #3c8178;}
.online-btn1 > a.bg-purple{background: #5c537f;}
.online-btn1 > a.bg-purple2{background: #d3f3f4;color:#000022;}
.online-btn1 > a > span.bg1{display: inline-block;padding-right: 36px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot13.cat') no-repeat right center;}
.online-btn1.left{text-align: left;margin-left: -8px;}
.online-box1{max-width: 920px;margin: 60px auto 0;background: #f8f8f8;overflow: hidden;border-radius: 10px;}
.online-box1 > .title{position: relative;background: #269e50;padding: 20px;}
.online-box1 > .title > h4{color: #fff;font-size: 20px;line-height: 22px;text-align: center;}
.online-box1 > .title > a.gps-btn{position: absolute;top: 14px;right: 34px;display: table;color: #fff;font-size: 14px;height: 32px;line-height: 32px;border-radius: 5px;
padding: 0 16px 0 36px;background: #267e44 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot2.cat') no-repeat 12px 6px;}
.online-box1 > .cont-start{padding: 40px;}
.online-box1 .white-box{background: #fff;padding: 30px;}
.online-box1 .white-box + .white-box{margin-top: 20px;}
.online-box1 .white-box.vtg-mi{display: table;width: 100%;height: 180px;padding: 30px 20px;text-align: center;}
.online-box1 .white-box.vtg-mi > *{display: table-cell;vertical-align: middle;}
.online-box1 .white-box.vtg-mi > p{color: #333;font-size: 20px;font-weight: 500;}
.online-box1 .white-box.vtg-mi > ul{color: #666;font-size: 18px;line-height: 20px;font-weight: 300;}
.online-box1 .white-box.vtg-mi > ul > li{margin-top: 8px;}
.online-box1 .white-box.vtg-mi > ul > li.title{color: #333;font-size: 24px;line-height: 26px;font-weight: 500;margin-bottom: 20px;}
.online-box1 .white-box.vtg-mi > ul > li:first-child{margin-top: 0;}
.online-box1 .white-box.vtg-mi > ul > li:last-child{margin-bottom: 0;}
.online-box1 .white-box.vtg-mi > ul.ft20{color: #333;font-size: 20px;line-height: 22px;font-weight: 500;}
.online-box1 .white-box.vtg-mi .red{color: #a55757;}
.online-box1 .white-box.vtg-mi .online-btn1 > a{min-width: 162px;}
.online-table1{background: #fff;}
.online-table1 table{width: 100%;border-top: 2px solid #222;}
.online-table1 table th, .online-table1 table td{height: 56px;border-right: 1px solid #8f8f8f;border-bottom: 1px solid #8f8f8f;}
.online-table1 table th:last-child, .online-table1 table td:last-child{border-right: 0;}
.online-table1 table th{padding: 10px;color: #333;font-size: 18px;line-height: 20px;}
.online-table1 table td{padding: 10px 15px;}
.online-table1 table td > select{height: 35px;width: 100%;max-width: 420px;color: #555;font-size: 16px;padding: 0 36px 0 12px;border: 1px solid #666;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot1.tvs') no-repeat right 12px center;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;}
.online-table1 table td > select::-ms-expand{display: none;}
.radio-list{margin: 15px 0 0 -30px;overflow: hidden;}
.radio-list > li{float: left;margin: 5px 0 0 30px;}
.radio-list > li > label{display: inline-block;color: #222;font-size: 20px;line-height: 22px;padding-left: 8px;margin: 0;}
.radio-list > li > input{margin: 0;}
.online-btn2{text-align: center;margin-top: 20px;}
.online-btn2 > *{color: #222;display: inline-block;vertical-align: top;margin: 5px 0 0 10px;}
.online-btn2 > span{font-size: 20px;line-height: 38px;margin: 5px 15px 0 0;}
.online-btn2 > a{font-size: 16px;line-height: 36px;padding-right: 14px;border: 1px solid #808080;border-radius: 5px;}
.online-btn2 > a.bg1{padding-left: 40px;background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot3.tvs') no-repeat 14px;}
.online-btn2 > a.bg2{padding-left: 46px;background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot4.tvs') no-repeat 14px;}
/*sub-popup*/
.online-popup{display: none;position: fixed;top: 0;left: 0;width:100%;height: 100%;z-index: 10;background: rgba(0, 0, 0, 0.6);}
.online-popup .popup-box{position: absolute;top: 50%;left: 50%;z-index: 10;width: 90%;max-width: 596px;padding-bottom: 30px;background: #fff;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.popup-center{padding: 30px 30px 10px;max-height: calc(100vh - 200px);overflow-y: auto;}
.online-popup .title{position: relative;padding: 15px 54px 15px 20px;background: #379b5a;}
.online-popup .title > h3{color: #fff;font-size: 20px;font-weight: 500;line-height: 22px;}
.online-popup .title > .close{position: absolute;top: 50%;right: 20px;margin-top: -8px;height: 16px;}
.online-popup .title > .close > img{vertical-align: top;}
/* //sub-popup*/
.online-ft18{text-align: center;color: #333;font-size: 18px;line-height: 20px;}
.online-ft18 > li{margin-top: 10px;}
.online-ft18 > li.big-red{color: #ad5858;font-size: 28px;font-weight: 500;line-height: 30px;}
.online-ft18 > li:first-child{margin-top: 0;}
.online-btn3{text-align: center;margin-top: 20px;}
.online-btn3 > a{display: inline-block;margin: 5px 5px 0;min-width: 88px;height: 36px;line-height: 34px;color: #333;font-size: 16px;text-align: center;border-radius: 3px;background: #eee;border: 1px solid #b9b9b9;}
.online-photo-list{overflow: hidden;background: #fff;border-top: 2px solid #222;}
.online-photo-list > li{float: left;display: table;width: 50%;text-align: center;border-bottom: 1px solid #8f8f8f;}
.online-photo-list > li > *{display: table-cell;vertical-align: middle;}
.online-photo-list > li > p.num{width: 100px;background: #e6f5eb;color: #333;font-size: 18px;font-weight: 500;}
.online-photo-list > li > div{padding: 20px;}
.online-photo-list > li > div > a{display: block;}
.online-photo-list > li > div > a.title{display: table;margin: 16px auto 0;color: #333;font-size: 18px;font-weight: 500;line-height: 21px;padding-right: 30px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot5.cat') no-repeat right top;}
.online-photo-list > li > div > a.photo{position: relative;padding-top: 62%;}
.online-photo-list > li > div > a.photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.online-choice-list{overflow: hidden;margin: -25px 0 0 -28px;}
.online-choice-list > li{position: relative;float: left;width: calc(25% - 28px);padding-left: 30px;margin: 25px 0 0 28px;}
.online-choice-list > li > .num{position: absolute;top: 0;left: 0;color: #333;font-size: 20px;line-height: 20px;}
.online-choice-list > li > .photo{position: relative;padding-top: 84%;}
.online-choice-list > li > .photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.online-choice-list > li.on > .num{color: #269e50;}
.online-choice-list > li.on > .photo::after{position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;border: 1px solid #269e50;box-sizing: border-box;content:"";}
.online-ask{color: #333;font-size: 16px;line-height: 20px;margin: 20px 0;}
.online-key{margin: 20px 3% 0;}
.online-key > dt{color: #333;font-size: 18px;line-height: 20px;font-weight: 500;margin-bottom: 10px;}
.online-key > dd{color: #666;font-size: 16px;line-height: 18px;font-weight: 300;}
.online-text1{}
.online-text1 > dt{color: #333;font-size: 24px;line-height: 24px;font-weight: 500;margin-bottom: 20px;}
.online-text1 > dt > span{display: inline-block;vertical-align: top;width: 32px;height: 24px;margin-left: 8px;font-size: 18px;line-height: 22px;text-align: center;border-radius: 3px;background: #ecf5ff;border: 1px solid #98c0ed;}
.online-text1 > dd{color: #666;font-size: 16px;line-height: 22px;font-weight: 300;}
.online-text2{color: #333;font-size: 18px;line-height: 22px;font-weight: 300;text-align: center;margin: 20px 15px 0;}
.online-text2 > strong{color: #269e50;font-weight: 500;}

.bbs_list.online0308 ul{margin-left: -5%;}
.bbs_list.online0308 ul > li{width: 28.33%;margin-left: 5%;}

.online-view{}
.online-view table{border-top: 1px solid #dadade;border-bottom: 1px solid #999;}
.online-view table th{background: #f5f5f5;padding: 10px 5px;color: #444;font-size: 14px;border-bottom: 1px solid #dadade;}
.online-view table td{padding: 10px;color: #444;font-size: 14px;}

.online-photo-list2{border-top: 1px solid #ccc;}
.online-photo-list2 > li{padding: 40px 0;overflow: hidden;border-bottom: 1px solid #ccc;}
.online-photo-list2 > li > *{float: left;}
.online-photo-list2 > li > .photo{position: relative;width: 100%;max-width: 308px;min-height: 202px;padding-top: 18%;overflow: hidden;}
.online-photo-list2 > li > .photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.online-photo-list2 > li > .text{width: calc(100% - 308px);padding: 5px 40px 0;}
.online-photo-list2 > li > .text > dl{min-height: 110px;margin-bottom: 20px;}
.online-photo-list2 > li > .text > dl > dt{color: #434343;font-size: 24px;line-height: 28px;font-weight: 500;margin-bottom: 15px;}
.online-photo-list2 > li > .text > dl > dd{color: #434343;font-size: 15px;}
.online-btn4{margin-top: -4px;}
.online-btn4 > a{display: inline-block;padding: 0 25px;margin: 4px 10px 0 0;min-width: 106px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 16px;background: #358f6e;border-radius: 4px;}
.online-btn4 > a > span{display: inline-block;}
.online-btn4 > a:last-child{margin-right: 0;}
.online-btn4 > a.blue{background: #52729e;}
.online-btn4 > a.green{background: #269e50;}
.online-btn4 > a.orange{background: #eb5937;}
.online-btn4 > a.down > span{padding-right: 36px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar0312_ot1.cat') no-repeat right center;}

.online-pad12{padding: 20px 12px;}
.online-pad12 > p{color: #666;font-size: 16px;}
.online-pad12 > p > strong{font-size: 18px;color: #222;}

.online-btn5{overflow: hidden;margin: -5px 0 0 -10px;}
.online-btn5 > a{float: left;display: block;min-width: 176px;padding: 12px 18px;margin: 5px 0 0 10px;text-align: center;border-radius: 6px;background: #d0f6de;border: 1px solid #90e0a2;}
.online-btn5 > a > span{display: inline-block;vertical-align: top;color: #333;font-size: 18px;line-height: 20px;letter-spacing: -1px;padding-right: 38px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot8.cat') no-repeat right center;}

.online-text3{margin: 25px 0;}
.online-text3 > li{position: relative;padding: 6px 0 0 110px;margin-top: 15px;color: #222;font-size: 16px;font-weight:500;line-height: 20px;min-height: 35px;}
.online-text3 > li:first-child{margin-top: 0;}
.online-text3 > li > span:first-child{position: absolute;top: 0;left: 0;display: table;width: 90px;height: 35px;line-height: 35px;color: #fff;text-align: center;background: #169b99;border-radius: 5px;}
.online-text3 > li > p{color: #666;margin-bottom: 10px;font-weight:400;}
.online-text3 > li > p:last-child{margin-bottom: 0;}
.online-text3 > li .online-open{display: inline-block;border: 1px solid #67d0d3;padding: 7px 23px;border-radius: 3px;background: #d3f3f4;font-size: 15px;color: #000022;font-weight: 500;}
.online-text3 > li .online-open > span{display: inline-block;padding-left: 20px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Snqq.cat') no-repeat left center;}


.ncar_boxs{margin-top: 15px;}
.ncar_boxs .car_lf{float:left;width:170px;height:140px;display:table;text-align:center;box-sizing:border-box;border:1px solid #e2e0e0;}
.ncar_boxs .car_lf > a{display: table-cell;vertical-align:middle;font-size:15px;color:#333;font-weight:500;background:#fafafa;transition: .4s;line-height: 20px;}
.ncar_boxs .car_lf > a:hover{background:#d3f3f4;}
.ncar_boxs .car_lf > a > span{display:inline-block;padding-top:66px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sapne.cat') no-repeat center top;}
.ncar_boxs .car_rt{float:left;margin-left:25px;width: calc(100% - 195px);}
.ncar_boxs .car_rt > dl dt{margin-top: 16px;font-size:16px;color:#333;font-weight:500;}
.ncar_boxs .car_rt > dl dt > span{color:#da4531;}
.ncar_boxs .car_rt > dl dd{margin-top: 3px;font-size:16px;color:#666;font-weight:400;}
.ncar_boxs .car_rt > dl dt > a{color:#da4531;font-weight: 500;}
.ncar_boxs .car_rt > dl dt > a > span{display: inline-block;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sqz.cat') no-repeat right 3px;padding-right: 15px;}


.online-text4{display: table;margin-bottom: 86px;height: 122px;width: 100%;padding-left: 190px;background: #fafafa;position: relative;}
.online-text4::before{position: absolute;bottom: -44px;left: 77px;width: 57px;height: 148px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot9.cat');content:"";}
.online-text4 > ul{display: table-cell;vertical-align: middle;padding: 20px 10px;}
.online-text4 > ul > li{color: #555;font-size: 14px;}
.online-text4 > ul > li.title{color: #333;font-size: 20px;line-height: 22px;margin-bottom: 10px;}

.online-tab1{margin: 30px 0;padding: 0  0 1px 1px;overflow: hidden;}
.online-tab1 > li{float: left;display: table;width: 50%;height: 52px;position: relative;}
.online-tab1 > li::before{position: absolute;top: 0;left: -1px;width: calc(100% - 1px);height: calc(100% - 1px);border: 1px solid #ddd;content:"";}
.online-tab1 > li > *{z-index: 10;position: relative;}
.online-tab1 > li > a{display: table-cell;vertical-align: middle;text-align: center;color: #888;font-size: 18px;line-height: 20px;padding: 5px 10px;}
.online-tab1 > li.on::before{z-index: 9;background: #269e50;border: 1px solid #269e50;}
.online-tab1 > li.on > a{color: #fff;}
.online-map1{position: relative;background: #f7f7f7;padding: 25px 25px 35px;}
.online-map1 .open-big{position: absolute;top: 25px;right: 25px;}

.online-map1 .img_ctr{position: absolute;top: 25px;right: 25px;}
.online-map1 .img_ctr > a{vertical-align:middle;display: inline-block;font-size: 0;margin-left: 5px;}

.online-map1 .map-img{margin: 30px auto 0;width: 100%;max-width: 1100px;/*height: 760px;*/padding: 10px;position: relative;text-align: center;overflow: hidden;background: #fff;border-radius: 10px;}
/*.online-map1 .map-img.big{overflow: auto;}*/
.online-map1 .map-img > img{display: block;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width: auto;height:auto;cursor:move;z-index: 1;max-width: 98%;}
.online-map1.on .map-img > img{max-width:500%;}
.online-map1 .map-img p.no{display: table;width: 100%;height: 445px;}
.online-map1 .map-img p.no > span{display: table-cell;vertical-align: middle;text-align: center;color: #999;font-size: 36px;line-height: 40px;}
.online-nextlist1{margin-bottom: 55px;width: 100%;max-width: 984px;overflow: hidden;border-radius: 50px;}
.online-nextlist1 > li{float: left;display: table;width: 50%;height: 73px;padding: 0 20px;position: relative;}
.online-nextlist1 > li::before{position: absolute;top: 0;right: -17px;z-index: 2;width: 34px;height: 73px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot10.cat');content:"";}
.online-nextlist1 > li:last-child::before{display: none;}
.online-nextlist1 > li > p{display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size: 18px;line-height: 20px;}
.online-nextlist1 > li.blue{background: #4f95b6;}
.online-nextlist1 > li.green{background: #45ac69;}
.online-photo-list3{margin: 25px auto 40px;padding: 100px 120px 80px;width: 100%;max-width: 1000px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot11.tvs');border-radius: 10px;}
.online-photo-list3 > ul{margin: -70px 0 0 -120px;}
.online-photo-list3 > ul > li{float: left;width: calc(50% - 130px);margin: 70px 0 0 130px;padding: 26px 26px 28px;position: relative;background: #f7f6eb;border: 2px solid #fff;border-radius: 10px;}
.online-photo-list3 > ul > li > span{position: absolute;top: -30px;left: -10px;color: #faf9f7;font-size: 24px;font-weight: 500;width: 58px;height: 64px;line-height: 64px;padding-left: 14px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot12.cat') no-repeat left top;}
.online-photo-list3 > ul > li > .photo{display: block;position: relative;padding-top: 60%;overflow: hidden;border-radius: 20px;}
.online-photo-list3 > ul > li > .photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.online-photo-list3 > ul > li > .video{display: table;margin: 20px auto 0;color: #333;font-size: 20px;line-height: 21px;padding-right: 30px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot5.cat') no-repeat right top;}
.tit-st1 .red{color: #d24040;}
.online-photo-list4{margin: -30px 0 0 -40px;}
.online-photo-list4 > li{float: left;width: calc(25% - 40px);margin: 30px 0 0 40px;}
.online-photo-list4 > li > a{display: block;}
.online-photo-list4 > li h4{color: #333;font-size: 16px;line-height: 18px;text-align: center;margin: 14px 5px 0;overflow:hidden;-webkit-line-clamp: 1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.online-photo-list4 > li .photo{display: block;position: relative;padding-top: 62%;overflow: hidden;border-radius: 10px;}
.online-photo-list4 > li .photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.red-color{color: #cb3030;}

.default_view .top > div.date {border-bottom: 0;}
.online0310-btn1{text-align: center;margin-top: 35px;color: #0c0c0c;font-size: 15px;}
.online0310-btn1 > a{display: inline-block;vertical-align: top;line-height: 35px;}
.online0310-btn1 > a.parkbtn{margin: 0 80px;padding: 0;width: 140px;}
.online0310-btn1 > a.prev{padding-left: 44px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot6.cat') no-repeat left top;}
.online0310-btn1 > a.next{padding-right: 44px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot7.cat') no-repeat right top;}
.online-down1{display: inline-block;padding-right: 24px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot14.tvs') no-repeat right 3px;}
.online-btn6{display: inline-block;min-width: 88px;height: 32px;line-height: 32px;text-align: center;background: #ff8400;color: #fff;font-size: 16px;border-radius: 5px;}
.online-btn6.blue{background: #0d70cd;}
.online-title1{margin: 30px 0;color: #0c0c0c;font-size: 26px;line-height: 28px;font-weight: 300;}
.online-title1 > strong{display: inline-block;font-weight: 500;}
.online-title1.green-line{padding-bottom: 20px;border-bottom: 2px solid #279e51;}
.online-photo-list5{margin: -40px 0 0 -40px;}
.online-photo-list5 > li{float: left;width: calc(33.33% - 40px);margin: 40px 0 0 40px;}
.online-photo-text{overflow: hidden;}
.online-photo-text > *{float: left;}
.online-photo-text > .photo{width: 33%;}
.online-photo-text > .text{width: 67%;padding-left: 4%;color: #323232;font-size: 16px;}
.online-input-select{padding: 25px 50px;background: #fafafa;border: 1px solid #ccc;}
.online-input-select > li{position: relative;padding-left: 135px;margin-top: 15px;}
.online-input-select > li:first-child{margin-top: 0;}
.online-input-select > li > label{position: absolute;left: 0;top: 50%;margin-top: -10px;display: block;color: #0c0c0c;font-size: 18px;line-height: 20px;}
.online-input-select > li > div{margin: -5px 0 0 -5px;}
.online-input-select > li > div > *{float: left;width: calc(14.2% - 5px);height: 38px;margin: 5px 0 0 5px;}
.online-input-select > li > div > .w28{width: calc(28.4% - 5px);}
.online-input-select > li > div > input{color: #757575;font-size: 16px;padding: 0 10px;border: 1px solid #ccc;}
.online-input-select > li > div > select{color: #0c0c0c;font-size: 16px;padding: 0 32px 0 10px;border: 1px solid #ccc;background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Sbayvar_ot15.tvs') no-repeat right 12px center;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;}
.online-input-select > li > div > select::-ms-expand{display: none;}
.online-input-select > li > div > a{display: inline-block;width: 110px;line-height: 38px;text-align: center;background: #259e50;color: #fff;font-size: 16px;}

.online-imgw100{text-align: center;}
.online-imgw100 > span.mo{display: none;}
.online-imgw100 img{width: 100%;}
.online-clickshow{}
.online-clickshow > .clickshow-child{display: none;}
.online-clickshow > .clickshow-child.on{display: block;}


.online-checkbox-area{width: 100%;height: 400px;overflow-y: auto;}
.online-checkbox-input{padding: 30px;background: #fafafa;border: 1px solid #ccc;}
.online-checkbox-input ul.checkbox-list{display: table;width: 100%;padding: 0 1% 30px;background: #fff;border: 1px solid #ccc;position: relative;z-index: 1;}
.online-checkbox-input ul.checkbox-list::before{position: absolute;top: -1px;left: -1px;z-index: -1;width: calc(100% + 2px);height: 45px;background: #52808c;content:"";}
.online-checkbox-input ul.checkbox-list > li{display: table-cell;vertical-align: top;padding: 0 2%}
.online-checkbox-input ul.checkbox-list > li > ul{}
.online-checkbox-input ul.checkbox-list > li > ul > li{color: #666;font-size: 13px;margin-top: 15px;}
.online-checkbox-input ul.checkbox-list > li > ul > li label{display: table;margin: 0;line-height: 16px;position: relative;padding-left: 18px;}
.online-checkbox-input ul.checkbox-list > li > ul > li label > input[type="checkbox"]{position: absolute;left: 0;top: 2px;width: 12px;height: 12px;margin: 0;}
.online-checkbox-input ul.checkbox-list > li > ul > li.bg{display: table;width: 100%;height: 44px;margin: 0;background: #52808c;color: #fff;font-size: 14px;}
.online-checkbox-input ul.checkbox-list > li > ul > li.bg > p{display: table-cell;vertical-align: middle;}
.online-checkbox-input > .input-box{width: 100%;max-width: 580px;margin: 25px auto 0;}
.online-checkbox-input > .input-box > *{float: left;}
.online-checkbox-input > .input-box > input{color: #666;font-size: 14px;width: calc(100% - 220px);height: 34px;padding: 0 10px;border: 1px solid #ccc;}
.online-checkbox-input > .input-box > a{display: inline-block;width: 100px;height: 34px;line-height: 34px;margin-left: 10px;text-align: center;background: #259e50;color: #fff;font-size: 15px;font-weight: 500;border-radius: 2px;}
.online-checkbox-input > .input-box > a.gray{background: #888;}



@media screen and (max-width:1024px){
	.ontour_list{margin-left: -10px;}
	.ontour_list > li{margin-left: 10px;width: calc(33.33% - 10px);}
	.gary_boxs > p{font-size: 15px;}

	.online-choice-list{margin-left: -20px;}
	.online-choice-list > li{width: calc(25% - 20px);margin-left: 20px;}
	.online0308-table{width: 100%;overflow-x: auto;}
	.online0308-table table{min-width: 800px;}
	.online0308-table table th,
	.online0308-table table td{padding: 12px 5px !important;}
	.bbs_list.online0308 ul > li{width: 45%;}
	.online-photo-list3{padding: 80px 60px 60px;}
	.online-photo-list3 > ul{margin-left: -40px;}
	.online-photo-list3 > ul > li{width: calc(50% - 50px);margin-left: 50px;}
	.online-photo-list4{margin-left: -20px;}
	.online-photo-list4 > li{width: calc(25% - 20px);margin-left: 20px;}
	.online-photo-text > *{float: none;}
	.online-photo-text > .photo{width: 100%;text-align: center;}
	.online-photo-text > .text{width: 100%;padding: 20px 0 0;}
	.online-input-select{padding: 25px;}
	.online-input-select > li{padding-left: 100px;}
	.online-input-select > li > div > *{width: calc(20% - 5px);}
	.online-input-select > li > div > .w28{width: calc(40% - 5px);}
	
	.online-checkbox-input{padding: 25px 20px;}
	.online-checkbox-input ul.checkbox-list{padding: 0;}
	.online-checkbox-input ul.checkbox-list::before{display: none;}
	.online-checkbox-input ul.checkbox-list > li{display: inline-block;width: 25%;padding: 0 0 15px;}
	.online-checkbox-input ul.checkbox-list > li > ul{overflow: hidden;}
	.online-checkbox-input ul.checkbox-list > li > ul > li{float: left;margin: 15px 15px 0;}
	.online-checkbox-input ul.checkbox-list > li > ul > li.bg{padding: 0 15px;}
}

@media screen and (max-width:768px){
	.page_title_new{padding:60px 0 40px;}
	.page_title_new h4{font-weight:600;color:#222;font-size:30px;line-height:34px;}
	.page_title_new h4 > span:after{content:"";position:absolute;left:-2px;bottom:-3px;right:-2px;height:7px;}
	.page_title_new > p{display: block;margin-bottom: 10px;font-size: 23px;color: #17803c;font-weight: 500;line-height: 23px;}


	.ontour_list{margin-left: 0;}
	.ontour_list > li{float: none;margin-left: 0;width: 100%;max-width: 520px;margin: 30px auto 0;height: auto;}
	.ontour_list > li > div.imgs{height: auto;display: block;margin-bottom: 20px;}
	.ontour_list > li > div.imgs > span{display: block;}
	.gary_boxs{padding: 15px 15px;}
	.gary_boxs > p > a{display: table;margin-left: 0;margin-top: 10px;}
	.simg_left{float: none;width: auto;}
	.simg_right{float: none;width: auto;}
	.stage_line > li{float: none;width: 100%;margin-left: 0;margin-bottom: 15px;}
	.stage_line.line3 > li{width:100%;margin-left: 0;}
	.stage_line > li:last-child{margin-bottom: 0;}
	.stage_line > li:after{transform: rotate(90deg);right: auto;top: auto;bottom: -16px;left: 50%;margin-left: -4px;}

	.online-box1 > .title{padding: 14px;}
	.online-box1 > .title > h4{font-size: 18px;line-height: 20px;}
	.online-box1 > .title > a.gps-btn{position: static;margin: 10px auto 0;}
	.online-box1 > .cont-start{padding: 20px 20px 30px;}
	.online-box1 .white-box{padding: 20px 20px 30px;}
	.online-table1 table th{font-size: 16px;line-height: 18px;}
	.online-btn2 > span{display: block;line-height: 25px;margin: 15px 0;}
	.online-photo-list > li > p.num{width: 75px;}
	.online-choice-list > li{width: calc(50% - 20px);}

	.online-photo-list2 > li{padding: 30px 15px;}
	.online-photo-list2 > li > *{float: none;}
	.online-photo-list2 > li > .photo{margin: 0 auto 30px;}
	.online-photo-list2 > li > .text{width: 100%;padding: 30px 0 0;border-top: 1px dashed #ddd;}
	
	.online-text4{padding-left: 88px;}
	.online-text4::before{left: 20px;}
	.online-tab1 > li > a{font-size: 16px;line-height: 18px;}
	.online-photo-list3{padding: 60px 20px 45px;}
	.online-photo-list3 > ul{margin-left: 0;}
	.online-photo-list3 > ul > li{float: none;width: 100%;max-width: 320px;margin: 70px auto 0;}
	.online-photo-list4 > li{width: calc(50% - 20px);}
	.online-photo-list5 > li{width: calc(50% - 40px);}
	.online-input-select{padding: 16px;}
	.online-input-select > li{padding-left: 0;}
	.online-input-select > li > label{position: static;margin: 0 0 10px;}
	.online-input-select > li > div > *{width: calc(20% - 5px);}
	.online-input-select > li > div > .w28{width: calc(40% - 5px);}
	.online-input-select > li > div > input,
	.online-input-select > li > div > select{font-size: 15px;}

	.page_title h4 > span{font-size: 20px;line-height: 22px;}
	.online-map1 .map-img{overflow:auto;}
	.online-map1 .map-img > img{position:static;left:auto!important;top:auto!important;max-width:100%;transform: inherit;}
	/* .online-map1 .img_ctr{display: none;} */
	
	.online-checkbox-input ul.checkbox-list > li{width: 50%;}
}

@media screen and (max-width: 680px){
	.online-photo-list > li{width: 100%;}
	.online-photo-list > li > p.num{width: 100px;}
	.online-nextlist1 > li > p{font-size: 16px;line-height: 18px;}

	.online-imgw100 > span.mo{display: block;}
	.online-imgw100 > span.pc{display: none;}

	.online-checkbox-input > .input-box > input{width: calc(100% - 180px);}
	.online-checkbox-input > .input-box > a{width: 80px;}

	.ncar_boxs .car_lf{float:none;}
	.ncar_boxs .car_rt{float:none;margin-left:0;width: auto;margin-top:5px;}
}

@media screen and (max-width: 580px){
	.online-box1 .white-box.vtg-mi > ul{font-size: 16px;}
	.online-box1 .white-box.vtg-mi > ul > li.title{font-size: 20px;line-height: 22px;margin-bottom: 15px;}
	.online-box1 .white-box.vtg-mi > ul.ft20{font-size: 18px;line-height: 20px;}
	.popup-center{padding: 25px 20px 0;}
	.online-ft18{font-size: 16px;line-height: 18px;}
	.online-text4 > ul > li.title{font-size: 18px;line-height: 20px;}
	.online-map1{padding: 18px 18px 24px;}
	.online-map1 .open-big{position: absolute;top: 18px;right: 18px;}
	.online-map1 .map-img{margin-top: 20px;}
	.online0310-btn1{position: relative;padding-top: 45px;}
	.online0310-btn1 > a.parkbtn{margin: 0;}
	.online0310-btn1 > a.prev{position: absolute;top: 0;left: 0;}
	.online0310-btn1 > a.next{position: absolute;top: 0;right: 0;}
	.online-photo-list5{margin: -15px 0 0 -15px;}
	.online-photo-list5 > li{width: calc(50% - 15px);margin: 15px 0 0 15px;}
	.online-title1{font-size: 20px;line-height: 22px;}
	.online-photo-text > .text{font-size: 15px;}
	.online-input-select > li > div > *{width: calc(33.33% - 5px);}
	.online-input-select > li > div > .w28{width: calc(66.66% - 5px);}
}

@media screen and (max-width: 480px){
	.online-box1 > .cont-start{padding: 15px 15px 25px;}
	.online-box1 .white-box{padding: 15px 15px 25px;}
	.online-photo-list > li > *{display: block;}
	.online-photo-list > li > p.num{width: 100%;height: 45px;line-height: 45px;}
	.online-choice-list > li{width: calc(100% - 20px);}
	.bbs_list.online0308 ul > li{width: 95%;}
	.online-photo-list4 > li{width: calc(100% - 20px);}
	.online-tab1 > li{width: 100%;    height: 45px;}
	/*.online-map1 .map-img{height: 260px;}*/

	.online-checkbox-input ul.checkbox-list > li{width: 100%;}
	.online-checkbox-input > .input-box{text-align: center;}
	.online-checkbox-input > .input-box > *{float: none;}
	.online-checkbox-input > .input-box > input{width: 100%;}
	.online-checkbox-input > .input-box > a{width: 80px;margin: 10px 10px 0 0;}
	.online-checkbox-input > .input-box > a:last-child{margin-right: 0;}
}

@media screen and (max-width: 425px){
	/*.online-map1 .map-img{height: 220px;}*/
	.online-input-select > li > div > *{width: calc(50% - 5px);}
	.online-input-select > li > div > .w28{width: calc(100% - 5px);}
	.online-text3 > li{padding:0;}
	.online-text3 > li:first-child{margin-top: 0;}
	.online-text3 > li > span:first-child{margin-left: -5px;position: static;display: block;margin-bottom:8px;}

	/*
	.online-text3 > li{padding: 0;}
	.online-text3 > li > span:first-child{position: static;width: auto;height: auto;text-align: left;line-height: 20px;padding-bottom: 5px;color: #000;margin-bottom: 10px;background: none;border-bottom: 3px solid #269e50;border-radius: 0;}
	*/
}


/*250820 추가*/
.thisMonth{padding-bottom:50px; border-bottom:1px solid #ddd;}
.thisMonth a{display:flex; align-items: start; gap:0px 36px; transform:scale(1) !important; justify-content: CENTER;}
.thisMonth a .MgPic{aspect-ratio: 5/7; width:400px;}
a .MgPic{border-radius:10px; position:relative; overflow:hidden; }
a .MgPic img{display:block; width:100%; top:0px; left:0px; transition: all 0.9s ease-out; left:0px; top:0px; transform:rotate(0deg); transform-origin:left bottom;}
a .MgPic img:nth-of-type(1){z-index:3; position:absolute;}
a .MgPic img:nth-of-type(2){z-index:2;}
.MgPic:hover img:nth-of-type(1),
.MgPic:hover img:nth-of-type(1){opacity:0;}
.thisMonth a .MgTxt{display:flex; flex-direction: column; gap:24px 0px;}
.thisMonth a .MgTxt strong{font-size:1.6rem; font-weight:700; color:#222;}
.thisMonth a .MgTxt p{font-size:1rem; font-weight:400; line-height:150%; color:#555; letter-spacing:0px;}
.thisMonth a .MgTxt p b{font-weight:700;}
.onlyM{display:none;}

.MgList{display:grid; grid-template-columns: repeat(4,1fr); margin-top:50px; gap:3.125rem 1.475rem; margin-bottom:50px; transition-duration:0.3s; width:100%}
.MgList li,.MgList li a{width:100%; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.MgList li .MgPic{width:240px; aspect-ratio: 5/7; margin-bottom:12px;}
.MgList li strong{font-size:1.175rem; font-weight:700; color:#222; display:block; margin-bottom:0.5rem; text-align:center;}
.MgList li p{display:flex; align-items: center; gap:0px 0.5rem; justify-content: center;}
.MgList li p span{font-size:1rem; font-weight:500; color:#222;}
.MgList li p i{font-size:1rem; font-weight:400; color:#555;}
.MgMore{display:flex; width:fit-content; align-items: center; justify-content: center; padding:1rem 40px; background:#259e50; color:#fff; font-size:1rem; font-weight:700; margin:0px auto;}
.MgSub{display:flex; flex-direction: column; gap:1.8rem 0px; padding:1.8rem; align-items: center; background:#F9F9F9; border-radius:10px; margin-top:2.2rem;}
.MgSub p{color:#555; font-size:1rem; line-height:130%; font-weight:500;}

.subsc{display:flex; flex-direction: column; padding:2.5rem; background:#F5F6F8; border-radius:10px; position:relative; margin-top:3.125rem;}
.subsc strong{display:block; font-size:1.375rem; font-weight:900; line-height:130%; margin-bottom:12px;}
.subsc p{font-size:1rem; font-weight:500; color:#555;}
.subsc p b{font-weight:700; color:#000; position:relative;}
.subsc p b span{z-index:2; position: relative;}
.subsc p b::after{content:""; position:absolute; left:0px; bottom:4px; width:100%; height:6px; background:#FFDC91; border-radius:2px;  }
.subsc::after{content:""; display:block; width:6rem; height:7.5rem; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Scnexf.frbhy.tb.xe%2Svzntrf%2Svpbaf.fit")center center no-repeat; background-size:100%; position:absolute; right:2.5rem; }
.subsc ul{display:flex; align-items: center; margin-top:1.5rem; gap:0px 4px;}
.subsc ul li a{display:block; padding:1rem 1.25rem; color:#fff; border-radius:4px; font-size:1rem;}
.subsc ul li:nth-of-type(1) a{background:#222;}
.subsc ul li:nth-of-type(2) a{background:#8C8C8C;}
.subsc p br{display:None;}
@media screen and (max-width: 860px){
	.subsc p br{display:block;}
	.onlyM{display:block;}
	.subsc{padding:2.5rem 1.5rem;}
	.subsc p{font-size:0.8rem; font-weight:500; color:#555;}
	.subsc p, .subsc strong,.subsc ul{position:relative; z-index:2;}
    .thisMonth a{flex-direction: column; align-items: center; gap: 2rem 0px;}
    .thisMonth a .MgPic{min-width:0px; min-height:0px; width:max-content; height:max-content; max-width:100%;}
    .thisMonth a .MgTxt{flex-direction: column; gap: 1.5rem 0px; width:100%;}
    .MgList{grid-template-columns: repeat(2,1fr); gap:2rem 0.9rem;}
    .MgList li .MgPic{width:100%; height:max-content;}
    .MgList li strong{font-size:0.9rem; letter-spacing:-0.1rem;}
    .MgList li p{gap:0px 0.2rem;}
    .MgList li p span,.MgList li p i{font-size:0.7rem; letter-spacing:-0.05rem; white-space:nowrap;}
    .MgMore{padding:1rem 2.5rem;} 	
	.subsc::after{width:3.5rem; height:6.5rem; top:4rem; right:1.5rem;}
    
}