@charset "utf-8";

/* ===================================
    sub layout
====================================== */
/* //// subtop //// */
.sub .subtop{width:100%;height:100vh;max-height:800px;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;}
.sub.vision .subtop{background-image:url('/img/sub/introduction/vision.jpg');}
.sub.greeting .subtop{background-image:url('/img/sub/introduction/greeting.jpg');}
.sub.partners .subtop{background-image:url('/img/sub/introduction/partners.jpg');}
.sub.info .subtop{background-image:url('/img/sub/introduction/info.jpg');}
.sub.life-accident .subtop{background-image:url('/img/sub/work/life-accident.jpg');}
.sub.Liability .subtop{background-image:url('/img/sub/work/Liability.jpg');}
.sub.motor-insurance .subtop{background-image:url('/img/sub/work/motor-insurance.jpg');}
.sub.ia-el .subtop{background-image:url('/img/sub/work/ia-el.jpg');}
.sub.ia-insurance .subtop{background-image:url('/img/sub/work/ia-el.jpg');}
.sub.liability .subtop{background-image:url('/img/sub/work/liability.jpg');}
.sub.bp .subtop{background-image:url('/img/sub/business-process/business-process.jpg');}

.sub .subtop .container{position:absolute;top:0;bottom:0;left:0;right:0;width:90%;height:100vh;max-height:800px;}
/* //// sub common //// */
.sub .section_cont{margin-top:40px;}

