@charset "utf-8";

html{overflow-x:hidden;}
body{overflow-x:hidden; overflow-y:auto; opacity:1; position: relative; font-size: 0;line-height: 0; font-family:"NotoKr","Malgun Gothic","맑은 고딕","Dotum","돋움","Gulim","굴림",sans-serif;font-weight: 400;word-break: keep-all;color: #131313;}
b{font-weight:700;}

@media (min-width:641px) {
    br.m_only{display:none;}
}
@media (max-width:640px) {
    br.pc_only{display:none;}
}

/* slick */
.slick-slider{position:relative}
.slick-list{overflow:hidden; position:relative}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto}
.slick-track:after,.slick-track:before{display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left}
.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block}


#wrapper{position:relative; padding-top:87px;}
#wrapper .wrap{position:relative; width:100%; max-width:1640px; margin-right:auto; margin-left:auto; padding-right:20px; padding-left:20px;}

/* header */
#header{position:fixed;top:0;left:0;right:0;z-index: 999;background-color:#fff;}
#header .wrap{display:flex; max-width:1750px; height:87px; align-items:center; justify-content:space-between;}
#header .logo{position:relative; top:1px; left:-20px;}
#header .logo a{display:block;}
#header .logo img{position:relative; height:26px; vertical-align:top;}
#header .logo img:first-child{margin-top:6px;}
#header .logo img.logo_video{height:38px;}
#header .logo span{display:inline-block; width:2px; height:27px; margin:5px 17px 0; background-color:#131313; vertical-align:top;}
#header .menu .menu_open{display:none;}
#header .menu .menu_list{display:flex; gap:104px;align-items:center; justify-content:center; margin-right:32px;}
#header .menu .menu_list li a{font-size:25px;line-height:30px;letter-spacing:-0.5px;transition: color .25s ease-in-out;}
#header .menu .menu_list li a.active{font-weight:600; color:#E60013;}

/* footer */
#footer{position:relative; z-index:1; background-color:#E60013; font-family:'PretendardGOV';}
#footer .wrap{max-width:1520px;}
#footer .footer_logo{position:absolute; top:85px; left:20px;}
#footer .footer_logo .logo.pc{height:140.6px;}
#footer .footer_logo .logo.mobile{display:none;}
#footer .footer_logo .logo.video{height:140px; margin-left:56px;}
#footer .footer_info{position:relative; padding:85px 0 68px 540px; color:#fff; font-size:18px; line-height:24px; letter-spacing:-0.03em; text-align:right;}
#footer .footer_info ul+ul{margin-top:15px;}
#footer .footer_info ul li{display:inline-block; position:relative; vertical-align:top;}
#footer .footer_info ul li+li{margin-left:9px; padding-left:18px;}
#footer .footer_info ul li+li:before{display:block; position:absolute; top:0; left:0; bottom:0; margin:auto 0; color:#fff; font-size:18px; line-height:24px; letter-spacing:-0.03em; content:'|';}
#footer .footer_info .footer_mail{margin-top:15px; color:#fff; font-size:18px; line-height:24px; letter-spacing:-0.03em;}
#footer .footer_info .footer_copyright{margin-top:49px; color:#ABABAB; font-size:18px; line-height:24px; letter-spacing:-0.03em;}
@media (max-width:1640px){
    #header .menu .menu_list{gap:34px;}
    #header .menu .menu_list li a{font-size:26px;}

    #wrapper .wrap{max-width:1300px;}

    #footer .wrap{max-width:1300px;}
}
@media (max-width:1300px){
    #wrapper .wrap{max-width:1000px;}

    #header .logo img{height:18px;}
    #header .logo img.logo_video{height:27px;}
    #header .logo img:first-child{margin-top:4px;}
    #header .logo span{height:19px; margin:2px 12px 0;}

    #footer .wrap{max-width:1000px;}
    #footer .footer_logo .logo.pc{height:94px;}
    #footer .footer_logo .logo.video{margin-left:0;}
    #footer .footer_logo .logo.video:not(.mobile){display:block; margin-top:25px;}
    #footer .footer_info{padding-left:220px;}
}
@media (max-width:1000px){
    #wrapper{padding-top:61px;}
    #wrapper:before{display:block; opacity:0; visibility:hidden; position:fixed; top:60px; left:0; right:0; bottom:0; z-index:10; background-color:#28282b; transition:.25s ease-in-out;}
    .menuOpen #wrapper:before{opacity:.7; visibility:inherit;}
    #header{}
    #header:before{display:block; position:absolute; z-index:10; top:61px; left:0; width:100%; height:1px; background-color:#353535;}
    #header .wrap{height:62px;}
    #header .logo{left:0; top:0;}
    #header .logo img{height:14px;}
    #header .logo img.logo_video{height:23px;}
    #header .logo span{width:1px; height:16px; margin:3px 10px 0;}

    #header .menu .menu_open{display:block; position:absolute; top:17px; right:16px; width:20px; height:24px;}
    #header .menu .menu_open span{position:absolute; top:0; left:0; right:0; bottom:0; width:16px; height:2px; margin:auto;background-color:#E60013; transition:.25s ease-in-out;}
    #header .menu .menu_open span:before,
    #header .menu .menu_open span:after{display:block; position:absolute; left:0; right:0; width:100%; height:2px; background-color:#E60013; transition:.25s ease-in-out;}
    #header .menu .menu_open span:before{top:-6px;}
    #header .menu .menu_open span:after{bottom:-6px;}
    .menuOpen #header .menu .menu_open span{width:20px; height:0; background-color:transparent;}
    .menuOpen #header .menu .menu_open span:before{top:-1px; transform:rotate(45deg);}
    .menuOpen #header .menu .menu_open span:after{bottom:-1px; transform:rotate(-45deg);}
    .menuOpen #header .menu .menu_list{opacity:1; visibility:inherit; top:100%;}
    #header .menu .menu_list{opacity:0;visibility:hidden;position:absolute;top:calc(100% - 20px);right:0;width:100%;margin-right:0;padding: 0 14px 48px 14px;background:#fff linear-gradient(to right, rgba(158,158,158,0.47) 0%, rgba(158,158,158,0.47) 100%);transition:.25s ease-in-out;flex-direction:column;gap: 0;}
    #header .menu .menu_list li{width:100%; border-bottom:1px solid #353535;}
    #header .menu .menu_list li:last-child{border-bottom:none;}
    #header .menu .menu_list li a{display:block;padding-top: 22px;padding-left:5px;padding-bottom:22px;font-size:16px;line-height:26px;}
    #header .menu .menu_list li a.active{color:#E60013; font-weight:600;}

    #footer{padding-top:69px;}
    #footer .footer_logo{display:block; position:relative; top:auto; left:auto;}
    #footer .footer_logo .logo.pc{display:none;}
    #footer .footer_logo .logo.mobile{display:block; height:39px;}
    #footer .footer_logo .logo.video.mobile{height:31px; margin-top:15px;}
    #footer .footer_logo .logo.video:not(.mobile){display:none;}
    #footer .footer_info{padding-top:34px; padding-left:0; padding-bottom:54px; font-size:13px; line-height:17px; text-align:left;}
    #footer .footer_info ul+ul{margin-top:10px;}
    #footer .footer_info ul li+li{margin-left:8px; padding-left:17px;}
    #footer .footer_info ul li+li:before{font-size:13px; line-height:17px;}
    #footer .footer_info .footer_mail{margin-top:10px; font-size:13px; line-height:17px;}
    #footer .footer_info .footer_copyright{margin-top:40px; font-size:13px; line-height:17px;}
}
@media all and (max-width:640px){
    #footer .footer_info ul:not(.footer_tel) li{display:block;}
    #footer .footer_info ul:not(.footer_tel) li+li{margin-top:10px; margin-left:0; padding-left:0;}
    #footer .footer_info ul:not(.footer_tel) li+li:before{display:none;}
}

