/* common */
/* .main_cont{width: 100%; height: 100vh;} */
.hv100{height: 100vh;}
input[type="text"], select{width: 100%; font-size: .8rem; padding: .5rem;}
.mxw1000{max-width: 1000px;}
.mxw1200{max-width: 1200px;}

/* 스크롤기능O, 스크롤노출X */
.scrollN{-ms-overflow-style: none;}
.scrollN::-webkit-scrollbar{display:none;}

/* fullPage */
.section { width: 100%; height: 100vh; }
.fp-warning, .fp-watermark{display: none;}
.fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow>.fp-overflow{overflow-y: clip;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff;}

/* hover효과 */
.SMN_effect-83{position: relative;}
.SMN_effect-83 a {overflow: hidden; z-index: 1;}
.SMN_effect-83 a:after {content: ""; position: absolute; bottom: auto; border-radius: 0 0 75% 75%/0 0 50% 50%; background: #3498db; width: 100%; left: 0; height: 0; transition: 0.5s;
    z-index: -1; top: 0;}
.SMN_effect-83 a:hover:after {transition: height 0.5s ease-in-out; height: 150%;}

/* scroll animation */
#section10{position: absolute; bottom: 100px; left: 50%;}
#section10 a {padding-top: 60px;}
#section10 a span {position: absolute; top: 0; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box;}
#section10 a span::before {position: absolute; top: 10px; left: 50%;  content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%;
    -webkit-animation: sdb10 2s infinite; animation: sdb10 2s infinite; box-sizing: border-box;}