.sub .viewtab{width:100%;text-align:center;}
.sub .viewtab a{display:inline-block;width:280px;height:59px;background:#000;border-radius:50px;}
.sub .viewtab a:hover{background:#37a9f0;}
.sub .viewtab a .inner{width:100%;height:100%;}
.sub .viewtab a .inner .txt{width:90%;}
.sub .viewtab a .inner .txt p{padding-right:10px;}
@media(max-width:768px){
    .sub .viewtab a{width:180px;height:49px;}
    .sub .viewtab a .inner .txt .imgbdiv img{height:20px;}
}

/* //// vision //// */
.sub.vision .section{position:relative;}
.sub.vision .section .bgtxt{position:absolute;top:auto;bottom:0;right:0;left:auto;margin:auto;z-index:3;}
.sub.vision .section_cont .bgwrap{width:100%;padding:40px;border-radius:260px;background:#f7f7f7;position:relative;z-index:5;}
.sub.vision .section_cont .bgwrap .cir{position:relative;width:363px;height:363px;text-align:center;background:#37a9f0;border-radius:50%;border:14px solid #bddff5;}
.sub.vision .section_cont .bgwrap .cir .txtinner .num{position:relative;display:inline-block;}
.sub.vision .section_cont .bgwrap .cir .txtinner .num:after{content:'';display:block;position:absolute;top:auto;left:0;bottom:0;right:0;margin:auto;width:100%;height:1px;background:#fff;}
.sub.vision .section_cont .bgwrap .cir .txtinner .num p{line-height:1;}
@media(max-width:1440px){
    .sub.vision .section_cont .bgwrap{flex-direction:column;max-width:460px;margin:auto;}
    .sub.vision .section_cont .bgwrap .cir{max-width:363px;width:100%;height:0;padding-top:calc(100% - 45px);}
    .sub.vision .section_cont .bgwrap .cir:nth-child(2){margin:50px 0;}
    .sub.vision .section_cont .bgwrap .cir .txtinner{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);}
}
@media(max-width:500px){
    .sub.vision .section_cont .bgwrap{padding:20px;}
    .sub.vision .section_cont .bgwrap .cir{border:8px solid #bddff5;padding-top:calc(100% - 16px);}
    .sub.vision .section_cont .bgwrap .cir:nth-child(2){margin:30px;}
}

/* //// 대표인사말 //// */
.sub.greeting .sec01{position:relative;background:url('/img/sub/introduction/greeting_bg.png')no-repeat right bottom;}
.sub.greeting .sec01 .bgwrap{position:relative;}
.sub.greeting .sec01 .bgwrap:after{content:'';display:block;position:absolute;top:auto;bottom:0;left:auto;right:0;margin:auto;width:100%;height:85%;background:linear-gradient(to right, #ecf6fd 0%, #fff 100%);z-index:2;}
.sub.greeting .sec01 .bgwrap .section_cont01{position:relative;z-index:5;}

.sub.greeting .sec01 .bgwrap .inner01{width:40%;text-align:center;}
.sub.greeting .sec01 .bgwrap .inner02{width:60%;}
.sub.greeting .sec01 .bgwrap .inner01 .imgbdiv{width:75%;margin:0 auto;text-align:center;}
.sub.greeting .sec01 .bgwrap .inner02{position:relative;}
.sub.greeting .sec01 .bgwrap .txtinner{width:95%;height:85%;padding:5% 0;flex-direction:column;}
.sub.greeting .sec01 .bgwrap .txtinner .cont01 {width:100%;}
.sub.greeting .sec01 .bgwrap .txtinner .cont01 .txtwrap p{display:inline-block;vertical-align:baseline;}
.sub.greeting .sec01 .bgwrap .txtinner .cont02{width:100%;text-align:right;}
/* .sub.greeting .sec01 .bgwrap .txtinner .cont02 .txtwrap{display:inline-block;} */
.sub.greeting .sec01 .bgwrap .txtinner .cont02 .txtwrap p,
.sub.greeting .sec01 .bgwrap .txtinner .cont02 .txtwrap .imgbdiv{display:inline-block;vertical-align:middle;}
.sub.greeting .sec01 .bgwrap .txtinner .cont02 .txtwrap .imgbdiv{margin-left:3%;}
.sub.greeting .sec01 .section_cont02{margin-top:100px;}
.sub.greeting .sec01 .section_cont02 .box{width:40%;}
.sub.greeting .sec01 .section_cont02 .box .box_title{border-bottom:1px solid #000;}
@media(max-width:1024px){
    .sub.greeting .sec01{background-image:url('/img/sub/introduction/greeting_bg_m.png');}
    .sub.greeting .sec01 .bgwrap:after{background:linear-gradient(to bottom, #ecf6fd 0%, #fff 100%);}
    .sub.greeting .sec01 .bgwrap .inner01{width:100%;}
    .sub.greeting .sec01 .bgwrap .inner02{width:100%;padding:50px 0;}
    .sub.greeting .sec01 .bgwrap .txtinner{width:100%;height:100%;padding:0 5%;}
    .sub.greeting .sec01 .bgwrap .txtinner .cont01{margin-bottom:70px;}
}
@media(max-width:768px){
    .sub.greeting .sec01 .section_cont02{margin-top:50px;}
    .sub.greeting .sec01 .section_cont02 .box{width:100%;}
    .sub.greeting .sec01 .section_cont02 .box:nth-child(1){margin-bottom:50px;}
}

/* //// 협력사 //// */
.sub.partners .section{background:url('/img/sub/introduction/partners_bg.png')no-repeat right center;}
.sub.partners .section_cont .innerwrap{width:100%;}
.sub.partners .section_cont .innerwrap .inner{width:calc(96% / 5);text-align:center;margin-bottom:1%;}
.sub.partners .section_cont .innerwrap .inner .imgbdiv{display:inline-block;box-shadow:0 0 3px rgba(0,0,0,0.2);}
@media(max-width:1024px){
    .sub.partners .section_cont .innerwrap .inner{width:calc(96% / 4);}
}
@media(max-width:990px){
    .sub.partners .section_cont .innerwrap{max-width:530px;margin:auto;}
    .sub.partners .section_cont .innerwrap .inner{width:calc(99% / 2);}
}
@media(max-width:500px){
    .sub.partners .section_cont .innerwrap .inner{width:100%;}
}

/* //// 찾아오시는 길 //// */
.sub.info .section{background:url('/img/sub/introduction/partners_bg.png')no-repeat right 20%;}
.sub.info .sec06{position:relative;}
.sub.info .sec06 .hide{display:none;}
.sub.info .sec06 .txtinner{width:80%;padding-left:10%;}
.sub.info .sec06 .txtinner .sec_cont .txtwrap .icondiv{margin-right:15px;flex-shrink:0;}
.sub.info .sec06 .txtinner .sec_cont .txtwrap p{margin-right:5px;}
.sub.info .sec06 .txtinner .sec_cont .txtwrap p:first-child{margin-right:0;}
.sub.info .sec06 .txtinner .sec_cont .boxwrap{border-top:1px solid #eee;}
@media(max-width:990px){
    .sub.info .sec06 .map{height:500px !important;}
    .sub.info .sec06 .txtinner{width:90%;padding-left:0;margin:auto;}
}
@media(max-width:768px){
    .sub.info .section{background:url('/img/sub/introduction/partners_bg.png')no-repeat right bottom;}
    .sub.info .sec06 .map{height:300px !important;}
    .sub.info .sec06 > .half:nth-child(2){padding:50px 0 100px;}
}
@media(max-width:500px){
    .sub.info .sec06 .txtinner .sec_cont .boxwrap{flex-wrap:wrap;}
    .sub.info .sec06 .txtinner .sec_cont .boxwrap .half:first-child{margin-bottom:15px;}
}

/* //// sub_title_section //// */
.sub .sub_title_section{background:url('/img/sub/work/sub_title_section_bg.png')no-repeat right bottom;}
.sub.bp .sub_title_section{background:url('/img/sub/business-process/sub_title_section_bg.png')no-repeat right bottom /contain;}
.sub .sub_title_section .titlebox{width:40%;}
.sub .sub_title_section .contbox{width:60%;}
@media(max-width:1024px){
    .sub .sub_title_section .inner{flex-wrap:wrap;}
    .sub .sub_title_section .titlebox{width:100%;}
    .sub .sub_title_section .contbox{width:100%;padding:20px 0 0;}
}
@media(max-width:768px){
    .sub.bp .sub_title_section{background:url('/img/sub/business-process/sub_title_section_bg.png')no-repeat right bottom ;}
}

/* //// bg_section //// */
.sub .bg_section{background:url('/img/sub/work/bg_section_bg.jpg')no-repeat center center /cover;}
.sub .bg_section .listwrap .list p:nth-child(2){border-top:1px solid #fff;}


.sub .bg_section .listwrap .list {width:30%;margin-right:5%;margin-top:70px;}
.sub .bg_section .listwrap .list:nth-child(-n+3) {margin-top:0}
.sub .bg_section .listwrap .list:nth-child(3n) {margin-right:0}
.sub .bg_section .listwrap .list:last-child {margin-right:0}
@media (max-width: 768px) {
    .sub .bg_section .listwrap .list{width:100%;margin-right:0;margin-top:50px;}
    .sub .bg_section .listwrap .list:nth-child(-n+3) {margin-top:50px;}
    .sub .bg_section .listwrap .list:nth-child(1) {margin-top:0;}
}

/* //// tablewrap //// */
.sub .tablewrap{position:relative;}
.sub .tablewrap table{width:100%;text-align:center;border-collapse:collapse;}
.sub .tablewrap table tr th{border:1px solid #ddd;padding:10px 5px;}
.sub .tablewrap table tr td{border:1px solid #ddd;padding:25px 5px;}
.sub .tablewrap table tr th:first-child{border-left:none;}
.sub .tablewrap table tr thead th:last-child{border-right:none;}
.sub .tablewrap table tr td:last-child{border-right:none;}
.sub .tablewrap table tbody tr th{background:#f7f7f7;}
.sub .tablewrap table tbody tr th p{color:#999;}

/* //// tab_wrap //// */
.sub .tab_wrap .tab{width:100%;text-align:right;}
.sub .tab_wrap .tab .tab-link{margin-left:20px;cursor:pointer;border-bottom:4px solid #fff;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.sub .tab_wrap .tab .tab-link.current{border-color:#37a9f0;}
.sub .tab_wrap .tab .tab-link.current p{font-weight:700;color:#37a9f0;}

.sub .tab_wrap .tab-content{display:none;}
.sub .tab_wrap .tab-content.current{display:block;}

/* //// squ_title //// */
.sub .squ_title .listwrap .list p:nth-child(1){border:1px solid #333;padding:1% 2%;}
.sub .squ_title .listwrap .list {width:48%;margin-right:4%;margin-top:70px;}
.sub .squ_title .listwrap .list:nth-child(-n+2) {margin-top:0}
.sub .squ_title .listwrap .list:nth-child(2n) {margin-right:0}
.sub .squ_title .listwrap .list:last-child {margin-right:0}
@media (max-width: 768px) {
    .sub .squ_title .listwrap .list{width:100%;margin-right:0;margin-top:50px;}
    .sub .squ_title .listwrap .list:nth-child(-n+2) {margin-top:50px;}
    .sub .squ_title .listwrap .list:nth-child(1) {margin-top:0;}
}

/* //// side_slide //// */
.sub .side_slide .side_slide_inner{width:100%;}
.sub .side_slide .side_slide_inner .paginationwrap{width:40%;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi{position:relative;width:90%;max-width:420px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #c5c5c5;cursor:pointer;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi:last-child{margin-bottom:0;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi p{color:#c5c5c5;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi p:first-child{margin-right:20px;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi.act{border-color:#333;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi.act p:first-child{color:#37a9f0;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi.act p:last-child{color:#333;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi.act{border-color:#333;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi.act p{color:#333;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi i{position:absolute;top:0;bottom:auto;left:auto;right:0;margin:auto;transform:translateY(calc(-50% + 15px));color:#c5c5c5;}
.sub .side_slide .side_slide_inner .paginationwrap .pagi.act i{color:#333;}
.sub .side_slide .side_slide_inner .slidecontwrap{width:60%;}
.sub .side_slide .side_slide_inner .slidecontwrap .pagi-content{display:none;width:100%;height:392px;border-radius:30px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.sub .side_slide .side_slide_inner .slidecontwrap .pagi-content.act{display:block;}
.sub .side_slide .side_slide_inner .slidecontwrap .pagi-content .inner{width:100%;height:100%;text-align:center;}
.sub .side_slide .side_slide_inner .slidecontwrap .pagi-content p{width:70%;}
/* side_slide background image */
.sub.life-accident .side_slide .side_slide_inner .slidecontwrap #pagicont1{background-image:url('/img/sub/work/side_slide_pic01.jpg');}
.sub.life-accident .side_slide .side_slide_inner .slidecontwrap #pagicont2{background-image:url('/img/sub/work/side_slide_pic02.jpg');}
.sub.life-accident .side_slide .side_slide_inner .slidecontwrap #pagicont3{background-image:url('/img/sub/work/side_slide_pic03.jpg');}
.sub.liability .side_slide .side_slide_inner .slidecontwrap #pagicont1{background-image:url('/img/sub/work/side_slide_pic04.jpg');}
.sub.liability .side_slide .side_slide_inner .slidecontwrap #pagicont2{background-image:url('/img/sub/work/side_slide_pic05.jpg');}
.sub.liability .side_slide .side_slide_inner .slidecontwrap #pagicont3{background-image:url('/img/sub/work/side_slide_pic06.jpg');}
.sub.liability .side_slide .side_slide_inner .slidecontwrap #pagicont4{background-image:url('/img/sub/work/side_slide_pic07.jpg');}
.sub.liability .side_slide .side_slide_inner .slidecontwrap #pagicont5{background-image:url('/img/sub/work/side_slide_pic08.jpg');}
.sub.motor-insurance .side_slide .side_slide_inner .slidecontwrap #pagicont1{background-image:url('/img/sub/work/side_slide_pic09.jpg');}
.sub.motor-insurance .side_slide .side_slide_inner .slidecontwrap #pagicont2{background-image:url('/img/sub/work/side_slide_pic10.jpg');}
.sub.motor-insurance .side_slide .side_slide_inner .slidecontwrap #pagicont3{background-image:url('/img/sub/work/side_slide_pic11.jpg');}
.sub.motor-insurance .side_slide .side_slide_inner .slidecontwrap #pagicont4{background-image:url('/img/sub/work/side_slide_pic12.jpg');}
.sub.motor-insurance .side_slide .side_slide_inner .slidecontwrap #pagicont5{background-image:url('/img/sub/work/side_slide_pic13.jpg');}
@media (max-width: 1024px) {
    .sub .side_slide .side_slide_inner .slidecontwrap .pagi-content{height:300px;}
    .sub .side_slide .side_slide_inner .slidecontwrap .pagi-content p{width:90%;}
}
@media (max-width: 768px) {
    .sub .side_slide .side_slide_inner .paginationwrap{width:100%;}
    .sub .side_slide .side_slide_inner .paginationwrap .pagi{width:100%;max-width:none;}
    .sub .side_slide .side_slide_inner .slidecontwrap{width:100%;margin-top:30px;}
    .sub .side_slide .side_slide_inner .slidecontwrap .pagi-content{height:250px;border-radius:15px;}
    .sub .side_slide .side_slide_inner .paginationwrap .pagi i{transform:translateY(calc(-50% + 11px));}
}

/* //// bluecir //// */
.sub .bluecir .listwrap{width:100%;margin-bottom:2%;}
.sub .bluecir .listwrap:last-child{margin-bottom:0;}
.sub .bluecir .listwrap .list:first-child{padding:5px;width:20%;flex-shrink:0;text-align:center;border-radius:30px;}
.sub .bluecir .listwrap .list:last-child{padding:5px 0 0 20px;width:80%;}
.sub .bluecir .listwrap .list:last-child p{margin-bottom:5px;}
.sub .bluecir .listwrap .list:last-child p:last-child{margin-bottom:0;}
@media (max-width: 768px) {
    .sub .bluecir .listwrap{display:block;margin-bottom:50px;}
    .sub .bluecir .listwrap .list:first-child{width:80%;max-width:200px;margin-bottom:5px;}
    .sub .bluecir .listwrap .list:last-child{width:100%;}
}

/* //// motor_slide //// */
.sub .motor_slide{position:relative;}
.sub .motor_slide .swiper-container{z-index:5;}
.sub .motor_slide .swiper-slide .imgbdiv{max-width:600px;position:relative;}
.sub .motor_slide .swiper-slide .imgbdiv .txt{width:90%;position:absolute;top:auto;bottom:10%;left:5%;right:0;margin:auto;z-index:5;}
@media(max-width:768px){
}

/* motor_slide bg */
.sub #mainwrap .bg_tile.motor_slide:before{height:430px;}
.sub #mainwrap .bg_tile.motor_slide:after{height:430px;}
.sub #mainwrap .bg_tile.motor_slide .bg_tile_top:after{height:calc(100% - 430px);}
.sub #mainwrap .bg_tile.motor_slide .section_title{position:relative;z-index:5;}
.sub #mainwrap .bg_tile.motor_slide .bg_tile_line{width:100%;height:1px;position:absolute;top:auto;bottom:100px;left:0;right:0;margin:auto;background:#57b7f2;z-index:5;}
@media(max-width:1024px){
    .sub #mainwrap .bg_tile.motor_slide .bg_tile_line{bottom:50px;}
}
@media(max-width:768px){
    .sub #mainwrap .bg_tile.motor_slide:before{height:200px;}
    .sub #mainwrap .bg_tile.motor_slide:after{height:200px;}
    .sub #mainwrap .bg_tile.motor_slide .bg_tile_top:after{height:calc(100% - 200px);}
    .sub #mainwrap .bg_tile.motor_slide .bg_tile_line{bottom:40px;}
}
@media(max-width:500px){
}

/* //// anchor_tab //// */
.sub .anchor_tab{}
.sub .anchor_tab .anchor_tab_menuwrap{}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu{margin-right:50px;}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu:last-child{margin-right:0;}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a{display:inline-block;position:relative;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a:hover:after{content:'';display:block;position:absolute;top:0;right:0;bottom:auto;left:auto;margin:auto;width:8px;height:8px;border-radius:50%;background:#37a9f0;transform:translate(150%, -40%);}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a p{color:#b2b2b2;}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a:hover p{color:#37a9f0;}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a i{display:none;color:#b2b2b2;}
.sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a:hover i{color:#37a9f0;}
.sub .anchor_tab .anchor_tab_contwrap{}
.sub .anchor_tab .anchor_tab_contwrap .anchor_tab_cont{margin-bottom:150px;}
.sub .anchor_tab .anchor_tab_contwrap .anchor_tab_cont:last-child{margin-bottom:0;}
.sub .anchor_tab .anchor_tab_contwrap .anchor_tab_cont .anchor_title{padding:10px 2%;border-left:4px solid #37a9f0;}
.sub .anchor_tab .anchor_tab_contwrap .anchor_tab_cont .anchor_cont{}
@media(max-width:1024px){
}
@media(max-width:768px){
    .sub .anchor_tab .anchor_tab_menuwrap{display:block;}
    .sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu{margin-right:0;margin-bottom:10px;}
    .sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a:hover:after{display:none;}
    .sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a p{display:inline-block;vertical-align:middle;}
    .sub .anchor_tab .anchor_tab_menuwrap .anchor_tab_menu a i{display:inline-block;vertical-align:middle;margin-left:10px;}
    .sub .anchor_tab .anchor_tab_contwrap .anchor_tab_cont{margin-bottom:60px;}
}
@media(max-width:500px){
}

/* //// top_blackline //// */
.sub .top_blackline .listwrap{padding:40px 3%;border-top:1px solid #333;}
.sub .top_blackline .listwrap .list:first-child{width:40%;padding-right:4%;}
.sub .top_blackline .listwrap .list:last-child{width:60%;}
@media (max-width: 768px) {
    .sub .top_blackline .listwrap{display:block;}
    .sub .top_blackline .listwrap .list:first-child{width:100%;padding-right:0;margin-bottom:10px;}
    .sub .top_blackline .listwrap .list:last-child{width:100%;}
}

/* //// top_blueline //// */
.sub .top_blueline .listwrap .list{width:32%;padding:40px 3%;margin-right:2%;margin-top:70px;background:#f7f7f7;border-top:5px solid #37a9f0;}
.sub .top_blueline .listwrap .list:nth-child(-n+3) {margin-top:0}
.sub .top_blueline .listwrap .list:nth-child(3n) {margin-right:0}
.sub .top_blueline .listwrap .list:last-child {margin-right:0}
@media (max-width: 768px) {
    .sub .top_blueline .listwrap .list{width:100%;margin-right:0;margin-top:50px;}
    .sub .top_blueline .listwrap .list:nth-child(-n+3) {margin-top:50px;}
    .sub .top_blueline .listwrap .list:nth-child(1) {margin-top:0;}
}

/* //// stepbox //// */
.sub .stepbox .stepbox_inner{width:100%;}
.sub .stepbox .stepbox_inner .step_squ{width:calc((100% - 120px) / 3);height:350px;border:2px solid #e5e5e5;border-radius:30px;padding:50px 3% 0;}
.sub .stepbox .stepbox_inner .dots_shot{width:50px;margin:0 5px;}
.sub .stepbox .stepbox_inner .dots_long{width:100%;margin:15px 0;text-align:center;}
@media (max-width: 1440px) {
    .sub .stepbox .stepbox_inner{max-width:100%;-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
    .sub .stepbox .stepbox_inner .step_squ{width:46%;margin-right:4%;margin-bottom:4%;}
    .sub .stepbox .stepbox_inner .step_squ:nth-child(2n){;margin-right:0;}
    .sub .stepbox .stepbox_inner .dots_shot{display:none;}
    .sub .stepbox .stepbox_inner .dots_long{display:none;}
}
@media (max-width: 1024px) {
    .sub .stepbox .stepbox_inner{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
    .sub .stepbox .stepbox_inner .step_squ{height:auto;padding:50px 3%;}
}
@media (max-width: 500px) {
    .sub .stepbox .stepbox_inner .step_squ{width:100%;padding:20px 5%;border-radius:15px;}
}


/* //// specialist //// */
.sub .specialist{position:relative;}
.sub .specialist .bgtxt{position:absolute;top:0;bottom:auto;right:0;left:auto;margin:auto;z-index:3;}
.sub .specialist .listwrap .list{width:19%;height:500px;padding:2.5% 3%;border-radius:30px;overflow:hidden;background-repeat:no-repeat;background-position:center center;flex-direction:column;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.sub .specialist .listwrap .list.act{width:60%;max-width:800px;}
.sub .specialist .listwrap .list01{background-image:url('/img/sub/work/specialist_pic01.jpg');}
.sub .specialist .listwrap .list02{background-image:url('/img/sub/work/specialist_pic02.jpg');}
.sub .specialist .listwrap .list03{background-image:url('/img/sub/work/specialist_pic03.jpg');}
.sub .specialist .listwrap .list .inner{width:90%;opacity:0;height:0;}
.sub .specialist .listwrap .list > p.color-white{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.sub .specialist .listwrap .list.act > p.color-white{color:#333;}
.sub .specialist .listwrap .list.act .inner{animation:txtact 0.2s ease-out forwards;}
@keyframes txtact{
	0%{width:0;height:0;opacity:0;}
	50%{width:90%;height:auto;opacity:0;}
	70%{width:90%;height:auto;opacity:0;}
	100%{width:90%;height:auto;opacity:1;}
}
@media (max-width: 768px) {
    .sub .specialist .listwrap .list{width:100%;height:auto;border-radius:15px;padding:3%;margin-bottom:2%;}
    .sub .specialist .listwrap .list:last-child{margin-bottom:0;}
    .sub .specialist .listwrap .list.act{width:100%;height:260px;}
}
@media (max-width: 500px) {
    .sub .specialist .listwrap .list{padding:5%;}
}