/* 컨텐츠 */
.business{}
.business .b_box{position:relative;}
.business .b_box.n1{}
.business .b_box.n1 .box_title{position:relative; padding:243px 480px 280px 76px;}
.business .b_box.n1 .box_title:before{display:block; position:absolute; top:0; right:-70px; width:938px; height:798px; background:url('../images/sub/b_n1_icon.png') no-repeat; background-size:contain;}
.business .b_box.n1 .box_title p{position:relative;}
.business .b_box.n1 .box_title p.small_title{padding-top:20px; font-size:30px; line-height:36px; letter-spacing:-1px;}
.business .b_box.n1 .box_title p.small_title:before{display:block; position:absolute; top:0; left:0; width:42px; height:3px; background-color:#131313;}
.business .b_box.n1 .box_title p.large_title{margin-top:25px; font-size:45px; line-height:65.3px; letter-spacing:-1.69px;}
.business .b_box.n1 .box_title p.large_title span{font-weight:600;}

.business .color_box{display:block; position:relative; font-size:25px; line-height:36.3px; letter-spacing:-0.95px;}
.business .color_box.red{padding:54px 30px 48px; color:#fff; text-align:center;}
.business .color_box.gray{padding:147px 0 143px 44px; font-size:27px; line-height:35.1px;}
.business .b_box.n3 .color_box.gray{padding:130px 0 124px 44px;}
.business .color_box:before{display:block; position:absolute; top:0; left:50%; z-index:-1; width:100vw; height:100%; transform:translateX(-50%);}
.business .color_box.red:before{background-color:#E60013;}
.business .color_box.gray:before{background-color:#D9D9D9;}
.business .color_box .color_title{margin-bottom:35px; font-size:30px; line-height:45px; letter-spacing:-0.75px; color:#e60013; font-weight:600;}
.business .color_box .color_title em{font-weight:400;}

.business .b_box.n1 .color_box.red span{display:inline-block; width:160px; height:43px; margin-top:42px; border:1px solid #fff; border-radius:50px; font-size:24px; line-height:39px; letter-spacing:-0.6px;}
.business .b_box.n1 .color_box.red span a{display:block; width:100%; height:100%;}

.business .b_box.n2{}
.business .b_box.n2 .circle_box{display:block; position:relative; padding:202px 0 228px; text-align:center;}
.business .b_box.n2 .circle_box:after,
.business .b_box.n2 .circle_box:before{display:block; position:absolute; top:452px; left:50%; z-index:-2; width:100vw; height:3px; background-color:#E60013; transform:translateX(-50%);}
.business .b_box.n2 .circle_box:after{top:1070px;}
.business .b_box.n2 .circle_box .circle_item{display:inline-block; position:relative; width:476px; height:476px; margin-right:65px; border-radius:50%; background:#fff url('../images/sub/b_n2_icon01.png') no-repeat; background-size:contain; vertical-align:top;}
.business .b_box.n2 .circle_box .circle_item:nth-child(3n){margin-right:0;}
.business .b_box.n2 .circle_box .circle_item:nth-child(n + 4){margin-top:143px;}
.business .b_box.n2 .circle_box .circle_item:before{display:block; position:absolute; top:29px; left:29px; width:calc(100% - 58px); height:calc(100% - 58px); border-radius:50%; border:solid 4px #e60013; background-color:#fff; box-sizing:border-box;}
.business .b_box.n2 .circle_box .circle_item:nth-child(2n):before{background-color:#e60013;}
.business .b_box.n2 .circle_box .circle_item:after{display:block; position:absolute; bottom:74px; left:0; right:0; width:52px; height:52px; margin:0 auto; background:url('../images/sub/b_n2_icon02.svg') no-repeat; background-size:contain;}
.business .b_box.n2 .circle_box .circle_item:nth-child(2n):after{background:url('../images/sub/b_n2_icon03.svg') no-repeat; background-size:contain;}
.business .b_box.n2 .circle_box .circle_item a{display:block;position: relative;width:100%;height:100%;}
.business .b_box.n2 .circle_box .circle_title{position:relative; padding-top:126px; font-size:40px; line-height:65px; font-weight:600; color:#E60013;}
.business .b_box.n2 .circle_box .circle_text{position:relative; margin-top:30px; font-size:29px; line-height:35.1px; font-weight:500;}
.business .b_box.n2 .circle_box .circle_item:nth-child(2n) p{color:#fff;}

.business .n2_more{display:block; position:relative; padding:130px 76px;}
.business .n2_more:before{display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; background-color:#f4f4f4; transform:translateX(-50%);}
.business .n2_more .explain_list{display:block; position:relative; border-top:7px solid #E60013;; border-bottom:7px solid #E60013;}
.business .n2_more .explain_item{position:relative; padding:77px 0 100px 61px;}
.business .n2_more .explain_item:not(:last-child):before{display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:url('../images/sub/explain_line.png'); background-size:contain;}

.business .n2_more .explain_item .explain_title{position:relative; font-size:45px; line-height:50px; letter-spacing:-1.13px; font-weight:600; color:#E60013;}
.business .n2_more .explain_item .explain_title span{margin-left:18px; font-size:32px; font-weight:400; letter-spacing:-1.1px; vertical-align:top;}
.business .n2_more .explain_item .explain_title:before{display:block; position:absolute; top:3px; left:-61px; width:46px; height:46px; background:url('../images/sub/explain_icon.png') no-repeat; background-size:contain;}
.business .n2_more .explain_item ul{margin-top:55px;}
.business .n2_more .explain_item ul li{position:relative; padding-left:23px; font-size:28px; line-height:39.2px; letter-spacing:-0.9px;}
.business .n2_more .explain_item ul li:before{display:block; position:absolute; top:21px; left:-3px; width:8px; height:8px; border-radius:50%; background-color:#131313; content:"";}
.business .n2_more .explain_item ul li + li{margin-top:24px;}



.business .b_box.n3 .group_title{display:block; position:relative; font-size:55px; line-height:71px; letter-spacing:-1.38px; color:#e60013; font-weight:600; text-align:center;}
.business .group{position:relative;}
.business .group:before{display:block; position:absolute; top:0; left:50%; z-index:-1; width:100vw; height:100%; transform:translateX(-50%);}
.business .group.gray:before{background-color:#f2f2f2;}
.business .group.black:before{background-color:#000;}
.business .group.img:before{background:rgba(0,0,0,0.8) url('../images/sub/g_type3_bg.png') no-repeat top center / cover;}
.business .top_list{text-align:center;}
.business .top_list p{font-size:35px; line-height:45px; letter-spacing:-0.88px;}
.business .top_list p.top_list_title{margin-bottom:18px; font-size:40px; line-height:50px; letter-spacing:-1px; font-weight:600;}
.business .top_list p:nth-child(3){margin-top:71px;}

.business .group.type1{padding-top:169px; padding-bottom:188px;}
.business .group.type1 .group_title{margin-bottom:100px;}
.business .group.type1 .top_list span{display:inline-block; position:relative; height:62px; padding:0 20px; margin-right:24px; border:2px solid #131313; font-size:40px; line-height:54px; letter-spacing:-1px; font-weight:600; vertical-align:top;}
.business .group.type1 .top_list span:nth-child(4){margin-right:0;}
.business .group.type1 .top_list p{margin-top:31px;}
.business .group.type1 .ent_list{margin-top:148px; text-align:center;}
.business .group.type1 .ent_item{display:inline-block; position:relative; margin:0 59px; vertical-align:top;}
.business .group.type1 .ent_item:nth-child(n + 4){margin:91px 49px 0;}
.business .group.type1 .ent_item i{display:inline-block; position:relative; width:294px; height:294px; border-radius:50%; border:5px solid #e60013; vertical-align:top;}
.business .group.type1 .ent_item i:before{display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; background-repeat:no-repeat; background-size:contain;}
.business .group.type1 .ent_item:nth-child(1) i:before{width:169px; height:169px; background-image:url('../images/sub/g_type1_icon01.png');}
.business .group.type1 .ent_item:nth-child(2) i:before{width:146px; height:146px; background-image:url('../images/sub/g_type1_icon02.png');}
.business .group.type1 .ent_item:nth-child(3) i:before{width:164px; height:164px; background-image:url('../images/sub/g_type1_icon03.png');}
.business .group.type1 .ent_item:nth-child(4) i:before{width:157px; height:148px; background-image:url('../images/sub/g_type1_icon04.png');}
.business .group.type1 .ent_item:nth-child(5) i:before{width:157px; height:157px; background-image:url('../images/sub/g_type1_icon05.png');}
.business .group.type1 .ent_item:nth-child(6) i:before{width:164px; height:160px; background-image:url('../images/sub/g_type1_icon06.png');}
.business .group.type1 .ent_item:nth-child(7) i:before{width:147px; height:155px; background-image:url('../images/sub/g_type1_icon07.png');}
.business .group.type1 .ent_item .ent_title{margin-top:23px; font-size:38px; line-height:49px; font-weight:600; color:#e60013; letter-spacing:-0.95px;}
.business .group.type1 .ent_item .ent_text{margin-top:14px; font-size:30px; line-height:39px; letter-spacing:-0.75px;}

.business .group.type2{padding-top:183px; padding-bottom:254px;}
.business .group.type2 .top_list p{letter-spacing:-1.3px;}
.business .group.type2 .top_list p.top_list_title:last-child{margin-top:71px;}
.business .group.type2 .group_title{margin-bottom:119px;}
.business .group.type2 .invest_list{display:block; position:relative; margin-top:141px; text-align:center;}
.business .group.type2 .invest_item{display:inline-block; position:relative; width:457px; height:529px; padding-top:40px; margin-right:59px; border-radius:30px; background-color:#e60013; vertical-align:top;}
.business .group.type2 .invest_item:last-child{margin-right:0;}
.business .group.type2 .invest_item .invest_title{font-size:35px; line-height:45.5px; letter-spacing:-0.88px; color:#fff; font-weight:600;}
.business .group.type2 .invest_item .invest_text{margin-top:36px; font-size:32px; line-height:41.6px; letter-spacing:-0.8px; color:#fff;}
.business .group.type2 .invest_item i{display:block; position:relative; height:227px; margin-top:39px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.business .group.type2 .invest_item:nth-child(1) i{background-image:url('../images/sub/g_type2_icon01.png');}
.business .group.type2 .invest_item:nth-child(2) i{background-image:url('../images/sub/g_type2_icon02.png');}
.business .group.type2 .invest_item:nth-child(3) i{background-image:url('../images/sub/g_type2_icon03.png');}
@media (max-width:1640px){
    .business .b_box.n1 .box_title{padding:208px 480px 220px 76px;}
    .business .b_box.n1 .box_title:before{width:750px; height:639px;}

    .business .color_box.gray{font-size:22px; line-height:30px;}
    .business .color_box .color_title{font-size:28px;}

    .business .b_box.n2 .circle_box{padding:180px 0;}
    .business .b_box.n2 .circle_box:after{top:898px;}
    .business .b_box.n2 .circle_box:before{top:375px;}
    .business .b_box.n2 .circle_box .circle_item{width:376px; height:376px;}
    .business .b_box.n2 .circle_box .circle_title{padding-top:95px; font-size:30px; line-height:45px;}
    .business .b_box.n2 .circle_box .circle_text{margin-top:20px; font-size:19px; line-height:28px;}
    .business .b_box.n2 .circle_box .circle_item:after{bottom:65px; width:45px; height:45px;}

    .business .n2_more{padding:130px 0;}
    .business .n2_more .explain_item .explain_title span{font-size:28px;}
    .business .n2_more .explain_item ul li{font-size:24px;}


    .business .group.type1 .top_list span{font-size:36px;}
    .business .group.type1 .ent_item{margin:0 25px;}
    .business .group.type1 .ent_item:nth-child(n + 4){margin: 91px 28px 0;}
    .business .group.type1 .ent_item:nth-child(4){margin-left:0;}
    .business .group.type1 .ent_item:nth-child(7){margin-right:0;}
    .business .group.type1 .ent_item i{width:260px; height:260px;}
    .business .group.type1 .ent_item i:before{transform:scale(0.8);}
    .business .group.type1 .ent_item .ent_title{font-size:36px;}
    .business .group.type1 .ent_item .ent_text{font-size:28px;}

    .business .group.type2 .top_list p:not(.top_list_title){font-size:30px;}
    .business .group.type2 .invest_item{width:370px;}
    .business .group.type2 .invest_item .invest_text{font-size:28px;}
}
@media (max-width:1300px){
    .business .b_box.n1 .box_title{padding:125px 20px 150px;}
    .business .b_box.n1 .box_title:before{right:-120px; width:580px; height:495px;}
    .business .b_box.n1 .box_title p.small_title{font-size:27px;}
    .business .b_box.n1 .box_title p.large_title{font-size:40px; line-height:53px;}

    .business .b_box.n3 .color_box.gray,
    .business .color_box.gray{padding:100px 80px 100px 40px;}

    .business .b_box.n2 .circle_box{padding:130px 0;}
    .business .b_box.n2 .circle_box:before{top:288px;}
    .business .b_box.n2 .circle_box:after{top:677px;}
    .business .b_box.n2 .circle_box .circle_item{width:300px; height:300px; margin-right:30px;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(n + 4){margin-top:95px;}
    .business .b_box.n2 .circle_box .circle_title{padding-top:80px; font-size:24px; line-height:35px;}
    .business .b_box.n2 .circle_box .circle_text{margin-top:13px; font-size:17px; line-height:24px;}
    .business .b_box.n2 .circle_box .circle_item:after{bottom:50px; width:35px; height:35px;}

    .business .n2_more .explain_item .explain_title{font-size:34px; line-height:45px;}
    .business .n2_more .explain_item .explain_title span{font-size:22px;}
    .business .n2_more .explain_item ul li{font-size:20px; line-height:30px;}
    .business .n2_more .explain_item ul li:before{top:12px;}
    .business .n2_more .explain_item ul li br:not(.m_only){display:none;}


    .business .b_box.n3 .group_title{font-size:50px;}

    .business .group.type2,
    .business .group.type1{padding:130px 0;}
    .business .top_list p{font-size:30px; line-height:35px;}
    .business .group.type2 .group_title,
    .business .group.type1 .group_title{margin-bottom:70px;}
    .business .group.type1 .top_list span{height:57px; font-size:26px; line-height:51px;}
    .business .group.type1 .ent_list{margin-top:130px; text-align:left;}
    .business .group.type1 .ent_item{width:calc(100% / 3); margin:0; text-align:center;}
    .business .group.type1 .ent_item:nth-child(n + 4){margin:80px 0 0;}
    .business .group.type1 .ent_item i{width:220px; height:220px;}
    .business .group.type1 .ent_item i:before{transform:scale(0.7);}
    .business .group.type1 .ent_item .ent_title{font-size:30px; line-height:40px;}
    .business .group.type1 .ent_item .ent_text{font-size:23px; line-height:33px;}

    .business .top_list p.top_list_title{font-size:36px;}
    .business .group.type2 .top_list p:not(.top_list_title){font-size:24px;}
    .business .group.type2 .invest_list{margin-top:130px;}
    .business .group.type2 .invest_item{width:300px; height:420px; margin-right:30px;}
    .business .group.type2 .invest_item i{margin-top:0; transform:scale(0.7);}
    .business .group.type2 .invest_item .invest_title{font-size:30px; line-height:35px;}
    .business .group.type2 .invest_item .invest_text{margin-top:0; font-size:22px; line-height:35px;}
}
@media (max-width:1000px){
    .business .b_box.n1 .box_title:before{width:520px; height:442px;}
    .business .b_box.n1 .box_title p.small_title{padding-top:15px; font-size:22px; line-height:30px;}
    .business .b_box.n1 .box_title p.large_title{font-size:32px; line-height:42px;}
    .business .color_box{font-size:18px; line-height:26px;}
    .business .b_box.n1 .color_box.red span{width:130px; height:38px; margin-top:35px; font-size:20px; line-height:34px;}
    .business .color_box.gray{font-size:18px; line-height:28px;}
    .business .color_box .color_title{margin-bottom:20px; font-size:25px;}
    .business .b_box.n3 .color_box.gray,
    .business .color_box.gray{padding:60px 40px; }

    .business .b_box.n2:before{display:block; position:absolute; bottom:241px; left:50%; width:100vw; height:3px; background-color:#E60013; transform:translateX(-50%);}
    .business .b_box.n2 .circle_box{left:50%; width:600px; padding:100px 0; transform:translateX(-50%);}
    .business .b_box.n2 .circle_box:before{top:243px;}
    .business .b_box.n2 .circle_box:after{top:552px;}
    .business .b_box.n2 .circle_box .circle_item{width:285px; height:285px;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(2n){margin-right:0;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(3){margin-right:30px;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(n + 3){margin-top:26px;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(3) p{color:#fff;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(4) p{color:#131313;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(4) p.circle_title{color:#E60013;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(3):before{background-color:#e60013;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(4):before{background-color:#fff;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(3):after{background:url('../images/sub/b_n2_icon03.svg') no-repeat; background-size:contain;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(4):after{background:url('../images/sub/b_n2_icon02.svg') no-repeat; background-size:contain;}
    .business .b_box.n2 .circle_box .circle_title{font-size:22px;}
    .business .b_box.n2 .circle_box .circle_text{font-size:16px; line-height:20px;}

    .business .n2_more{padding:100px 0;}
    .business .n2_more .explain_item{padding:60px 0 60px 40px;}
    .business .n2_more .explain_item .explain_title:before{top:3px; left:-50px; width:40px; height:40px; }
    .business .n2_more .explain_item .explain_title span{display:block; margin-left:0; margin-top:5px; line-height:28px;}
    .business .n2_more .explain_item ul{margin-top:30px;}
    .business .n2_more .explain_item ul li{padding-left:11px; font-size:18px; line-height:24px;}
    .business .n2_more .explain_item ul li:before{top:10px; width:5px; height:5px;}

    .business .b_box.n3 .group_title{font-size:30px; line-height:35px;}
    .business .top_list p{font-size:18px; line-height:25px;}
    .business .top_list p.top_list_title{font-size:25px; line-height:30px;}
    .business .group.type2,
    .business .group.type1{padding:100px 0;}
    .business .group.type2 .group_title,
    .business .group.type1 .group_title{margin-bottom:40px;}
    .business .group.type1 .top_list span{height:45px; padding:0 11px; margin-right:10px; font-size:18px; line-height:40px;}
    .business .group.type1 .ent_list{margin-top:60px;}
    .business .group.type1 .ent_item:nth-child(n + 4){margin-top:60px;}
    .business .group.type1 .ent_item i{width:180px; height:180px;}
    .business .group.type1 .ent_item i:before{transform:scale(0.55);}
    .business .group.type1 .ent_item .ent_title{font-size:22px; line-height:28px;}
    .business .group.type1 .ent_item .ent_text{font-size:18px; line-height:26px;}

    .business .group.type2 .top_box{padding:0 15px;}
    .business .group.type2 .top_list p:nth-child(3){margin-top:60px;}
    .business .group.type2 .top_list p:not(.top_list_title){font-size:18px; line-height:25px;}
    .business .group.type2 .invest_list{margin-top:60px;}
    .business .group.type2 .invest_item{width:calc((100% - 40px) / 3); height:315px; margin-right:20px;}
    .business .group.type2 .invest_item .invest_title{font-size:22px; line-height:28px;}
    .business .group.type2 .invest_item .invest_text{font-size:17px; line-height:25px;}
    .business .group.type2 .invest_item i{height:95px; margin:15px 0; transform:scale(1);}
}
@media (max-width:800px){
    .business .b_box.n1 .box_title p.large_title br.m_only{display:block;}
}
@media (max-width:640px){
    .business .b_box.n1 .box_title{left:calc(50% - 176px); padding:59px 15px 366px;}
    .business .b_box.n1 .box_title p.small_title{padding-top:8px; font-size:16px; line-height:23px; letter-spacing:-0.6px;}
    .business .b_box.n1 .box_title p.small_title:before{width:33px; height:1px;}
    .business .b_box.n1 .box_title p.large_title{margin-top:13px; font-size:33px; line-height:42.9px; letter-spacing:-1.3px;}
    .business .b_box.n1 .box_title:before{top:59px; right:auto; left:-19px; width:390px; height:546px; background:url('../images/sub/b_n1_icon_m.png') no-repeat}

    .business .color_box{font-size:10px; line-height:14.5px; letter-spacing:-0.25px;}
    .business .color_box.red{padding:34px 0 27px;}
    .business .color_box.gray{font-size: 10px;line-height: 13px;letter-spacing:-0.6px;}
    .business .color_box.gray{padding:53px 20px 47px 14px;}
    .business .b_box.n3 .color_box.gray{padding:47px 0 39px 0;}
    .business .color_box .color_title{margin-bottom:5px;font-size: 12px;line-height:15px;letter-spacing:-0.3px;}
    .business .b_box.n3 .color_box .color_title{margin-bottom:8px;}
    .business .color_box.gray p{position:relative;/* left:calc(50% - 158px); */}
    .business .b_box.n3 .color_box.gray p{/* left:calc(50% - 162px); */}
    .business .b_box.n1 .color_box.red span{width:69px; height:24px; margin-top:10px; font-size:14px; line-height:21px;}

    .business .b_box.n2 .circle_box{left:50%; width:350px; padding:54px 0 72px; transform:translateX(-50%);}
    .business .b_box.n2:before,
    .business .b_box.n2 .circle_box:after,
    .business .b_box.n2 .circle_box:before{top:129px; height:2px;}
    .business .b_box.n2 .circle_box:after{top:307px;}
    .business .b_box.n2:before{top:auto; bottom:147px;}
    .business .b_box.n2 .circle_box .circle_item{width:152px; height:152px; margin-right:21px;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(3){margin-right:21px;}
    .business .b_box.n2 .circle_box .circle_item:before{top:9px; left:9px; width:calc(100% - 18px); height:calc(100% - 18px); border-width:3px;}
    .business .b_box.n2 .circle_box .circle_item:after{bottom:25px; width:18px; height:18px;}
    .business .b_box.n2 .circle_box .circle_title{padding-top:38px; font-size:15px; line-height:24px;}
    .business .b_box.n2 .circle_box .circle_item:nth-child(4) .circle_title{font-size:13px;}
    .business .b_box.n2 .circle_box .circle_text{margin-top:5px; font-size:10px; line-height:11.7px;}

    .business .n2_more{padding:70px 0 60px;}
    .business .n2_more .explain_list{display:inline-block; left:50%; transform:translateX(-50%); border-top-width:3px; border-bottom-width:3px;}
    .business .n2_more .explain_item{padding:29px 0 26px 39px;}
    .business .n2_more .explain_item .explain_title{font-size:20px; line-height:32px;}
    .business .n2_more .explain_item .explain_title span{margin-top:-1px; font-size:10.5px; line-height:14.7px; letter-spacing:-0.1px;}
    .business .n2_more .explain_item .explain_title:before{top:5px; left:-29px; width:24px; height:24px;}
    .business .n2_more .explain_item ul{margin-top:12px;}
    .business .n2_more .explain_item ul li{padding-left:14px; font-size:11px; line-height:14.3px; letter-spacing:-0.22px;}
    .business .n2_more .explain_item ul li:before{top:7px; left:4px; width:3px; height:3px;}
    .business .n2_more .explain_item ul li + li{margin-top:7px;}
    .business .n2_more .explain_item:not(:last-child):before{height:1px; background:url("../images/sub/explain_line_m.png");}

    .business .top_list p{font-size:10px; line-height:13px; letter-spacing:-0.25px;}
    .business .b_box.n3 .group_title{font-size:18px; line-height:23.4px; letter-spacing:-0.45px;}
    .business .group.type1{padding-top:58px; padding-bottom:63px;}
    .business .group.type1 .group_title{margin-bottom:26px;}
    .business .group.type1 .top_list span{height:18px;margin-right:4px;padding: 0 6px;border-width:0.6px;font-size:10px;line-height:15px;}
    .business .group.type1 .top_list p{margin-top:12px;}
    .business .group.type1 .ent_list{margin-top:58px;}
    .business .group.type1 .ent_item:nth-child(n + 4){margin-top:35px;}
    .business .group.type1 .ent_item i{width:77px; height:77px; border-width:2px;}
    .business .group.type1 .ent_item i:before{transform:scale(1);}
    .business .group.type1 .ent_item:nth-child(1) i:before{width:44px; height:44px;}
    .business .group.type1 .ent_item:nth-child(2) i:before{width:39px; height:39px;}
    .business .group.type1 .ent_item:nth-child(3) i:before{width:42.2px; height:42.2px;}
    .business .group.type1 .ent_item:nth-child(4) i:before{width:41px; height:41px;}
    .business .group.type1 .ent_item:nth-child(5) i:before{width:42px; height:42px;}
    .business .group.type1 .ent_item:nth-child(6) i:before{width:41px; height:41px;}
    .business .group.type1 .ent_item:nth-child(7) i:before{width:37.9px; height:40px;}
    .business .group.type1 .ent_item .ent_title{margin-top:5px; font-size:15px; line-height:19.5px; letter-spacing:-0.38px;}
    .business .group.type1 .ent_item .ent_text{margin-top:9px; font-size:10px; line-height:13px; letter-spacing:-0.25px;}

    .business .top_list p.top_list_title{margin-bottom:4px; font-size:13px; line-height:16.9px; letter-spacing:-0.33px;}
    .business .group.type2{padding-top:45px; padding-bottom:62px;}
    .business .group.type2 .group_title{margin-bottom:34px;}
    .business .group.type2 .top_box{padding:0;}
    .business .group.type2 .top_list p{letter-spacing:-0.25px;}
    .business .group.type2 .top_list p:nth-child(3){margin-top:26px;}
    .business .group.type2 .top_list p:not(.top_list_title){font-size:10px; line-height:13px;}
    .business .group.type2 .invest_list{margin-top:24px;}
    .business .group.type2 .invest_item{width:103px;height:124px;padding-top:10px;margin-right: 5px;border-radius:10px;}
    .business .group.type2 .invest_item .invest_title{font-size:10px; line-height:13px; letter-spacing:-0.25px;}
    .business .group.type2 .invest_item .invest_text{font-size:8px; line-height:10.4px; letter-spacing:-0.2px;}
    .business .group.type2 .invest_item i{height:50px; margin:9px 0;}
}

.business .b_box.n3 .group.type3{padding-top:230px; padding-bottom:182px;}
.business .b_box.n3 .group.type3 .group_title{margin-bottom:133px; color:#fff;}
.business .b_box.n3 .group.type3 .media_wrap{display:flex; align-items:stretch; font-size:0; line-height:0;}
.business .b_box.n3 .group.type3 .media_box{flex:1; display:inline-block; position:relative; width:calc((100% - 34px)/2); padding:60px 55px 62px 65px; border-radius:30px; background-color:#fff; vertical-align:top;}
.business .b_box.n3 .group.type3 .media_box+.media_box{margin-left:34px;}
.business .b_box.n3 .group.type3 .media_box .media_list{}
.business .b_box.n3 .group.type3 .media_box .media_item{display:flex; position:relative; align-items:center; padding-bottom:10px;}
.business .b_box.n3 .group.type3 .media_box .media_item+.media_item{margin-top:50px; padding-top:60px;}
.business .b_box.n3 .group.type3 .media_box .media_item+.media_item:before{display:block; position:absolute; top:0; left:-5px; width:100%; height:1px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAAXNSR0IArs4c6QAAABJJREFUGFdjZGBg+M+ACRjRhQAlPgECXNZ5kAAAAABJRU5ErkJggg==') repeat-x;}
.business .b_box.n3 .group.type3 .media_box .media_item .media_title{display:flex; flex-direction:column; width:300px; color:#E60013; font-size:30px; line-height:34px; letter-spacing:-0.025em; font-weight:600;}
.business .b_box.n3 .group.type3 .media_box.n1 .media_item:last-child .media_title{flex-direction:row;}
.business .b_box.n3 .group.type3 .media_box.n2 .media_item:nth-child(2) .media_title{flex-direction:row;}
.business .b_box.n3 .group.type3 .media_box .media_item .media_title span{color:#131313; font-size:22px; font-weight:400;}
.business .b_box.n3 .group.type3 .media_box .media_item .media_text{width:calc(100% - 300px); font-size:24px; line-height:30px; letter-spacing:-0.025em; word-break:keep-all;}
.business .b_box.n3 .group.type3 .media_box .media_item .media_text .br{display:block; height:13px;}
.business .b_box.n3 .group.type3 .media_box.n1 .media_item:last-child .media_text{font-size:23px;}
.business .b_box.n3 .group.type3 .media_box.n2 .media_item .media_text{font-size:23px; letter-spacing:-0.04em;}
.business .b_box.n3 .group.type3 .media_box.n2 .media_item:last-child .media_text{font-size:22px;}
@media all and (max-width:1640px){
    .business .b_box.n3 .group.type3 .media_box{padding-left:55px; padding-right:45px;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_title{width:230px; font-size:24px; line-height:28px;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_title span{font-size:18px;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_text{width:calc(100% - 230px); font-size:20px; line-height:26px;}
    .business .b_box.n3 .group.type3 .media_box.n1 .media_item:last-child .media_text{font-size:19px;}
    .business .b_box.n3 .group.type3 .media_box.n2 .media_item .media_text{font-size:19px;}
    .business .b_box.n3 .group.type3 .media_box.n2 .media_item:last-child .media_text{font-size:18px;}
}
@media all and (max-width:1300px){
    .business .b_box.n3 .group.type3{padding-top:160px; padding-bottom:145px;}
    .business .b_box.n3 .group.type3 .group_title{margin-bottom:103px;}
    .business .b_box.n3 .group.type3 .media_box{padding:45px 35px 47px;}
    .business .b_box.n3 .group.type3 .media_box .media_item+.media_item{margin-top:35px; padding-top:40px;}
    .business .b_box.n3 .group.type3 .media_box .media_item+.media_item:before{left:0;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_title{width:190px; font-size:20px; line-height:24px;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_title span{font-size:16px;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_text{width:calc(100% - 190px); font-size:18px; line-height:24px;}
    .business .b_box.n3 .group.type3 .media_box.n1 .media_item:last-child .media_text{font-size:17px;}
    .business .b_box.n3 .group.type3 .media_box.n2 .media_item .media_text{font-size:17px;}
    .business .b_box.n3 .group.type3 .media_box.n2 .media_item:last-child .media_text{font-size:16px;}
}
@media all and (max-width:1000px){
    .business .b_box.n3 .group.type3{padding-top:100px; padding-bottom:110px;}
    .business .b_box.n3 .group.type3 .group_title{margin-bottom:55px;}
    .business .b_box.n3 .group.type3 .media_wrap{display:block;}
    .business .b_box.n3 .group.type3 .media_box{display:block; width:100%;}
    .business .b_box.n3 .group.type3 .media_box+.media_box{margin-top:34px; margin-left:0;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_text br{display:none;}
}
@media all and (max-width:640px){
    .business .b_box.n3 .group.type3{padding-top: 74px;padding-bottom: 68px;}
    .business .b_box.n3 .group.type3 .group_title{margin-bottom: 37px;}
    .business .b_box.n3 .group.type3 .media_wrap{}
    .business .b_box.n3 .group.type3 .media_box{padding:18px 10px 2px 13px;border-radius: 8px 8px 0 0;}
    .business .b_box.n3 .group.type3 .media_box+.media_box{margin-top:0;padding-top: 12px;border-radius: 0 0 8px 8px;}
    .business .b_box.n3 .group.type3 .media_box+.media_box:before{display:block;height: 0.6px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAAXNSR0IArs4c6QAAABJJREFUGFdjZGBg+M8AAYwgAgANGgECMb8UYgAAAABJRU5ErkJggg==) repeat-x;position: absolute;top: 0;left: 13px;right: 10px;}
    .business .b_box.n3 .group.type3 .media_box .media_item+.media_item{margin-top:0; padding-top:12px;}
    .business .b_box.n3 .group.type3 .media_box .media_item+.media_item:before{height:0.6px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAAXNSR0IArs4c6QAAABJJREFUGFdjZGBg+M8AAYwgAgANGgECMb8UYgAAAABJRU5ErkJggg==') repeat-x;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_title{width: 100px;font-size: 10px;line-height: 12px;text-align: center;flex-direction: column !important;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_title span{display: block;font-size:5.5px;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_text{width: calc(100% - 120px);margin-left: 20px;font-size: 8px!important;line-height: 10px;text-align: center;}
    .business .b_box.n3 .group.type3 .media_box.n2 .media_item:last-child .media_text{/* font-size:4.5px!important; */}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_text br.m_only{display:block;}
    .business .b_box.n3 .group.type3 .media_box .media_item .media_text .br{height:3px;}
}
@media all and (max-width:360px){
    .business .b_box.n3 .group.type3 .media_box .media_item .media_text{width:calc(100% - 100px); margin-left:0;}
}


.business .b_box.n3 .group.type4{padding-top:282px;padding-bottom: 223px;}
.business .b_box.n3 .group.type4 .group_title{margin-bottom:40px; color:#fff;}
.business .b_box.n3 .group.type4 .platform_text{margin-bottom:118px;color: #FFFF00;font-size:35px;line-height:45px;letter-spacing:-0.02em;text-align:center;word-break:keep-all;}
.business .b_box.n3 .group.type4 .platform_text span{font-weight:600;}
.business .b_box.n3 .group.type4 .platform_text span:nth-child(1){color:#0845fc;}
.business .b_box.n3 .group.type4 .platform_text span:nth-child(2){color:#ff2d2a;}
.business .b_box.n3 .group.type4 .platform_box{display:block; position:relative; margin:0 56px; padding:67px 65px 105px; border-radius:30px; background-color:#fff; font-size:0; line-height:0; text-align:center;}
.business .b_box.n3 .group.type4 .platform_box+.platform_box{margin-top:136px;}
.business .b_box.n3 .group.type4 .platform_box .platform_title{position:relative; margin-bottom:97px; padding-bottom:63px; color:#000; font-size:40px; line-height:44px; letter-spacing:-0.025em; font-weight:600;}
.business .b_box.n3 .group.type4 .platform_box .platform_title p{margin-top:10px; font-size:30px; line-height:34px; font-weight:400;}
.business .b_box.n3 .group.type4 .platform_box .platform_title:before{display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAAXNSR0IArs4c6QAAABJJREFUGFdjZGBg+M+AChiRuQAdMgECbm3e0AAAAABJRU5ErkJggg==') repeat-x;}
.business .b_box.n3 .group.type4 .platform_box .platform_list{margin:0 65px;}
.business .b_box.n3 .group.type4 .platform_box .platform_item{display:block; text-align:left;}
.business .b_box.n3 .group.type4 .platform_box .platform_item+.platform_item{margin-top:70px;}
.business .b_box.n3 .group.type4 .platform_box .platform_item span{position:relative; padding-left:19px; color:#E60013; font-size:35px; line-height:45px; letter-spacing:-0.025em; font-weight:600;}
.business .b_box.n3 .group.type4 .platform_box .platform_item span em{font-size:25px; font-weight:400;}
.business .b_box.n3 .group.type4 .platform_box .platform_item span:before{display:block; position:absolute; top:5px; left:0; bottom:0; width:6px; height:30px; margin:auto 0; background-color:#E60013;}
.business .b_box.n3 .group.type4 .platform_box .platform_item p{display:block; margin-top:16px; padding-left:18px; color:#131313; font-size:32px; line-height:42px; letter-spacing:-0.04em; word-break:keep-all;}
.business .b_box.n3 .group.type4 .platform_box.n2{padding-top:89px; padding-bottom:119px;}
.business .b_box.n3 .group.type4 .platform_box.n2 .platform_item+.platform_item{margin-top:63px;}
.business .b_box.n3 .group.type4 .platform_box.n2 .platform_title{margin-bottom:94px; padding-bottom:68px;}
.business .b_box.n3 .group.type4 .platform_box.n3{padding-top:92px; padding-bottom:41px;}
.business .b_box.n3 .group.type4 .platform_box.n3 .platform_title{margin-bottom:91px; padding-bottom:64px;}
.business .b_box.n3 .group.type4 .platform_box.n3 .platform_list{margin:0 48px;}
.business .b_box.n3 .group.type4 .platform_box.n3 .platform_item{display:inline-block; width:calc((100% - 80px)/2); margin-bottom:35px;}
.business .b_box.n3 .group.type4 .platform_box.n3 .platform_item+.platform_item{margin-top:0;}
.business .b_box.n3 .group.type4 .platform_box.n3 .platform_item:nth-child(2n){margin-left:80px;}
.business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span{padding-left:32px;}
.business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span:before{width:11px; height:11px; border-radius:50%;}
.business .b_box.n3 .group.type4 .platform_button{
    text-align: center;
    margin-top: 160px;
}
.business .b_box.n3 .group.type4 .platform_button a{
    display: inline-block;
    color: #fff;
    font-size: 42px;
    line-height: 52px;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #fff;
}

@media all and (max-width:1640px){
    .business .b_box.n3 .group.type4 .platform_box .platform_title{margin-bottom:73px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_list{margin:0 30px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span{font-size:30px; line-height:40px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span em{font-size:20px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span:before{top:2px; height:26px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item p{font-size:28px; line-height:38px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item p br.pc_only{display:none;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_list{margin:0 10px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item{width:calc((100% - 35px)/2);}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item:nth-child(2n){margin-left:35px;}
    .business .b_box.n3 .group.type4 .platform_box.n2 .platform_title{margin-bottom:77px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_title{margin-bottom:74px;}
}
@media all and (max-width:1300px){
    .business .b_box.n3 .group.type4{padding-top:160px; padding-bottom:240px;}
    .business .b_box.n3 .group.type4 .platform_box{margin-left:0; margin-right:0; padding-left:50px; padding-right:50px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_title{margin-bottom:60px; font-size:36px; line-height:40px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_title p{font-size:26px; line-height:30px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span{font-size:26px; line-height:36px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span em{font-size:18px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span:before{height:24px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item p{font-size:24px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span{padding-left:25px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item{width: calc((100% - 10px)/2);}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item:nth-child(2n){margin-left: 10px;}
    .business .b_box.n3 .group.type4 .platform_box.n2{padding-top:72px;}
    .business .b_box.n3 .group.type4 .platform_box.n2 .platform_title{margin-bottom:57px;}
    .business .b_box.n3 .group.type4 .platform_box.n3{padding-top:75px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_title{margin-bottom:54px;}
}
@media all and (max-width:1000px){
    .business .b_box.n3 .group.type4{padding-top:100px; padding-bottom:110px;}
    .business .b_box.n3 .group.type4 .group_title{margin-bottom:25px;}
    .business .b_box.n3 .group.type4 .platform_text{margin-bottom:80px; font-size:22px; line-height:32px;}
    .business .b_box.n3 .group.type4 .platform_box{margin-left:auto; margin-right:auto; padding:30px 20px 35px; border-radius:20px;}
    .business .b_box.n3 .group.type4 .platform_box+.platform_box{margin-top:60px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_title{margin-bottom:20px; padding-bottom:25px; font-size:24px; line-height:28px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_title p{margin-top:5px; font-size:18px; line-height:22px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item+.platform_item{margin-top:20px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span{padding-left:12px; font-size:18px; line-height:28px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span em{font-size:15px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span:before{top:3px; width:3px; height:16px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item p{margin-top:5px; padding-left:13px; font-size:16px; line-height:24px;}
    .business .b_box.n3 .group.type4 .platform_box.n2{padding-top:30px; padding-bottom:35px;}
    .business .b_box.n3 .group.type4 .platform_box.n2 .platform_title{margin-bottom:20px; padding-bottom:25px;}
    .business .b_box.n3 .group.type4 .platform_box.n2 .platform_item+.platform_item{margin-top:20px;}
    .business .b_box.n3 .group.type4 .platform_box.n3{padding-top:30px; padding-bottom:27px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_title{margin-bottom:20px; padding-bottom:25px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item{margin-bottom:8px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span{padding-left:12px; font-size:16px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span em{font-size:14px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span:before{width:5px; height:5px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item:last-child span em{font-size:12px;}
    .business .b_box.n3 .group.type4 .platform_button{
        margin-top: 80px;
    }
    .business .b_box.n3 .group.type4 .platform_button a{
        font-size: 29px;
        line-height: 38px;
    }
}
@media all and (max-width:640px){
    .business .b_box.n3 .group.type4{padding-top:83px;padding-bottom: 73px;}
    .business .b_box.n3 .group.type4 .group_title{margin-bottom:11px;}
    .business .b_box.n3 .group.type4 .platform_text{margin-bottom:48px; font-size:11px; line-height:13px;}
    .business .b_box.n3 .group.type4 .platform_box{/* max-width:322px; */border-radius:10px;}
    .business .b_box.n3 .group.type4 .platform_box+.platform_box{margin-top:30px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_title{margin-bottom:10px; padding-bottom:9px; font-size:12px; line-height:16px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_title p{margin-top:0; font-size:9px; line-height:13px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_title:before{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAAXNSR0IArs4c6QAAABJJREFUGFdjZGBg+M8AAYwgAgANGgECMb8UYgAAAABJRU5ErkJggg==');}
    .business .b_box.n3 .group.type4 .platform_box .platform_list{margin:0 15px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item+.platform_item{margin-top:10px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span{padding-left:5px; font-size:10px; line-height:20px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span em{font-size:10px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item span:before{width:1px; height:9px;}
    .business .b_box.n3 .group.type4 .platform_box .platform_item p{margin-top:0; padding-left:5px; font-size:8px; line-height:10px;}
    .business .b_box.n3 .group.type4 .platform_box.n2{padding-top:19px; padding-bottom:21px;}
    .business .b_box.n3 .group.type4 .platform_box.n2 .platform_title{margin-bottom:11px; padding-bottom:11px;}
    .business .b_box.n3 .group.type4 .platform_box.n2 .platform_item+.platform_item{margin-top:7px;}
    .business .b_box.n3 .group.type4 .platform_box.n3{padding-top:19px; padding-bottom:15px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_list{margin:0;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_title{margin-bottom:11px; padding-bottom:11px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item{margin-bottom:0;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item:nth-child(odd){padding-left:8px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span{padding-left:8px; font-size:9px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span em{font-size:8px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item:last-child span em{font-size:6px;}
    .business .b_box.n3 .group.type4 .platform_box.n3 .platform_item span:before{width:3.5px; height:3.5px;}
    .business .b_box.n3 .group.type4 .platform_box{margin-left:auto;margin-right:auto;padding: 13px 7px 21px;border-radius:10px;}
    .business .b_box.n3 .group.type4 .platform_button{
        margin-top: 60px;
    }
    .business .b_box.n3 .group.type4 .platform_button a{
        font-size: 20px;
        line-height: 29px;
        border-bottom-width: 1px;
    }
}


.business .b_box.n3 .group.type5{padding-top:166px;padding-bottom: 130px;text-align:center;}
.business .b_box.n3 .group.type5 .group_title{margin-bottom:33px; color:#E60013;}
.business .b_box.n3 .group.type5 .branding_text{color:#131313; font-size:35px; line-height:45px; letter-spacing:-0.035em;}
.business .b_box.n3 .group.type5 .branding_wrap{position:relative; margin-top:149px;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_title{color:#131313; font-size:40px; line-height:52px; letter-spacing:-0.02em; font-weight:600;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_list{position:relative; margin-top:112px; /*margin-left:50px;*/}
.business .b_box.n3 .group.type5 .branding_wrap .branding_list .slick-list{overflow:visible;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_item{display:inline-block; position:relative; /*width:699px;*/ margin:0 50px; vertical-align:top;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_item img{width:100%;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content{position:absolute; top:calc(50% + 12px); left:0; right:0; margin:0 auto;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content .name{color:#fff; font-size:50px; line-height:65px; letter-spacing:-0.025em; font-weight:600;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content .job{margin-top:11px; color:#fff; font-size:20px; line-height:25px; letter-spacing:-0.025em; font-weight:500;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_control{position:absolute; top:calc(50% + 16px); width:100%;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button{display:block; position:absolute; width:75px; height:100px; border-radius:11px; background-color:rgba(53,53,53,0.24);}
.business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:42px; height:66px; margin:auto; background:url('../images/sub/branding_arrow.png') no-repeat 0 0 / cover;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button.next:before{transform:rotate(180deg);}
.business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button.prev{left:14px;}
.business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button.next{right:14px;}
@media all and (max-width:1300px){
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item{margin:0 20px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content{top:calc(50% - 16px);}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content .name{font-size:40px; line-height:55px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button.prev{left:0;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button.next{right:0;}
}
@media all and (max-width:1000px){
    .business .b_box.n3 .group.type5{padding-top:145px; padding-bottom:145px;}
    .business .b_box.n3 .group.type5 .group_title{margin-bottom:23px;}
    .business .b_box.n3 .group.type5 .branding_text{font-size:20px; line-height:30px;}
    .business .b_box.n3 .group.type5 .branding_wrap{margin-top:90px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_title{font-size:26px; line-height:38px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_list{width:100vw; margin-top:60px; margin-left:-20px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item{width:389px; margin:0 15px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content .name{font-size:35px; line-height:45px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content .job{margin-top:6px; font-size:16px; line-height:21px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control{width:429px; left:0; right:0; margin:0 auto;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button{width:45px; height:60px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button:before{width:25px; height:39px;}
}
@media all and (max-width:640px){
    .business .b_box.n3 .group.type5{padding-top:91px; padding-bottom:65px;}
    .business .b_box.n3 .group.type5 .group_title{margin-bottom:9px;}
    .business .b_box.n3 .group.type5 .branding_text{font-size:11px; line-height:15px;}
    .business .b_box.n3 .group.type5 .branding_wrap{margin-top:35px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_title{font-size:13px; line-height:17px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_list{margin-top:36px; margin-left:-20px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item{width:302px; margin:0 9px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content{top:calc(50% + 7px);}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content .name{font-size:30px; line-height:40px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_item .branding_content .job{margin-top:4px; font-size:10px; line-height:15px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control{top:50%; width:332px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button{width:32px; height:43px; border-radius:5px;}
    .business .b_box.n3 .group.type5 .branding_wrap .branding_control .branding_button:before{width:17px; height:28px; background-image:url('../images/sub/m_branding_arrow.png');}

}

/* 회사소개 */
.introduce{position:relative;overflow: hidden;}
.introduce .i_box{display:block; position:relative;}
.introduce .vision:after,
.introduce .i_box:before{display:block; position:absolute; top:0; left:50%; z-index:-1; width:100vw; height:100%; transform:translateX(-50%);}
.introduce .i_box.gray:before{background-color:#f5f5f5;}
.introduce .i_box.light_gray:before{background-color:#fbfbfb;}
.introduce .i_box.img:before{background:#131313 url('../images/sub/history_icon.png') no-repeat 0 56px;}

.introduce .introduce_title{font-size:30px; line-height:45px; letter-spacing:-0.75px; font-weight:600; color:#E60013;}
.introduce .introduce_title span{font-weight:400;}

.introduce .overview{padding:211px 44px 265px;}
.introduce .overview .overview_box{margin-top:98px;}
.introduce .overview .overview_box:before{display:block; position:absolute; top:368px; right:45px; width:554px; height:666px; background:url('../images/sub/overview_img.png') no-repeat;}
.introduce .overview .overview_box .overview_title{margin-bottom:110px; font-size:50px; line-height:70px; letter-spacing:-1.7px;}
.introduce .overview .overview_box .overview_text{font-size:28px; line-height:44.8px; letter-spacing:-1.1px; color:#252525;}
.introduce .overview .overview_box .overview_text p + p{margin-top:46px;}

.introduce .ceo{padding:159px 30px 104px;}
.introduce .ceo .ceo_box .ceo_title{margin-top:83px; font-size:50px; line-height:70px; letter-spacing:-1.8px;}
.introduce .ceo .ceo_box .right_box,
.introduce .ceo .ceo_box .left_box{display:inline-block; position:relative; vertical-align:top;}
.introduce .ceo .ceo_box .left_box{width: 507px;}
.introduce .ceo .ceo_box .left_box img{width:100%;}
.introduce .ceo .ceo_box .left_box img.ceo_m{display:none;}
.introduce .ceo .ceo_box .right_box{width:calc(100% - 508px); padding:62px 0 88px 69px; margin-top:117px;}
.introduce .ceo .ceo_box .right_box:before{display:block; position:absolute; top:0; left:50%; z-index:-1; width:calc(100% + 637px); height:100%; background-color:#f1f1f1; transform:translateX(-50%);}
.introduce .ceo .ceo_box .ceo_text{margin-top:129px;}
.introduce .ceo .ceo_box .ceo_text p{font-size:24px; line-height:33.6px; letter-spacing:-0.9px;}
.introduce .ceo .ceo_box .ceo_text p + p{margin-top:35px;}
.introduce .ceo .ceo_box .ceo_text p:last-child{margin-top:22px;}
.introduce .ceo .ceo_box .ceo_text p:last-child img{height:76px;}

.introduce .vision{padding:209px 39px 0 54px;}
.introduce .vision:after{height:49px; background-color:#E60013;}
.introduce .vision .vision_box{display:flex; position:relative; align-items:center; padding:96px 0 157px;}
.introduce .vision .vision_box.core{padding-bottom:137px;}
.introduce .vision .vision_box:before{display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:url('../images/sub/vision_line.png');}
.introduce .vision .vision_box.core:before{display:none;}
.introduce .vision .vision_box .left_box{display:flex; flex-direction:column; width:330px; padding-top:45px;}
.introduce .vision .vision_box .right_box{position:relative; width:calc(100% - 330px); padding-left:10px;}
.introduce .vision .vision_box .left_box p{font-size:50px; line-height:56px; letter-spacing:-1.25px;}
.introduce .vision .vision_box .left_box p span{display:block;margin-top:12px;font-size:40px;letter-spacing: -1px;}
.introduce .vision .vision_box .right_box p{font-size:35px; line-height:52.5px; letter-spacing:-1.4px; color:#252525; font-weight:500;}
.introduce .vision .vision_box .right_box ul{margin-top:32px;}
.introduce .vision .vision_box .right_box ul li{position:relative; padding-left:18px; font-size:26px; line-height:41.6px; letter-spacing:-1px; color:#252525;}
.introduce .vision .vision_box .right_box ul li:before{display:block; position:absolute; top:21px; left:-5px; width:7px; height:7px; border-radius:50%; background-color:#252525;}
.introduce .vision .vision_box.core .right_box{padding:23px 0 33px 44px;}
.introduce .vision .vision_box.core .right_box:before{display:block; position:absolute; top:0; left:0; z-index:-1; width:125%; height:100%; background-color:#D9D9D9; opacity:0.28;}
.introduce .vision .vision_box .core_item{display:flex; position:relative; align-items:center; padding:54px 0 54px 11px;}
.introduce .vision .vision_box .core_item:before{display:block; position:absolute; left:0; bottom:0; width:120%; height:2px; background:url('../images/sub/vision_line.png');}
.introduce .vision .vision_box .core_item:last-child:before{display:none;}
.introduce .vision .vision_box .core_left{display:flex; flex-direction:column; width:440px; font-size:28px; line-height:40px; letter-spacing:-0.7px;}
.introduce .vision .vision_box .core_left b{color:#E60013;}
.introduce .vision .vision_box .core_right{padding-left:51px; font-size:23px; line-height:36.8px; letter-spacing:-0.8px; color:#252525;}

.introduce .history{padding:197px 0 30px 57px;}
.introduce .history .history_box{position:relative; margin-top:159px; padding-bottom:114px;}
.introduce .history .history_box:before{display:block; position:absolute; top:11px; left:8px; width:2px; height:110%; background-color:#fff;}
.introduce .history .history_item{position:relative;}
.introduce .history .history_item + .history_item{margin-top:87px;}
.introduce .history .history_item:before{display:block; position:absolute; top:44px; left:-1px; width:22px; height:22px; border-radius:50%; background-color: #e60013;}
.introduce .history .history_item .year{display:inline-block;position:relative;width: 520px;padding-left:108px;padding-right: 200px;font-size:80px;line-height:116px;letter-spacing:-2px;font-weight:500;color:#fff;vertical-align:top;}
.introduce .history .history_item .year:before{display:block;position:absolute;top:57px;right:0;width: 194px;height:12px;background:url('../images/sub/history_line.png');}
.introduce .history .history_item .list{display:inline-block;width: calc(100% - 520px);padding:47px 0 0 42px;vertical-align:top;}
.introduce .history .history_item .list ul{}
.introduce .history .history_item .list li{
    display: flex;
    flex-direction: column;
}
.introduce .history .history_item .list li.mt15{margin-top:15px;}
.introduce .history .history_item .list li.mt60{margin-top:60px;}
.introduce .history .history_item .list li + li{margin-top: 36px;}
.introduce .history .history_item .list li > span{}
.introduce .history .history_item .list .date{font-size:30px;line-height:38px;letter-spacing:-0.75px;color:#fff;font-weight:500;vertical-align:top;width: 130px;}
.introduce .history .history_item .list .text{position: relative;margin-left: 0 !important;font-size: 26px;line-height:38px;letter-spacing:-0.7px;color:#fff;vertical-align:top;width: 100% !important;margin-top: 10px;}
.introduce .history .history_item .list .text span{
    position: absolute;
    top: 0;
    left: -30px;
}

@media (max-width:1640px) {
    .introduce .overview{padding:150px 40px;}
    .introduce .overview .overview_box:before{top:314px; right:0; width:500px; height:601px; background-size:contain;}
    .introduce .overview .overview_box .overview_title{font-size:40px; line-height:50px;}
    .introduce .overview .overview_box .overview_text{font-size:25px; line-height:38px;}

    .introduce .ceo{padding:150px 40px;}
    .introduce .ceo .ceo_box .ceo_title{font-size:40px; line-height:50px;}
    .introduce .ceo .ceo_box .left_box{width:400px;}
    .introduce .ceo .ceo_box .right_box{width:calc(100% - 400px); padding:60px 0 60px 45px;}
    .introduce .ceo .ceo_box .ceo_text p{font-size:19px; line-height:30px;}

    .introduce .vision{padding:150px 40px;}
    .introduce .vision .vision_box{padding:100px 0;}
    .introduce .vision .vision_box.core{padding-bottom:0;}
    .introduce .vision .vision_box .left_box{width:270px;}
    .introduce .vision .vision_box .left_box p{font-size:40px; line-height:50px;}
    .introduce .vision .vision_box .left_box p span{margin-top:0; font-size:35px;}

    .introduce .vision .vision_box .right_box{width:calc(100% - 270px);}
    .introduce .vision .vision_box .right_box p{font-size:30px; line-height:40px;}
    .introduce .vision .vision_box .right_box ul li{font-size:22px; line-height:35px;}
    .introduce .vision .vision_box .right_box ul li:before{top:15px;}

    .introduce .vision .vision_box .core_left{width:360px; font-size:22px; line-height:35px;}
    .introduce .vision .vision_box .core_right{padding-left:0; font-size:18px; line-height:30px;}

    .introduce .history{padding:150px 40px 40px;}
    .introduce .history .history_item:before{top:28px;}
    .introduce .history .history_item .year{width: 470px;padding-left:70px;padding-right:260px;font-size:60px;line-height:70px;}
    .introduce .history .history_item .year:before{top:34px; width:237px; background-position:right;}
    .introduce .history .history_item .list{width: calc(100% - 470px);padding:23px 0 0 42px;}
    .introduce .history .history_item .list .date{font-size:26px; line-height:36px;}
    .introduce .history .history_item .list .text{font-size: 19px;line-height:36px;}
    .introduce .history .history_item .list li + li{margin-top:20px;}
    .introduce .history .history_item .list li.mt15{margin-top:10px;}
    .introduce .history .history_item .list li.mt60{margin-top:40px;}
}
@media (max-width:1300px) {
    .introduce .introduce_title{font-size:28px;}

    .introduce .overview{padding:100px 0;}
    .introduce .overview .overview_box{margin-top:60px;}
    .introduce .overview .overview_box:before{top:362px; width:320px; height:385px;}
    .introduce .overview .overview_box .overview_title{margin-bottom:100px; font-size:35px; line-height:48px;}
    .introduce .overview .overview_box .overview_text{font-size:22px; line-height:36px;}

    .introduce .ceo{padding:100px 0;}
    .introduce .ceo .ceo_box .ceo_title{margin-top:60px; font-size:35px; line-height:48px;}
    .introduce .ceo .ceo_box .ceo_text{margin-top:100px;}
    .introduce .ceo .ceo_box .left_box{width:300px;}
    .introduce .ceo .ceo_box .right_box{width:calc(100% - 300px); padding:60px 0 60px 40px;}
    .introduce .ceo .ceo_box .right_box:before{width:calc(100% + 360px);}
    .introduce .ceo .ceo_box .ceo_text p br:not(.m_only){display:none;}

    .introduce .vision{padding:100px 0;}
    .introduce .vision:after{height:30px;}
    .introduce .vision .vision_box .left_box{width:230px;}
    .introduce .vision .vision_box .left_box p{font-size:35px; line-height:48px;}
    .introduce .vision .vision_box .right_box{width:calc(100% - 230px);}
    .introduce .vision .vision_box .right_box p{font-size:26px; line-height:38px;}
    .introduce .vision .vision_box .right_box ul li{font-size:20px; line-height:32px;}
    .introduce .vision .vision_box .right_box ul li br:not(.m_only){display:none;}
    .introduce .vision .vision_box .right_box ul li:before{top:11px;}

    .introduce .vision .vision_box .core_right{width:calc(100% - 360px);}
    .introduce .vision .vision_box .core_right br:not(.m_only){display:none;}

    .introduce .i_box.img:before{background-position:right -200px top 56px;}
    .introduce .history{padding:100px 0 30px;}
    .introduce .history .history_box{margin-top:100px;}
    .introduce .history .history_box:before{top:-15px;}
    .introduce .history .history_item:before{top:18px;}
    .introduce .history .history_item .year{width:380px;padding-right:190px;font-size:45px;line-height:50px;}
    .introduce .history .history_item .year:before{top:23px; width:170px;}
    .introduce .history .history_item .list{padding:11px 0 0 30px;width: calc(100% - 380px);}
    .introduce .history .history_item .list li + li{margin-top:20px;}
    .introduce .history .history_item .list .date{font-size: 20px;line-height:34px;width: 90px;}
    .introduce .history .history_item .list .text{font-size: 16px;line-height:34px;width: calc(100% - 90px);}
    .introduce .history .history_item .list .text span{
        left: -20px;
    }
}
@media (max-width:1000px) {
    .introduce .introduce_title{font-size:22px; line-height:25px;}
    .introduce .overview .overview_box{position:relative;}
    .introduce .overview .overview_box:before{top:auto; bottom:0; width:270px; height:325px;}
    .introduce .overview .overview_box .overview_title{margin-bottom:60px; font-size:30px; line-height:40px;}
    .introduce .overview .overview_box .overview_text{padding-right:37%; font-size:18px; line-height:26px;}
    .introduce .overview .overview_box .overview_text br.pc_only{display:none;}

    .introduce .ceo .ceo_box .ceo_title{font-size:30px; line-height:40px;}
    .introduce .ceo .ceo_box .ceo_text{margin-top:60px;}
    .introduce .ceo .ceo_box .ceo_text p{font-size:18px; line-height:28px;}
    .introduce .ceo .ceo_box .left_box{width:250px;}
    .introduce .ceo .ceo_box .right_box{width:calc(100% - 250px); margin-top:60px; padding:40px 0 40px 40px;}

    .introduce .vision .vision_box{padding:60px 0;}
    .introduce .vision .vision_box .left_box p{font-size:30px; line-height:40px;}
    .introduce .vision .vision_box .right_box p{font-size:24px; line-height:36px;}
    .introduce .vision .vision_box .right_box ul li{padding-left:12px; font-size:17px; line-height:30px;}
    .introduce .vision .vision_box .right_box ul li:before{left:0; width:5px; height:5px;}
    .introduce .vision .vision_box.core .right_box{padding:0 0 0 30px;}
    .introduce .vision .vision_box .core_item{display:block; padding:40px 0;}
    .introduce .vision .vision_box .core_left{display:block; width:100%; font-size:20px;}
    .introduce .vision .vision_box .core_right{display:block; width:100%; margin-top:10px; font-size:17px; line-height:30px;}

    .introduce .history .history_item:before{left:2px; width:15px; height:15px;}
    .introduce .history .history_item .year{width: 170px;padding-left:45px;padding-right:0;font-size:35px;line-height:40px;}
    .introduce .history .history_item .year:before{top:16px;width: 40px;}
    .introduce .history .history_item .list{width: calc(100% - 170px);padding-top: 9px;padding-left: 20px;}
    .introduce .history .history_item .list li + li{margin-top:15px;}
    .introduce .history .history_item .list li.mt15{margin-top:5px;}
    .introduce .history .history_item .list li.mt60{margin-top:20px;}
    .introduce .history .history_item .list .date{font-size: 16px;line-height: 24px;width: 64px;}
    .introduce .history .history_item .list .text{margin-left:20px;font-size: 14px;width: calc(100% - 64px);line-height: 24px;margin-top: 5px;}
}
@media (max-width:800px) {
    .introduce .overview .overview_box:before{width:230px; height:276px;}
    .introduce .overview .overview_box .overview_text{padding-right:43%;}

    .introduce .ceo .ceo_box .left_box{display:block; width:100%; text-align:center;}
    .introduce .ceo .ceo_box .left_box img{width:500px;}
    .introduce .ceo .ceo_box .right_box{display:block; width:100%; padding:0;}
    .introduce .ceo .ceo_box .right_box:before{display:none;}

    .introduce .vision .vision_box{display:block;}
    .introduce .vision .vision_box .left_box{display:block; width:100%; padding-top:0;}
    .introduce .vision .vision_box .left_box p span{display:inline-block; font-size:24px;}
    .introduce .vision .vision_box .right_box{display:block; width:100%; margin-top:20px; padding-left:0;}
    .introduce .vision .vision_box .right_box p{font-size:22px; line-height:30px;}
    .introduce .vision .vision_box .right_box ul{margin-top:20px;}
    .introduce .vision .vision_box.core .right_box{padding:0 25px;}
    .introduce .vision .vision_box.core .right_box:before{width:100%;}
    .introduce .vision .vision_box .core_item:before{width:100%;}
}

@media (max-width:640px) {
    .introduce .introduce_title{font-size: 12px;line-height:15px;letter-spacing:-0.3px;}
    .introduce .overview{display:inline-block;left:50%;transform:translateX(-50%);padding:64px 0 71px;}
    .introduce .overview .overview_box{margin-top:36px;}
    .introduce .overview .overview_box:before{top:143px; left:0; bottom:auto; width:140px; height:193px; background-size:cover;}
    .introduce .overview .overview_box .overview_title{margin-bottom:40px;font-size:24px; line-height:33.6px; letter-spacing:-0.9px;}
    .introduce .overview .overview_box .overview_text{padding-right:0;font-size: 14px;line-height:24.7px;letter-spacing:-0.8px;}
    .introduce .overview .overview_box .overview_text p:first-child{padding-left: 149px;}
    .introduce .overview .overview_box .overview_text p + p{margin-top:15px;}

    .introduce .ceo{display:inline-block; left:50%; transform:translateX(-50%); padding:64px 0 69px;}
    .introduce .ceo .ceo_box .ceo_title{margin-top:39px; font-size:24px; line-height:33.6px; letter-spacing:-0.9px;}
    .introduce .ceo .ceo_box .ceo_text{margin-top:42px;}
    .introduce .ceo .ceo_box .left_box img.ceo_m{display:block; width:auto;}
    .introduce .ceo .ceo_box .left_box img.ceo_pc{display:none;}
    .introduce .ceo .ceo_box .right_box{margin-top:27px;}
    .introduce .ceo .ceo_box .ceo_text p{font-size:13px; line-height:18.25px; letter-spacing:-0.69px;}
    .introduce .ceo .ceo_box .ceo_text p + p{margin-top:17px;}
    .introduce .ceo .ceo_box .ceo_text p:last-child{margin-top:10px;}
    .introduce .ceo .ceo_box .ceo_text p:last-child img{height:40px;}

    .introduce .vision{display:inline-block; left:50%; transform:translateX(-50%); padding:84px 0 51px;}
    .introduce .vision:after{height:12px;}
    .introduce .vision .vision_box{padding:35px 0 31px;}
    .introduce .vision .vision_box .core_item:before,
    .introduce .vision .vision_box:before{height:1px; background:url('../images/sub/vision_line_m.png');}
    .introduce .vision .vision_box .left_box p{font-size:25px; line-height:35px;}
    .introduce .vision .vision_box .left_box p span{font-size:15px;}
    .introduce .vision .vision_box .right_box{margin-top:12px;}
    .introduce .vision .vision_box .right_box p{font-size: 16px;line-height:24.7px;letter-spacing:-1px;}
    .introduce .vision .vision_box .right_box ul{margin-top:8px;}
    .introduce .vision .vision_box .right_box ul li{padding-left:13px;font-size: 13px;line-height:18.9px;letter-spacing:-0.7px;}
    .introduce .vision .vision_box .right_box ul li:before{top:9px; left:2px; width:3px; height:3px;}

    .introduce .vision .vision_box.core .right_box{margin-top:19px; padding:9px 15px 26px;}
    .introduce .vision .vision_box .core_item{padding:21px 0;}
    .introduce .vision .vision_box .core_left{font-size:17px; line-height:24.7px; letter-spacing:-0.51px;}
    .introduce .vision .vision_box .core_left span{font-size:15px;}
    .introduce .vision .vision_box .core_item:last-child .core_left span{font-size: 11px;}
    .introduce .vision .vision_box .core_right{font-size: 12px;line-height:18.9px;letter-spacing:-0.6px;}

    .introduce .i_box.img:before{background:#131313 url('../images/sub/history_icon_m.png') no-repeat top 0 left 41%;}
    .introduce .history{display:inline-block; left:50%; transform:translateX(-50%); padding:84px 0 30px;}
    .introduce .history .history_box{margin-top:66px; padding-bottom:37px;}
    .introduce .history .history_box:before{top:-3px; left:7px; width:1.8px;}
    .introduce .history .history_item + .history_item{margin-top: 80px;}
    .introduce .history .history_item:before{top:17px; left:4px; width:8px; height:8px;}
    .introduce .history .history_item .year{width: 110px;padding-left: 22px;font-size:25px;line-height:35px;font-weight:900;}
    .introduce .history .history_item .year:before{height:6px;width: 30px;background: url('../images/sub/history_line_m.png') no-repeat right;}
    .introduce .history .history_item .list{width: calc(100% - 110px);padding:10px 0 0 10px;}
    .introduce .history .history_item .list .date{font-size: 12px;line-height:18.9px;letter-spacing:-0.33px;}
    .introduce .history .history_item .list .text{margin-left: 0;font-size:9px;line-height:18.9px;letter-spacing:-0.23px;}
    .introduce .history .history_item .list .text span{
        left: -10px;
    }
}


/* 미디어센터 */
.media{position:relative;}
.media .m_box{position:relative; padding-left:52px; padding-right:52px;}
.media .m_box:before{display:block; position:absolute; top:0; left:50%; z-index:-1; width:100vw; height:100%; transform:translateX(-50%);}
.media .m_box.gray:before{background-color:#f5f5f5;}
.media .m_box.black:before{background-color:#000;}
.media .m_box .media_title{margin-bottom:143px; font-size:30px; line-height:45px; letter-spacing:-0.75px; font-weight:600; color:#E60013;}
.media .m_box .media_title span{font-weight:400;}
.media .m_box .media_subject{position:relative; margin-left:11px; padding-left:16px; font-size:48px; line-height:62px; letter-spacing:-0.025em; font-weight:600;}
.media .m_box .media_subject:before{display:block; position:absolute; top:11px; left:0; width:8px; height:46px; background-color:#E60013;}

.media .m_box.service{padding-top:166px; padding-bottom:171px; text-align:center;}
.media .m_box.service .service_title{display:block; position:relative;  margin-bottom:33px; color:#E60013; font-size:55px; line-height:71px; letter-spacing:-0.035em; font-weight:600; text-align:center;}
.media .m_box.service p{color:#131313; font-size:35px; line-height:45px; letter-spacing:-0.035em;}
.media .m_box.service span{display:block; margin-top:99px; color:#131313; font-size:40px; line-height:52px; letter-spacing:-0.035em; font-weight:600;}

.media .m_box.news{padding-top:144px; padding-bottom:189px;}
.media .m_box.news .news_wrap{position:relative; margin-top:104px; font-size:0; line-height:0;}
.media .m_box.news .news_list{position:relative; margin-left:8px;}
.media .m_box.news .news_item{display:inline-block; width:476px; margin-right:28px; vertical-align:top;}
.media .m_box.news .news_item .news_anchor{}
.media .m_box.news .news_item .news_anchor .news_img{overflow:hidden; display:block; width:100%; height:356px; border-radius:0 0 20px 20px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.media .m_box.news .news_item .news_content{position:relative; padding:36px 28px 88px; background-color:#fff;}
.media .m_box.news .news_item .news_content .news_date{color:#131313; font-size:26px; line-height:34px; letter-spacing:-0.025em; font-family:'PretendardGOV';}
.media .m_box.news .news_item .news_content .news_text{overflow:hidden;display:-webkit-box;height:84px;margin-top:24px;font-size:28px;line-height:42px;letter-spacing:-0.025em;font-weight:600;font-family:'PretendardGOV';word-break: break-all;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.media .m_box.news .news_control{display:block; position:relative; margin-top:40px; text-align:right;}
.media .m_box.news .news_control .news_button{display:inline-block; position:relative; width:60px; height:60px; border-radius:4px; background-color:#E5E5E5; vertical-align:top;}
.media .m_box.news .news_control .news_button:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:15px; height:22px; margin:auto; background-repeat:no-repeat; background-size:cover;}
.media .m_box.news .news_control .news_button.prev:before{background-image:url('../images/sub/news_arrow01.png');}
.media .m_box.news .news_control .news_button.next:before{background-image:url('../images/sub/news_arrow02.png');}
.media .m_box.news .news_control .news_button+.news_button{margin-left:24px;}
.media .m_box.news .news_control .news_button.next{background-color:#8F8F8F;}

.media .m_box.release{padding-top:226px; padding-bottom:112px;}
.media .m_box.release .media_subject{color:#fff;}
.media .m_box.release .release_wrap{position:relative; margin-top:116px; font-size:0; line-height:0;}
.media .m_box.release .release_list{padding:0 8px;}
.media .m_box.release .release_item{display:inline-block; width:calc((100% - 40px)/2); margin-bottom:142px; vertical-align:top;}
.media .m_box.release .release_item:nth-child(2n){margin-left:40px;}
.media .m_box.release .release_item .release_anchor{}
.media .m_box.release .release_item .release_video{display:block; position:relative; height:523px; border-radius:8px; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url('../images/sub/release_img.png');}
.media .m_box.release .release_item .release_video:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:69px; height:69px; margin:auto; background:url('../images/sub/release_icon.png') no-repeat center / cover;}
.media .m_box.release .release_item .release_content{display:block; position:relative; margin-top:29px;}
.media .m_box.release .release_item .release_content .release_title{display:block; color:#fff; font-size:40px; line-height:60px; letter-spacing:-0.035em; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.media .m_box.release .release_item .release_content .release_text{margin-top:17px; color:#fff; font-size:30px; line-height:45px; letter-spacing:-0.035em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.media .m_box.ad{padding-top:204px; padding-bottom:185px;}
.media .m_box.ad .ad_wrap{position:relative; margin-top:111px; font-size:0; line-height:0;}
.media .m_box.ad .ad_list{padding:0 13px;}
.media .m_box.ad .ad_item{display:inline-block; width:calc((100% - 102px)/2); position:relative; vertical-align:top;}
.media .m_box.ad .ad_item:nth-child(n + 3){display:none;}
.media .m_box.ad .ad_item+.ad_item{margin-left:102px;}
.media .m_box.ad .ad_item .ad_img{display:block; width:100%; height:308px; border-radius:4px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.media .m_box.ad .ad_item .ad_content{position:relative; margin-top:46px;}
.media .m_box.ad .ad_item .ad_content .ad_title{color:#353535; font-size:42px; line-height:67px; letter-spacing:-0.035em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.media .m_box.ad .ad_item .ad_content ul{position:relative; margin-top:30px;}
.media .m_box.ad .ad_item .ad_content ul li{}
.media .m_box.ad .ad_item .ad_content ul li+li{margin-top:16px;}
.media .m_box.ad .ad_item .ad_content ul li span{display:inline-block; position:relative; color:#353535; font-size:32px; line-height:42px; letter-spacing:-0.035em; vertical-align:top; font-family:'PretendardGOV';}
.media .m_box.ad .ad_item .ad_content ul li .dt{width:75px;font-weight: 700;}
.media .m_box.ad .ad_item .ad_content ul li .dd{width:calc(100% - 75px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media all and (max-width:1640px){
    .media .m_box.news .news_list{margin-left:0;}
    .media .m_box.news .news_item{width:565px;}

    .media .m_box.release .release_list{padding:0;}

    .media .m_box.ad .ad_list{padding:0;}
}
@media all and (max-width:1300px){
    .media .m_box{padding-left:0; padding-right:0;}
    .media .m_box .media_title{margin-bottom:100px; font-size:28px;}
    .media .m_box .media_subject{font-size:40px; line-height:54px;}
    .media .m_box .media_subject:before{top:9px; height:38px;}

    .media .m_box.service .service_title{font-size:50px;}

    .media .m_box.news{padding-top:100px;}
    .media .m_box.news .news_item{width:466px;}
    .media .m_box.news .news_item .news_anchor .news_img{height:306px;}

    .media .m_box.release{padding-top:156px; padding-bottom:90px;}
    .media .m_box.release .release_wrap{margin-top:90px;}
    .media .m_box.release .release_item .release_video{height:443px;}

    .media .m_box.ad{padding-top:160px;}
    .media .m_box.ad .ad_wrap{margin-top:90px;}
    .media .m_box.ad .ad_item{width:calc((100% - 50px)/2);}
    .media .m_box.ad .ad_item+.ad_item{margin-left:50px;}
}
@media all and (max-width:1000px){
    .media .m_box .media_title{margin-bottom:60px; font-size:22px; line-height: 25px;}
    .media .m_box .media_subject{font-size:30px; line-height:44px;}
    .media .m_box .media_subject:before{width:6px; height:29px;}

    .media .m_box.service{padding-top:120px; padding-bottom:130px;}
    .media .m_box.service .service_title{margin-bottom:23px; font-size:30px; line-height:35px;}
    .media .m_box.service p{font-size:20px; line-height:30px;}
    .media .m_box.service span{margin-top:69px; font-size:25px; line-height:30px;}

    .media .m_box.news{padding-bottom:120px;}
    .media .m_box.news .news_wrap{margin-top:50px;}
    .media .m_box.news .news_list{margin-left:30px;}
    .media .m_box.news .news_list .slick-list{width:100vw;}
    .media .m_box.news .news_item{width:320px; margin-right:20px;}
    .media .m_box.news .news_item .news_anchor .news_img{height:240px;}
    .media .m_box.news .news_item .news_content{padding:30px 20px 50px;}
    .media .m_box.news .news_item .news_content .news_date{font-size:18px; line-height:26px;}
    .media .m_box.news .news_item .news_content .news_text{height:68px; margin-top:15px; font-size:20px; line-height:34px;}
    .media .m_box.news .news_control{margin-top:30px;}
    .media .m_box.news .news_control .news_button{width:45px; height:45px;}
    .media .m_box.news .news_control .news_button+.news_button{margin-left:18px;}
    .media .m_box.news .news_control .news_button:before{width:12px; height:18px;}

    .media .m_box.release{padding-top:100px; padding-bottom:60px;}
    .media .m_box.release .release_wrap{margin-top:60px;}
    .media .m_box.release .release_item{width:calc((100% - 20px)/2); margin-bottom:80px;}
    .media .m_box.release .release_item:nth-child(2n){margin-left:20px;}
    .media .m_box.release .release_item .release_video{height:360px;}
    .media .m_box.release .release_item .release_content{margin-top:20px;}
    .media .m_box.release .release_item .release_content .release_title{font-size:26px; line-height:46px;}
    .media .m_box.release .release_item .release_content .release_text{margin-top:10px; font-size:20px; line-height:35px;}

    .media .m_box.ad{padding-top:100px; padding-bottom:120px;}
    .media .m_box.ad .ad_wrap{margin-top:50px; margin-right:-20px;}
    .media .m_box.ad .ad_list{overflow-x:scroll; overflow-y:hidden; width:100%; padding-bottom:20px; white-space:nowrap; -ms-overflow-style:none;}
    .media .m_box.ad .ad_item{width:420px;}
    .media .m_box.ad .ad_item+.ad_item{margin-left:25px;}
    .media .m_box.ad .ad_item:nth-child(n + 3){display:inline-block;}
    .media .m_box.ad .ad_item .ad_img{height:200px;}
    .media .m_box.ad .ad_item .ad_content{margin-top:20px;}
    .media .m_box.ad .ad_item .ad_content .ad_title{font-size:24px; line-height:49px;}
    .media .m_box.ad .ad_item .ad_content ul{margin-top:15px;}
    .media .m_box.ad .ad_item .ad_content ul li+li{margin-top:8px;}
    .media .m_box.ad .ad_item .ad_content ul li span{font-size:18px; line-height:28px;}
    .media .m_box.ad .ad_item .ad_content ul li .dt{width:50px;}
    .media .m_box.ad .ad_item .ad_content ul li .dd{width:calc(100% - 50px);}
}
@media all and (max-width:640px){
    .media .m_box .media_title{margin-left:13px;margin-bottom:23px;font-size: 12px;line-height:15px;letter-spacing:-0.3px;}
    .media .m_box .media_subject{padding-left:4px; font-size:13px; line-height:30px;}
    .media .m_box .media_subject:before{width:1px; height:14px;}

    .media .m_box.service{padding-top:45px; padding-bottom:55px;}
    .media .m_box.service .service_title{margin-bottom:9px; font-size:18px; line-height:23px;}
    .media .m_box.service p{font-size:11px; line-height:15px;}
    .media .m_box.service span{margin-top:27px; font-size:13px; line-height:17px;}

    .media .m_box.news{padding-top:48px; padding-bottom:58px;}
    .media .m_box.news .news_wrap{margin-top:20px;}
    .media .m_box.news .news_item{width:187px; margin-right:12px;}
    .media .m_box.news .news_item .news_anchor .news_img{height:140px;}
    .media .m_box.news .news_item .news_content{padding:13px 13px 25px;}
    .media .m_box.news .news_item .news_content .news_date{font-size:8px; line-height:12px;}
    .media .m_box.news .news_item .news_content .news_text{height:30px; margin-top:13px; font-size:10px; line-height:15px;}
    .media .m_box.news .news_control{margin-right:5px;}
    .media .m_box.news .news_control .news_button{width:22px; height:22px;}
    .media .m_box.news .news_control .news_button+.news_button{margin-left:5px;}
    .media .m_box.news .news_control .news_button:before{width:10px; height:15px;}

    .media .m_box.release{padding-top:79px; padding-bottom:1px;}
    .media .m_box.release .release_wrap{margin-top:30px;}
    .media .m_box.release .release_list{margin-left:28.5px; margin-right:28.5px;}
    .media .m_box.release .release_item{display:block; width:100%; margin-bottom:42px;}
    .media .m_box.release .release_item:nth-child(2n){margin-left:0;}
    .media .m_box.release .release_item:nth-child(n +3){display:none;}
    .media .m_box.release .release_item .release_video{height:220px; border-radius:0;}
    .media .m_box.release .release_item .release_video:before{width:38px; height:38px;}
    .media .m_box.release .release_item .release_content{margin-top:11px;}
    .media .m_box.release .release_item .release_content .release_title{font-size:16px; line-height:24px;}
    .media .m_box.release .release_item .release_content .release_text{margin-top:3px; font-size:9px; line-height:14px;}

    .media .m_box.ad{padding-top:60px; padding-bottom:22px;}
    .media .m_box.ad .ad_wrap{margin-top:28px;}
    .media .m_box.ad .ad_list{margin-left:18px;}
    .media .m_box.ad .ad_item{width:220px;}
    .media .m_box.ad .ad_item+.ad_item{margin-left:17px;}
    .media .m_box.ad .ad_item .ad_img{height:126.6px; border-radius:0;}
    .media .m_box.ad .ad_item .ad_content{margin-top:15px;}
    .media .m_box.ad .ad_item .ad_content .ad_title{font-size:16px; line-height:26px;}
    .media .m_box.ad .ad_item .ad_content ul{margin-top:6px;}
    .media .m_box.ad .ad_item .ad_content ul li+li{margin-top:4px;}
    .media .m_box.ad .ad_item .ad_content ul li span{font-size:10px; line-height:16px;}
    .media .m_box.ad .ad_item .ad_content ul li .dt{width:29px;}
    .media .m_box.ad .ad_item .ad_content ul li .dd{width:calc(100% - 29px);}
}


/* 투자정보 */
.invest{position:relative;}
.invest .i_box{position:relative; padding-left:60px; padding-right:60px;}
.invest .i_box:before{display:block; position:absolute; top:0; left:50%; z-index:-1; width:100vw; height:100%; transform:translateX(-50%);}
.invest .i_box.gray:before{background-color:#f5f5f5;}
.invest .i_box.black:before{background-color:#000;}
.invest .i_box .invest_title{font-size:30px; line-height:45px; letter-spacing:-0.75px; font-weight:600; color:#E60013;}
.invest .i_box .invest_title span{font-weight:400;}
.invest .i_box.gray .invest_title{color:#131313;}
.invest .i_box.black .invest_title{color: #fff !important;}

.invest .i_box.relation{padding-top:144px; padding-bottom:140px; font-size:0; line-height:0;}
.invest .i_box.relation .invest_wrap{position:relative; margin-top:109px;}
.invest .i_box.relation .invest_wrap .invest_tab{position:relative;}
.invest .i_box.relation .invest_wrap .invest_tab .tab_list{position:relative; border-bottom:1px solid #C8C8C8;}
.invest .i_box.relation .invest_wrap .invest_tab .tab_item{display:inline-block; position:relative; vertical-align:top;}
.invest .i_box.relation .invest_wrap .invest_tab .tab_item .tab_button{padding:30px 20px; font-size:30px; line-height:40px; letter-spacing:-0.07em; font-weight:500;}
.invest .i_box.relation .invest_wrap .invest_tab .tab_item.active:before{display:block; position:absolute; z-index:1; left:0; bottom:-1px; width:100%; height:3px; background-color:#131313;}
.invest .i_box.relation .invest_wrap .invest_content{display:block; position:relative;}
.invest .i_box.relation .invest_wrap .invest_panel{display:none;}
.invest .i_box.relation .invest_wrap .invest_panel.active{display:block;}
.invest .i_box.relation .invest_wrap .invest_panel .invest_list{}
.invest .i_box.relation .invest_wrap .invest_panel .invest_item{display:block; position:relative;}
.invest .i_box.relation .invest_wrap .invest_panel .invest_item:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#C8C8C8;}
.invest .i_box.relation .invest_wrap .invest_panel .invest_item .invest_anchor{display:block; padding:43px 70px 42px 0; font-size:26px; line-height:34px; letter-spacing:-0.075em;}
.invest .i_box.relation .invest_wrap .invest_panel .invest_item .invest_anchor:before{display:block; position:absolute; top:0; right:12px; bottom:0; width:46px; height:46px; margin:auto 0; background:url('../images/sub/relation_arrow.png') no-repeat 0 0 / cover;}
.invest .i_box.relation .invest_wrap .invest_panel .invest_item .invest_anchor p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.invest .i_box.contact{padding-top:159px; padding-bottom:183px; font-size:0; line-height:0;}
.invest .i_box.contact .contact_wrap{position:relative; margin-top:111px;}
.invest .i_box.contact .contact_info{display:inline-block; position:relative; width:563px; vertical-align:top;}
.invest .i_box.contact .contact_info .info_list{display:block;}
.invest .i_box.contact .contact_info .info_item{position:relative; padding:22px 0 22px; border-bottom:1px solid #000;}
.invest .i_box.contact .contact_info .info_item span{display:inline-block; position:relative; color:#000; vertical-align:top;}
.invest .i_box.contact .contact_info .info_item .dt{width:85px; font-size:30px; line-height:36px; letter-spacing:-0.035em; font-weight:500;}
.invest .i_box.contact .contact_info .info_item .dd{width:calc(100% - 85px); padding-left:74px; font-size:27px; line-height:36px; letter-spacing:-0.035em;}
.invest .i_box.contact .contact_map{display:inline-block; width:calc(100% - 717px); margin-left:154px; vertical-align:top;}
.invest .i_box.contact .contact_map .map_box{}
.invest .i_box.contact .contact_map .map_box .root_daum_roughmap{width:100%; height:332px;}
.invest .i_box.contact .contact_map .map_box .root_daum_roughmap .wrap_map{height:100%; border-radius:4px;}
.invest .i_box.contact .contact_map .map_box .root_daum_roughmap .border1,
.invest .i_box.contact .contact_map .map_box .root_daum_roughmap_landing .border3,
.invest .i_box.contact .contact_map .map_box .root_daum_roughmap_landing .border4{border:none; background-color:transparent;}

.invest .i_box.inquiry{padding-top:166px; padding-bottom:160px; font-size:0; line-height:0;}
.invest .i_box.inquiry .inquiry_wrap{position:relative; margin-top:96px;}
.invest .i_box.inquiry .inquiry_form{}
.invest .i_box.inquiry .inquiry_form .inquiry_list{display:inline-block; position:relative; width:calc((100% - 144px)/2); vertical-align:top;}
.invest .i_box.inquiry .inquiry_form .inquiry_list+.inquiry_list{margin-left:144px;}
.invest .i_box.inquiry .inquiry_form .inquiry_item{position:relative; color:#fff;}
.invest .i_box.inquiry .inquiry_form .inquiry_item+.inquiry_item{margin-top:28px;}
.invest .i_box.inquiry .inquiry_form .inquiry_item .inquiry_text{display:block; margin-bottom:20px; font-size:28px; line-height:33px; letter-spacing:-0.025em; font-weight:700; font-family:'PretendardGOV';}
.invest .i_box.inquiry .inquiry_form .inquiry_item .inquiry_input{display:block; width:100%; height:72px; padding:0 18px; box-sizing:border-box; border-radius:8px; border:1px solid #636363; background-color:transparent; color:#929292; font-size:22px; line-height:26px; letter-spacing:-0.025em;}
.invest .i_box.inquiry .inquiry_form .inquiry_item textarea.inquiry_input{height:223px; padding-top:18px;}
.invest .i_box.inquiry .inquiry_form .inquiry_button{position:relative; margin-top:76px; text-align:right;}
.invest .i_box.inquiry .inquiry_form .inquiry_button button{width:180px; height:60px; border-radius:5px; background-color:#fff; color:#000; font-size:24px; line-height:60px; font-weight:700; font-family:'PretendardGOV';}
@media all and (max-width:1300px){
    .invest .i_box{padding-left:0; padding-right:0;}
    .invest .i_box.relation{padding-top:100px; padding-bottom:120px;}
    .invest .i_box.relation .invest_wrap{margin-top:60px;}

    .invest .i_box.contact{padding-top:120px; padding-bottom:145px;}
    .invest .i_box.contact .contact_wrap{margin-top:70px;}
    .invest .i_box.contact .contact_info{width:530px;}
    .invest .i_box.contact .contact_map{width:calc(100% - 580px); margin-left:50px;}

    .invest .i_box.inquiry{padding-top:130px; padding-bottom:140px;}
    .invest .i_box.inquiry .inquiry_wrap{margin-top:80px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_list{width:calc((100% - 80px)/2);}
    .invest .i_box.inquiry .inquiry_form .inquiry_list+.inquiry_list{margin-left:80px;}
}
@media all and (max-width:1000px){
    .invest .i_box .invest_title{font-size:22px; line-height:25px;}

    .invest .i_box.relation{padding-bottom:90px;}
    .invest .i_box.relation .invest_wrap .invest_tab .tab_item .tab_button{padding:22px 15px; font-size:24px; line-height:34px;}
    .invest .i_box.relation .invest_wrap .invest_panel .invest_item .invest_anchor{padding:33px 60px 32px 0; font-size:20px; line-height:28px;}
    .invest .i_box.relation .invest_wrap .invest_panel .invest_item .invest_anchor:before{width:35px; height:35px;}

    .invest .i_box.contact{padding-top:100px; padding-bottom:120px;}
    .invest .i_box.contact .contact_info{width:100%;}
    .invest .i_box.contact .contact_wrap{padding-top:370px;}
    .invest .i_box.contact .contact_info .info_item .dt{width:80px; font-size:22px; line-height:26px;}
    .invest .i_box.contact .contact_info .info_item .dd{width:calc(100% - 80px); padding-left:25px; font-size:20px; line-height:26px;}
    .invest .i_box.contact .contact_map{position:absolute; top:0; left:0; width:100%; margin-left:0;}

    .invest .i_box.inquiry{padding-top:100px; padding-bottom:120px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_list{width:100%;}
    .invest .i_box.inquiry .inquiry_form .inquiry_list+.inquiry_list{margin-top:28px; margin-left:0;}
    .invest .i_box.inquiry .inquiry_form .inquiry_item .inquiry_text{font-size:22px; line-height:27px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_item .inquiry_input{height:65px; font-size:18px; line-height:22px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_button{margin-top:45px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_button button{width:160px; height:50px; font-size:20px; line-height:50px;}
}
@media all and (max-width:640px){
    .invest .i_box{/* max-width:322px; */margin-left:auto;margin-right:auto;}
    .invest .i_box .invest_title{font-size: 12px;line-height:15px;letter-spacing:-0.3px;color: #E60013 !important;}

    .invest .i_box.relation{padding-top:66px; padding-bottom:58px;}
    .invest .i_box.relation .invest_wrap{margin-top:24px;}
    .invest .i_box.relation .invest_wrap .invest_tab .tab_item .tab_button{padding:14px 18px 8px; font-size:14px; line-height:24px;}
    .invest .i_box.relation .invest_wrap .invest_tab .tab_item.active:before{height:2px;}
    .invest .i_box.relation .invest_wrap .invest_panel .invest_list{padding-top:3px;}
    .invest .i_box.relation .invest_wrap .invest_panel .invest_item .invest_anchor{padding:10px 40px 10px 14px; font-size:12px; line-height:20px;}
    .invest .i_box.relation .invest_wrap .invest_panel .invest_item .invest_anchor:before{right:15px; width:17px; height:17px;}

    .invest .i_box.contact{padding-top:59px; padding-bottom:47px;}
    .invest .i_box.contact .contact_wrap{margin-top:44px; margin-left:9px; margin-right:9px; padding-top:185px;}
    .invest .i_box.contact .contact_info .info_item{padding:8px 0;}
    .invest .i_box.contact .contact_info .info_item .dt{width:55px; font-size:14px; line-height:22px; text-align:center;}
    .invest .i_box.contact .contact_info .info_item .dd{width:calc(100% - 55px); font-size:11px; line-height:22px;}
    .invest .i_box.contact .contact_map .map_box .root_daum_roughmap{height:167px;}

    .invest .i_box.inquiry{padding-top:73px; padding-bottom:52px;}
    .invest .i_box.inquiry .inquiry_wrap{margin-top:35px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_list+.inquiry_list{margin-top:20px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_item+.inquiry_item{margin-top:16px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_item .inquiry_text{margin-bottom:9px; font-size:14px; line-height:20px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_item .inquiry_input{height:33px; padding:0 7px; border-radius:3px; font-size:11px; line-height:15px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_item .inquiry_input::placeholder{font-size:11px; line-height:15px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_item textarea.inquiry_input{height:129px; padding-top:12px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_button{margin-top:26px;}
    .invest .i_box.inquiry .inquiry_form .inquiry_button button{width:69px; height:26px; font-size:12px; line-height:26px;}
}
@media all and (max-width:360px){
    .invest .i_box{width:100%;}
}