@charset "utf-8";

.fm_mon{font-family: 'Montserrat', sans-serif;}


.box0{padding:0 3.5em;}
.box1, .wrap{width:1280px; margin: 0 auto; position: relative; max-width: 96%;}
.doc{font-size:16px;}


#header,
.h_wrap,
#header .h_wrap .gnb .va_wrap{height:80px;}
#header{background-color:#fff; font-size:16px; z-index: 1000; border-bottom:1px solid #ddd;}
#header .h_logo{z-index: 10000;}
#header .h_logo img{width:250px; height: auto;}
.sub #header{border-bottom:1px solid #eee;}
#header .h_wrap .gnb .depth1{float:none; margin: 0 65px; padding:0;}
#header .h_wrap .gnb .depth1 > a{font-size: 1.3em; line-height: inherit; font-weight:500; color:#111; min-width: inherit; position: relative;}
#header .h_wrap .gnb .depth1 > a:after{content:''; opacity: 0; width:0; height:3px; background-color:#023690; position: absolute; bottom:-1px; left:50%; transform: translateX(-50%); transition: .3s; z-index: 10;}
#header .h_wrap .gnb .depth1:hover > a:after,
#header .h_wrap .gnb .depth1.on > a:after{width:80px; opacity: 1;}
#header .h_wrap .gnb .depth1 > ul{background:#fff; margin-top:0px; border:1px solid #ccc; top:79px; width:12em;}
#header .h_wrap .gnb .depth1 > ul:after{ content:""; position:absolute; left:0; top:0; width:0; height:3px; background:linear-gradient(90deg, #3d58bb, #233268); z-index:1; transition:.3s;}
#header .h_wrap .gnb .depth1 > ul .depth2 > a {color:#444!important; border-bottom:1px dotted #ddd !important; line-height: 1.1; font-size:1em; padding:13px 10px; font-weight: 400;}
#header .h_wrap .gnb .depth1 > ul .depth2:last-child > a {border-bottom:0 !important;}
#header .h_wrap .gnb .depth1 > ul .depth2 > a:hover { background:#f9f9f9;}

#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 1000;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #555; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:#023690; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3{width:30px; border-radius: 50px;}