@-webkit-keyframes sdb10 {
0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes sdb10 {
0% {
    transform: translate(0, 0);
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    transform: translate(0, 20px);
    opacity: 0;
}
100% {
    opacity: 0;
}
}



/* ---------- header ---------- */
header{position: fixed; top: 0; left: 0; width: 100%; padding: 0 4rem; box-sizing: border-box; z-index: 12; transition: all 0.5s;}
header.black_top{background: #060D22;}
header.move{ transform: translateY(-100%);}
header.on{padding: 1rem 4rem;}
.header_cont{position: relative; display: flex; align-items: center; justify-content: space-between;}
.header_cont > h1{position: absolute; pointer-events: none; z-index: 100;}
.header_cont > h1 > a{display: flex; align-items: center; justify-content: center; pointer-events: auto;}
header .header_menu{width: 100%;}
header .header_menu .hm_depth01{position: relative; display: flex; align-items: center; justify-content: center;}
header .header_menu .hm_depth01 > li{position: relative; width: 100%; max-width: 180px; text-align: center;}
header .header_menu .hm_depth01 > li > a{display: block; color: #fff; font-size: 1rem; line-height: 140px;}
header .header_menu .hm_depth01 > li > a::before{content: ''; position: absolute; top: 40px; left: 50%; width: 6px; height: 6px; background: #4073FF; border-radius: 100%; margin-left: -3px; opacity: 0; transition: all 0.5s;}
header .header_menu .hm_depth01 > li:hover > a::before {opacity: 1;}
header .header_nav{position: absolute; right: 0;}
header .header_nav > ul{display: flex; align-items: center; justify-content: center;}
header .header_nav > ul > li > a{display: block; color: #fff; font-size: .8rem; border: 1px solid #fff; border-radius: 50px; padding: .5rem 1rem; margin-right: 1rem;}
header .header_nav > ul > li > a:hover{background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); color: #fff; border: 1px solid transparent;}
header .header_nav > ul > li > button{display: flex; align-items: center; justify-content: center;}

header .header_menu .hm_depth02{position: absolute; top: 70%; left: 50%; width: 180px; height: auto !important; background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); border-radius: 10px; padding: .8rem 0;
    box-sizing: border-box; transform: translate(-50%); text-align: center; z-index: 100; overflow: hidden; display: none;}
header .header_menu .hm_depth02 > li > a{position: relative; display: inline-block; color: #fff; font-size: .8rem; padding: .5rem .7rem;}
header .header_menu .hm_depth02 > li > a::before{content: ''; position: absolute; bottom: 8px; left: 0; width: 0; height: 2px; background: #fff; transition: width 0.3s ease-out;}
header .header_menu .hm_depth02 > li > a:hover::before{width: 100%;}

#mainHeader.scrolled {background: #060d22; transition: background 0.3s ease, box-shadow 0.3s ease;}


/* depth03 메뉴 */
.hm_depth03{display: flex; align-items: center; justify-content: center; flex-flow: column; background: rgba(0, 0, 0, .25); padding: .5rem 0; display: none;}
.hm_depth03 > li{width: 100%;}
.hm_depth03 > li > a{position: relative; display: inline-block; color: #fff; font-size: .8rem; padding: .5rem .7rem;}
.hm_depth03 > li > a::before{content: ''; position: absolute; bottom: 8px; left: 0; width: 0; height: 2px; background: #fff; transition: width 0.3s ease-out;}
.hm_depth03 > li > a:hover::before{width: 100%;}



/* select 커스텀 - lang */
.cont-select{position: relative; padding: .5rem; margin-right: .5rem;}
.btn-select{width: 100%; background: url(../../images/homepage/lang_arr.png) center right no-repeat; color: #fff; font-size: 1rem; padding-right: 1.5rem; text-align: left;
    cursor: pointer; line-height: 14px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;}
.list-member {display: none; position: absolute; width: 100%; top: 49px; left: 0; border-radius: 10px; box-sizing: border-box; box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);}
.btn-select.on {background: url(../../images/homepage/lang_arr_up.png) center right no-repeat; padding-right: 1.5rem;}
.btn-select.on+.list-member {display: block;}
.list-member li {height: 40px; box-sizing: border-box;}
.list-member li button {width: 100%; height: 100%; color: #333; font-size: .8rem; border: none; background-color: #fff; border-radius: 8px; padding: 0 .5rem; cursor: pointer; text-align: left;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list-member li button:hover,
.list-member li button:focus{background-color: #F8E4FF;}


/* sub_header */
.blue_top{background: rgba(38, 121, 233, 0.8);}
#subHeader.black_nobg .header_menu .hm_depth01 > li > a{color: #111;}
header.subhd .header_nav > ul > li > a{display: block; background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); color: #fff; font-size: .8rem;  border: 1px solid transparent; border-radius: 50px; padding: .5rem 1rem; margin-right: 1rem;}
header.subhd.blue_top .header_nav > ul > li > a{background: none; border: 1px solid #fff;}


/* nav */
.nav_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); padding: 2rem; box-sizing: border-box; backdrop-filter: blur(7px); z-index: 1000; display:none;}
.nav_wrap .nav_btn{display: flex; align-items: center; justify-content: flex-end;}
.nav_wrap .nav_menu_wrap{display: flex; align-items: center; justify-content: center; height: 100%;}
.nav_wrap .nav_menu_wrap .nav_menu_box{display: flex; align-items: flex-start; justify-content: center;}
.nav_wrap .nav_menu_wrap .nav_menu{padding-right: 6rem;}
.nav_wrap .nav_menu_wrap .nav_menu:last-child{padding-right: 0;}
.nav_wrap .nav_menu_wrap .nav_menu > h2{color: #fff; font-size: 1.5rem; padding-bottom: 2.5rem;}
.nav_wrap .nav_menu_wrap .nav_menu > ul > li{margin-bottom: 1rem;}
.nav_wrap .nav_menu_wrap .nav_menu > ul > li.active > a,
.nav_wrap .nav_menu_wrap .nav_menu > ul > li:hover > a{color: #FFB968; text-decoration: underline;}
.nav_wrap .nav_menu_wrap .nav_menu > ul > li > a{display: block; color: #fff; font-size: .9rem; font-weight: 400;}

nav_menu_box.in_mob{display:none;}

.popFullClose{position: relative; cursor: pointer;}
.circle-text {position: absolute; top: 50%; left: 50%; width: 175px; height: 175px; background: url(../../images/homepage/nav_text_circle.png) center center / contain no-repeat;
    transform: translate(-50%, -50%); animation: rotate 15s linear infinite;}
/* 회전 애니메이션 */
@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}




/* ---------- footer ---------- */
footer{background: #060D22; color: #fff; border-top: 1px solid #fff; padding: 3rem 4rem; box-sizing: border-box;}
.footer_wrap{display: flex; align-items: center; justify-content: space-between;}
.ft_left{display: flex; flex-flow: column; align-items: flex-start;}
.footer_info{display: flex; align-items: center; justify-content: flex-start;}
.finfo_box{display: flex; align-items: center; justify-content: flex-start;}
.finfo_box:first-child{border-right: 1px solid #fff; padding-right: 1rem;}
.finfo_box:last-child{padding-left: 1rem;}
.finfo_box > p{font-size: 1rem;}
.finfo_box .opc80{opacity: 80%; padding-left: .5rem;}
.ft_right{display: flex; flex-flow: column; align-items: flex-end;}
.ft_right > a{color: #fff;}
.ft_right > p{margin-top: 1.5rem;}

/* sub_footer */
footer.subft{border-top: none; padding: 1rem 4rem;}
footer.subft .ft_left{flex-flow: nowrap; align-items: center;}
footer.subft .ft_left > h1 > a{display: flex; align-items: center; justify-content: center;}
footer.subft .ft_left > h1 > a > img{max-width: 200px;}
footer.subft .footer_info{padding-left: 1rem;}
footer.subft .ft_right > p{font-size: .8rem; margin-top: .5rem;}
footer.subft .ft_right > a{font-size: .8rem; text-decoration: underline;}
footer.subft .finfo_box > p{font-size: .8rem;}





/* ---------- Main - slide ---------- */
.main_slider{position: relative; height: 100vh;}
.main_visual{position: relative;}
.black_30{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3);}
.slide_wrap{height: 100vh;}
.slide_box{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; color: #fff; text-align: center;}
.slide01{background: url(../../images/homepage/slider01.jpg) no-repeat center / cover; }
.slide02{background: url(../../images/homepage/slider02.jpg) no-repeat center / cover; }
.slide03{background: url(../../images/homepage/slider03.jpg) no-repeat center / cover; }
.slide04{background: url(../../images/homepage/slider04.jpg) no-repeat center / cover; }

.slide_box {background-size: 100%; background-repeat: no-repeat; background-position: center; background-attachment: scroll; background-size: cover; transition: background-size 0.8s ease-in-out;}
.slick-active.slide_box {animation: zoomOnce 4s ease forwards;}
/*
@keyframes zoomOnce {
    0% {
      background-size: 100%;
    }
    100% {
      background-size: 110%;
    }
  }
*/
.slide_box .slide_txt{display: flex; align-items: flex-start; justify-content: center; flex-flow: column; width: 100%; height: 100%; padding: 0 4rem; box-sizing: border-box; z-index: 1;}
.slide_box .slide_txt > p{color: #fff;}
.slide_box .slide_txt .sub_txt{font-size: 1.5rem;}
.slide_box .slide_txt .main_txt{font-size: 3.5rem; font-weight: 700; padding-top: 1rem;}
.slide_box .slide_txt .explain_txt{font-size: 1rem; padding-top: 2rem; text-align: left;}

.slick-dots{top: 750px; left: 80px; bottom: 0; text-align: left;}
.slick-dots li{margin: 0 2rem 0 0;}
.slick-dots li button{color: #fff;}
.slick-dots li button:before{color: #fff; font-size: 10px; line-height: 22px; opacity: 1;}
.slick-dots li.slick-active button:before{background: rgba(64, 115, 255, .4); color: #4073FF; border-radius: 100%;}




/* ---------- Main02 ---------- */
/* .main02{width: 100%; height: 100vh;} */
.main02 .main02_wrap{height: 100vh; background: url(../../images/homepage/main02.jpg) no-repeat center/cover;}
.main02_wrap .title_m{display: flex; align-items: center; justify-content: space-between;}
.main02_wrap .title_m .more_btn{display: flex; align-items: center; justify-content: center; width: fit-content; color: #fff; border: 1px solid #fff; border-radius: 1000px; padding: .5rem 1.2rem ; margin-top: 4rem;}
.main02_wrap .title_m .more_btn:hover{}
.main02_wrap .title_m .more_btn > img{padding-left: .5rem;}

.title_m{height: 100%; color: #fff;}
.title_m .title_s{font-size: 1.2rem; padding-bottom: 1rem; letter-spacing: 4px;}
.title_m .title{font-size: 2.5rem; font-weight: 600;}

.business_wrap{width: 100%; max-width: 1000px; height: 100%; max-height: 1080px; padding-top: 9rem; overflow-y: auto; box-sizing: border-box;}
.business_cont{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; padding-bottom: 2rem; box-sizing: border-box;}
.business_cont .bs_box{padding-top: 3rem;}
.business_cont .bs_box:first-child{padding-top: 0;}
.business_cont .bs_box:nth-child(2n){padding-left: 4rem;}
.business_cont .bs_box:nth-child(even){transform: translateY(9rem);}
.business_cont .bs_box:nth-child(3),
.business_cont .bs_box:nth-child(5){margin-top: -2rem;}
.business_cont .bs_box > p{color: #fff;}
.business_cont .bs_box > p:first-of-type{font-size: 1rem; padding-top: 1.5rem;}
.business_cont .bs_box > p:last-of-type{font-size: 1.2rem; font-weight: 600; padding-top: .5rem;}





/* ---------- Main03 ---------- */
/* .main03{width: 100%; height: 100vh;} */
.main03 .main03_wrap{height: 100vh; background: url(../../images/homepage/main03.jpg) no-repeat center/cover; box-sizing: border-box;}
.main03_title{display: flex; align-items: center; justify-content: space-between; padding: 13.5rem 4rem 6rem;}
.one_line_txt{display: flex; align-items: flex-end; justify-content: flex-start;}
.one_line_txt > p:last-child{padding-left: 2rem; padding-bottom: .5rem;}
.m03t_right > a{display: block; max-height: 80px; background: rgba(255, 255, 255, .3); border-radius: 8px;}

.main_cont{display: flex; flex-flow: column;}
.flow_logo{position: relative; width: 100%; background: rgba(255, 255, 255, .15); padding: 4rem 0; overflow: hidden;}
.flow_logo:nth-of-type(2){margin-top: .2rem;}
.flow_logo:nth-of-type(2) > ul {animation: flow-right 10s linear infinite;}
.flow_logo > ul{display: flex; align-items: center; justify-content: flex-start; animation: flow-left 10s linear infinite;}
.flow_logo > ul > li{padding-left: 3rem; white-space: nowrap;}

/* animation 키프레임 */
@keyframes flow-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

    @keyframes flow-right {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0%);
    }
}





/* ---------- Main04 ---------- */
.main04_wrap{position: relative; height: 100vh; background: #060D22; box-sizing: border-box;}
.main04_title{padding: 10rem 4rem 0;}

.main04_wrap .swiper{width: 100%; padding: 4rem 4rem 2rem; box-sizing: border-box; overflow: hidden;}
.main04_wrap .swiper-slide{width: 100% !important; max-width: 480px; height: 100%; max-height: 400px; background: #060D22; border-radius: 20px; padding: 2rem 3rem; margin-left: 2.5rem;
    box-sizing: border-box; box-shadow: rgba(38, 121, 233, 0.8) 0px 0px 30px 0px; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.main04_wrap .swiper-slide:first-of-type{margin-left: 0;}
.main04_wrap .swiper-slide:hover{transform: scale(1.03); box-shadow: rgba(38, 121, 233, 0.9) 0px 0px 30px 0px;}

.news_box{display: block; width: 100%; max-width: 480px; border-radius: 16px; box-sizing: border-box;}
.news_txt{display: flex; flex-flow: column;  color: #fff;}
.news_txt .news_tit{font-size: 1.2rem;}
.news_txt .news_cont{font-size: 1rem; padding-top: 1.5rem;}
.news_txt .news_tit, .news_txt .news_cont{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news_btm{display: flex; align-items: center; justify-content: space-between; color: #fff; margin-top: 6rem;}
.news_btm .news_box{color: #fff;}

.flow_text_bg {position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; z-index: 0; opacity: .8; pointer-events: none;}
.flow_text_wrap {display: flex; animation: flowText 50s linear infinite; white-space: nowrap;}
.flow_text_wrap span {color: #fff; font-size: 8rem; font-weight: 900; margin-right: 4rem; opacity: 0.2; letter-spacing: 1rem;}
@keyframes flowText {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}





/* ---------- Main04 ---------- */
.main05_wrap{display: flex; align-items: flex-start; justify-content: space-between; height: 100vh; background: #060D22; padding-top: 9rem; box-sizing: border-box;}
.main05_wrap .main05_left > .title_m{padding: 6rem 0 4rem 4rem;}
.main05_left{width: 100%; max-width: 640px;}
.map_name{position: relative;}
.map_name .mname_box{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.5rem 2rem 1.5rem 4rem; box-sizing: border-box;
    transition: transform 0.4s ease, box-shadow 0.4s ease;}
.bg_highlight{position: absolute; left: 0; width: 100%; height: 100%; max-height: 137px; background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); border-radius: 0 1000px 1000px 0;
    z-index: 0; transition: top 0.4s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
.map_name .mname_box{position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.5rem 2rem 1.5rem 4rem; box-sizing: border-box;
    z-index: 1; transition: transform 0.4s ease, box-shadow 0.4s ease; cursor: pointer;}
/* .map_name .mname_box.active {transform: translateY(-8px);} */
.map_name .mname_box .mname_left{color: #fff;}
.map_name .mname_box .mname_left .add_name{display: flex; align-items: center; justify-content: flex-start; font-size: 1.1rem;}
.map_name .mname_box .mname_left .add_name > img{padding-right: .5rem;}
.map_name .mname_box .mname_left .address{font-size: .8rem; padding-top: 1rem;}
.map_name .mname_box.active .mname_right{display: block;}
.map_name .mname_box .mname_right{display: none;}

.main05_right{width: calc(100% - 700px); height: 100%; border-radius: 100px 0 0 0; overflow: hidden;}
.main05_right > iframe{width: 100%; height: 100%;}

/* .map_name .mname_box.active{background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); border-radius: 0 1000px 1000px 0; transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);} */






/* ---------- sub ---------- */
body.scrolling{overflow-x: hidden; overflow-y: auto;}
.sub_cont{height: 100vh;}
.sub_cont_perc{height: 100%;}
.sub_contents{max-width: 1600px; padding: 4rem 0; margin: 0 auto;} /*  padding: 4rem; */
.sub_tabs_mob{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); color: #fff; font-size: .9rem; border: none; border-radius: 0;
    padding: .8rem; box-sizing: border-box; display: none;}
.sub_tabs_mob > option{color: #333;}
.in_mob{display: none !important;}

.txt_blue{color: #4073FF;}
.radio_box{display: flex; align-items: center; justify-content: center;}
.radio_box > label{display: flex; align-items: center; justify-content: flex-start; color: #111; font-size: .8rem; margin-left: 2rem;}
.radio_box > label:first-of-type{margin-left: 0;}
input[type='radio'] {flex-shrink:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 13px; height: 13px; border: 1px solid #ccc; border-radius: 50%; margin-right: .5rem;
    outline: none; cursor: pointer;}
input[type='radio']:checked {background-color: #111; border: 3px solid #fff; box-shadow: 0 0 0 1px #111;}


/* sub 공통 텍스트 영역 */
.timeline_title.w_txt{margin-bottom: 2rem;}
.sub_txt_wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.sub_txt_wrap > h4{width: 100%; color: #333; font-size: 1.5rem; font-weight: 600; padding-bottom: 1rem; text-align: center;}
.sub_txt_wrap > h5{position: relative; width: 100%; color: #111; font-size: 1rem; font-weight: 600; padding-left: 1.5rem; text-align: left;}
.sub_txt_wrap > h5::before{content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #333; transform: rotate(45deg); margin-top: -3px;}
.sub_txt_wrap > p{width: 100%; color: #333; font-size: .8rem; text-align: center;}
/* 아이콘박스 */
.icon_w_txt{display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 2rem;}
.icon_box{display: flex; align-items: center; justify-content: center; flex-flow: column; width: 20%; border: 1px solid #ddd; border-radius: 8px; padding: 2rem 0; margin-left: 1rem;
    box-sizing: border-box;}
.icon_box:first-child{margin-left: 0;}
.icon_box > span{background: #3498db; color: #fff; font-size: .8rem; border-radius: 16px; padding: .25rem .8rem; margin-top: .6rem;}
.icon_box > p{height: 60px; color: #333; font-size: .8rem; padding: 1rem 1rem 0 1rem; text-align: center; box-sizing: border-box;}




/* ---------- 회사개요 - 공통 ---------- */
.sub01_company01_01{background: url(../../images/homepage/sub01.jpg) no-repeat center/cover;}
.sub01_company02_01{background: url(../../images/homepage/sub02.jpg) no-repeat center/cover;}
.sub01_company03_01{background: url(../../images/homepage/sub03.jpg) no-repeat center/cover;}
.sub01_company04_01{background: url(../../images/homepage/sub04.jpg) no-repeat center/cover;}
.sub01_company01_02{background: #fff;}
/* .btm_bg::after{content: ''; position: absolute; bottom: 0; width: 100%; height: 8.5rem; background: url("../images/ceo_btm.jpg") no-repeat center, #14213D;} */

.sub_title{display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; color: #fff; padding-bottom: 4rem;}
.sub_title > h2{font-size: 3.5rem;}
.sub_title > p{font-size: 1rem; padding-top: 1rem;}

#section10.in_sub{bottom: 150px;}

.sub_tabs{position: absolute; bottom: 0; left: 0; width: 100%;  background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%);}
.sub_tabs > ul{display: flex; align-items: center; justify-content: center; width: 100%;}
.sub_tabs > ul.tab_cols3 > li{position: relative; width: 33.3%; text-align: center;}
.sub_tabs > ul.tab_cols4 > li{position: relative; width: 25%; text-align: center;}
.sub_tabs > ul.tab_cols5 > li{position: relative; width: 20%; text-align: center;}
.sub_tabs > ul > li::after{content: ''; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; background: rgba(255, 255, 255, .7); transform: rotate(45deg); margin-top: -3px;}
.sub_tabs > ul > li:last-of-type::after{display: none;}
.sub_tabs > ul > li > a{display: block; color: #fff; font-size: 1rem; padding: 1rem 0;}
.sub_tabs > ul > li.on > a{border-bottom: 2px solid #fff;}


/* ---------- 회사개요 - 인사말 ---------- */
.scnt_wrap{display: flex; align-items: flex-start; justify-content: flex-start;}
.scnt_wrap .scnt_left{display: flex; align-items: center; justify-content: center;}
.scnt_wrap .scnt_right{padding-left: 6rem;}
.scnt_wrap .scnt_right > h4{color: #111; font-size: 2rem;}
.scnt_wrap .scnt_right > p{color: #111; font-size: .9rem; padding-top: 1rem;}
.p_box{padding-top: 1.5rem;}
.p_box > p{color: #111; font-size: .9rem;}
.scnt_wrap .scnt_right > p:first-of-type{padding-top: 2rem;}
.scnt_wrap .scnt_right > p:last-of-type{display: flex; align-items: center; padding-top: 2rem;}
.scnt_wrap .scnt_right > p:last-of-type > strong{font-size: 1.2rem; font-weight: 700; padding-left: .5rem;}


/* ---------- 회사개요 - 연혁 ---------- */
:root {--red: #f45b69; --dark-blue: #227c9d;--turquoise: #17c3b2; --white: #fff;}
.timeline_title{position: relative; width: 100%; padding-bottom: .5rem; margin-bottom: 4rem; text-align: center;}
.timeline_title::after{content:''; position: absolute; bottom: 0; left: 50%; width: 50px; height: 3px; background: #171C61; border-radius: 50px; margin-left: -25px;}
.timeline_title > p{color: #666; font-size: .9rem; margin-bottom: 1rem;}
.timeline_title > h4{color: #0D329A; font-size: 1.5rem;}
.timeline_title > h4 > img{max-width: 400px;}

.company_wrap{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.company_wrap > p{color: #333; font-size: .8rem; padding-bottom: .5rem;}
/* 수정코드 */
.company_info{display: flex; align-items: flex-start; justify-content: space-evenly;}
.cinfo_L{width: 40%;}
.cinfo_L > p{color: #111; font-size: 2.5rem; font-weight: 700;}
.cinfo_R{width: 60%;}
.cinfo_R > p.bold{color: #111; font-size: 2rem; font-weight: 700; padding-top: 0;}
.txt_table{margin-top: 2rem;}
.txt_table > ul > li:first-child{border-top: 1px solid #ddd;}
.txt_table > ul > li{display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #ddd; padding: 1.5rem 0;}
.txt_table > ul > li > span{width: 100%; max-width: 200px; color: #111; font-size: .8rem; font-weight: 600;}
.txt_table > ul > li > p{color: #333; font-size: .8rem;}
.txt_table > ul > li > a{background: #000; color: #fff; font-size: .8rem; border-radius: 1000px; padding: .5rem 1rem; box-sizing: border-box;}
/*.company_info{display: flex; align-items: flex-start; justify-content: center; width: 100%; padding-bottom: 4rem;}
.company_info .cinfo_L{}
.company_info .cinfo_L > img{width: auto; max-height: 500px;}
.company_info .cinfo_R{color: #111; font-size: .8rem; padding-left: 4rem;}
.company_info .cinfo_R > p{padding-top: 1rem;}
.company_info .cinfo_R > p > span{display: block; padding-top: .5rem;}
.company_info .cinfo_R .map_add{display: flex; align-items: center; justify-content: flex-start;}
.company_info .cinfo_R .map_add .map_txt{padding-left: 1rem;}
*/





/* TIMELINE */
.timeline_wrap{display: flex; align-items: flex-start; justify-content: center;}
.time_left{width: 100%; max-width: 800px;}
.time_left > img{width: 100%; height: auto;}
.timeline {color: #333;}
.timeline ol {position: relative; list-style: none;}
.timeline ol::before {content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #ccc;}
.timeline ol li .item-inner {padding: 20px 180px; margin-bottom: 8vh;}
.timeline ol li .time-wrapper {position: relative; font-size: 3.5rem; font-weight: bold; line-height: 0.9;}
.timeline ol li .time-wrapper::before,
.timeline ol li .time-wrapper::after {content: ""; position: absolute; background: #ccc;}
.timeline ol li .time-wrapper::before {top: 50%; left: -180px; transform: translateY(-50%); width: 0; height: 3px; transition: width 0.8s linear;}
.timeline ol li .time-wrapper::after {top: calc(50% - 8px); left: -60px; width: 15px; height: 15px; border-radius: 50%; transform: scale(0); transform-origin: left center; transition: all 0.4s linear;}
.timeline ol li time,
.timeline ol li .details > * {opacity: 0; transition: 0.5s;}
.timeline ol li time {display: inline-block; transform: translateY(-30px);}
.timeline ol li .details > * {transform: translateY(30px);}
.timeline ol li .details h3 {font-size: 2rem; line-height: 1; margin: 15px 0;}

/* ANIMATION STYLES */
.timeline ol li.in-view .time-wrapper::before {width: 120px;}
.timeline ol li.in-view .time-wrapper::after {transition-delay: 0.8s; transform: scale(1.5);}
.timeline ol li.in-view time,
.timeline ol li.in-view .details > * {opacity: 1; transform: none;}
.timeline ol li.in-view time {transition-delay: 1.3s;}
.timeline ol li.in-view .details h3 {transition-delay: 1.5s;}
.timeline ol li.in-view .details p {color: #333; font-size: .8rem; padding-bottom: .5rem; transition-delay: 1.7s;}
.timeline ol li.in-view .details p:first-child{padding-top: 1rem;}

/* MQ STYLES */
@media (max-width: 700px) {
  .timeline ol li .item-inner {
    padding: 20px 40px;
  }

  .timeline ol li .time-wrapper::before {
    display: none;
  }

  .timeline ol li .time-wrapper::after {
    left: -45px;
    transform-origin: center;
  }

  .timeline ol li.in-view .time-wrapper::after {
    transition-delay: 0s;
  }

  .timeline ol li.in-view time {
    transition-delay: 0.5s;
  }

  .timeline ol li.in-view .details h3 {
    transition-delay: 0.7s;
  }

  .timeline ol li.in-view .details p {
    transition-delay: 0.9s;
  }
}



/* ---------- 회사개요 - 조직도 ---------- */
.org_chart{width: 100%;}
.org_chart > img{width: 100%; height: auto;}
.org_mob{display: none;}


/* ---------- 회사개요 - 주요 고객사 ---------- */
.s2_cont{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%;}
.s2_cont .main5_tab{width: 31%; padding: 0 .5rem; text-align: center;}
.s2_cont .main5_tab .tab_title{position: relative; width: 100%; font-size: 1rem; border-bottom: 2px solid #fff; padding: .5rem; box-sizing: border-box; cursor:pointer; transition: .2s ease-out;}
.s2_cont .main5_tab .tab_title:hover{color: #3B47F1;}
.s2_cont .main5_tab .tab_title::after{content: ''; position: absolute; top: 100%; left: 50%; display: block; width: 0; height: 2px;
	background: #3B47F1; transform-origin: center; transition: all .2s; transform: translateX(-50%);}
.s2_cont .main5_tab.on .tab_title::after{width: 100%;}

.partner_list{position: absolute; top: 0; display: flex; align-items: center; justify-content: flex-start; width: 100%; padding-top: 2rem; opacity: 0; z-index: -1; transition: .2 ease-out;}
.partner_list.on{position: relative; opacity: 1; z-index: 10;}
.partner_list > ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%;}
.partner_list > ul > li{display: flex; align-items: center; justify-content: center; width: 12%; margin-bottom: 1rem; margin-right: 1rem;}
.partner_list > ul > li > img{width: 100%; border: 1px solid #ddd; padding: .5rem; box-sizing: border-box;}
/* .partner_list > ul > li:nth-child(8n){margin-right: 0;} */


/* ---------- 회사개요 - 오시는 길 ---------- */
.main05_wrap.bg_white{height: calc(100vh - 300px); background: #fff; padding-top: 0;}
.main05_wrap.bg_white .bg_highlight{max-height: 181px;}
.main05_wrap.bg_white .map_name .mname_box{padding: 2rem 2rem 2rem 4rem;}
.main05_wrap.bg_white .map_name .mname_box.active .mname_left{color: #fff;}
.main05_wrap.bg_white .map_name .mname_box .mname_left{color: #111;}
.main05_wrap.bg_white .map_name .mname_box .mname_left .add_name > img{filter: invert(0%) sepia(5%) saturate(1083%) hue-rotate(352deg) brightness(40%) contrast(87%);}
.main05_wrap.bg_white .map_name .mname_box .mname_left .address:last-of-type{padding-top: .25rem;}
.main05_wrap.bg_white .map_name .mname_box.active .mname_left .add_name > img{filter: none;}








/* ---------- 사업분야 ---------- */
/* ---------- 사업분야 - 사업전략&파트너 ---------- */
.partner_list.in_business{position: static; width: 100%; padding-top: 0; opacity: 1; z-index: 100;}
.partner_list.in_business > ul > li{width: 13.5%;}


/* ---------- 사업분야 - 주요 사업 분야 ---------- */
.field_wrap{}
.field_wrap .field_box{position: relative; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(50px); transition: all 0.6s ease;}
.field_wrap .field_box.show{opacity: 1; transform: translateY(0);}
.field_wrap .field_box:nth-child(odd){justify-content: flex-start;}
.field_wrap .field_box:nth-child(odd) .fd_txt{padding-left: 2rem;}
.field_wrap .field_box:nth-child(even){justify-content: flex-end;}
.field_wrap .field_box:nth-child(even) .fd_txt{padding-right: 2rem; text-align: right;}

.field_wrap .field_box .fd_txt{background: #fff;}
/*position: absolute; right: 0; bottom: -2rem;  border: 1px solid #ddd; padding: 1rem 1.5rem; margin-top: 2rem; box-shadow: 5px 5px 0 rgba(64, 115, 255, .4);*/
.field_wrap .field_box .fd_txt > h4{color: #0D329A; font-size: 1.5rem; border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin-bottom: 1rem;}
.field_wrap .field_box .fd_txt > p{color: #333; font-size: .8rem;}


/* ---------- 사업분야 - 통합유지보수 ---------- */
.manage_wrap{}
.manage_wrap .manage_top{}
.manage_wrap .manage_btm{display: flex; align-items: center; justify-content: center; width: 100%;}
.manage_box{position: relative; width: 33%; margin-left: 1rem;}
.manage_box:first-child{margin-left: 0;}
.manage_box > img{width: 100%; border-radius: 8px;}
.manage_box .manage_txt{position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: flex-start; flex-flow: column; width: 100%; height: 100%;
    color: #fff; border-radius: 8px; padding: 2rem 1.5rem; box-sizing: border-box;}
.manage_box .manage_txt > h4{width: 100%; font-size: 1.5rem; padding-bottom: 1rem;}
.manage_box .manage_txt > p{width: 100%; font-size: .8rem; padding-bottom: .5rem;}
.manage_box .manage_txt > p:first-of-type{padding-bottom: 1rem; margin-bottom: 1rem;}/*border-bottom: 1px solid #fff;*/

.icon_box.one_line{position: relative; flex-flow: nowrap; min-height: auto; background: #f4f9ff; border: none; padding: 1rem 0;}
.icon_box.one_line > p{height: auto; padding: 0 0 0 1rem;}
.box3 .icon_box{width: 33%;}
.box4 .icon_box{width: 25%;}



/* ---------- 사업분야 - 디지털융합연구소 ---------- */
.sub_depth02_menu{display: flex; align-items: center; justify-content: center; width: 100%; background: linear-gradient(180deg, #4E7DFF 0%, #0D329A 100%); padding: 1rem 0;}
.sub_depth02_main{width: 100%; max-width: 300px; color: #fff; border-right: 1px solid #fff; text-align: center;}
.sub_depth02_sub{width: 100%; max-width: 400px; margin-left: 2rem;}
.sub_depth02_sub > .cont-select{width: 100%;}
.sub_depth02_sub .btn-select{line-height: 20px;}
.sub_depth02_sub .btn-select.on+.list-member{z-index: 100;}
.sub_depth02_sub .list-member li{height: fit-content;}
.sub_depth02_sub .list-member li button{border-radius: 0; padding: .8rem;}
.sub_depth02_sub .list-member li:first-child button{border-radius: 8px 8px 0 0;}
.sub_depth02_sub .list-member li:last-child button{border-radius: 0 0 8px 8px;}


.digital_lab .icon_w_txt:last-of-type{padding-top: 1rem;}
.digital_lab .icon_w_txt .icon_box.img_box{width: 25%;}
.digital_lab .icon_w_txt .icon_box.img_box > p{position: relative; width: 100%; height: auto; padding: .25rem 0 .25rem 1rem; text-align: left;}
.digital_lab .icon_w_txt .icon_box.img_box > p::before{content:''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #333; margin-top: -3px; transform: rotate(45deg);}
.digital_lab .icon_w_txt .icon_box.img_box > span{margin-top: 0; margin-bottom: 1rem; text-align: center;}
.digital_lab .icon_w_txt .icon_box.img_box > img{padding-bottom: 1rem;}


.txt_w_img{display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.txt_w_img .c_txt_wrap{width: fit-content;}
.txt_w_img .c_txt_wrap > p{position: relative; color: #333; font-size: .8rem; padding-left: 1rem; margin-top: .5rem;}
.txt_w_img .c_txt_wrap > p:first-child{margin-top: 0;}
.txt_w_img .c_txt_wrap > p::before{content:''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #aaa; border-radius: 50%; margin-top: -2px;}

.txt_w_img .c_img_wrap{position: relative; width: calc(100% - 350px); margin-left: 3rem; overflow: hidden;}
.txt_w_img .c_img_wrap > ul{display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 0; margin: 0;}
.txt_w_img .c_img_wrap > ul > li{padding-left: 1rem;}
.txt_w_img .c_img_wrap > ul > li:first-child{padding-left: 0; padding-right: 2rem;}
.txt_w_img .c_img_wrap > ul > li > img{width: auto; max-height: 400px; border-radius: 8px;}


#visual.in_sub{position: relative; width: 100%; padding: 0 4rem; margin-top: 4rem; box-sizing: border-box;}
#visual.in_sub .swiper-wrapper{display: flex; align-items: center; justify-content: flex-start;}
#visual.in_sub .swiper-wrapper .swiper-slide{background: none; padding: 0; margin-left: 0; box-shadow: none;}/* width: fit-content !important; max-width: none; */
#visual.in_sub .swiper-wrapper .swiper-slide .sw_img{display: flex; align-items: center; justify-content: center;}
#visual.in_sub .swiper-wrapper .swiper-slide .sw_txt{color: #111; font-size: .8rem;}
#visual.in_sub .swiper-button-prev {top: 50%; left:0; width:48px; height:48px; border-radius:50%; background:#f7f7f7; color:#111; text-align:center;}
#visual.in_sub .swiper-button-next {top: 50%; right:0; width:48px; height:48px; border-radius:50%; background:#f7f7f7; color: #111; text-align:center;}
#visual.in_sub .swiper-button-prev,
#visual.in_sub .swiper-button-next{position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#visual.in_sub .swiper-button-next:hover { color:#fff; background:#333}
#visual.in_sub .swiper-button-prev:hover { color:#fff; background:#333}
.swiper-container{overflow: hidden;}
#visual.in_sub .material-icons{display: flex;}
#visual.in_sub .material-icons > img{width: 16px; height: auto;}


#visual.in_sub .swiper-wrapper.mxw350 .swiper-slide{max-width: 350px;}
.icon_box{min-height: 300px; max-height: 300px; padding: 1rem; box-sizing: border-box;}
.long_box .icon_box{min-height: 500px; max-height: 500px; justify-content: flex-start; padding: 1rem; box-sizing: border-box;}
#visual.in_sub.only_lab .sw_img img{width: -webkit-fill-available;}


/* ---------- 사업분야 - 조달제품 ---------- */
.just_img_wrap{max-width: 1000px; margin: 0 auto;}
.just_img_wrap > ul{display: flex; align-items: center; justify-content: center; flex-flow: column;}
.just_img_wrap > ul > li{width: 100%;}
.just_img_wrap > ul > li > img{width: 100%;}
.download_btn{position: absolute; bottom: 50px; right: 3%; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); color: #fff; font-size: .8rem;
    border-radius: 50%; padding: 1rem; z-index: 999; transition: all 0.3s ease; text-align: center; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.4s ease;}/* display: none;*/
.download_btn.fixed{position: fixed; bottom: 50px; right: 3%; display: flex; align-items: center; justify-content: center; flex-flow: column; opacity: 1; visibility: visible; transform: translateY(0);}







/* ---------- 제품솔루션 ---------- */
/* ---------- 제품솔루션 - SAP ONE ---------- */
.rec{position: relative; padding-left: 1rem;}
.rec::before{content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #999; }
.icon_box > span.bg_org{background: #f0ab00;}
.sap_box{display: flex; align-items: center; justify-content: flex-start; padding-top: 2rem;}
.sap_box:first-child{padding-top: 0;}
.sap_box .sap_txt_box{padding-left: 2rem;}
.sap_box .sap_txt_box > p{color: #333; font-size: .8rem; margin-top: .5rem; text-align: left;}
.sap_box .sap_txt_box > p:first-child{margin-top: 0;}

.field_wrap .field_box.bd_box{justify-content: space-evenly; border-bottom: 1px solid #ddd; padding: 2rem 0;}
.field_box.bd_box:first-child{padding-top: 0;}
.field_box.bd_box:last-child{border-bottom: none; padding-bottom: 0;}
.field_wrap .field_box.bd_box:nth-child(odd) .fd_txt{padding-left: 3rem;}
.field_wrap .field_box.bd_box .fd_txt > h4{color: #111; font-size: 1.25rem; font-weight: 600;}
.field_wrap .field_box.bd_box .fd_txt > p{margin-top: .5rem;}

.field_wrap .field_box.up_down{flex-flow: column; border-bottom: 1px solid #ddd; padding: 4rem 0;}
.field_wrap .field_box.up_down .fd_txt{padding-left: 0;}
.field_wrap .field_box.up_down .fd_txt > h4{color: #333; font-weight: 600; border-bottom: none; margin-bottom: 0; text-align: center;}
.field_wrap .field_box.up_down .fd_txt > p{color: #333; text-align: center;}

.sap_icon_list{width: 100%; padding-top: 2rem;}
.sap_icon_list > ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%;}
.sap_icon_list > ul > li{display: flex; align-items: center; justify-content: center; flex-flow: column; width: 14%; padding-bottom: 1.5rem;}
.sap_icon_list > ul > li > img{ background: #f5f8ff; border-radius: 50%; padding: 1.5rem;}
.sap_icon_list > ul > li > p{color: #333; font-size: .8rem; margin-top: .5rem;}

.line_over2 .icon_box{min-height: 400px; max-height: 400px;}
.line_over2 .icon_box > p{width: 100%; height: auto; padding-top: 0; margin-top: 1rem; text-align: left;}

.link_btns{position: absolute; right: 20px; bottom: 20px; display: flex; align-items: center; justify-content: center; flex-flow: column; opacity: 0;
    visibility: hidden; transform: translateY(20px); transition: all 0.4s ease; display: none;}
.link_btns.fixed{position: fixed; bottom: 50px; right: 3%; display: flex; align-items: center; justify-content: center; flex-flow: column; opacity: 1; visibility: visible; transform: translateY(0);}
.link_btns > a{display: flex; align-items: center; justify-content: center; flex-flow: column; width: 120px; background: #060D22; color: #fff; font-size: .7rem; padding: 1rem 0;
    box-sizing: border-box; text-align: center;}
.link_btns > a:first-child{border-bottom: 1px solid #fff; border-radius: 8px 8px 0 0;}
.link_btns > a:last-child{border-radius: 0 0 8px 8px;}
.link_btns > a > img{padding-bottom: .5rem;}


/* sap 구축사례 */
.sap_case_contents{display: flex; flex-wrap: wrap; margin-top: 40px;}
.sap_case_contents > img{width: 100%;}
.sap_case_contents .sap_case_box{padding-top: 40px;}
.sap_case_contents .sap_case_box:first-child{padding-top: 0;}
.sap_case_contents .sap_case_box > h4{position: relative; width: fit-content; color: #333; font-size: 22px; padding: 0 4px; margin-bottom: 10px;}
.sap_case_contents .sap_case_box > h4::before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #4a1c7e; opacity: .3; z-index: -1;}
.sap_case_contents .sap_case_box > p{position: relative; color: #333; font-size: 16px; padding-left: 14px; margin-left: 10px;}
.sap_case_contents .sap_case_box > p::before{content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #666;}

.sap_case_contents .sap_case_img{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 100px;}
.sap_case_contents .sap_case_img > img{width: 100%; max-width: 700px; max-height: 350px; object-fit: cover;}
.sap_case_contents .sap_case_img .sap_case_img_right{padding-left: 100px;}
.sap_case_contents .sap_case_img .sap_case_img_right > img{max-width: 260px;}
.sap_case_contents .sap_case_img .sap_case_img_right > p{width: 100%; color: #333; font-size: 16px; padding-top: 40px;}
.sap_case_contents .sap_case_img .sap_case_img_right > p:first-of-type{position: relative; display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.sap_case_contents .sap_case_img .sap_case_img_right > p:first-of-type::before{content: ''; position: absolute; left: -10px; top: 10px; width: 30px; height: 30px;
    background: url(../../images/homepage/left_quote.png) no-repeat left top; z-index: -1; opacity: .5;}
.sap_case_contents .sap_case_img .sap_case_img_right > p:first-of-type::after{content: ''; position: absolute; right: -10px; bottom: -10px; width: 30px; height: 30px;
    background: url(../../images/homepage/right_quote.png) no-repeat left top; z-index: -1; opacity: .5;}
.sap_case_contents .sap_case_img .sap_case_img_right > p > strong{display: block; width: 100%; font-size: 18px; text-align: center;}

.case_contents_left{width: 50%;}
.case_contents_right{width: 45%; padding-left: 20px;}
.case_contents_right > img{width: 100%; height: 100%; object-fit: cover;}
.case_contents_btm{width: 100%;}

.sap_case_btm{width: 100%; text-align: center;}
.sap_case_btm > p{color: #333; font-size: 20px; font-weight: 600; padding-top: 10px;}
.sap_case_btm > p:nth-child(3){font-weight: 400;}
.sap_case_btm .flex_center{display: flex; align-items: center ; justify-content: center;}
.sap_case_btm a > button{background: #4a1c7e; color: #fff; font-size: 20px; border: none; border-radius: 8px; padding: 10px 24px; margin-top: 20px;}
button.requset_btn{display: block; background: #006eb1; color: #fff; font-size: 20px; border: none; border-radius: 8px; padding: 10px 24px; margin-top: 20px;}

.sap_case_link{display: flex; align-items: center; justify-content: center; width: fit-content; background: linear-gradient(to bottom right, blue, pink); color: #fff;
    font-size: 16px; border: 1px solid #fff; border-radius: 16px; padding: 10px 20px; margin: 40px 0;}
.sap_case_link:hover{background: #fff; color: #4c00a3; border: 1px solid #6a0cd3;}
.sap_case_link:last-child{margin-left: 20px;}
.sap_case_link.ml20{margin-left: 20px;}
.sap_case_link:hover > img{filter: invert(60%) sepia(91%) saturate(4598%) hue-rotate(263deg) brightness(60%) contrast(126%);}
.sap_case_link > img{padding-right: 8px;}

.sap_pop, .product_pop{position: absolute; top: 150px; right: 150px; width: 100%; max-width: 400px; background: #fff; border: 5px solid #fff; display: none;}
.product_pop{left: 150px; background: #ddd; border: 5px solid #ddd;}
.sap_pop.active, .product_pop.active{display: block;}
.sap_pop > a, .product_pop > a{display: block;}
.sap_pop > a > img, .product_pop > a > img{width: 100%;}
#sap_pop_cls, #product_pop_cls{width: 100%; background: #fff; color: #333; font-size: 18px; border: none; padding: 10px; cursor: pointer;}
#product_pop_cls{background: #ddd;}

.sap-title.only_case_page > h2{color: #333; font-size: 28px;}
.sap-title.only_case_page > p{color: #666; font-size: 20px;}


.case_tag_keyword{display: flex; align-items: center; justify-content: flex-start; width: 100%; padding-bottom: 20px;}
.case_tag_keyword > span{color: #333; font-size: 14px; font-weight: 600; margin-left: 20px;}





/* ---------- 제품솔루션 - Beyondtrust ---------- */
.in_beyond .icon_box > span{width: 100%; background: none; color: #111; border-bottom: 1px solid #ddd; border-radius: 0; padding-bottom: .5rem; box-sizing: border-box; text-align: center;}
.in_beyond .icon_box{width: 33%;}
.in_beyond .icon_box > p{height: auto;}
.in_beyond .icon_box .txt_black{color: #111;}
.in_beyond .icon_box .txt_gray{color: #666; padding-top: .5rem;}
.img_wrap{display: flex; align-items: center; justify-content: center; width: 100%; background: #fa5c1b; border-radius: 8px; margin-top: 2rem;}

.beyond_wrap{}
.beyond_wrap .beyond_box{display: flex; align-items: center; justify-content: center; background: #f1f1f1; border-radius: 16px; padding: 2rem; margin-top: 1rem;}
.beyond_wrap .beyond_box:first-child{margin-top: 0;}
.beyond_wrap .beyond_box .bb_left{display: flex; align-items: center; justify-content: center; width: 100%; max-width: 400px; margin-right: 1.5rem;}
.beyond_wrap .beyond_box .bb_left > span{color: #111; font-size: 1rem; margin-left: 1rem;}
.beyond_wrap .beyond_box .bb_right{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.beyond_wrap .beyond_box .bb_right_box:nth-child(-n+2){padding-top: 0;}
.beyond_wrap .beyond_box .bb_right_box{display: flex; flex-flow: column; width: 50%; padding-top: 1.5rem;}
.beyond_wrap .beyond_box .bb_right_box > p{width: 100%; color: #111; font-size: .9rem; font-weight: 500;}
.beyond_wrap .beyond_box .bb_right_box > p:nth-child(2){color: #333; font-size: .8rem; font-weight: normal;}



/* ---------- 제품솔루션 - 클라우드 ---------- */
.timeline_title > h4.darktrace{color: #333; font-size: 1rem;}

/* ---------- 제품솔루션 - 넷맨 ---------- */
.icon_box.in_netman > p{padding-top: 0;}
.icon_box.in_netman > p:first-of-type{margin-top: 1rem;}

.table_wrap{width: 100%;}
.table_wrap > table{width: 100%;}
.table_wrap > table th{background: #f1f1f1; color: #111; font-size: .8rem; padding: .5rem;}
.table_wrap > table td{color: #111; font-size: .8rem; border-bottom: 1px solid #ddd; padding: .8rem .5rem;}
.table_wrap > table td > p.tb_tit{color: #0D329A; font-size: 1rem; font-weight: 500; text-align: left;}
.table_wrap > table td > span.tb_subtit{text-align: left;}
.table_wrap > table td > p{color: #111; text-align: center;}
.table_wrap > table td > span{display: block; color: #666; text-align: center;}
.table_wrap > table td > p.tb_info{text-align: left;}






/* ---------- 문의하기 ---------- */
.inq_wrap{}
.inq_wrap .inq_top{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.inq_wrap .inq_top > h4{width: 100%; color: #0D329A; font-size: 1.5rem; margin-bottom: 3rem; text-align: center;}
.inq_wrap .inq_top > p{width: 100%; color: #333; font-size: .9rem; padding-top: .5rem; margin-bottom: 1rem; text-align: center;}
.inq_wrap .inq_top .manager_wrap{display: flex; align-items: center; justify-content: flex-start; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 4rem;}
.inq_wrap .inq_top .manager_wrap .manager_box{width: 25%; border: 1px solid #ddd; border-radius: 8px; padding: 1.5rem; margin-left: 1rem;} /*  background: linear-gradient(135deg, #4E7DFF 0%, #0D329A 100%); */
.inq_wrap .inq_top .manager_wrap .manager_box:first-child{margin-left: 0;}
.inq_wrap .inq_top .manager_wrap .manager_box > h4{width: fit-content; background: #4073FF; color: #fff; font-size: .8rem; font-weight: 500; border: 1px solid #fff; border-radius: 1000px; padding: .25rem .5rem;}
.inq_wrap .inq_top .manager_wrap .manager_box > p,
.inq_wrap .inq_top .manager_wrap .manager_box > a{color: #111; font-size: .8rem;}
.inq_wrap .inq_top .manager_wrap .manager_box > p:first-of-type{font-size: 1.2rem; font-weight: 600; border-bottom: 1px solid #aaa; padding-bottom: 4rem; padding-top: .5rem; margin-bottom: 1rem;}
.inq_wrap .inq_top .manager_wrap .manager_box > p > span.inq_team{color: #333; font-size: .9rem; font-weight: 500; padding-left: .5rem;}


.inq_form{display: flex; align-items: flex-start; justify-content: center; margin-top: 4rem;}
.inq_form .inq_form_tit{padding-right: 5rem; text-align: left;}
.inq_form .inq_form_tit > h5{color: #0D329A; font-size: 2.5rem;}
.inq_form .inq_form_tit > p{color: #666; font-size: .9rem; padding-top: 1rem;}
.inq_form .inq_form_cont{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%;}
.inq_form_cont .form_top{display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 1rem; text-align: center;}
.inq_form_cont .form_top > select{width: 33%; margin-left: .5rem;}
.inq_form_cont .form_top > select:first-of-type{margin-left: 0;}

.inq_form_cont .form_ipts{width: 100%; background: #f7f7f7; border-radius: 8px; padding: 1rem;}

.form_box{display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 1rem;}
.inq_form_cont .form_box:last-of-type .ipt_box{border-bottom: none;}
.ipt_box{display: flex; align-items: center; justify-content: flex-start; width: 100%; border-bottom: 1px solid #ddd; padding: 1rem 0 .5rem; margin-left: 1rem;}
.ipt_box.line2{align-items: flex-start; flex-flow: column;}
.ipt_box:first-of-type{margin-left: 0;}
.ipt_box > p{width: 100%; max-width: 100px; color: #111; font-size: .8rem;}
.ipt_box > input{border: none;}
.ipt_box > textarea{border-radius: 8px; border: 1px solid #ddd; padding: .5rem; box-sizing: border-box;}

.inq_btm_box{width: 100%;}
.privacy_box{border-bottom: 1px solid #ddd; padding: 1rem;}
.privacy_box > h5{color: #333; font-size: .8rem;}
.privacy_box > p{color: #666; font-size: .8rem; padding: .5rem 0 2rem;}
.privacy_box > a{background: #333; color: #fff; font-size: .75rem; border-radius: 8px; padding: .5rem;}
.form_btn{width: 100%; margin-top: 1rem;}
.form_btn > button{width: 100%; background: #0d329a; color: #fff; font-size: .9rem; border-radius: 8px; padding: .5rem 0;}



/* 개인정보처리방침 */
.privacy{margin-top:20px; padding:25px; border:1px solid #e4e4e4; background-color:#fbfbfb; box-sizing:border-box;}
.privacy dt{margin-bottom:12px;}
.privacy dd{color:#595959;}
.privacy dd:last-child{margin-top:10px;}
.privacy dd a{display:inline-block; padding:0 8px; font-size:13px; color:#fff; border-radius:3px; background-color:#4a1c7e;}
.privacy dd a img{margin-left:20px;}
.privacy-area{margin-top:50px;}
.privacy-area p{font-size:16px; line-height:24px;}
.privacy-area h3{font-size:18px; line-height:28px; text-align:center; letter-spacing:-1px; font-weight:500;}
.privacy-list{padding:40px 40px 40px 50px; border:10px solid #e5e5e5; letter-spacing:-0.6px; background-color:#fff; box-sizing:border-box;}
.privacy-list a{color:#4a1c7e;}


.pl-title{margin-top:30px; list-style-type:decimal; font-size:16px; line-height:28px; font-weight:700;}
.pl-sub-alpha{margin-left:30px;}
.pl-sub-bar{margin-left:15px;}
.pl-sub-bar li{margin-top:7px; list-style-type:disc !important; font-size:14px; line-height:24px; font-weight:500; color:#999 !important;}
.pl-sub-alpha li{margin-top:7px; list-style-type:upper-latin; font-size:14px; line-height:24px; font-weight:500; color:#666;}



/* popup */
.pop_wrap{position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, .75); z-index: 1000;}
.pop_wrap .pop_box{margin-left: 1.5rem;}
.pop_wrap .pop_box:first-child{margin-left: 0;}
.pop_wrap .pop_box .chk_box_wrap {display: flex; align-items: center; justify-content: space-between; margin-top: .5rem;}
.pop_wrap .pop_box .chk_box_wrap > a{display: flex; align-items: center; justify-content: center; color: #fff; font-size: .8rem; font-weight: 500;}
.pop_wrap .pop_box .chk_box_wrap > a > img{padding-left: .5rem;}

/* 체크박스 커스텀 */
input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
input[type="checkbox"] + label {display: inline-block; position: relative; font-size: .8rem; color: #fff;
    padding-left: 26px; cursor: pointer;}
input[type="checkbox"] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px;
    background: url(../../images/homepage/chk_off.png) no-repeat center, #fff; border: 1px solid #ddd; border-radius: 4px; text-align: center; box-sizing: border-box;}
/* 커스텀부분 */
input[type="checkbox"]:checked + label:after {content: ""; position: absolute; top: 0; left: 0; width: 20px;
    height: 20px; background: url(../../images/homepage/chk_on.png) no-repeat center, #333; border-radius: 4px;}
input[type="checkbox"] + label span {font-weight: 400; font-size: 13px; line-height: 26px; letter-spacing: -1px;
    color: rgba(0, 0, 0, 0.5);}