.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

#sub-container > .right-box .sub-tit .printing{position: relative;}
#sub-container > .right-box .sub-tit .printing > div{height: 18px;display: inline-block;}
#sub-container > .right-box .sub-tit .printing > div a{margin: 0;}
#sub-container > .right-box .sub-tit .printing a{height: 18px;}
#sub-container > .right-box .sub-tit .printing a img{vertical-align: top;}
/* #sub-container > .right-box .sub-tit .printing a.like-btn img{display: none;}
#sub-container > .right-box .sub-tit .printing a.like-btn img:first-child{display: inline-block;}
#sub-container > .right-box .sub-tit .printing a.like-btn:hover img:first-child{display: none;}
#sub-container > .right-box .sub-tit .printing a.like-btn:hover img:last-child{display: inline-block;} 
#sub-container > .right-box .sub-tit .printing .like-popup{display: none;right: 0;top: 32px;position: absolute; text-align:center;}
#sub-container > .right-box .sub-tit .printing .like-popup p{width: 160px;text-align: left;padding: 12px 15px;background: #fff;border: 1px solid #e5e5e5;position: relative;display: inline-block;font-size: 14px;color: #666;letter-spacing: -1px;border-radius: 9px;}
#sub-container > .right-box .sub-tit .printing .like-popup p:after{position: absolute;content: '';width: 19px;height: 11px;background: url(../images/sub/printing3_pop.png) no-repeat center center;left: 111px;top: -11px;}
#sub-container > .right-box .sub-tit .printing .like-popup p span{display: block;font-size: 18px;color: #ef3232;}
#sub-container > .right-box .sub-tit .printing > div:hover .like-popup{display: inline-block;} */