.qk_r{ position: fixed; right:.5em; top:50%; transform: translateY(-50%); z-index: 999; font-size:16px;}    
.qk_r > li{ margin-bottom: 8px;}
.qk_r > li .intro_btn{ display: block; width: 2.2em; height: 2.2em; line-height: 2.2em; text-align: center; border-radius: 50%; font-size: 1.45em; color: #fff; background: #fe8421; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); box-sizing: border-box; transition: .3s;}
.qk_r > li .intro_btn.b_mail{background-color: #023690; color: #fff;}
.qk_r > li .intro_btn.b_download{background-color: #de0012; color: #fff;}
.qk_r > li .intro_btn.b_top{background-color: #333; color: #fff;}
.qk_r > li .intro_btn .xi{ line-height: 2.2em;}

#st_footer{background-color: #111; font-size: 16px; margin-top:9em; text-align: center; padding:50px 0;}
#st_footer .f_info{margin:30px 0 35px;}
#st_footer .f_info > li{display:inline-block; margin:0 20px; color:rgba(255,255,255,.7); line-height: 1.7; font-weight: 300;}
#st_footer .f_info > li.db{display:block;}
#st_footer .f_info > li .st{font-weight: 600;}
#st_footer .f_copy{color:rgba(255,255,255,.3); font-size: .875em; text-transform: uppercase;}



/*===============================================메인====================================================*/


/*메인 inc*/
.main_tit{}	
.main_tit .in_tt{color:#111; font-size:3.25em; line-height: 1.1; margin-bottom:20px; font-weight: 700;}	
.main_tit .in_tx{color:#555; font-size:1.125em; line-height: 1.8;}	
.main_more > *{color:#023690!important; display:inline-block; margin-top:40px; transition: .3s; font-size:1.068em; letter-spacing: 0; position: relative; border-bottom: 3px solid #023690;}
.main_more > * .plus{margin-left:15px;}
.main_more > *:hover{color:#de0012!important; border-color:#de0012}
	

/*메인*/
.mainSlider{position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -40%); color:#fff;}
.mainSlider .slogan .t1{ font-size:4.75em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.1;}
.mainSlider .slogan .t3{ font-size:1.5em; font-weight: 300; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}

.mainSlider .mainSlider-control{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width:1600px; max-width:96%;}
.mainSlider .mainSlider-control > li .xi{width:75px; height: 75px; line-height: 75px; border-radius: 50%; border:1px solid #fff; text-align: center; color:#fff; font-size: 1.625em; cursor: pointer; opacity: .6; transition: .3s;}
.mainSlider .mainSlider-control > li .xi:hover{ opacity: 1;}
.mainSlider .mainSlider-pagination{ position:absolute; bottom:0; left:0; z-index: 10; height: 4px; width:100%; background: #ddd;}
.mainSlider .mainSlider-pagination .swiper-pagination-progressbar-fill{background: #023690;}

.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10;}
.scroll_wrap .mainSlide_scroll{ color: #fff; font-size: 0.9em; text-align: center; letter-spacing: 4px; font-weight: 300;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 53px; background: #fff; margin: 15px auto 0; position: relative;}
.scroll_wrap .scroll_bar {width:5px; height: 5px; background: #fff; animation: box-ani 2s linear infinite backwards; margin-left:-5px; border-radius: 50%;}

@keyframes box-ani { 
0% {transform: translate(50%, 0);} 
100% {transform: translate(50%, 53px);}
}

.main_business{margin:135px 0 100px; position: relative;}
.main_business .swiper-slide .in .img_z{width:50%;}
.main_business .swiper-slide .in .img_z .img_bg{width:100%; height:460px; border:1px solid #ddd;}
.main_business .swiper-slide .in .txt_z{width:50%; padding: 1em 3em 1em 6em; position: relative; display:none;}
.main_business .swiper-slide .in .txt_z .nm{font-size:1.875em; color:#023690; border-bottom:2px solid #023690; display: inline; margin-bottom: 10px; font-weight: 500;}
.main_business .swiper-slide .in .txt_z .tt{font-size:3em; color:#111; line-height: 1.2; margin-top:25px; font-weight: 800;}
.main_business .swiper-slide .in .txt_z .tx{font-size:1.1em; color:#555; line-height: 1.8; margin-top:30px;}
.main_business .swiper-slide .in .txt_z .main_more{margin-top:0px; position: absolute; bottom:10px; right: 0;}
.main_business .swiper-slide.swiper-slide-active .in .img_z{width:50%;}
.main_business .swiper-slide.swiper-slide-active .in .txt_z{display:block;}
.main_business .business-control{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -90%); z-index: 10;}
.main_business .business-control > li .xi{width:75px; height: 75px; line-height: 75px; border-radius: 50%; border:1px solid #ddd; text-align: center; color:#999; font-size: 1.625em; cursor: pointer; opacity: .7; transition: .3s; background-color: rgba(255,255,255,.3);}
.main_business .business-control > li .xi:hover{ opacity: 1;}
.main_business .business-control > li.b_prev{margin-left:-7em;}
.main_business .business-control > li.b_next{margin-right:-7em;}
.main_business .business-pagination{ position:relative; z-index: 10; height: 4px; background: #ddd; margin-top:70px;}
.main_business .business-pagination .swiper-pagination-progressbar-fill{background: #023690;}

.main_market{ position: relative;}
.main_market .main_tit{ position: absolute; top: 90px; left: 50%; transform: translateX(-50%); text-align: center; width:1280px; max-width:96%;}
.main_market .main_tit .in_tt{color:#fff;}
.main_market .main_tit .in_tx{color:#fff; opacity: .9;}
.main_market .in_market{width:50%; border-right:1px solid rgba(255,255,255,.3); padding: 375px 0 165px;}
.main_market .in_market:hover{background:linear-gradient(120deg, rgb(41 104 213 / 75%), rgb(2 54 144 / 75%));}
.main_market .in_market:last-child{border-right:0;}
.main_market .in_market .in_tbox{width:640px; text-align: center; display: block;}
.main_market .in_market .in_tbox .in_icon{width:158px; height: 158px; background-color: #fff; border-radius: 50%; margin:0 auto 20px;}
.main_market .in_market .in_tbox .in_tt{font-size:2.25em; color:#fff; line-height: 1; font-weight: 700;}
.main_market .in_market .in_tbox .main_more > *{color:#fff!important; border-bottom-color:#fff;}

.main_content{margin-top:110px;}
.main_content .in_box .img_z{width:55%; height:400px; background-color:#aaa;}
.main_content .in_box .txt_z{width:45%; padding-left:90px;}
.main_content .in_box.rev{margin-top:80px;}
.main_content .in_box.rev  .txt_z{ padding-right:90px; padding-left:0;}

/*===============================================서브====================================================*/

/**/
#sub_visual{height:360px; margin-top:80px; position: relative;}
#sub_visual .sub_v_line{ position: absolute; top: 1.7em; left:1.7em; width:calc(100% - 3.4em); height: calc(100% - 3.4em); opacity: .6; }
#sub_visual .line_01{background-color: #fff; width:0%; height: 1px; position: absolute; top: 0; left:0; transition: .8s;}
#sub_visual .line_02{background-color: #fff; width:1px; height:0%; position: absolute; top: 0; right:0; transition: .8s; transition-delay: .8s;}
#sub_visual .line_03{background-color: #fff; width:0%; height: 1px; position: absolute; bottom: 0; right:0; transition: .8s;}
#sub_visual .line_04{background-color: #fff; width:1px; height:0%; position: absolute; bottom: 0; left:0; transition: .8s; transition-delay: .8s;}

.load #sub_visual .line_01{width:100%;}
.load #sub_visual .line_02{height: 100%;}
.load #sub_visual .line_03{width:100%;}
.load #sub_visual .line_04{height: 100%;}

#sub_visual h2{padding:0; font-weight: 700; text-transform: inherit; font-size:4em;}
#sub_visual h2:after{display:none;}
.container_title{font-size:3.125em; font-weight: 600; }

#bo_cate ul{display: flex; flex-wrap:wrap;}
#bo_cate ul li{flex:calc(100% / 9);}
#bo_cate ul a{line-height: inherit; padding:0 10px; min-width: inherit;}

#bo_list_total{font-size:17px;}
#bo_list_total .total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.25em; margin-right: 7px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);}
#bo_list_total .c_point{font-weight: 500;}

#contents{margin-top:70px;}


/**/
.page_tt{ font-size: 1.95em; margin-bottom: .5em; margin-top: 2.5em; color: #111; font-weight: 500;}
.page_tx{ font-size: 1.15em; color: #333; line-height: 1.7;margin-top: 2rem;}
.page_stx{ font-size: .625em; color: #888; font-weight: 300; margin-bottom: -3px; letter-spacing: 1px;}
.cont_bg{background-color:#f9f9f9; padding:4em 0; margin:4em 0;}

	
/*인사말*/
.intro_tit{ background-color:#aaa;  padding: 8.5em 0;}	
.intro_tit .in_tt { font-size:5em; font-weight: 900; line-height: 1; width:40%; padding-top: 70px;}
.intro_tit .in_tt .t1{ color: #fff; font-style: italic; margin-bottom:10px;}
.intro_tit .in_tt .t2{ color: transparent; -webkit-text-stroke: 1px #fff; font-style: italic;}
.intro_box{background-color:#fff; padding:5em; width:60%; box-sizing: border-box;}
.intro_box .page_tx{ margin-top: 20px; }


/*연혁*/
.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#3690df; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #3690df; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:2em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year_tt{ margin-bottom: .5em;}
.history_wrap .history > li .year_tt .wrap_in{ position:relative; overflow:hidden;}
.history_wrap .history > li .year_tt .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.375em; font-weight:bold;  color:#023690; font-family: 'LeferiPoint-SpecialA';}
.history_wrap .history > li .year_tt .tt:before{ content:""; position:absolute; right:100%; top:50%; margin-top:-7px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year_tt .tt:after{ content:"'"; font-weight:400; font-style:italic}    
.history_wrap .history > li .year_tt .stt{font-size:1.068em; color:#023690;}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .detail > li .tt:after{ display: block; clear: both; content: '';}
.history_wrap .history > li .list .ynm{ color: #999; font-weight: 600; font-size: 1.125em; margin-right: 13px; float: left;}
.history_wrap .history > li .list .tx{float: left; width: calc(100% - 70px);}
.history_wrap .history > li .list .detail{ width: 100%;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size: 1.068em;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.7em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year_tt{ justify-content:flex-end; text-align:right}
.history_wrap .history > li:nth-child(2n) .year_tt .tt:before{ right:auto; left:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}
.history_wrap .history > li:nth-child(2n) .list .ynm{ float: right; margin-left: 13px; margin-right: 0;}
.history_wrap .history > li:nth-child(2n) .list .tx{ float: right;}


/*연혁*/
.process_wrap{ position:relative; overflow:hidden; padding:2em 0}
.process_wrap:before,
.process_wrap .lineAni{ content:""; position:absolute; left:1em; top:0; width:1px; height:100%; background:#ddd}
.process_wrap .lineAni{ height:0; background:#3690df; transition:.3s}
.process_wrap .lineAni:before,
.process_wrap:after{ content:""; position:absolute; left:0; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #3690df; border-radius:100%; box-sizing:border-box}
.process_wrap:after{ top:auto; bottom:0; left: 1em;}
.process_wrap .process{margin-left:4em;}
.process_wrap .process > li{ margin-top:4em}
.process_wrap .process > li:first-child{ margin-top:2em}
.process_wrap .process > li .year_tt{ margin-bottom: .5em;}
.process_wrap .process > li .year_tt .stt{font-size:1.375em; color:#bbb; position: relative; margin-right:15px;}
.process_wrap .process > li .year_tt .stt.on{color:#023690;}
.process_wrap .process > li .year_tt .stt:before{ content:""; position:absolute; left:-47px; top:50%; width:26px; border-top:2px dotted #aaa}
.process_wrap .process > li .year_tt .tt{ display:inline-block; font-size:1.5em; font-weight: 500;}
.process_wrap .process > li .detail{margin-top:1.5em; margin-right: -15px;}
.process_wrap .process > li .detail > li{width:20%;}
.process_wrap .process > li .detail > li .in{border:1px solid #ddd; padding:.7em .7em 12px; margin-right:15px; height: 100%;}
.process_wrap .process > li .detail > li .in .tx{ text-align: center; margin-top: 10px; line-height: 1; font-size: 1.068em; font-weight: 300;}
.process_wrap .process > li .detail > li .in .img_z{height:150px; background-color:#aaa;}



/*비즈니스*/
.point_wrap{}
.point_wrap .in_box{ padding:2em 0;}
.point_wrap .in_box .img_z {flex:50%;}
.point_wrap .in_box .img_z .img_bg{width:93%; height: 350px; border: 1px solid #ddd;}
.point_wrap .in_box .txt_z {flex:50%; padding-left:3em; box-sizing: border-box;}
.point_wrap .in_box .txt_z .emp_nm{color: transparent; -webkit-text-stroke: 1.5px #023690; font-size:4.5em; font-weight: 900; margin-top:-.5em;}
.point_wrap .in_box.rev .img_z .img_bg{margin-left:auto;}
.point_wrap .in_box.rev .txt_z {padding-right:4em; padding-left:0;}

.point_wrap.st .in_box .img_z {flex:420px;}
.point_wrap.st .in_box .img_z .img_bg{width:100%; height: 300px; border-radius: 0 30px 0 30px;}
.point_wrap.st .in_box .txt_z{flex:calc(100% - 420px); padding-left: 7em;}
.point_wrap.st .in_box:nth-child(2n) .txt_z .emp_nm{-webkit-text-stroke: 1.5px #888;}

.bus_list{margin-right:-30px; margin-top:2em;}
.bus_list > li{width:33.33%;}
.bus_list.st_w25 > li{width:25%;}
.bus_list > li .in{border:1px solid #ddd; margin-right:30px; height: 100%;}
.bus_list > li .in .img_z{height:240px;}
.bus_list > li .in .txt_z{padding:1.5em 2em; color:#333; background-color: #fff;}
.bus_list > li .in .txt_z .st_fs{font-size:.813em;}

.nm_list{margin-top: 2em; border: 1px dashed #aaa; background-color: #f9f9f9; padding: 2em;}
.nm_list.st{border: 1px solid #ccc;}
.nm_list > li{margin-bottom:8px;}
.nm_list > li:last-child{margin-bottom:0;}
.nm_list > li .nm_icon{width:42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; background:#023690; color:#fff;}
.nm_list > li .page_tx{width:calc(100% - 42px); padding-left:10px; padding-top:6px;}

.dot_tt{font-size:1.2em; font-weight: 500; color:#333; margin-bottom:8px;}
.dot_list > li{ margin-bottom:10px; position: relative; padding-left: 12px; line-height: 1.2; color:#333;}
.dot_list > li:last-child{ margin-bottom:0px;}
.dot_list > li:before{content:''; width:3px; height: 3px; border-radius: 50%; position: absolute; top: 9px; left: 0; background-color: #023690}

.img_box{background-color:#aaa; height: 350px; width:100%; margin-top:2em;}

.ck_list{margin:0 -170px 2em 0;}
.ck_list > li{width:50%; position: relative;}
.ck_list > li:nth-child(1):after{content:''; display: block; width:72px; height: 100px; background-image: url("../img/sub/arr_img.png"); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
.ck_list > li .in{margin-right:170px;}
.ck_list > li .in .tt_ibox{margin-bottom: 0.4em; padding: 1.2em 1.5em; background: #f3f3f3; border-style: solid; border-width: 1px 1px 0.3em 1px; border-color: #cfd8e2; font-size: 1.3em; font-weight: 500;}
.ck_list > li .in .tt_ibox .xi{vertical-align: text-bottom; font-size: 1.25em;}
.ck_list > li .in .tx_ibox{padding: 1.5em; border-style: dashed; border-width: 1px; border-color: #cfd8e2; min-height: 456px; background-color:rgba(255,255,255,.7);}
.ck_list > li .in .tx_ibox .dot_list > li{ margin-bottom: 5px;}
.ck_list > li .in .tx_ibox .img_list{margin-right:-5px;}
.ck_list > li .in .tx_ibox .img_list > li{width:50%;}
.ck_list > li .in .tx_ibox .img_list > li .in_bg{ background-color:#aaa; height: 150px; margin-right:10px; margin-top:10px;} 

.table_st{table-layout:fixed; border-top: 2px solid #545c6c; margin-top:2em;}
.table_st th,
.table_st td{ padding:.6em 1em; border:1px solid #ddd; text-align: center; line-height: 1.3;}
.table_st th{color:#222; padding: 1em 1em;}
.table_st td{color:#333;}
.table_st tr:nth-child(2n){ background:#f9f9f9;}
.table_st .bg_01{ background:#707a8f; color:#fff;}

.total_st{font-size: 1.5em; color: #333; text-align: center; margin: 1em 0 2em;}
.total_st .tw{margin-right: 12px;}
.total_st .strong{font-size: 2em; margin: 0 6px;}
 

/*퍼포먼스*/
.market_cont .market_list{display:flex; flex-wrap:wrap;}
.market_cont .market_list.mt_st{margin-top:5.5em;}
.market_cont .market_list > li{margin-bottom:70px; width:33.33%;}
.market_cont .market_list > li .in_yy{font-size:1.825em; font-family: 'LeferiPoint-SpecialA'; margin-bottom:25px; padding:0 20px 7px; border-bottom:1px dashed #ccc; color:#023690; position: relative; height: 53px; letter-spacing:1px; font-weight:bold;}
.market_cont .market_list > li .in_yy:after{content:''; width:8px; height: 8px; border-radius:50%; background-color:#023690; position: absolute; bottom:-5px; left: 55px; }
.market_cont .market_list > li .in_yy.empty:after{display:none;}
.market_cont .market_list > li .in_list{padding:0 20px; }
.market_cont .market_list > li .in_list > li{margin-bottom:10px; color:#333; line-height: 1.2;}

.market_tbox{height:300px; background-color:#aaa; position: relative; margin-bottom: 5em;}
.market_tbox .page_tt{width:1280px; max-width: 96%; position: absolute; bottom:0; left:50%; transform: translateX(-50%); background-color: #fff; text-align: center;  padding: 1.6em 1em .7em; margin-top:5em;}


/**/
.page_txt_wrap{ margin-top:2.5em;}
.page_txt_wrap:first-of-type{ margin-top:0;}
.page_txt_wrap.flex > *{ padding:1.5em 2em; border-top:2px solid #e8e8e8;}
.page_txt_wrap.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1; text-align: center;}
.page_txt_wrap.flex > .flex_w1:before,
.page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;}
.page_txt_wrap.flex > .flex_w1:before{ left:0; background:#6574b7;}
.page_txt_wrap.flex > .flex_w1:after { left:.8em; background:#01b695;}
.page_txt_wrap.flex > .flex_w1 .icon_img{ width: 130px; height: 130px; text-align: center; border-radius: 50%; margin: 0 auto 10px;  border: 3px solid #3989c9; display:none;}

.page_txt_wrap.flex > .flex_w1 .flex_wt{ font-size: 1.625em; font-weight: 500; text-align: center;}
.page_txt_wrap.flex > .flex_w2{ flex:4; margin-left:2em;}
.page_txt_wrap.flex > .flex_w2 .midd{margin-right:-25px;}
.page_txt_wrap.flex > .flex_w2 .detail{width:25%; padding-right:25px;}
.page_txt_wrap.flex > .flex_w2 .detail > li{ margin-bottom: 10px;}
.page_txt_wrap.flex > .flex_w2 .detail > li .in{border:1px solid #ddd; padding:.7em .7em 12px;}
.page_txt_wrap.flex > .flex_w2 .detail > li .in .tx{ text-align: center; margin-top: 10px; line-height: 1; font-size: 1.068em; font-weight: 400;}
.page_txt_wrap.flex > .flex_w2 .detail > li .in .tx .st{display:block; font-size: .813em; margin-top:3px;}
.page_txt_wrap.flex > .flex_w2 .detail > li .in .img_z{height:120px; background-color:#aaa;}
.page_txt_wrap.flex > .flex_w2 .detail > li .in .bar_list{font-size:.938em; color:#444; margin-top:10px; text-align: center; font-weight: 300;}

.tbl_info{display:none;}