html,body,div,p,ol,ul,li,span,a,button,dl,dt,dd,h1,h2,h3,h4,h5,h6,copyright{margin:0; padding:0; font-family:'Noto Sans KR', Malgun Gothic,맑은 고딕,Apple SD Gothic Neo,돋움,dotum,sans-serif; font-size:12px; font-weight:300; line-height:1}
html,body{color:#303030; text-size-adjust:none;}
li{list-style:none;}
a{text-decoration:none;}
button{border:0; background-color:#fff;}
hr{border:0; margin:0;}

.ver_w{display:none !important}
.ver_m{display:block !important}

#header{position:sticky; left:0; width:100%; z-index:99; top:0; background-color:#fff; box-sizing: border-box;}
#header .inner{position:relative; height:92px; padding:40px 0 0 15px; box-sizing:border-box;}
#header:after{content:''; position:absolute; left:0; top:92px; width:100%; height:1px; background:#e4e7e9}
#header h1{display:block; width:168px; height:38px; background:url('../img/logo.png') 0 0/100% auto no-repeat; font-size:0;}
#header #nav ul{padding:20px 0 20px 24px; box-sizing:border-box;}
#header #nav ul li{margin-top:10px;}
#header #nav ul li:first-child{margin-top:0}
#header #nav a{color:#d2d2d2; font-size:16px; font-weight:bold; transition:color 0.3s;}
#header #nav a.active{color:#8e8e8e}

#footer{background-color:#242424; color:#bababa; font-size:12px; margin-top:90px; padding:43px 24px calc(constant(safe-area-inset-bottom) + 50px); padding:43px 24px calc(env(safe-area-inset-bottom) + 50px);}
#footer h2{display:block; color:#fff; font-weight:bold; font-size:14px; margin-bottom:20px; line-height:32px;}
#footer ul li{margin-top:10px;}
#footer ul li:first-child{margin-top:0}
#footer #company_info{margin-top:35px}
#footer copyright{margin-top:32px; display:block; font-weight:500}

#content{padding:0 24px;}
.sub_section{margin-top:90px}
.sub_section .section_inner .hd{position:relative; padding:130px 24px 0; margin:0 -24px; background-size:100% auto; background-repeat:no-repeat; background-position:50% 0;}
.sub_section .section_inner h2{font-size:21px; letter-spacing:-1px; line-height:24px; font-weight:800; word-break: keep-all; background-color:#fff; margin:0 35px 0 -24px; padding:25px 0 0 24px;}
.sub_section .section_inner h2 > span{display:block; font-size:17px; line-height:21px; font-weight:400; margin-top:20px; word-break: keep-all;}
.sub_section .section_inner h3.line{border-bottom:1px solid #242424; font-size:18px; color:#242424; margin:0 -24px; padding:90px 0 10px 15px; font-weight:bold; letter-spacing: -1px;}
.sub_section .section_inner h4{font-size:18px; line-height:24px; font-weight:bold; letter-spacing: -1px;}
.sub_section hr{display:block;}
.sub_section[data-sub-section="overview"]{margin-top:10px}
.sub_section[data-sub-section="overview"] .hd{padding-top:0px}
.sub_section[data-sub-section="overview"] .hd h2{padding-top:0}
.sub_section[data-sub-section="overview"] .hd h2 > span{font-weight:500}
.sub_section[data-sub-section="overview"] .btn_company_int{text-align:center;margin-top:50px;}
.sub_section[data-sub-section="overview"] .btn_company_int a{display:inline-block; border:1px solid #676767; line-height:35px; color:#65686f; font-size:12px; padding:0 20px; border-radius:30px;}
.sub_section[data-sub-section="overview"] .btn_company_int a:after{content:''; margin-left:12px; background:url('../img/ico_file_down.png') 0 0 no-repeat; width:12px; height:18px; display: inline-block; vertical-align: middle;}
.sub_section[data-sub-section="overview"] .company_init_swiper{margin:30px -24px 0; overflow:hidden; position:relative;}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide strong{display:block; position:absolute; left:25px; top:25px; font-size:18px; font-weight:700; color:#fff; opacity:0.8}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide p{line-height:23px; font-size:15px; padding:0 24px 20px; word-break: keep-all}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide .img{margin:0 auto; text-align: center; position:relative;}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide .img img{width:100%; vertical-align: top;}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper_control{position:absolute; right:0; bottom:0; padding:0 4px 0 0; background-color:#22202b; width:132px; height:40px; z-index:3; display: flex; align-items: center;}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper_control .swiper-pagination{position:static; color:#fff; font-size:14px;}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper_control .swiper-pagination span{font-size:14px; color:#fff;}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper_control .swiper_btns{display:flex;}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper_control .swiper_btns >div{position:static; margin:0; transform:scale(0.6)}
.sub_section[data-sub-section="overview"] .company_init_swiper .swiper_control .swiper_btns :after{color: #fff;}
.sub_section[data-sub-section="overview"] .summary{margin-top:24px; line-height:23px; font-size:15px; word-break: keep-all;}

.sub_section[data-sub-section="history"] .hd{padding:0; margin:0;}
.sub_section[data-sub-section="history"] .hd h2{padding:0; margin:0;}
.sub_section[data-sub-section="history"] .history_swiper{overflow:hidden; position:relative; margin-bottom:52px}
.sub_section[data-sub-section="history"] .history_swiper .swiper-slide .date{text-align: center; font-weight:bold; font-size:25px; color:#333846; margin:38px 0 38px;}
.sub_section[data-sub-section="history"] .history_swiper .swiper-slide .history_int{margin-top:22px;}
.sub_section[data-sub-section="history"] .history_swiper .swiper-slide .history_int p,
.sub_section[data-sub-section="history"] .history_swiper .swiper-slide .history_int li{line-height:21px; font-size:14px; word-break: keep-all;}
.sub_section[data-sub-section="history"] .history_swiper .swiper-slide .img img{width:100%; vertical-align: top;}
.sub_section[data-sub-section="history"] .history_swiper .swiper-wrapper{margin-bottom:42px;}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper-pagination{position:static; top:auto; bottom:0; height:6px; background-color:#dfdfdf; z-index:3}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper-pagination span{background-color:#8e8e8e}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >div{left:50%; top:34px; z-index:3; font-size:0; background-color:#a2a2a2; width:30px; height:30px; border-radius:100%; --swiper-navigation-size: 0; position:absolute;}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-disabled{opacity:1; background-color:#eee;}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-prev{transform:translate(-110px,0);}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-next{transform:translate(80px,0);}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-prev:after,
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-next:after{content:''; background:url(../img/ico_arr.png) 0 0/15px auto no-repeat; display:block; width:7px; height:12px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -3px;}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-prev:after{transform:rotate(180deg); background-position:100% 0}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-prev.swiper-button-disabled:after{transform:rotate(0deg); background-position:0% 0}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-next:after{transform:rotate(0deg); background-position:100% 0}
.sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-next.swiper-button-disabled:after{transform:rotate(180deg); background-position:0% 0}
.sub_section[data-sub-section="history"] .business_area{background-color:#f9f9f9; margin:30px -24px 0; padding:0 24px;}
.sub_section[data-sub-section="history"] .business_area .inner{position:relative; max-width:624px; margin:0 auto; min-height:420px;}
.sub_section[data-sub-section="history"] .business_area .inner h4{position:absolute; color:#fff; line-height:17px; font-size:14px; display:flex; align-items: center; align-items: flex-start;}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]{position:absolute; width:50%; height:50%; z-index:9}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"] ul{position:absolute;}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"] ul li{font-size:14px; line-height:21px; letter-spacing:-1px; position:relative;}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"] ul li:before{content:''; width:3px; height:3px; border-radius:100%; background-color:#333846; position:absolute; top:9px;}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(odd) ul li{padding-left:7px;}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(odd) ul li:before{left:0}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(even) ul li{padding-right:7px;}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(even) ul li:before{right:0}


.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"] h4{width:85px; height:65px}
.sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(even) h4{justify-content:flex-end;}
.sub_section[data-sub-section="history"] .business_area .inner .section1{left:0; top:0}
.sub_section[data-sub-section="history"] .business_area .inner .section1 h4{right:0; bottom:0}
.sub_section[data-sub-section="history"] .business_area .inner .section1 ul{left:0; top:30px}
.sub_section[data-sub-section="history"] .business_area .inner .section2{right:0; top:0; text-align: right;}
.sub_section[data-sub-section="history"] .business_area .inner .section2 h4{left:0; bottom:0;}
.sub_section[data-sub-section="history"] .business_area .inner .section2 ul{right:0; top:30px}
.sub_section[data-sub-section="history"] .business_area .inner .section3{left:0; bottom:0}
.sub_section[data-sub-section="history"] .business_area .inner .section3 h4{right:0; top:0; transform: translate(-5px, 30px);}
.sub_section[data-sub-section="history"] .business_area .inner .section3 ul{left:0; bottom:30px}
.sub_section[data-sub-section="history"] .business_area .inner .section4{right:0; bottom:0; text-align: right;}
.sub_section[data-sub-section="history"] .business_area .inner .section4 h4{left:0; top:0; transform: translate(-5px, 30px);}
.sub_section[data-sub-section="history"] .business_area .inner .section4 ul{right:0; bottom:30px}
.sub_section[data-sub-section="history"] .business_area .inner .conic{content:''; z-index:5; position:absolute; left:50%; top:50%; width:236px; height:236px; border-radius:100%; transform:translate(-50%, -50%); background-size: 100% 100%; background-position: 0px 0px; background-image: conic-gradient(from 0deg at 50% 50%, #99dfdf 0%, #99dfdf 25%, #6e92d1 25%, #6e92d1 50%, #4cc4c4 50%, #4cc4c4 75%, #95b6f0 75%, #95b6f0 100%);}
.sub_section[data-sub-section="history"] .business_area .inner .conic strong{position:absolute; left:50%; top:50%; z-index:3; background-color:#fff; border-radius:100%; transform:translate(-50%, -50%); width:88px; height:88px; line-height:88px; font-weight:bold; text-align:center; font-size:14px; color:#5489b3; }
.sub_section[data-sub-section="history"] .business_area .inner:before{content:''; position:absolute; left:0; top:50%; right:0%; background-color:#dfdfdf; height:1px;}
.sub_section[data-sub-section="history"] .business_area .inner:after{content:''; position:absolute; left:50%; top:30px; bottom:30px; background-color:#dfdfdf; width:1px;}

.sub_section[data-sub-section="solution"] .hd{background-image:url('../img/visual_solution.png')}
.sub_section[data-sub-section="solution"] .solution_info{margin-top:90px;}
.sub_section[data-sub-section="solution"] .solution_info.lms{margin-top:30px}
.sub_section[data-sub-section="solution"] .solution_info h4{font-size:20px; color:#242424; letter-spacing:-1px;}
.sub_section[data-sub-section="solution"] .solution_info h4 span{font-size:19px; font-weight:normal; letter-spacing:-1px;}
.sub_section[data-sub-section="solution"] .solution_info .summ1{font-size:17px; color:#2c3039; line-height:24px; font-weight:500; margin-top:32px; word-break:keep-all;}
.sub_section[data-sub-section="solution"] .solution_info .summ2{font-size:15px; line-height:23px; margin-top:27px; word-break:keep-all;}
.sub_section[data-sub-section="solution"] .solution_info h5{margin:50px 0 26px; font-size:16px; font-weight:bold; color:#2c3039}
.sub_section[data-sub-section="solution"] .solution_info .result_list li{display:flex; align-items: center; margin-top:20px;}
.sub_section[data-sub-section="solution"] .solution_info .result_list li:first-child{margin-top:0px;}
.sub_section[data-sub-section="solution"] .solution_info .result_list .col{width:60px; padding-right:10px; text-align: center; color:#afafaf; position:relative;}
.sub_section[data-sub-section="solution"] .solution_info .result_list .col:after{content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#dddddd}
.sub_section[data-sub-section="solution"] .solution_info .result_list .col .num{font-size:31px; font-weight:200; margin-bottom:14px; display:block;}
.sub_section[data-sub-section="solution"] .solution_info .result_list .col .date{font-size:14px; font-weight:100}
.sub_section[data-sub-section="solution"] .solution_info .result_list .cor{flex:1; padding:0 0 0 16px; font-size:14px; line-height:21px; letter-spacing:-1px;}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box{margin-top:30px; background-color:#f9f9f9; border:1px solid #e2e2e2}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li{padding:30px 40px; border-top:1px solid #e2e2e2; text-align: center; font-size:15px; line-height:24px; word-break:keep-all;}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li:before{content:''; margin:0 auto; width:41px; height:38px; display:block; background:url('../img/ico_solution_info01.png') 0 0/100% auto no-repeat}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li:nth-child(1):before{background-image:url('../img/ico_solution_info01.png')}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li:nth-child(2):before{background-image:url('../img/ico_solution_info02.png')}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li:nth-child(3):before{background-image:url('../img/ico_solution_info03.png')}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li strong{color:#2c3039; font-size:16px; display:block; margin-top:15px;}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li p{font-size:15px; line-height:24px; margin-top:10px}
.sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li:first-child{border-top:0;}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow >p{font-size:17px; color:#2c3039; line-height:26px; word-break:keep-all;}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol {margin-top:35px;}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li{display:flex; align-items: center; margin-top:-20px}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:first-child{margin-top:0}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .rbox{width:145px; height:145px; display:flex; border-radius:100%; text-align:center; justify-content: center; align-items: center; flex-direction: column;}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .rbox strong{font-size:18px; line-height:22px;}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .rbox .num{font-size:14px; opacity:0.5; margin-bottom:12px; display:block; font-weight:600}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .info{padding-left:24px; position:relative; flex:1; font-size:15px; line-height:21px; font-weight:300; word-break: keep-all;}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .info:after{content:''; position:absolute; left:0; top:0; height:1px; width:50px; transform: translate(-35px,5px);}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(odd) .rbox{background-color:#1b283c; color:#fff;}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(odd) .info:after{opacity:0.6; background-color:#919eb2}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(even) .rbox{background-color:rgba(180,188,200,0.3); color:#1b283c}
.sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(even) .info:after{opacity:0.3;  background-color:#1b283c}
.sub_section[data-sub-section="solution"] .solution_info.aml .construction{width:314px; height:208px; margin:0 auto; position:relative;}
.sub_section[data-sub-section="solution"] .solution_info.aml .construction strong{position:absolute; left:27px; top:-10px; color:#cbcbcb; font-size:28px; font-weight:bold; opacity:0.55}
.sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li{position:absolute; border:1px solid #808080; font-weight:bold; border-radius:100%; width:118px; height:118px; font-size:15px; line-height:16px; text-align:center; display: flex; justify-content: center; align-items: center;}
.sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li:nth-child(1){left:0; top:0}
.sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li:nth-child(2){left:50%; top:0; transform:translate(-50%, 0); }
.sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li:nth-child(3){right:0; top:0}
.sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li:nth-child(4){left:50%; bottom:0; transform:translate(-110px, 0); }
.sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li:nth-child(5){right:50%; bottom:0; transform:translate(110px, 0); }
.sub_section[data-sub-section="solution"] .solution_info.aml .data_map{margin:42px -24px 0; text-align:center; padding:48px 24px 30px; background-color:#f2f2f2}
.sub_section[data-sub-section="solution"] .solution_info.aml .data_map img{max-width:360px; width:100%}
.sub_section[data-sub-section="solution"] .solution_info.aml .data_map p{text-align:right; margin-top:34px; font-size:12px; color:#676c76; letter-spacing: -1px;}
.sub_section[data-sub-section="solution"] .solution_info.service .info_box {margin-top:30px; padding:30px 16px; background-color:#f2f2f2; border-radius:10px;}
.sub_section[data-sub-section="solution"] .solution_info.service .info_box li{font-size:14px; word-break:keep-all; line-height:22px; color:#5e5e5e; margin-top:14px; position:relative; padding-left:7px;}
.sub_section[data-sub-section="solution"] .solution_info.service .info_box li:first-child{margin-top:0}
.sub_section[data-sub-section="solution"] .solution_info.service .info_box li:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#5e5e5e; border-radius:100%}
.sub_section[data-sub-section="solution"] .solution_info.service .info_box li strong{font-weight:500}

.sub_section[data-sub-section="partners"] .hd{background-image:url('../img/visual_partners.png')}
.sub_section[data-sub-section="partners"] .partners_list{margin-top:33px; text-align: center;} 
.sub_section[data-sub-section="partners"] .partners_list img{width:100%; max-width:312px; margin:0 auto;}

.sub_section[data-sub-section="contact"] .hd{padding:0; margin:0;}
.sub_section[data-sub-section="contact"] .hd h2{margin:0; padding:0; font-size:22px; line-height:32px; color:#2c3039; font-weight:700}
.sub_section[data-sub-section="contact"] .hd strong{font-size:18px; margin-bottom:22px; display:block}
.sub_section[data-sub-section="contact"] .project_info{display:flex; margin:40px 0 35px;}
.sub_section[data-sub-section="contact"] .project_info h3{font-size:14px; color:#2c3039; width:125px; font-weight:600}
.sub_section[data-sub-section="contact"] .project_info .info{font-size:14px; color:#6a6a6a;}
.sub_section[data-sub-section="contact"] .project_info .info p{margin-top:14px;}
.sub_section[data-sub-section="contact"] .project_info .info p:first-child{margin-top:0}
.sub_section[data-sub-section="contact"] .map_info img{border:1px solid #d3d3d3; width:100%; height:auto;}
.sub_section[data-sub-section="contact"] .map_info .addr{font-size:13px; color:#6a6a6a; font-weight:300; margin-top:18px;}

@media (min-width:580px) and (max-width:767px){
    .sub_section hr{display:inline;}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide .inner{display:flex;}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide .inner p{flex:auto; width:50%}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide .inner .img{width:50%}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide{width:50%}
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-prev{transform:translate(0,0); left:0;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-next{transform:translate(0,0); left:auto; right:0;}
}

@media (min-width:768px){
    html,body,div,p,ol,ul,li,span,a,button,dl,dt,dd,h1,h2,h3,h4,h5,h6,copyright{font-size:15px}

    .ver_w{display:block !important}
    .ver_m{display:none !important}

    #wrap .inner{max-width:1180px; margin:0 auto;}
    #header #nav{position:absolute; right:0; top:28px;}
    #header #nav ul{display:flex; align-items: center; max-width:1180px; margin:0 auto; padding-left:50px; padding-right:50px}
    #header #nav ul li{margin:0 0 0 20px}

    #footer{padding-left:50px; padding-right:50px}
    #footer .inner{display:flex; justify-content: space-between; padding-left:50px; box-sizing:border-box;}
    #footer .inner section{flex:auto}
    #footer #company_info{margin-top:0;}

    #content{padding:0}
    .sub_section{margin:0}
    .sub_section .section_inner{padding:0 50px; max-width:1180px; margin: 0 auto; box-sizing: border-box;}
    .sub_section hr{display:inline;}
    .sub_section .section_inner .hd{padding-top:120px; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
    .sub_section .section_inner h2{font-size:38px; margin-left:0; margin-right:0; padding-left:0; padding-right:0; line-height:120%; letter-spacing:-2px}
    .sub_section .section_inner h2 > span{margin-top:24px; font-size:25px; line-height:140%}
    .sub_section .section_inner h3.line{font-size:24px; border-width:2px; margin:0 -50px; padding:90px 50px 15px}
    .sub_section .section_inner h4{font-size:24px; line-height:31px;}

    .sub_section[data-sub-section="overview"]{width:100%; overflow:hidden;} 
    .sub_section[data-sub-section="overview"] .summary{margin-top:47px; font-size:20px; line-height:28px}
    .sub_section[data-sub-section="overview"] .company_init_wrap{position:relative;}
    .sub_section[data-sub-section="overview"] .company_init_wrap:after,
    .sub_section[data-sub-section="overview"] .company_init_wrap:before{content:''; position:absolute; top:0; height:100%; width:370px; z-index:9}
    .sub_section[data-sub-section="overview"] .company_init_wrap:after{left:-370px; transform:translate(-50px, 0); background:url('../img/bg_company_int_l.png') 0 0/100% auto no-repeat;}
    .sub_section[data-sub-section="overview"] .company_init_wrap:before{right:-370px; background:url('../img/bg_company_int_r.png') 0 0/100% auto no-repeat;}
    .sub_section[data-sub-section="overview"] .company_init_swiper{margin:90px -50px}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide strong{margin-bottom:33px; position:static; display:block; color:#383838; letter-spacing:-2px; font-size:26px; opacity:1}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide p{font-size:20px; line-height:28px; flex:1; padding:32px 10px 0 50px}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide .inner{display:flex;}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper-slide .img{max-width:726px; height:auto; flex:2;}
    .sub_section[data-sub-section="overview"] .company_init_swiper .swiper_control{right:46px;}
    .sub_section[data-sub-section="overview"] .btn_company_int{margin-top:50px;}
    .sub_section[data-sub-section="overview"] .btn_company_int a{font-size:20px; line-height:70px; padding:0 55px; border-radius:70px}
    .sub_section[data-sub-section="overview"] .btn_company_int a:after{margin-left:20px; background: url(../img/ico_file_down_web.png) 0 0/100% auto no-repeat; width: 20px; height: 22px;}

    .sub_section[data-sub-section="history"] .history_swiper{margin:0 0 120px;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-wrapper{margin-bottom:40px;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide{width:50%}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide .inner{max-width:none !important; padding:0 20px}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide .date{font-size:33px; letter-spacing: -2px;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide .history_int{margin-top:24px;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide .history_int p,
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide .history_int li{line-height:28px; font-size:20px;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper-slide .img{width:100%;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >div{width:62px; height:62px; transform:translate(0,-8px) scale(0.8) !important}
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-prev{left:0;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-next{left:auto; right:0;}
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-prev:after,
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper_btns >.swiper-button-next:after{background-size:30px auto; width:14px; height:24px; margin:-12px 0 0 -7px}
    .sub_section[data-sub-section="history"] .history_swiper .swiper_control .swiper-pagination{height:14px;}
    .sub_section[data-sub-section="history"] .business_area .inner{min-height:500px}
    .sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"] ul li{font-size:20px; line-height:28px;}
    .sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"] ul li:before{width:3px; height:3px; top:10px}
    .sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(odd) ul li{padding-left:10px;}
    .sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(even) ul li{padding-right:10px;}
    .sub_section[data-sub-section="history"] .business_area .inner h4{font-size:20px; line-height:24px}
    .sub_section[data-sub-section="history"] .business_area .inner .conic{width:506px; height:506px; transform:translate(-50%, -50%) scale(0.75)}
    .sub_section[data-sub-section="history"] .business_area .inner .conic strong{font-size:20px; width:188px; height:188px; line-height:188px}
    .sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(odd) h4{width:190px;}
    .sub_section[data-sub-section="history"] .business_area .inner >div[class^="section"]:nth-child(even) h4{width:180px;}
    .sub_section[data-sub-section="history"] .business_area .inner .section1 ul{left:10%; top:60px;}
    .sub_section[data-sub-section="history"] .business_area .inner .section2 ul{right:10%; top:60px}
    .sub_section[data-sub-section="history"] .business_area .inner .section3 ul{left:10%; bottom:60px;}
    .sub_section[data-sub-section="history"] .business_area .inner .section4 ul{right:10%; bottom:60px}
    .sub_section[data-sub-section="history"] .business_area .inner .section1 h4{transform: translate(50px, -40px);}
    .sub_section[data-sub-section="history"] .business_area .inner .section2 h4{transform: translate(-50px, -40px);}
    .sub_section[data-sub-section="history"] .business_area .inner .section3 h4{transform: translate(50px, 40px);}
    .sub_section[data-sub-section="history"] .business_area .inner .section4 h4{transform: translate(-50px, 40px);}
    .sub_section[data-sub-section="history"] .business_area .inner:after{top:60px; bottom:60px;}
    .sub_section[data-sub-section="history"] .business_area .inner:before{left:60px; right:60px;}

    .sub_section[data-sub-section="solution"] .hd{background-image:url('../img/visual_solution_web.png'); padding:300px 118px 0 0; margin:120px -50px 0;}
    .sub_section[data-sub-section="solution"] h2{font-weight:800; padding-left:50px}
    .sub_section[data-sub-section="solution"] h2 span{}
    .sub_section[data-sub-section="solution"] .solution_info P{margin-top:35px;}
    .sub_section[data-sub-section="solution"] .solution_info h4{font-size:25px; letter-spacing: -2px;}
    .sub_section[data-sub-section="solution"] .solution_info h4 span{font-size:24px; line-height:32px;}
    .sub_section[data-sub-section="solution"] .solution_info .summ1{font-size:22px; line-height:30px; margin-top:35px; letter-spacing: -1px;}
    .sub_section[data-sub-section="solution"] .solution_info .summ2{font-size:20px; line-height:28px; margin-top:32px;}
    .sub_section[data-sub-section="solution"] .solution_info.lms{margin-top:40px}
    .sub_section[data-sub-section="solution"] .solution_info h5{font-size:21px; line-height:33px; margin:70px 0 25px}
    .sub_section[data-sub-section="solution"] .solution_info.lms .info_box{background:none; margin:0 -46px 0 -49px}
    .sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul{display:flex; flex:1;}
    .sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li{border-left:1px solid #e2e2e2}
    .sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li:first-child{border-left:0}
    .sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li:before{width:41px; height:38px}
    .sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li strong{font-size:18px; line-height:28px}
    .sub_section[data-sub-section="solution"] .solution_info.lms .info_box ul li p{font-size:17px; line-height:25px;}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow >p{font-size:22px; line-height:27px;}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol{display:flex; margin:45px auto;}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li{position:relative; flex:1; padding:100px 0; margin:0 0 0 -25px;}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:first-child{margin:0}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .info{position:absolute; left:0; width:100%; font-size:20px; line-height:26px; text-align:center; padding:0}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .info:after{height:70px; width:1px; left:50%; top:auto; transform:translate(0,0);}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(odd) .info{top:0}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(odd) .info:after{top:75px}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(even) .info{bottom:0}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li:nth-child(even) .info:after{bottom:75px}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .rbox{width:100%; height:24.5vw; max-width:290px; max-height:290px}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .rbox strong{font-size:23px; line-height:120%}
    .sub_section[data-sub-section="solution"] .solution_info.lms .knowhow ol li .rbox .num{font-size:28px; margin-bottom:22px;}
    .sub_section[data-sub-section="solution"] .solution_info .result_list ol{display: grid; grid-template-columns: 1fr 1fr;}
    .sub_section[data-sub-section="solution"] .solution_info .result_list ol li{margin:0 0 45px}
    .sub_section[data-sub-section="solution"] .solution_info .result_list .col{width:64px}
    .sub_section[data-sub-section="solution"] .solution_info .result_list .col .num{font-size:36px; margin-bottom:5px}
    .sub_section[data-sub-section="solution"] .solution_info .result_list .col .date{font-size:17px;}
    .sub_section[data-sub-section="solution"] .solution_info .result_list .cor{font-size:19px; line-height:150%; padding-left:17px;}
    .sub_section[data-sub-section="solution"] .solution_info.aml .construction{width:100%; height:auto;}
    .sub_section[data-sub-section="solution"] .solution_info.aml .construction strong{font-size:33px;}
    .sub_section[data-sub-section="solution"] .solution_info.aml .construction ul{display:flex;}
    .sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li{margin-left:-20px; width:234px; height:234px; max-height:19.4vw; font-size:20px; line-height:140%; position:static; transform:translate(0,0) !important}
    .sub_section[data-sub-section="solution"] .solution_info.aml .construction ul li:first-child{margin-left:0}
    .sub_section[data-sub-section="solution"] .solution_info.aml .data_map{margin:85px -50px 50px; padding:45px 50px}
    .sub_section[data-sub-section="solution"] .solution_info.aml .data_map img{max-width:460px;}
    .sub_section[data-sub-section="solution"] .solution_info.aml .data_map p{font-size:17px; margin-top:42px}
    .sub_section[data-sub-section="solution"] .solution_info.service .info_box{margin-top:31px; padding:30px 17px; border-radius:10px;}
    .sub_section[data-sub-section="solution"] .solution_info.service .info_box ul li{font-size:19px; line-height:120%; margin-top:17px; padding-left:10px;}
    .sub_section[data-sub-section="solution"] .solution_info.service .info_box ul li:before{width:3px; height:3px; top:10px;}

    .sub_section[data-sub-section="partners"] .hd{background-image:url('../img/visual_partners_web.png'); padding: 300px 118px 0 0; margin:120px -50px 0}
    .sub_section[data-sub-section="partners"] .hd h2{padding-left:50px}
    .sub_section[data-sub-section="partners"] .partners_list{margin-top:33px; text-align: center;} 
    .sub_section[data-sub-section="partners"] .partners_list img{max-width:1084px}

    .sub_section[data-sub-section="contact"] .hd strong{font-size:36px}
    .sub_section[data-sub-section="contact"] .map_info .addr{font-size:20px; margin-top:38px;}
    .sub_section[data-sub-section="contact"] .section_inner h2{font-size:33px; line-height:120%;}
    .sub_section[data-sub-section="contact"] .project_info{margin:100px 0 92px}
    .sub_section[data-sub-section="contact"] .project_info h3{font-size:19px; width:170px}
    .sub_section[data-sub-section="contact"] .project_info .info strong{font-weight:400}
}