.cancel-box{border: 1px solid #004080;background-color: #004080;color:#FFF;padding: 0px 5px 0px 5px;margin-left:8px; }

.sub-view-info > div{float: left;}
.sub-view-info .img{position: relative;padding: 60px 40px 0 20px;width: 311px;text-align: right;}
.sub-view-info .img:after{position: absolute;z-index: -1;width: 100%;content: '';background: #f5f5f5;height: 75%;left: 0;top: 0;}
.sub-view-info .img:before{position: absolute;width: 115px;height: 4px;background: url(../images/sub/sub-view-info_icon.png) no-repeat center center;content: '';right: -58px;top: 30px;}

.sub-view-info .text{width: calc(100% - 430px);padding: 60px 10px 0 40px;min-width: 270px;}
.sub-view-info .text h4{padding-bottom: 20px;position: relative;border-bottom: 1px solid #f5f5f5;font-size: 22px;color: #333;font-weight: bold;}
.sub-view-info .text h4.green-box{padding-left: 48px;}
.sub-view-info .text h4.green-box.plp{padding-left: 62px;}
.sub-view-info .text h4.green-box > span{position: absolute;display: inline-block;width: 36px;height: 19px;border: 1px solid #32b16c;color: #32b16c;font-size: 15px;text-align: center;line-height: 19px;left: 0;top: 8px;}
.sub-view-info .text h4.green-box.plp > span{border: 1px solid #823de0;color: #823de0;width: 48px;}
.sub-view-info .text li{margin-top: 20px;}
.sub-view-info .text span{display: block;font-size: 17px;color: #333;font-weight: bold;}
.sub-view-info .text p{letter-spacing: -1px;font-size: 16px;color: #666;position: relative;padding-left: 15px;}
.sub-view-info .text p:after{position: absolute;content: '';left: 0;top: 10px;width: 7px;height: 2px;background: #333;}

.sub-view-info .text .grey-box{margin-top: 20px;padding: 20px;background: #fafafa;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.sub-view-info .text .grey-box li{margin-top: 10px;font-size: 16px;}
.sub-view-info .text .grey-box li:first-child{margin-top: 0;}
.sub-view-info .text .grey-box span{display: inline-block;font-size: 16px;margin-right: 15px;}

.sub-view-text{background: url(../images/sub/sub-view-text_icon.png) no-repeat right bottom;margin-top: 50px;border: 1px solid #e5e5e5;padding: 35px 30px;font-size: 16px;color: #666;}
.sub-view-text p{margin-top: 35px;}
.sub-view-text p:first-child{margin-top: 0;}

.btn-warp{text-align: center;margin-top: 30px;}
.btn-warp.line{border-top: 1px solid #eee;margin-top: 0;padding-top: 20px;}
.btn-warp.tl{text-align: left;}
.btn-warp.tr{text-align: right;}
.btn-warp a{text-align: center;display: inline-block;background: #333;width: 100px;height: 42px;line-height: 42px;font-size: 15px;color: #fff;padding: 0 5px;}
.btn-warp a.fl{float: left;}
.btn-warp a.white{border: 1px solid #ddd;color: #333;background: #fff;}
.btn-warp a.red{border: 1px solid #ff5353;color: #fff;background: #ff5353;}

.sub_slider{border: 1px solid #e5e5e5;position: relative;margin-top: 20px;}
.sub_slider .banner-count{font-size: 15px;position: absolute;right: 58px;top: 9px;color: #fff;}
.sub_slider .banner-pic li a{display: block;}
.sub_slider #banner-index{color: #fff3a6;}
.sub_slider .bx-controls-direction{position: absolute;right: 20px;top: 12px;}
.sub_slider .bx-controls-direction a{text-indent: -999em;display: inline-block;float: left;width: 8px;height: 15px;}
.sub_slider .bx-controls-direction a.bx-prev{background: url(../images/sub/sub_slider_icon01.png) no-repeat center center;}
.sub_slider .bx-controls-direction a.bx-next{margin-left: 102px;background: url(../images/sub/sub_slider_icon02.png) no-repeat center center;}

.gallery-list li .txt-box p.txt{font-weight: 500;}
.gallery-list li .txt-box .stit{color: #666;font-size: 14px;}

.sub_pagetab{text-align: center;margin: 0 0 50px;}
.sub_pagetab li{display: inline-block;margin: 0 10px;width: 90px;}
.sub_pagetab li a{display: block;position: relative;padding-bottom: 15px;font-size: 16px;color: #333;font-weight: bold;}
.sub_pagetab li a:after{display: none;background: #fff3a6;position: absolute;bottom: 0;left: 0;content: '';height: 5px;width: 100%;}
.sub_pagetab li.on a:after{display: block;}
.sub_pagetab li a:hover:after{display: block;}

.search-area{text-align: center;}
.search-area p{border-bottom: 1px solid #333;max-width: 100%;display: inline-block;}
.search-area select{background: #fff;font-size: 15px;float: left;width: 108px;margin-left: -120px;border: 1px solid #e5e5e5;height: 33px;}
.search-area input{line-height: 30px;float: left;width: 325px;height: 30px;max-width: calc(100% - 27px);border: 0;font-size: 14px;}
.search-area a{float: left;margin-left: 5px;line-height: 30px;display: inline-block;}
.search-area.style2 p{max-width: calc(100% - 120px);margin-left: 120px;}

.imglist-con > div{margin-top: 20px;font-size: 14px;color: #333;}
.imglist-con > div > span{float: left;}
.imglist-con > div > p{float: right;}
.imglist-con > div > p span{font-weight: bold;font-size:13px;}
.imglist-con{width: 100%;overflow: hidden;}
.imglist-con > ul{margin-top: 10px;width: calc(100% + 20px);text-align: center;margin-left: -10px;}
.imglist-con > ul > li{margin: 10px;width: 195px;display: inline-block;}
.imglist-con > ul > li > a{display: inline-block;}
.imglist-con > ul > li > a img{max-width: 100%;}

.imglist-con > .gallery-list li .txt-box h5.tit{max-width: 195px;}

#sub-container > .right-box .sub-tit.bg12{background: url(../images/sub/home-icon12.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg13{background: url(../images/sub/home-icon13.gif) no-repeat top left;}

.ilist-con{width: 100%;overflow: hidden;margin-top: 50px;}
.ilist-con.style2{margin-top: 20px;}
.ilist-con.style2 ul{margin-top: 0;}
.ilist-con > p{text-align: center;color: #666;font-size: 15px;}


/* 뉴스레터 수정 */
.ilist-con ul{}
.ilist-con ul > li{margin-bottom:20px; display:inline-block; text-align:left; width:19%; padding: 0 30px; box-sizing:border-box;}
@media screen and (max-width: 768px){
	.ilist-con ul > li{width:49.4%;}
}
/*.ilist-con ul{margin-top: 50px;width: calc(100% + 60px);margin-left: -30px;}
.ilist-con ul > li{position: relative;margin-bottom: 20px;display: inline-block;text-align: left;width: 160px;padding: 0 30px;}
.ilist-con ul > li:after{position: absolute;content: '';width: 1px;height: 185px;left: 0;top: 33px;background: #e5e5e5;}
.ilist-con ul > li:first-child:after{display: none;} */


.ilist-con ul > li .info{margin-top: 8px;display: block;font-size: 15px;color: #1b2fab;}
.ilist-con ul > li p{height: 56px;font-size: 20px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ilist-con ul > li .data, .ilist-con ul > li .form{display: block;margin-top: 15px;font-size: 15px;color: #666;}
.ilist-con ul > li .form{color: #489728;margin-top: 0;}
.ilist-con ul > li > a {display:block;}

.paging{margin-top: 30px;text-align: center;}
.paging a{margin: 0 10px;display: inline-block;}
.paging a.on{font-weight: bold;}
.paging a.img{margin: 0 2px;}

.view-con > .tit{padding: 15px 10px;border-bottom: 1px solid #f5f5f5;margin-bottom: 20px;font-size: 22px;color: #333;}
.view-con > .title{background: #f5f5f5;padding: 10px 20px 50px;}
.view-con > .title p{float: left;font-size: 15px;color: #333;}
.view-con > .title a{float: right;display: inline-block;}
.view-con > .title span{margin-top: 20px;width: 100%;display: block;float: left;text-align: center;}
.view-con > .img{border: 1px solid #f5f5f5;}

.view-table{margin-top: 20px;}
.view-table table{border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.view-table th, .view-table td{height: 15px;padding: 11px 15px;font-size: 15px;color: #666;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.view-table th{vertical-align: middle;text-align: center;color: #000cb1;font-weight: bold;padding: 5px 11px;font-size: 15px;}
.view-table a.fc-blue{color: #0042ff;text-decoration: underline;}

#sub-container > .right-box .sub-tit.nobg{background: none;padding-left: 0;}
.search-title{margin: 70px 0 30px;text-align: center;font-size: 36px;font-weight: bold;color: #333;}
.cant-search{padding-top: 70px;text-align: center;}
.cant-search span{display: block;margin: 45px 0 25px;color: #333;font-size: 22px;font-weight: bold;}
.cant-search p{font-size: 15px;color: #666;line-height: 25px;}
.text-c{text-align: center;}

.search-pobup{margin-top: 20px;text-align: right;}
.search-pobup .btn{display: inline-block;text-align: center;height: 38px;width: 122px;line-height: 38px;border: 1px solid #e5e5e5;}
.search-pobup .btn > span{padding-right: 20px;font-size: 15px;color: #333;display: inline-block;background: url(../images/sub/search-pobup_icon.png) no-repeat right center;}
.search-pobup .btn.on{background: #f9f9f9;border-bottom: 0;}
.search-pobup .sc-pbp-con{display: none;text-align: center;margin-top: -1px;background: #f9f9f9;border: 1px solid #e5e5e5;padding: 20px;}
.sc-pbp-con > div{display: inline-block;text-align: left;}
.sc-pbp-con p, .sc-pbp-con span, .sc-pbp-con input, .sc-pbp-con label, .sc-pbp-con a{display: inline-block;float: left;}
.sc-pbp-con p:first-child{margin-right: 20px;}
.sc-pbp-con .tit{font-weight: bold;margin-right: 10px;line-height: 35px;}
.sc-pbp-con a{width: 97px;margin-left: 19px;height: 35px;line-height: 35px;text-align: center;background: #2f529b;font-size: 15px;color: #fff;}
.sc-pbp-con select{height: 35px;width: 108px;}
.sc-pbp-con input{margin: 10px 5px;}
.sc-pbp-con span.text{width: 20px;text-align: center;line-height: 35px;}
.sc-pbp-con span:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.sc-pbp-con label{line-height: 35px;}

.search-pobup .num{font-size: 15px;color: #666;text-align: center;margin-bottom: -30px;}

.search-tit{margin-top: 35px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;position:relative;}
.search-tit:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.search-tit a{margin-top: 9px;float: right;font-size: 14px;width: 50px;display: inline-block;text-align: right;color: #666;}
.search-tit select{margin-top:-3px;font-size: 14px;width:auto;display: inline-block;text-align: left;color: #666;position:absolute;right:0;top:0;}
.search-tit > p{float: left;font-size: 15px;color: #666;width: calc(100% - 50px);}
.search-tit > p span{font-size: 20px;color: #333;}
.search-tit.style2 > p{width: calc(100% - 130px);}
.search-tit.style2 a{width: 110px;padding-left: 20px;background: url(../images/sub/search-tit_icon.png) no-repeat left center;}

.search-list dl{float: left;margin-top: 20px;width: 50%;}
.search-list dt, .search-list dd{float: left;}
.search-list dt{width: 160px;}
.search-list dt a{display: block;}
.search-list dd{letter-spacing: -1px;padding: 15px 10px 0  30px;width: calc(100% - 300px);}
.search-list dd p{font-weight: 600;font-size: 20px;color: #333;position: relative;height: 100px;}
.search-list dd p > span{display: inline-block;position: absolute;left: 0;top: -20px;width: 37px;height: 18px;line-height: 18px;font-size: 15px;text-align: center;}
.search-list dd p > span.blue{color: #1e3cf0;border: 1px solid #1e3cf0;}
.search-list dd p > span.green{color: #108c30;border: 1px solid #108c30;}
.search-list dd li{font-size: 15px;color: #666;margin-bottom: 6px;}
.search-list dd li span{color: #333;font-weight: bold;}
.search-list dd > span{color: #489728;font-size: 15px;}

.search-textlist li{margin-top: 25px;}
.search-textlist .tit{position: relative;}
.search-textlist .tit a{color: #0042ff;font-size: 18px;max-width: calc(100% - 90px);display: inline-block;text-decoration: underline;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search-textlist .tit .data{display: inline-block;color: #666;position: absolute;right: 0;width: 90px;text-align: right;}
.search-textlist .text{font-size: 15px;color: #333;line-height: 25px;}
.search-textlist .form{font-size: 15px;color: #489728;margin-top: 10px;display: block;}

.data-select select{border: 0;padding: 0;margin: 0;font-size: 14px;color: #666;width: 182px;line-height: 30px;border-bottom: 1px solid #333;}

.data-tab{margin-top: 20px;border: 1px solid #eee;}
.data-tab > li{float: left;width: calc(100% / 12);height: 66px;position: relative;}
.data-tab > li a{display: inline-block;lefT: 0;top: 0;width: 100%;line-height: 66px;font-size: 14px;color: #666;position: absolute;text-align: center;}
.data-tab > li.on a{height: 78px;line-height: 78px;color: #fff;background: #585858;}
.data-tab > li.on:after{position: absolute;width: 20px;top: 22px;left: calc(50% - 10px);height: 1px;background: #989898;content: '';}

.mgt40{margin-top: 40px !important;}
.table-style1 th, .table-style1 td{font-size: 14px;color: #333;border-bottom: 1px solid #eee;height: 40px;vertical-align: middle;box-sizing: border-box;}
.table-style1 th{background: #fbfbfb;text-align: center;border-top: 1px solid #eee;}
.table-style1 td{padding: 5px 20px;}

.search-area.style3{text-align: right;}
.search-area.style3 select{margin: 0;}
.data-line{display: inline-block;width: 260px;float: left;}
.search-area.style3 p{max-width: calc(100% - 270px);}
.data-line select, .data-line span{float: left;}
.data-line select{width: 120px;height: 33px;border: 1px solid #e5e5e5;}
.data-line span{text-align: center;width: 20px;line-height: 33px;}

.table-style2{margin-top: 20px;border-top: 1px solid #eee;}
.table-style2 th, .table-style2 td{font-size: 14px;color: #333;border-bottom: 1px solid #eee;border-right: 1px solid #eee;height: 55px;vertical-align: middle;box-sizing: border-box;text-align: center;}
.table-style2 th{background: #fbfbfb;}
.table-style2 th select{background: none;border: 0;margin: 0;padding: 0;}
.table-style2 .fc-red{color: #ff0000;display: inline-block;}
.table-style2 td{padding: 5px;}
.table-style2 td:last-child{border-right: 0;}
.table-style2 td.tl{padding: 5px 10px;text-align: left;}
.table-style2 td .info-box{display: inline-block;width: 79px;height: 27px;line-height: 27px;text-align: center;border: 1px solid #eee;}
.table-style2 td .info-box.sm{width: 43px;height: 21px;line-height: 21px;}
.table-style2 td .info-box.bgw{width: 61px;}
.table-style2 td .info-box.red{border: 1px solid #ff0000;color: #ff0000;}
.table-style2 td .info-box.blue{border: 1px solid #00a0e9;color: #00a0e9;}
.table-style2 td .info-box.grey{background: #eee;}
.table-style2 td.fc-red{color: #ff0000;}
.table-style2 td input[type="text"]{border: 1px solid #eee;width: 243px;padding: 0 5px;height: 38px;max-width: 100%;}
.table-style2 td input[type="text"].w85{width: 85px;}
.table-style2 td input[type="text"].w50{width: 50px;}
.table-style2 td.phone input[type="text"]{width: 113px;}
.table-style2 td.mail input{width: 160px;margin: 3px 0;}
.table-style2 td.mail select{border: 1px solid #eee;margin: 3px 5px;background: #fff;height: 38px;width: 160px;}
.table-style2 button{height: 38px;line-height: 38px;color: #666;border: 0;margin: 3px;text-align: center;width: 115px;}
.table-style2 td.ta-con{padding: 0;}
.table-style2 td.ta-con textarea{width: 100%;height: 300px;box-sizing: border-box;border: 0;}
.table-style2 td.rd-con span{display: inline-block;margin-left: 10px;}
.table-style2 td.rd-con span input{margin-right: 5px;}

.info-line-box{margin-top: 50px;background: #fbfbfb;border: 1px solid #eee;padding: 20px 15px;}
.info-line-box li{font-size: 16px;color: #666;padding-left: 30px;line-height: 27px;margin-top: 15px;background: url(../images/sub/info-line-box_icon.png) no-repeat left 3px;}
.info-line-box li:first-child{margin-top: 0;}
.info-line-box li > span:first-child{color: #333;font-weight: bold;}
.info-line-box .info-box{display: inline-block;background: #fff;font-size: 14px;width: 63px;height: 25px;line-height: 25px;text-align: center;border: 1px solid #eee;}
.info-line-box .info-box.red{border: 1px solid #ff0000;color: #ff0000;}
.info-line-box .info-box.grey{background: #eee;}

.view-con-style2 > p{float: left;width: 288px;margin-right: 22px;}
.view-con-style2 > div{float: left;margin-top: 10px;width: calc(100% - 310px);}
.view-con-style2 .vcs-text-list{margin-bottom: 40px;}
.view-con-style2 .vcs-text-list > p{line-height: 30px;border-bottom: 1px solid #eee;color: #333;font-size: 20px;font-weight: 600;}
.view-con-style2 .vcs-text-list ul{margin-top: 10px;}
.view-con-style2 .vcs-text-list li{line-height: 23px;margin-top: 5px;padding-left: 45px;}
.view-con-style2 .vcs-text-list li > .tit{font-weight: 600;width: 45px;font-size: 15px;display: inline-block;margin-left: -45px;color: #000cb1;}
.view-con-style2 .vcs-text-list li b{font-size: 18px;color: #333;font-weight: bold;}
.view-con-style2 .two-vcs-tl > div{width: 50%;float: left;}
.view-con-style2 .two-vcs-tl > div > p{color: #ff0000;}
.view-con-style2 .two-vcs-tl > div ul{padding-right: 10px;}
.view-con-style2 .two-vcs-tl .vcs-text-list li{padding-left: 70px;}
.view-con-style2 .two-vcs-tl .vcs-text-list li > .tit{width: 70px;margin-left: -70px;}

input {border:none; background:none;} /* 바꿈 */
.box-tab{text-align: center;}
.box-tab  ul{display: inline-block; border: 1px solid #e5e5e5;}/* 바꿈 */
.box-tab ul li {float:left;}/* 바꿈 */
.box-tab li input{display: inline-block;float: left;width: 146px;height: 40px;line-height: 40px;color: #333;font-size: 15px;} /* 바꿈 */
.box-tab li input.on{background: #2f529b;color: #fff;} /* 바꿈 */
.box-tab li input:first-child{border-right: 1px solid #e5e5e5;} /* 바꿈 */

.table-title{margin-top: 20px;}
.table-title p{width: calc(100% - 160px);float: left;}
.table-title a{float: right;text-align: center;display: inline-block;height: 33px;border: 1px solid #eee;width: 144px;line-height: 33px;}
.table-title a span{display: inline-block;padding-right: 25px;font-size: 15px;color: #666;background: url(../images/sub/table-title_icon.png) no-repeat right center;}

.table-tit{margin-top: 25px;font-size: 15px;color: #666;}
.table-tit span{font-size: 20px;color: #333;}

.bigbtn-w{margin-top: 10px;text-align: center;}
.bigbtn-w a{width: 222px;height: 65px;line-height: 65px;text-align: center;background: #2f529b;color: #fff;font-size: 22px;display: inline-block;}

.login-box{margin: 200px auto 0;max-width: 553px;}
.login-box .tit{text-align: center;font-size: 36px;color: #333;}
.login-box .tit span{font-weight: bold;}
.login-box .input-area{margin-top: 90px;}
.login-box .input-area.nomtop{margin-top: 0;}
.login-box .input-area p{position: relative;}
.login-box .input-area p > span{top: -10px;left: 20px;position: absolute;display: inline-block;font-size: 16px;padding: 0 5px;background: #fff;color: #666;}
.login-box .input-area input{width: 100%;border: 1px solid #e5e5e5;padding-left: 22px;font-size: 18px;line-height: 63px;height: 63px;padding-right: calc(5% + 20px);}
.login-box .input-area p:first-child{margin-bottom: 25px;}
.login-box .input-area p.name input{background: url(../images/sub/login-box_icon01.png) no-repeat 95% center;}
.login-box .input-area p.psword input{background: url(../images/sub/login-box_icon02.png) no-repeat 95% center;}
.login-box .input-area p.phone input{background: url(../images/sub/login-box_icon03.png) no-repeat 95% center;}
.login-box .input-area p.id input{background: url(../images/sub/login-box_icon04.png) no-repeat 95% center;}

.login-box .check-area{margin-top: 50px;}
.login-box .check-area a{display: block;height: 65px;line-height: 65px;text-align: center;color: #fff;font-size: 22px;background: #4853e0;}
.login-box .check-area.two{text-align: center;margin-top: 15px;}
.login-box .check-area.two a{margin: 10px;display: inline-block;width: 222px;}
.login-box .check-area.two a.white{background: #fff;color: #666;width: 220px;border: 1px solid #e5e5e5;height: 63px;line-height: 63px;}
.login-box .btn-area{margin-top: 20px;text-align: center;}
.login-box .btn-area a{font-size: 18px;line-height: 18px;color: #666;display: inline-block;margin: 5px;position: relative;}
.login-box .btn-area a:after{position: absolute;content: '';top: 0;height: 18px;width: 1px;left: -5px;background: #666;}
.login-box .btn-area a:first-child:after{display: none;}
.login-box .btn-area a b{font-weight: bold;font-size: 18px;}
.login-box .check-id{text-align: center;margin-top: 90px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 25px 10px 50px;}
.login-box .check-id > span{font-size: 19px;color: #333;}
.login-box .check-id > p{font-size: 18px;color: #666;margin-bottom: 45px;}
.login-box .check-id > p span{color: #f00;}
.login-box .check-id > b{font-size: 30px;font-weight: 600;color: #2374d9;}
.login-box .info{margin: 30px 0 10px;text-align: center;font-size: 16px;color: #666;position: relative;}
.login-box .info.fc-red{color: #f00;}

.join-box{overflow-x: hidden;margin-top: 200px;}
.join-box > .tit{text-align: center;font-size: 36px;color: #333;}
.join-tab{margin-top: 50px;text-align: center;}
.join-tab ul{display: inline-block;}
.join-tab ul li{margin: 0 33px 10px;position: relative;display: inline-block;padding: 6px;}
.join-tab ul li:after{position: absolute;content: '';background: url(../images/sub/join-tab_bg.png) no-repeat center center;width: 65px;height: 2px;left: -65px;top: 64px;}
.join-tab ul li:first-child:after{display: none;}
.join-tab ul li > span{color: #666;margin-top: 15px;display: block;font-size: 16px;}
.join-tab ul li > div{position: relative;background: #fff;padding-top: 25px;width: 128px;height: 103px;border-radius: 50%;}
.join-tab ul li > div:after{position: absolute;content: '';z-index: -1;left: -6px;top: -6px;background: #eee;width: calc(100% + 12px);height: calc(100% + 12px);border-radius: 50%;}
.join-tab ul li > div span{display: block;color: #666;font-size: 12px;margin-bottom: 15px;}
.join-tab ul li p > img{display: none;}
.join-tab ul li p > img:first-child{display: inline-block;}
.join-tab ul li.on > span{color: #2f529b;}
.join-tab ul li.on > div:after{background: #2f529b;}
.join-tab ul li.on p > img{display: inline-block;}
.join-tab ul li.on p > img:first-child{display: none;}
/* .join-box .jb-tit{font-weight: 600px;margin: 40px 0 10px;font-size: 18px;color: #333;}
.join-box .jb-textbox textarea{width: 100%;box-sizing: border-box;height: 155px;border: 1px solid #e5e5e5;}
.join-box .jb-textbox label{margin-left: 5px;font-size: 15px;color: #666;} */
.join-box .chck-line{margin-top: 50px;text-align: center;}
.join-box .chck-line label{margin-left: 5px;}
.join-box .jb-text{margin-top: 10px;color: #333;font-size: 15px;}

.join-table-tit{text-align: center;}
.join-table-tit > div{display: inline-block;}
.join-table-tit > div p{float: left;text-align: left;display: inline-block;font-size: 18px;color: #666;margin-top: 25px;}
.join-table-tit > div p:first-child{padding-right: 35px;margin-top: 0;}
.join-table-tit > div p span{display: block;font-size: 36px;color: #333;}
.join-table{border-top: 2px solid #2f529b;}
.join-table th, .join-table td{border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;height: 33px;text-align: left;vertical-align: middle;color: #2f529b;font-size: 18px;padding: 10px 20px;}
.join-table th{color: #333;border-left: 1px solid #e5e5e5;background: #fbfbfb;text-align: center;}

.view-table-con > .tit{margin-bottom: 20px;font-size: 20px;color: #333;font-weight: 600;text-align: center;}
.view-table-con > .text > p{border-top: 1px solid #e5e5e5;background: #fbfbfb;padding: 10px 20px;font-size: 15px;color: #666;}
.view-table-con > .text > p span{color: #333;font-weight: bold; padding:0 5px 0 10px;}
.view-table-con > .text > span{color: #666;border-top: 1px solid #e5e5e5;padding: 10px 20px;display: block;}
.view-table-con > .text > span > a{color: #333;}
.view-table-con > .text > span > a img{margin-right: 10px;}
.view-table-con > .text > ul{padding:0 10px;}
.view-table-con > .text > ul > li{padding:3px 0;}
.view-table-con > .text > ul > li > a{color: #333;}
.view-table-con > .text > ul > li > a.btn{display:inline-block;vertical-align:top;border:1px solid #ddd;background:#e5e5e5;color:#000;font-size:14px;height:22px;line-height:22px;padding:0 10px;margin-right:5px;}
.view-table-con > .text > div{min-height: 370px;padding: 30px 20px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.view-table-con > .text > div.style2{position: relative;min-height: 200px;}
.view-table-con .text.style2 > div > .btn-warp{position: absolute;right: 0;bottom: 15px;}
.view-table-con .text.style2 > div > .btn-warp a{width: 95px;margin: 5px;}

.btns-list{margin-top: 30px;text-align: center;}
.btns-list > a{display: inline-block;font-size: 14px;color: #999;line-height: 14px;margin: 5px 10px;position: relative;}
.btns-list > a.on{color: #333;}
.btns-list > a:after{position: absolute;content: '';background: #333;width: 1px;height: 14px;top: 0;left: -10px;}
.btns-list > a:first-child:after{display: none;}

.faq-area{margin-top: 15px;}
.faq-area > div, .faq-area dt, .faq-area dd{display: table;width: 100%;}
.faq-area > div{font-size: 15px;color: #333;line-height: 42px;height: 42px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #fbfbfb;text-align: center;}
.faq-area > div > span, .faq-area dt p, .faq-area dd span{display: table-cell;text-align: center;width: 110px;}
.faq-area > div > p, .faq-area dt > div, .faq-area dd p{display: table-cell;vertical-align: middle;}
.faq-area dt{border-bottom: 1px solid #eee;}
.faq-area dt p{padding: 10px 0;}
.faq-area dt p span{border: 1px solid #eee;display: inline-block;width: 80px;height: 27px;line-height: 27px;font-size: 15px;color: #666;}
.faq-area dt div{padding: 10px 0 10px 15px;}
.faq-area dt a{display: block;min-height: 27px;padding-right: calc(5% + 35px);background: url(../images/sub/faq-area_icon02.png) no-repeat 95% center;}
.faq-area dt a.on{background: url(../images/sub/faq-area_icon02_on.png) no-repeat 95% center;}
.faq-area dd{display: none;background: #fbfbfb;}
.faq-area dd span{font-size: 30px;color: #333;}

/*.faq-area dd span:before {content:url(../images/sub/faq-area_icon03.png); padding:0 50px;}
.faq-area dd p{color: #666;padding: 10px 10px 10px 30px;font-size: 16px;background: url(../images/sub/faq-area_icon03.png) no-repeat 15px 10px;} */
.faq-area .faqText {width:110px; float:left; text-align:center; font-size:30px; color:#333;}
.faq-area .faqTextBox {display:table; padding:10px 0 0 15px;}
.faq-area .faqText span {font-size:25px; color:#666; width:80px; height:40px; margin:10px auto; display:block; background:#eee; line-height:40px; border-radius:10px;}

.qaa-tit{font-size: 22px;color: #333;padding: 15px 0;line-height: 33px;}
.qaa-tit > span{margin-right: 10px;display: inline-block;}

.text-conarea{font-size: 14px;color: #666;line-height: 25px;}
.text-conarea > p{margin-top: 30px;} /*20200810*/
.text-conarea > p span{color: #666;font-size: 14px}

.text-list-con{position: relative;}
.text-list-con:after{content: '';position: absolute;z-index: -1;height: 100%;width: 1px;top: 0;left: 10px;background: #dcdcdc;}
.text-list-con dl{position: relative;margin-top: 30px;} /*20200810*/
.text-list-con dl:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.text-list-con dl:before{position: absolute;content: '';left: 0;top: 0;width: 19px;height: 19px;background: url(../images/sub/text-list-con_icon01.png) no-repeat center center;}
.text-list-con dt, .text-list-con dd{box-sizing: border-box;width: 50%;float: left;}
.text-list-con dt{padding: 0 50px 0 45px;}
.text-list-con dt .tit{margin-top: -5px;font-size: 20px;color: #333;}
.text-list-con dt .tit span{display: block;margin-top: -5px;font-size: 24px;font-weight: bold;}
.text-list-con dt .en-tit{margin-top: -5px;line-height: 25px;color: #606f82;font-size: 20px;}
.text-list-con dt div{font-size: 14px;color: #666;margin-top: 25px;line-height: 23px;}

.img-harea{margin-top: 25px;position: relative;overflow: hidden;}
.img-harea a{transition-duration: 0.6s;display: inline-block;border: 1px solid #fff;box-sizing: border-box;position: absolute;width: 70%;}
.img-harea a:first-child{position: relative;}
.img-harea a img{width: 100%;}
.img-harea a:nth-child(3){left: 20%;z-index: 2;}
.img-harea a:nth-child(4){left: 30%;z-index: 3;}
.img-harea a:nth-child(2){left: 10%;z-index: 1;}

.sub-slider2{margin-top: 30px;padding-bottom: 30px;position: relative;} /*20200810*/
.sub-slider2 .bx-pager{position: absolute;display: inline-block;height: 10px;bottom: 0;left: calc(50% - 18px);}
.sub-slider2 .bx-pager-item{height: 10px;margin: 0 4px;display: inline-block;}
.sub-slider2 .bx-pager a{display: inline-block;text-indent: -999em;width: 8px;border: 1px solid #000;border-radius: 5px;height: 8px;}
.sub-slider2 .bx-pager a.active{background: #000;}
.sub-slider2 .bx-controls{display: inline-block;position: relative;padding:0 50px;margin-top: 20px;}
.sub-slider2 .bx-controls-direction{display: inline-block;}
.sub-slider2 .bx-controls-direction a{display: inline-block;text-indent: -999em;width: 5px;height: 7px;position: absolute;top:50%;margin-top:-3.5px;}
.sub-slider2 .bx-controls-direction a.bx-prev{background: url(../images/sub/sub-slider2_icon01.png) no-repeat center center;left:0;}
.sub-slider2 .bx-controls-direction a.bx-next{background: url(../images/sub/sub-slider2_icon02.png) no-repeat center center;right:0;}

.addlist-text p{margin-top: 25px;font-size: 20px;color: #333;font-weight: bold;}
.addlist-text p.style2{font-size: 18px;}
.addlist-text > ul{margin-top: 10px;}
.addlist-text > ul > li{font-size: 14px;color: #333;position: relative;padding-left: 15px;}
.addlist-text > ul > li.noline{padding: 0;}
.addlist-text > ul > li.noline:after{display: none;}
.addlist-text > ul > li:after{position: absolute;content: '';width: 6px;height: 2px;background: #333;left: 0;top: 10px;}
.addlist-text > ul > li > ul{color: #666;}
.addlist-text .fc-red{color: #666 !important;}

.img-area{text-align: center;margin-top: 20px;}
.img-area div {margin:0 auto;}
.sub-tab li a{height: auto;}

.dont-icon{margin: 30px 0 20px;background: #eeefef;text-align: center;padding: 10px;}
.dont-icon li{display: inline-block;margin: 10px 30px;}
.dont-icon li p{margin-top: 20px;font-size: 17px;color: #333;font-weight: bold;}
.dont-icon li p span{color: #d0111b;font-weight: bold;}

/* .img-alt-con > p{float: left;width: 40%;max-width: 341px;}
.img-alt-con > .addlist-text{padding-left: 30px;float: left;width: calc(60% - 30px);}
.img-alt-con > .addlist-text p:first-child{margin-top: 0;} */

.down-btn{min-width: 160px;margin: 3px;height: 42px;padding: 0 17px;text-align: center;line-height: 42px;}
.down-btn span{display: inline-block;padding-right: 27px;font-size: 15px;}
.down-btn.bgy{background: #e0e0d8;}
.down-btn.bgy span{background: url(../images/sub/down-btn_icon1.png) no-repeat right center;color: #49443f;}
.down-btn.bgg{background: #a8a4a3;}
.down-btn.bgg span{background: url(../images/sub/down-btn_icon2.png) no-repeat right center;color: #fff;}

.tnstj-list{margin-top: 50px;text-align: center;}
.tnstj-list ul{display: inline-block;}
.tnstj-list li{position: relative;width: 130px;display: inline-block;float: left;margin: 0 15px 10px;}
.tnstj-list li:after{position: absolute;content: '';width: 10px;height: 19px;background: url(../images/sub/tnstj-list_icon.png) no-repeat center center;top: 25px;right: -15px;}
.tnstj-list li:last-child:after{display: none;}
.tnstj-list li span{margin-top: 20px;display: block;height: 55px;font-size: 15px;color: #333;}
.tnstj-list li p{letter-spacing: -1px;font-size: 15px;color: #666;height: 120px;}

/* .sub-slider3{position: relative;}
.sub-slider3 .bx-pager{position: absolute;top: 15px;right: 15px;}
.sub-slider3 .bx-pager div{margin: 0 6px;height: 8px;display: inline-block;}
.sub-slider3 .bx-pager a{text-indent: -999em;display: inline-block;width: 8px;height: 8px;border-radius: 4px;background: #aaa6a9;}
.sub-slider3 .bx-pager a.active{background: #000;} */

.adlt-table{border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.adlt-table th, .adlt-table td{padding: 15px 20px;text-align: left;font-size: 15px;color: #666;vertical-align: middle;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.adlt-table th{text-align: center;background: #fffbe4;font-size: 16px;color: #333;}

.map-area{margin-bottom: 40px;}
.map-area > p{text-align: center;}
.map-area > p img{max-width: 100%;}
.map-area div{margin-top: 30px;}
.map-area div a{display: inline-block;height: 33px;width: 28px;text-align: center;line-height: 33px;border: 1px solid #333;font-size: 15px;border-radius: 5px;color: #333;margin-right: 10px;}
.map-area div a.on{background: #a59c91;color: #fff;}
.map-area span{display: inline-block;font-size: 14px;color: #666; padding-top: 15px;}

.map-text-con .mtc-sub{background: #eeefef;padding: 0 60px;}
.map-text-con .mtc-sub dl{border-top: 1px solid #d2d3d3;padding: 30px 0 35px;}
.map-text-con .mtc-sub dl:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.map-text-con .mtc-sub.noline dl{border: 0;}
.map-text-con .mtc-sub dt{float: left;width: 50%;}
.map-text-con .mtc-sub dd{float: left;padding-left: 20px;width: calc(50% - 20px);text-align: center;}
.map-text-con .mtc-sub dt .num{display: block;font-size: 20px;color: #a59c91;line-height: 20px;font-weight: bold;}
.map-text-con .mtc-sub dt .tit{margin-top: 10px;display: block;font-size: 20px;color: #333;font-weight: bold;line-height: 25px;}
.map-text-con .mtc-sub dt .text{font-size: 15px;color: #666;margin-top: 15px;}

.map-tab{display: inline-block;position: fixed;right: 20px;top: 100px;background: rgba(0,0,0,0.7);width: 78px;border: 1px solid #514947;}
.map-tab a{display: block;padding: 0 0 0 18px;font-size: 15px;color: #333;height: 48px;line-height: 48px;}
.map-tab > a{text-align: center;padding: 0;}
.map-tab p > a{background: #fff;border-bottom: 1px solid #514947;}
.map-tab p > a.on{background: #9a9a9a;color: #fff;}
.map-tab p > a:first-child{border-top: 1px solid #514947;}
@media screen and (max-width: 1024px){
	.map-tab{display:none; !important;}
}

.search-mainimg{text-align: center;margin-top: 200px;}
.addlist-text > ul.btn-list > li{padding-left: 0;line-height:30px;}
.addlist-text > ul.btn-list > li > span{display: inline-block;width: 220px;}
.addlist-text > ul.btn-list > li a{vertical-align:top;}
.addlist-text > ul.btn-list > li a span{display:inline-block;vertical-align:top;border:1px solid #ddd;background:#f1f1f1;height:30px;line-height:30px;font-size:14px;color:#000;padding:0 10px;}
.addlist-text > ul.btn-list > li:after{display: none;}
.gallery-info .num{float: left;font-size: 14px;color: #666;}
.gallery-info p{float: right;color: #666;font-size: 15px;}
.gallery-info p span{color: #333;font-weight: bold;}
/* .gallery-list.style2 li{width: 50%;} */

.gallery-list.style2 li .txt-box h5.tit{max-width: 265px;}

@media screen and (max-width: 1600px){
	#sub-container > .left-box .box{bottom: 50px;padding: 0 20px 0 80px;width: calc(100% - 100px);}
	#sub-container > .left-box .box > h3{font-size: 50px;}
	#sub-container > .left-box .box > p{font-size: 30px;}
}
@media screen and (max-width: 1550px){
	/* .search-list dt{text-align: center;width: 100%;}
	.search-list dd{width: 100%;padding: 20px 10px 0;}
	.search-list dd p{text-align: center;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} */
	.view-con-style2 .two-vcs-tl > div{width: 100%;}
	.view-con-style2 > p{text-align: center;width: 100%;margin-right: 0;}
	.view-con-style2 > div{width: 100%;margin-top: 40px;}
	
	.text-list-con dt, .text-list-con dd{width: 100%;}
	.text-list-con dt{padding: 0 0 0 45px;}
	.text-list-con dd{padding: 20px 0 0 45px;}
	
	.map-text-con dt{width: 100%;}
	.map-text-con dd{padding-left: 0;width: 100%;margin-top: 20px;}
}

@media screen and (max-width: 1024px){
	.sub_slider .banner-pic li a img{width: 100%;}
	.search-list dt{text-align: left;width: 160px;}
	.search-list dd{width: calc(100% - 200px);padding: 15px 10px 0 30px;}
	.search-list dd p{text-align: left;height: 150px;overflow: inherit;white-space: inherit;}
	
	.view-con-style2 > p{margin-right: 22px;width: 288px;}
	.view-con-style2 > div{margin-top: 10px;width: calc(100% - 310px);}
	.view-con-style2 .two-vcs-tl > div{width: 50%;}
	
	.login-box{margin-top: 100px;}
	
	.map-text-con{padding: 0 20px;}
}
@media screen and (max-width: 768px){
	.sub-view-text{padding: 15px;}
	.sub-view-text p{margin-top: 15px;}
	
	.search-pobup .num{text-align: left;}
	.search-list dl{float: left;margin-top: 20px;width: 100%; height:250px;}
	/* .search-list dl{padding: 0 10px;width: calc(50% - 20px);}
	.search-list dt{text-align: center;width: 100%;}
	.search-list dd{width: 100%;padding: 20px 0 0;}
	.search-list dd p{text-align: center;height: 40px;overflow: hidden;white-space: nowrap;} */
	
	.data-tab > li{float: left;width: calc(100% / 6);height: 66px;position: relative;}
	.view-con-style2 .two-vcs-tl > div{width: 100%;}
	.view-con-style2 > p{text-align: center;width: 100%;margin-right: 0;}
	.view-con-style2 > div{width: 100%;margin-top: 40px;}
	
	.join-tab ul li:after{display: none;}
		
	.img-alt-con > p{width: 100%;max-width: 100%;}
	.img-alt-con > .addlist-text{width: 100%;padding-left: 0;}
	.img-alt-con > .addlist-text p:first-child{margin-top: 30px;}

	.map-text-con .mtc-sub dd{width:100%;padding-left:0;}
	.sub-view-info .img{margin:0 auto;float:none;}
	.sub-view-info .text{width:calc(100% - 50px);}
	
	 .map-text-con .mtc-sub dt{width:100%;float:none} /*20200810*/
	
}
@media screen and (max-width: 700px){
	.sub-view-info .img{text-align: center;width: calc(100% - 40px);padding: 40px 20px 0;}
	.sub-view-info .img:before{display: none;}
	.sub-view-info .text{width: calc(100% - 40px);padding: 50px 20px 0;}

}
@media screen and (max-width: 550px){
	.tnstj-list li{margin: 0 10px 15px;width: calc(50% - 20px);}
	.tnstj-list li:after{display: none;}
}
@media screen and (max-width: 500px){
	.data-line{float: none;}
	.search-area.style3 p{max-width: 100%;}
	.table-title p{width: 100%;}
	.table-title a{float: left;margin-top: 10px;}
	.faq-area > div > span, .faq-area dt p, .faq-area dd span{width: 80px;}
	.dont-icon li{margin: 10px 20px;}
	.box-tab ul{display:table;width: calc(100% - 2px);}/*2020-07-30*/
	.box-tab ul > li{display:table-cell;}/*2020-07-30*/
	.box-tab li input{width:100%;}/*2020-07-30*/
	.box-tab li.choice{width:33.3%;}
	.faq-area .faqText{width:82px;}
}
@media screen and (max-width: 425px){
	.search-textlist .tit a{max-width: 100%;}
	.search-textlist .tit .data{position: static;width: 100%;text-align: left;}
	.ilist-con ul > li:after{display: none;}
}