@charset "utf-8";

[class^="scene-"]{position: relative; overflow: hidden; width: 100%;}

.tit_inner{position: relative;}

.tit{position: absolute; top:20px; left:52px; z-index: 1; margin-top:50px;}
.tit:before{content: ''; position: absolute; top:0; left:0; display: inline-block; width: 51px; height: 5px; background-color: #ff9228;}
.tit h2{padding-top:5px; color:#cac3bd; font-size: 30px;}


.company .scene-1{height: 856px; /*background:url('../images/company/bg_1.jpg') no-repeat 50% 50%; background-size: 2200px 1123px;*/}
.company .scene-1 .cont_wrap .txt_wrap{visibility:hidden;}
.company .scene-1 .cont_wrap .line_wrap{visibility:hidden;}
.company .scene-1.active .cont_wrap .txt_wrap{visibility:visible;}
.company .scene-1.active .cont_wrap .line_wrap{visibility:visible;}
.company .scene-1 .cont_wrap .txt_wrap{position: absolute; top:150px; /*display: none; */text-align: center; left:0; right:0; margin:0 auto;}
.company .scene-1 .cont_wrap .txt_wrap strong{position: relative; display: block; margin:0 auto; width: 734px; height: 119px; font-weight: bold; font-size: 80px;}
.company .scene-1 .cont_wrap .txt_wrap strong > span{position: absolute; display: inline-block;}
.company .scene-1 .cont_wrap .txt_wrap strong .t_white{color:#fff; left:0;}
.company .scene-1 .cont_wrap .txt_wrap strong .t_orange{margin-left:20px; color:#ff9228;  right:0;}
.company .scene-1 .cont_wrap .txt_wrap p{color:#dfdfdf; font-size: 30px;}
.company .scene-1 .cont_wrap .line_wrap{position: absolute; top:136px; left:50%; /* display: none;*/ margin-left:-426px; width: 900px; height: 150px;}
.company .scene-1 .cont_wrap .line_wrap span{position: absolute;}
.company .scene-1 .cont_wrap .line_1{top:37px; left:-19px; display: inline-block; width: 398px; height: 2px; background-color:#ff9228;}
.company .scene-1 .cont_wrap .line_2{left:50px; display: inline-block; width: 2px; height: 67px; background-color:#ff9228;}
.company .scene-1 .cont_wrap .line_3{top:118px; right:18px; display: inline-block; width:  478px; height: 2px; background-color:#989999;}
.company .scene-1 .cont_wrap .line_4{bottom:12px; right:110px; display: inline-block; width: 2px; height: 40px; background-color:#989999;}
.company .scene-1 .cont_wrap .bg{position:relative; z-index: -1; width:100%; height:856px;}
.company .scene-1 .cont_wrap .bg img{position: absolute; left:0; width:2800px;}

.company .scene-2{height: 1079px; background:url('../images/company/bg_2.jpg') no-repeat 50% 50%;}
.company .scene-2 .txt_wrap{display: none;; overflow:hidden; text-align: center;}
.company .scene-2 .cont_wrap{margin-top:185px;}
.company .scene-2 .txt_wrap p{line-height: 1em;}
.company .scene-2 .txt_wrap p.t_1{color:#31566e; font-size: 32px; opacity: 0;}
.company .scene-2 .txt_wrap p.t_1 span{font-weight: bold; letter-spacing:0.2em;display: block; margin-top:7px;}
.company .scene-2 .txt_wrap p.t_2{margin-top:28px; color:#31566e; font-weight:200; font-size: 60px; letter-spacing: -4px; opacity: 0;}
.company .scene-2 .txt_wrap p.t_2 span{color:#5282af;}


.company .scene-2 .cont_box{margin:50px auto 0 auto; width: 832px; }
.company .scene-2 .cont_box_wrapper{display: none; text-align: center;  padding:0 17px; border:1px solid #fff; overflow: hidden;}
.company .scene-2 .cont_box_wrap{padding:75px 0; background-color:#fff; }
.company .scene-2 .cont_box strong{display: block; line-height: 1em;}
.company .scene-2 .cont_box strong.t_1{color:#3e3e3e; font-size: 42px;}
.company .scene-2 .cont_box strong.t_2{margin-top:10px; margin-bottom:30px; color:#fe8b1a; font-size: 65px;}
.company .scene-2 .cont_box .cont_txt_1,
.company .scene-2 .cont_box .cont_txt_2{color:#1e1e1e; font-size: 25px;}
.company .scene-2 .cont_box .cont_txt_2{margin-top:20px;}
.company .scene-2 .cont_box .s_txt{margin-top:35px; color:#3c3734; font-weight: bold; font-size: 30px; letter-spacing: 1px;}

.company .scene-3{height: 1080px; background:url('../images/company/bg_3.jpg') no-repeat 50% 50%;}
.company .scene-3 .img_wrap{position: absolute; left:50%; bottom:0; display:none; margin-left:-620px;}
.company .scene-3 .txt_wrap{position: absolute; top:205px; left:50%; display:none; width: 625px; overflow: hidden;}
.company .scene-3 .txt_wrap > strong{color:#a8957d; font-size: 48px; line-height: 1.2em;}
.company .scene-3 .txt_wrap > p{color:#8c8072; font-size: 23px; line-height: 1.2em; letter-spacing: -1px;}
.company .scene-3 .txt_wrap .pt_1{margin-top: 28px; margin-bottom: 28px;}
.company .scene-3 .txt_wrap .ceo_name{display: block; margin-top:30px; text-align: right;}
.company .scene-3 .txt_wrap .ceo_name em{color:#463f36; font-size:30px;}
.company .scene-3 .txt_wrap .ceo_name strong{color:#665e54; font-size: 50px;}
.company .scene-3 .txt_wrap .list_1{margin-top:65px;}
.company .scene-3 .txt_wrap .list_1 > li{}
.company .scene-3 .txt_wrap .list_1 > li p{display: inline-block; color:#7c746c; letter-spacing: -.7px;}
.company .scene-3 .txt_wrap .list_1 > li:before{content: ''; display: inline-block; margin-top:11px; width: 4px; height: 4px; background-color: #7c746c; border-radius: 50%; vertical-align: top;}
.company .scene-3 .txt_wrap .list_2 > li{margin-left: 10px; color:#7c746c; letter-spacing: -.7px;}
.company .scene-3 .txt_wrap .list_2 > li:before{content: ''; display: inline-block; margin-top:13px; margin-right: 6px; width: 8px; height: 2px; background-color: #7c746c; border-radius: 50%; vertical-align: top;}
/*.company .scene-3 .txt_wrap .list_2 > li{}*/

.company .scene-4{height: 1080px; background:url('../images/company/bg_4.jpg') no-repeat 50% 50%;}
.company .scene-4 .txt_wrap{display: none; margin-top:150px; text-align: center;}
.company .scene-4 .txt_wrap strong{color:#fff; font-size: 80px;}
.company .scene-4 .txt_wrap strong span{color:#ff9518;}
.company .scene-4 .txt_wrap p{color:#fff; font-size:30px;}
.company .scene-4 .org{display: none; margin-top:50px; padding-bottom: 75px; text-align: center; background:url('../images/company/org_line.png') no-repeat 50% 104px;}
.company .scene-4 .org .ceo{display: block; margin:0 auto; width: 258px; height: 140px; background:url('../images/company/ceo_tit.png') no-repeat;}
.company .scene-4 .org .service_team{display: block; margin:35px auto 33px auto; width: 530px;}
.company .scene-4 .org .service_team > em{display: block; width: 530px; height: 65px; color:#fff; font-weight: bold; font-size: 40px; background-color: #ff8916; text-align: center;}
.company .scene-4 .org .service_team > ul{display: block; overflow: hidden; width: 530px; height: 55px; background-color: #c3c3c3; text-align: center;}
.company .scene-4 .org .service_team > ul li{display: inline-block; margin-top:8px; font-size: 25px; color:#23211f; margin-left: 13px;}
.company .scene-4 .org .service_team > ul li:before{content: ''; display: inline-block; margin-top:16px; margin-right: 5px; width: 4px; height: 4px; background-color: #23211f; vertical-align: top; }
.company .scene-4 .org .group_list > li{float: left; margin-left: 45px; padding:30px 23px 0 23px; width: 200px; min-height: 275px; background-color: rgba(70,70,70,.9); text-align: center; box-sizing: border-box; border-radius: 10px;}
.company .scene-4 .org .group_list > li.team{text-align: left; background-color: #ff8916;}
.company .scene-4 .org .group_list > li.team > ul li{color:#101010;}
.company .scene-4 .org .group_list > li:first-child{margin-left: 0;}
.company .scene-4 .org .group_list > li em{display: block; color:#fff; font-weight: bold; font-size: 35px; line-height: 1em; min-height: 95px;}
.company .scene-4 .org .group_list > li > ul{overflow: hidden;}
.company .scene-4 .org .group_list > li > ul li{position: relative; padding-left: 15px; color:#fff; text-align: left; font-size: 25px; line-height: 1.2em;}
.company .scene-4 .org .group_list > li > ul li:before{content: ''; position: absolute; top:11px; left:0; display: inline-block; width: 10px; height: 10px; background-color:#fff; vertical-align: top; border-radius: 3px;}
.company .scene-4 .org .group_list > li > ul li:after{content: ''; position: absolute; top:15px; left:4px; display: inline-block; width: 2px; height: 2px; background-color:#ff8916; vertical-align: top; }

.company .scene-5{height: 1079px; background:url('../images/company/bg_5.jpg') no-repeat 50% 50%;}
.company .scene-5 .txt_wrap{display:none; margin-top:45px; text-align: center;}
.company .scene-5 .txt_wrap > div{margin-right: 25px;}
.company .scene-5 .txt_wrap p{display: inline-block; margin-left:290px; font-weight: bold; font-size: 80px; color: #000; line-height: 1em; letter-spacing: -5px;}
.company .scene-5 .txt_wrap strong{display: inline-block; color:#fff; font-size: 165px; line-height: 1em; letter-spacing: -20px; opacity: 0;}
.company .scene-5 .txt_wrap span{display: block; color:#fff; font-weight: normal; font-size: 70px; line-height: 1em; text-align: left; letter-spacing: -4px; margin-left: 25px; opacity: 0;}

.company .scene-6{height: 1650px; background-color:#e3e3e3;}
.company .scene-6 .cont_tit{position: relative; /*position: absolute; top:120px; */margin-top:119px; padding-top:5px;}
.company .scene-6 .cont_tit:before{content: ''; position: absolute; top:0; left:0; display: inline-block; width: 51px; height: 5px; background-color: #ff9228;}
.company .scene-6 .cont_tit strong{color:#171717; font-weight: normal; font-size: 25px;}
.company .scene-6 .cont_tit strong:after{content: ''; display: inline-block; margin-top:7px; margin-left:7px; width: 21px; height: 25px; background:url(../images/company/icon_location.png) no-repeat; vertical-align: top;}
.company .scene-6 .map{margin-top:20px; text-align: center;}
.company .scene-6 .map > div:first-child{margin-top: 0;}
.company .scene-6 .map > div{margin-top: 20px;}
.company .scene-6 .address{margin-top:20px; color:#3a3a3a; font-size: 16px; letter-spacing: -0.5px;}
.company .scene-6 .copyright{margin-top:10px; color:#a0a0a0; font-size: 15px; letter-spacing: -0.5px;}
.company .scene-6 .banner{overflow: hidden; margin-top: 30px;}
.company .scene-6 .banner li{float: left;}



/*recruit*/
.recruit .tit h2{color:#000;}
.recruit .scene-1{height:980px; background:url('../images/recruit/bg_1.jpg') no-repeat 50% 50%; background-size: 2200px 1123px;}
.recruit .scene-1 .txt_wrap{display: none; margin-top:220px; margin-left:45px;}
.recruit .scene-1 .txt_wrap > strong{display: block; overflow: hidden; font-size: 80px;}
.recruit .scene-1 .txt_wrap > strong span{display: block; line-height: 1em;}
.recruit .scene-1 .txt_wrap > strong span.t_black{color:#000;}
.recruit .scene-1 .txt_wrap > strong span.t_orange{color:#f07a07;}
.recruit .scene-1 .txt_wrap > span{display: inline-block; margin-top:50px; }
.recruit .scene-1 .txt_wrap > span p{color:#000; font-size: 40px; letter-spacing: -4px; line-height: 1em;}
.recruit .scene-1 .txt_wrap > span strong{color:#000; font-size: 100px; letter-spacing: -9px; line-height: 1em;}

.recruit .scene-2{height:1080px; background:url('../images/recruit/bg_2.jpg') no-repeat 50% 50%;}
.recruit .scene-2 .cont_wrap{margin-top:150px;}
.recruit .scene-2 .sub_txt{color:#000; font-size: 55px; line-height: 1em;}
.recruit .scene-2 .box_wrap{overflow: hidden; margin-top: 50px;}
.recruit .scene-2 .box_wrap .box{float: left; padding:35px 0; width: 575px; border:4px solid #000; border-radius: 100px;}
.recruit .scene-2 .box_wrap .box.box_2{margin-left: 20px;}
.recruit .scene-2 .box_wrap .box.box_2 ul{margin-left: 95px;}
.recruit .scene-2 .box_wrap .box strong{display: inline-block; margin-left: 44px; color:#000; text-align: left; font-size: 50px; vertical-align: top;}
.recruit .scene-2 .box_wrap .box ul{display: inline-block; margin-top:11px; margin-left: 15px; vertical-align: top;}
.recruit .scene-2 .txt_cont{position: relative; margin-top: 37px; margin-left: 50px; padding-left: 165px;}
.recruit .scene-2 .txt_cont:before{content: ''; display: inline-block; position: absolute; top:0; left:0; width: 137px; height: 137px; background: url('../images/recruit/smile.png') no-repeat;}
.recruit .scene-2 .txt_cont .m_txt{color:#e87c1b; font-weight: bold; font-size: 40px;}
.recruit .scene-2 .txt_cont .s_txt{margin-top: 10px; color:#000; font-weight: 500; font-size: 25px; line-height: 1.2em;}
.recruit .scene-2 .txt_cont .notice{margin-top:40px; width: 685px;}
.recruit .scene-2 .txt_cont .notice dl{display: inline-block; overflow: hidden; margin-top:-15px;}
.recruit .scene-2 .txt_cont .notice dl.f_d:after{content: '/'; display: inline-block; margin:0 5px; color: #000; font-size: 25px;}
.recruit .scene-2 .txt_cont .notice dl > *{float: left; color: #000; font-size: 25px; /*line-height: 1em;*/}
.recruit .scene-2 .txt_cont .notice dl dt{}
.recruit .scene-2 .txt_cont .notice dl dt:after{content: ':'; margin:0 7px 0 5px;}
.recruit .scene-2 .txt_cont .notice dl dd{}
.recruit .scene-2 .txt_cont .notice dl.email dd a{color:#e87c1b;}

/*branch*/
.branch .scene-1{height:967px; background:url('../images/branch/bg_1.jpg') no-repeat 50% 50%; background-size: 2200px 1123px;}
.branch .scene-1 .txt_wrap{display: none; margin-top:220px; margin-left:45px;}
.branch .scene-1 .txt_wrap > strong{display: block; overflow: hidden; font-size: 80px;}
.branch .scene-1 .txt_wrap > strong span{display: block; line-height: 1em;}
.branch .scene-1 .txt_wrap > strong span.t_white{color:#fff;}
.branch .scene-1 .txt_wrap > strong span.t_orange{color:#f07a07;}
.branch .scene-1 .txt_wrap > span{display: inline-block; margin-top:50px; }
.branch .scene-1 .txt_wrap > span p{color:#a2a2a2; font-size: 40px; letter-spacing: -4px; line-height: 1em;}
.branch .scene-1 .txt_wrap > span strong{color:#fe932d; font-size: 100px; letter-spacing: -9px; line-height: 1em;}
.branch .scene-2{height:1085px; background:url('../images/branch/bg_2.jpg') no-repeat 50% 50%;}
.branch .scene-2 .cont_wrap .txt_cont{margin-top: 190px;}
.branch .scene-2 .cont_wrap .txt_cont > span strong{display: inline-block; color:#364e7a; font-size: 80px; vertical-align: top;}
.branch .scene-2 .cont_wrap .txt_cont > span p{display: inline-block; margin-left:30px; color:#323232; font-size: 25px; vertical-align: top;}
.branch .scene-2 .cont_wrap .txt_cont > p{margin-top:55px; color:#4a5962; font-size: 30px; letter-spacing: -3px; line-height: 1.3;}
.branch .scene-2 .box_wrap{margin-top:85px;}
.branch .scene-2 .box_wrap .box{float: left; padding:35px 0; width: 575px; min-height: 410px; border:4px solid #000; border-radius: 100px; text-align: center; box-sizing: border-box;}
.branch .scene-2 .box_wrap .box strong{color:#000; font-size: 50px;}
.branch .scene-2 .box_wrap .box ul{margin-left: 60px; text-align: left;}
.branch .scene-2 .box_wrap .box.box_2{margin-left: 15px;}
.branch .scene-2 .box_wrap .box.box_2 li a{color:#244870;}

/* promotion */
/*.promotion .sub_main_wrap{padding-top:155px; width:100%; height: 525px; background:url('../images/promotion/bg.jpg') no-repeat; background-size:cover; box-sizing: border-box; text-align:center;}
.promotion .sub_main_wrap .main_txt{display: inline-block; margin-top:37px; margin-left:34px; text-align: left; vertical-align: top;}
.promotion .sub_main_wrap .main_txt strong{color:#fff; font-weight: bold; font-size: 80px; line-height: 1em;}
.promotion .sub_main_wrap .main_txt strong span.c_o{color:#ff9228;}
.promotion .sub_main_wrap .main_txt p{margin-top:15px; color:#a2a2a2; font-size:25px;}
.promotion .sub_main_wrap .sub_txt{position: relative; display:inline-block; overflow: hidden;}
.promotion .sub_main_wrap .sub_txt strong{position: absolute; top:81px; left:45px; text-align:center; font-size:75px;}
.promotion .sub_main_wrap .sub_txt strong span{display: block; line-height: 1em; letter-spacing: -5px;}
.promotion .sub_main_wrap .sub_txt strong span.sweet{color:#12bdbb;}
.promotion .sub_main_wrap .sub_txt strong span.deal{margin-top:-7px; color:#ff9329;}
.promotion .sub_main_wrap .sub_txt img{width:300px;}
.promotion .sub_main_wrap .inner_wrap{margin:0 auto; overflow:hidden; width:830px;}*/
.promotion .sub_main_wrap{padding-top:90px; width:100%; height: 525px; background:url('../images/promotion/bg_new.jpg') no-repeat; background-size:cover; box-sizing: border-box; text-align:center;}
.promotion .sub_main_wrap img{display:block;}
.promotion .promotion_list_wrap{padding-top:50px; padding-bottom:85px;}
.promotion .promotion_list_wrap .list_wrap{overflow: hidden; margin-top:-10px; margin-left:-10px;}
.promotion .promotion_list_wrap .list_wrap > li{position: relative; float: left; overflow: hidden; margin-top:10px; margin-left:10px; padding:35px; width:595px; height: 300px; background-color:#f0f0f0; box-sizing: border-box;}
.promotion .promotion_list_wrap .list_wrap > li a{display: block; width:100%; height: 100%;}
.promotion .promotion_list_wrap .list_wrap > li a .text_area{position: relative; z-index: 1;}
.tag{display: inline-block; width:350px; line-height: 1.1;}
.tag ul{overflow: hidden; margin-left: -4px;}
.tag ul li{float: left; margin-left:4px; color:#939393; font-size: 20px;}
.tag ul li:before{content: '#';}
.name_wrap{display: inline-block;}
.name_wrap strong{display: block; color:#373737; font-size: 30px; line-height: 1.1;}
.name_wrap em{display: block;}
.promotion .promotion_list_wrap .list_wrap > li a .car_img{display: inline-block; position: absolute; top:30px; right:-50px;}
.promotion .promotion_list_wrap .list_wrap > li a .bottom_area{position: absolute; left:0; bottom:0; z-index: 2; overflow: hidden; padding:15px; width:100%; height:115px; background-color:rgba(59,59,59,.75); box-sizing: border-box;}
.promotion .promotion_list_wrap .list_wrap > li a .bottom_area .price{position: absolute; left:30px; bottom:25px;}
.promotion .promotion_list_wrap .list_wrap > li a .bottom_area .price em{color:#fff; font-size: 34px;}
.promotion .promotion_list_wrap .list_wrap > li a .bottom_area .price strong{color:#fff; font-size: 50px;}
.promotion .promotion_list_wrap .list_wrap > li a .bottom_area .price strong:before{content: '￦';}
.promotion .promotion_list_wrap .list_wrap > li a .bottom_area .label{position: absolute; bottom:15px; right:30px; display:block;}
.promotion .promotion_list_wrap .list_wrap > li a .bottom_area .label img + img{margin-left:5px;}
.promotion .promotion_list_wrap .list_wrap > li .label img{display: none;}
.promotion .promotion_list_wrap .list_wrap > li.end .label img.label_fin{display: inline-block;}
.promotion .promotion_list_wrap .list_wrap > li.end .bottom_area{height: 300px;}
.promotion .promotion_list_wrap .list_wrap > li.end .bottom_area .price em{color:#6b6b6b;}
.promotion .promotion_list_wrap .list_wrap > li.end .bottom_area .price strong{color:#6b6b6b;}
.promotion .promotion_list_wrap .list_wrap > li.sweet .label img.label_sd{display: inline-block;}
.promotion .promotion_list_wrap .list_wrap > li.hurry .label img.label_fs{display: inline-block;}

.promotion_view .content{overflow: hidden; margin-bottom: 75px;}
.promotion_view .tit{top:70px; margin-top:0;}
.promotion_view .tit h2{color:#2b2b2b;}
.promotion_view .view_main_wrap{margin-top:155px; background-color:#f2ede6;}
.promotion_view .view_main_wrap .inner{position:relative; display: table; padding:47px; height: 269px; box-sizing: border-box;}
.promotion_view .view_main_wrap .text_area .tag{display: block;}
.promotion_view .view_main_wrap .text_area .name_wrap{display: block;}
.promotion_view .view_main_wrap .text_area .name_wrap strong{font-size: 50px;}
.promotion_view .view_main_wrap .text_area .name_wrap em{font-size: 30px;}
.promotion_view .view_main_wrap .car_img{display: table-cell; text-align: right; vertical-align: middle;}
.promotion_view .car_vi{margin-top:37px; margin-bottom:25px;}
.promotion_view .priace_area{overflow: hidden; margin-bottom:25px;}
.promotion_view .priace_area > div{float: left; min-height:115px; box-sizing: border-box; padding:20px; width:595px;}
.promotion_view .priace_area .list_price{background-color:#dedede;}
.promotion_view .priace_area .list_price > div .pr_tit{color:#000; font-size: 20px;}
.promotion_view .priace_area .list_price > div .pr_tit:before{content: '+';}
.promotion_view .priace_area .list_price > div .pr_tit:after{content: ' : ';}
.promotion_view .priace_area .list_price > div p{display: inline-block;; color:#000; font-size: 20px;}
.promotion_view .priace_area .list_price .cust_price{/*padding:20px; min-height:115px;*/}
.promotion_view .priace_area .list_price .opt{margin-top:-5px;}
.promotion_view .priace_area .total_price{background-color:#6c6c6c; text-align: right; margin-left:10px;}
.promotion_view .priace_area .total_price span{display: inline-block; vertical-align: top;}
.promotion_view .priace_area .total_price span em{font-size: 35px; color:#fff;}
.promotion_view .priace_area .total_price span strong{font-size: 50px; color:#fff;}
.promotion_view .priace_area .total_price span strong:before{content: '￦';}
.promotion_view .priace_area .total_price a{display: inline-block; margin-top:10px; margin-left:13px; border-radius: 5px; background-color:#ff8917; width:230px; height:57px; text-align: center; vertical-align: top;}
.promotion_view .priace_area .total_price a em{color:#fff; font-size: 25px; line-height: 57px;}
.promotion_view .info_condition{padding:40px 50px; box-sizing: border-box; background-color: #f0ebe5; letter-spacing: -1px;}
.promotion_view .info_condition .info_condition_tit{display: block; margin-bottom:30px; text-align: center;}
.promotion_view .info_condition .info_condition_tit em{display: inline-block; font-size: 25px; color:#817464; border-left:2px solid #817464; border-right:2px solid #817464; padding:0 14px; line-height:1em;}


.board .content{overflow: hidden; margin-top:145px; margin-bottom: 75px;}
.board .tit{top:70px; margin-top:0;}
.board .tit h2{color:#2b2b2b;}
.board .tab_board_btn{}
.board .tab_board_btn ul{overflow: hidden; width:100%;}
.board .tab_board_btn ul li{float: left; margin-left:4px; text-align: center; background-color:#eeeeee; width:598px; height: 61px;}
.board .tab_board_btn ul li:first-child{margin-left:0;}
.board .tab_board_btn ul li a{display: block; padding:16px 0;}
.board .tab_board_btn ul li a em{display: block; color:#767676; font-weight: bold; font-size: 20px;}
.board .tab_board_btn ul li.active{border-bottom: 2px solid #ff9228; background-color:#ffede1; box-sizing: border-box;}
.board .tab_board_btn ul li.active a em{color:#ff8c3f;}

.board .tab_status_btn ul{overflow: hidden;}
.board .tab_status_btn ul li{float: left; border:1px solid #c9c9c9; border-left:0; width:33%; height:60px; background-color:#fff; text-align: center; box-sizing: border-box;}
.board .tab_status_btn ul li:first-child{border-left:1px solid #c9c9c9; width:34%; }
.board .tab_status_btn ul li a{display: block; padding:15px 0;}
.board .tab_status_btn ul li a em{color:#3b3b3b; font-size: 20px;}
.board .tab_status_btn ul li.active{background-color:#fe932d; border-color:#fe932d;}
.board .tab_status_btn ul li.active em{font-weight: bold; color:#fff;}
.board .list_cont{margin-top:42px;}
.board .list_cont .faq_list_wrap{border-top:2px solid #7f7f7f; border-bottom:2px solid #7f7f7f;}
.board .list_cont .faq_list_wrap ul li{position:relative; width:100%;}
.board .list_cont .faq_list_wrap ul li:after{content: ''; position:absolute; top:18px; right:35px; display: inline-block; width:25px; height:14px; background:url('../images/board/qna_arrow.png') no-repeat;
      transition:transform .3s;
}
.board .list_cont .faq_list_wrap ul li .tit_area{display: table; overflow: hidden; width:100%; height: 50px; box-sizing: border-box; border-top:1px solid #c9c9c9;}
.board .list_cont .faq_list_wrap ul li:first-child .tit_area{border-top:0;}
.board .list_cont .faq_list_wrap ul li .tit_area a{display: table-cell; padding:0 45px; width:100%; height:100%; vertical-align: middle;}
.board .list_cont .faq_list_wrap ul li .tit_area span{float: left;}
.board .list_cont .faq_list_wrap ul li .tit_area span:before{content: 'Q'; color:#fe932d; font-weight: bold; font-size: 20px;}
.board .list_cont .faq_list_wrap ul li .tit_area div{float: left; margin-left:25px;}
.board .list_cont .faq_list_wrap ul li .tit_area div strong{display: inline-block; font-size: 13px; color:#261b1b; letter-spacing: -0.5px;}
.board .list_cont .faq_list_wrap ul li .tit_area div p{display: inline-block; margin-left:65px; font-size: 15px; letter-spacing: -1px;}
.board .list_cont .faq_list_wrap ul li .answer_area{display: none; padding:25px 90px; background-color:#f3f3f3;}
.board .list_cont .faq_list_wrap ul li .answer_area p{color:#4d4d4d; font-size: 12px; letter-spacing: -1px;}
.board .list_cont .faq_list_wrap ul li.active .tit_area div p{color:#ff6905;}
.board .list_cont .faq_list_wrap ul li.active:after{
      transform:rotate(180deg);
      -webkit-transform:rotate(180deg);
      -moz-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
}
.board .search_form{margin-top:30px; margin-bottom:45px; text-align: center;}
.board .search_form .form-text.type02{width:500px; border-bottom:5px solid #eeeeee;}
.board .search_form .form-text.type02 input{background-color:#fff;}
.board .search_form .form-text.type02 > *{padding-bottom: 0; padding-left:0; padding-right:0; text-align: center;}
.board .search_form button{position: relative; top:7px; width:50px; height:50px; background:url('../images/board/search_btn.png') no-repeat;}
.board .form-text.type02 input,
.board .form-text.type02 label.placeholder{padding-top:20px;color:#b4b4b4; font-size: 15px; letter-spacing: 0; width:100%; box-sizing: border-box;}
.notice .notice_list_cont table thead tr th{height:50px; color:#616161; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; background-color:#e4e4e4; font-size: 15px; text-align: center; letter-spacing: -1px;}
.notice .notice_list_cont table tbody tr td{height:50px; color:#666; font-size: 15px; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #c9c9c9;}
.notice .notice_list_cont table td.cont{text-align: left;}
.notice .notice_list_cont table td.cont a:hover{text-decoration: underline;}
.notice .notice_list_cont table tbody tr.new td.cont a{position: relative; display: inline; color:#ff8c3f; padding-right:22px;}
.notice .notice_list_cont table tbody tr.new td.cont a:after{content:'N'; position:absolute; right:0; margin-top: 4px; color:#fff; background-color:#51c0ac; width:15px; height:15px; border-radius: 50%; text-align: center; font-size: 0.500em;}

.board .paging{margin-top:30px; text-align: center;}
.board .paging > a{display: inline-block; width:30px; height:30px; background:url('../images/board/paging_btn_spr.jpg') no-repeat;}
.board .paging > a.first{background-position:0 0;}
.board .paging > a.prev{margin-left:2px; background-position:-30px 0;}
.board .paging > a.next{margin-right:2px; background-position:-60px 0;}
.board .paging > a.last{background-position:-90px 0;}
.board .paging ol{overflow: hidden; display: inline-block; margin-left:12px; margin-right:12px; vertical-align: top;}
.board .paging ol li{float: left; margin-top:4px; margin-left:10px; vertical-align: top;}
.board .paging ol li:first-child{margin-left:0;}
.board .paging ol li a{display: block; width:20px; height: 20px; text-align: center;}
.board .paging ol li a:hover em{text-decoration: underline;}
.board .paging ol li a em{display: block; font-size: 13px; vertical-align: top;}
.board .paging ol li.active{margin-top:0;}
.board .paging ol li.active a{width: 30px; height: 30px; border:1px solid #666; box-sizing: border-box;}
.board .paging ol li.active a em{margin-top:3px;}

.notice .notice_view_cont .head_area{display: table; padding-right:40px; padding-left:40px; width:1200px; height:70px; border-top:2px solid #7f7f7f; border-bottom:1px solid #c9c9c9; box-sizing: border-box;}
.notice .notice_view_cont .head_area strong{display: table-cell; color:#272727; font-size:20px; vertical-align: middle; letter-spacing: -1px; text-align: left;}
.notice .notice_view_cont .head_area em{display: table-cell; width:80px; color:#666; font-size:15px; vertical-align: middle; letter-spacing: -1px; text-align: right;}
.notice .notice_view_cont .cont_wrap{padding:40px; box-sizing: border-box;}
.notice .notice_view_cont .cont_wrap span{letter-spacing: -1px !important;}
.notice .notice_view_cont .btn_area{width:1200px; border-top:2px solid #7f7f7f;}
.notice .notice_view_cont .btn_area span{display: table; padding-right:40px; padding-left:40px; width:1200px; height:50px; border-bottom:1px solid #c9c9c9; box-sizing: border-box;}
.notice .notice_view_cont .btn_area span em{display: table-cell; width:80px; vertical-align: middle; font-size: 13px; color:#272727; letter-spacing: -1px; text-align: left;}
.notice .notice_view_cont .btn_area span.prev em:after{content: '▲'; color:#666; margin-left:3px;}
.notice .notice_view_cont .btn_area span.next em:after{content: '▼'; color:#666; margin-left:3px;}
.notice .notice_view_cont .btn_area span p{display: table-cell; vertical-align: middle; font-size: 15px; color:#666; letter-spacing: -1px; text-align: left;}
.notice .notice_view_cont .btn_area span p a:hover{text-decoration: underline;}
.notice .list_btn{margin:40px auto 0 auto; display: block; width:150px; height:50px; background-color:#fe932d; border-radius: 50px; text-align: center;}
.notice .list_btn em{color:#fff; font-weight: bold; line-height: 50px;}
/* 약관 */
.clause .intro_box{margin-top:30px; margin-bottom:45px; padding:30px 45px; background-color:#eee; border-radius: 10px;}
.clause .intro_box strong{color:#272727; font-size:20px;}
.clause .intro_box p{margin-top:10px; color:#666; font-size:15px;}
.clause .clause_wrap{padding:0 40px;}
.clause .t_1{display: block; margin-top:40px;  margin-bottom: 30px; font-size: 20px; color:#272727; letter-spacing: 4px;}
.clause .t_2{display: block; margin-top:20px; color:#272727; font-weight: bold; font-size: 15px; letter-spacing: 3px;}
.clause .cont{display: block; margin-top:20px; color:#313131; font-size: 15px; letter-spacing: .5px;}
.clause table{margin-top:15px}
.clause table th{background-color:#aaa; color:#fff; font-size: 15px; padding:8px 5px; text-align: center; letter-spacing: .5px; border-left:1px solid #9d9d9d;}
.clause table th:first-child{border-left:0;}
.clause table td{font-size: 15px; padding:8px 5px; text-align: center; letter-spacing: .5px;border-bottom:1px solid #9d9d9d;border-left:1px solid #9d9d9d;}
.clause table td:first-child{border-left:0;}


/*앱소개*/
.app_intro .cont_wrap{visibility: hidden;}
.app_intro [class^="scene-"].active .cont_wrap{visibility:visible;}
.app_intro .scene-1{height:525px; background:url('../images/app_intro/bg_1.jpg') no-repeat 50% 50%; background-size:cover;}
.app_intro .scene-1 .txt_wrap{display: block; overflow:hidden; margin-top:170px;padding:0 45px; text-align:left;}
.app_intro .scene-1 .txt_wrap strong{display: block; overflow: hidden; font-size:65px; letter-spacing: -5px;}
.app_intro .scene-1 .txt_wrap strong span{display: block; line-height: 1.1em;}
.app_intro .scene-1 .txt_wrap strong span.t_white{color:#fff; font-weight: normal;}
.app_intro .scene-1 .txt_wrap strong span.t_orange{color:#f07a07;}
.app_intro .scene-1 .txt_wrap > span{display: block; overflow:hidden; margin-top:40px;}
.app_intro .scene-1 .txt_wrap > span p{color:#d4d4d4; font-size:25px; letter-spacing: -2px;}

.app_intro .scene-2{position:relative; height:900px; /*height:177.778vw;*/ background:url('../images/app_intro/s2_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.app_intro .scene-2 .btn_area_download{position:absolute; top:60px; left:50%; margin-left:-600px;}
.app_intro .scene-2 .btn_area_download a{display:inline-block;}
.app_intro .scene-2 .btn_area_download a.google_play{margin-left:10px;}
.app_intro .scene-2 .txt_wrap{margin-top:95px; overflow:hidden; width:100%; text-align:center;}
.app_intro .scene-2 .txt_wrap strong{display:block; color:#46c7a1; font-size:75px; letter-spacing:-4px;}
.app_intro .scene-2 .txt_wrap strong em{color:#fa7800;}
.app_intro .scene-2 .txt_wrap span{margin-top:5px;}
.app_intro .scene-2 .txt_wrap p{color:#fa7800; font-size:43px; letter-spacing:-2px;}
.app_intro .scene-2 .txt_wrap p em{font-weight:bold;}
.app_intro .scene-2 .img_wrap{position:absolute; bottom:0; left:50%; margin-left:-516px; width:1032px;}
.app_intro .scene-2 .img_wrap img{/*position: absolute; top:0; */width:100%;}

.app_intro .scene-3{position:relative; height:900px; background:url('../images/app_intro/s3_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.app_intro .scene-3 .txt_wrap{overflow:hidden; margin-top:11%;}
.app_intro .scene-3 .txt_wrap .txt_1{display:block; margin:0 auto; width:607px;}
.app_intro .scene-3 .txt_wrap .txt_2{display:block; overflow:hidden; margin:15px auto 0 auto; width:520px;}
.app_intro .scene-3 .txt_wrap img{display:block; width:100%;}
.app_intro .scene-3 .img_wrap{position:absolute; top:0; right:0; left:0; margin:0 auto; width:100%; height:900px;}
.app_intro .scene-3 .img_wrap img{position:absolute; left:0; right:0; margin:0 auto;}
.app_intro .scene-3 .img_wrap .img_1{bottom:0; width:436px;}
.app_intro .scene-3 .img_wrap .img_2{top:560px; left:-460px;}
.app_intro .scene-3 .img_wrap .img_3{top:267px; left:287px;}
.app_intro .scene-3 .img_wrap .img_4{top:528px; left:373px;}

.app_intro .scene-4,
.app_intro .scene-5 {position:relative; height:900px; /*height:177.778vw;*/ background-color:#ff7800;}
.app_intro .scene-4 .txt_wrap,
.app_intro .scene-5 .txt_wrap{position:relative; z-index:1; overflow:hidden; margin-top:38px; text-align:center;}

.app_intro .scene-4 .txt_wrap strong,
.app_intro .scene-5 .txt_wrap strong{display:block; color:#fff; font-size:2.467em; letter-spacing:-3px;}

.app_intro .scene-4 .txt_wrap span,
.app_intro .scene-5 .txt_wrap span{display:block; overflow:hidden; margin-top:8px;}

.app_intro .scene-4 .txt_wrap p,
.app_intro .scene-5 .txt_wrap p{color:#fff; font-size:1.533em; letter-spacing:-3px; line-height: 1.2;}

.app_intro .scene-4 .img_wrap{position:absolute; bottom:0; left:50%; margin-left:-497px; width:995px; height:100%;}
.app_intro .scene-4 .img_wrap .phone_wrap{position:absolute; bottom:0; width:100%; height:900px;}
.app_intro .scene-4 .img_wrap .phone_wrap .img_1{position:absolute; bottom:-89px; left:332px; width:344px;}
.app_intro .scene-4 .img_wrap .phone_wrap .img_2{position:absolute; bottom:0; width:100%;}
.app_intro .scene-4 .img_wrap .img_3{position:absolute; bottom:0; right:0; width:34%;}

.app_intro .scene-5 .img_wrap{position:absolute; bottom:-300px; left:50%; margin-left:-253px; width:539px; height:100%;}
.app_intro .scene-5 .img_wrap .phone_wrap{position:absolute; bottom:0; width:100%;}
.app_intro .scene-5 .img_wrap .phone_wrap .img_2{width:100%;}
.app_intro .scene-5 .img_wrap .phone_wrap .cont_mask{position: absolute; left:-35px; top:207px; bottom:0; right:0; display:block; margin:0 auto; width:390px; overflow:hidden;}
.app_intro .scene-5 .img_wrap .phone_wrap .cont_mask .img_1{position:absolute; top:0; width:100%;}

/*앱이용방법*/
.app_way .cont_wrap{visibility: hidden;}
.app_way .cont_wrap .inner{width:990px;}
.app_way [class^="scene-"].active .cont_wrap{visibility:visible;}
.app_way .scene-1{height:525px; background:url('../images/app_way/bg_1.jpg') no-repeat 50% 50%; background-size:cover;}
.app_way .scene-1 .inner{width:1200px;}
.app_way .scene-1 .txt_wrap{display: block; overflow:hidden; margin-top:170px;padding:0 45px; text-align:left;}
.app_way .scene-1 .txt_wrap strong{display: block; overflow: hidden; font-size:65px; letter-spacing: -5px;}
.app_way .scene-1 .txt_wrap strong span{display: block; line-height: 1.1em;}
.app_way .scene-1 .txt_wrap strong span.t_white{color:#fff; font-weight:normal;}
.app_way .scene-1 .txt_wrap strong span.t_orange{color:#f07a07; font-weight: bold;}
.app_way .scene-1 .txt_wrap > span{display: block; margin-top:20px; overflow:hidden;}
.app_way .scene-1 .txt_wrap > span p{color:#d4d4d4; font-size: 1.333em; letter-spacing: -2px;}
.app_way .scene-1 .img_wrap{position:absolute; right:0; bottom:0; left:820px; margin:0 auto; width:500px; height:493px;}
.app_way .scene-1 .img_wrap img{position:absolute; top:0; width:100%;}

.app_way .bg_type{height:900px; background:url('../images/app_way/bg_2.jpg') no-repeat 50% 50%; background-size:cover;}
.app_way .bg_type .txt_wrap{overflow:hidden; margin-top:65px; color:#fff; text-align:center; font-size:75px; letter-spacing: -5px; line-height:1;}
.app_way .bg_type .txt_wrap p{font-weight:200;}
.app_way .bg_type .txt_wrap p span{font-weight:bold;}
.app_way .bg_type .txt_wrap div{position:absolute; right:0; left:0; overflow:hidden; margin:0 auto; width:404px; height:92px;}
.app_way .bg_type .txt_wrap div:before{content:'{';  position:absolute; left:0; display:block; width:20px; height:40px;}
.app_way .bg_type .txt_wrap div:after{content:'}'; position:absolute; right:0; display:block; width:20px; height:40px;}
.app_way .bg_type .txt_wrap div > span{display: block; position: absolute; top:0; left:18px; width:380px; height:92px; overflow: hidden;}
.app_way .bg_type .txt_wrap .s_t{position: absolute; top:0; left:-2px; width:370px;}
.app_way .scene-7.bg_type .txt_wrap div{width:465px;}
.app_way .scene-7.bg_type .txt_wrap div > span{width:430px;}
.app_way .scene-7.bg_type .txt_wrap .s_t{width:430px;}
.app_way .bg_type .txt_wrap .s_t span{display:inline-block; vertical-align:top; margin-top:4px; padding:0 3px;}
.app_way .bg_type .txt_wrap [class^="braket"]{width:20px; height:40px;}
.app_way .bg_type .txt_wrap .braket-left{float:left;}
.app_way .bg_type .txt_wrap .braket-right{float:right;}
.app_way .bg_type .img_wrap{position:absolute; top:240px; right:0; left:0; margin:0 auto; width:369px;}
.app_way .bg_type .img_wrap img{position:absolute; top:0;  right:0; left:0; margin:0 auto; width:100%;}

.app_way .int_type01{height:900px;}
.app_way .int_type01 .txt_wrap{overflow:hidden; /*margin:30px 24px 0;*/}
.app_way .int_type01 .txt_wrap .m_t{color:#ff7b34; font-weight:200; font-size:55px; line-height: 1.1;}
.app_way .int_type01 .txt_wrap span{display:block; overflow:hidden; margin-top:15px;}
.app_way .int_type01 .txt_wrap span .s_t{ color:#535353; font-weight:200; font-size:22px;}

.app_way .scene-3 .txt_wrap{margin-top:80px; margin-left:470px;}
.app_way .scene-3 .img_wrap{position:absolute; bottom:0; right:0; left:-535px; margin:0 auto; width:449px; height:832px; background:url('../images/app_way/s3_img_phone.png') no-repeat; background-size:100% 100%;}
.app_way .scene-3 .img_wrap img{position:absolute; right:0; top:101px; left:-31px; margin:0 auto; width:324px;}
.app_way .scene-3 .img_wrap .img_2{opacity: 0;}
.app_way .scene-3 .img_wrap_sub{position:absolute; top:405px; right:0; left:206px; margin:0 auto; }
.app_way .scene-3 .img_wrap_sub img{position:absolute; right:0; left:0; margin:0 auto; width:251px;}
.app_way .scene-3 .img_wrap_sub .img_2{left:450px;}

.app_way .scene-4 .txt_wrap{margin-top:300px; margin-left:470px;}
.app_way .scene-4 .img_wrap{position:absolute; bottom:0; right:0; left:-535px; margin:0 auto; width:449px; height:832px; background:url('../images/app_way/s5_img_phone.png') no-repeat; background-size:100% 100%;}
.app_way .scene-4 .img_wrap img{position:absolute; right:0; top:100px; left:-30px; margin:0 auto; width:325px;}
.app_way .scene-4 .img_wrap .img_2{opacity: 0;}

.app_way .scene-5 .txt_wrap{margin-top:300px; margin-left:470px;}
.app_way .scene-5 .txt_wrap .m_t{line-height:initial;}
.app_way .scene-5.int_type01 .txt_wrap span{position:relative; overflow:hidden; display: block;}
.app_way .scene-5.int_type01 .txt_wrap span:before{content:''; display:inline-block; position:absolute; left:0; margin-top:8px; width:71px; height:71px; background:url('../images/app_way/s6_icon.png') no-repeat; background-size:100%; vertical-align:top;}
.app_way .scene-5.int_type01 .txt_wrap span .s_t{display:block; margin-left:10px; padding-left:110px;}
/* .app_way .scene-5 .txt_wrap .m_t:before{content:''; display:inline-block; margin-top:8px; margin-right:10px; width:71px; height:71px; background:url('../images/app_way/s6_icon.png') no-repeat; background-size:100%; vertical-align:top;} */
.app_way .scene-5 .img_wrap{position:absolute; bottom:0; right:0; left:-535px; margin:0 auto; width:449px; height:832px; background:url('../images/app_way/s5_img_phone.png') no-repeat; background-size:100% 100%;}
.app_way .scene-5 .img_wrap img{position:absolute; right:0; top:100px; left:-30px; margin:0 auto; width:325px;}
.app_way .scene-5 .img_wrap span{position:absolute; z-index:1; display:block; width:71px; height:71px; background-color:#18816b; opacity:0; border-radius:50%;
      transform: scale(0);
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
}
.app_way .scene-5 .img_wrap .circle_1{top:168px; right:71px;}
.app_way .scene-5 .img_wrap .circle_2{bottom:145px; right:166px;}

.app_way .scene-6 .txt_wrap{margin-top:80px; margin-left:470px;}
.app_way .scene-6 .img_wrap{position:absolute; top:0; right:0; bottom:0; left:0; width:100%;}
.app_way .scene-6 .img_wrap img{position:absolute; left:0; right:0; margin:0 auto;}
.app_way .scene-6 .img_wrap .img_1{top:65px; left:-535px;}
.app_way .scene-6 .img_wrap .img_2{bottom:0; left:360px;}

.app_way .scene-7 .img_wrap{position:absolute; top:0; right:0; bottom:0; left:0; width:100%;}
.app_way .scene-7 .img_wrap img{position:absolute; left:0; right:0; margin:0 auto;}
.app_way .scene-7 .img_wrap .img_1{top:240px; left:-235px; width:337px;}
.app_way .scene-7 .img_wrap .img_2{top:268px; left:305px; width:315px;}