@charset "utf-8"; /* SYSTEM-K */
.sub_visual_txt .busi_top::before { content: ''; display: block; position: absolute; left: 0; top: 52%; transform: translateY(-50%); background: #fff; width: var(--ani-width); height: 2px; animation: line_left 1s; animation-fill-mode: forwards; } 
.sub_visual_txt .busi_top::after { content: ''; display: block; position: absolute; right: 0; top: 52%; transform: translateY(-50%); background: #fff; width: var(--ani-width); height: 2px; animation: line_right 1s; animation-fill-mode: forwards; } 
.sub_visual_txt .h_box { overflow: hidden; } 
.sub_visual_txt .h_box h2 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s; } 
.sub_visual_txt .sub_txt_p1 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 1s; display: block; } 
.sub_visual_txt .sub_txt_p2 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 1.5s; } 
.sub_visual_txt .h_box h2.no_busi_h2 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0s; } 
.sub_visual_txt .sub_txt_p1m, .sub1_2 .sub_visual_txt .sub_txt_p1, .sub1_4 .sub_visual_txt .sub_txt_p1, .sub_visual_txt .sub_txt_p1.no_busi_span { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s; display: block; } 
/* TNF GLOBAL SUB_SYTLE CSS 2024 - 07 */
.business .tit_box h1 { text-transform: uppercase; } 
.main_wrapper p { letter-spacing: 0; line-height: 1.5; } 
.sub_com { line-height: 1.5; position: relative; font-size: 1.8rem; font-family: var(--font-fam); } 
.sub_inner_wrap img { display: block; margin: 0 auto; max-width: fit-content; width: 100%; } 
.container { margin-bottom: 10rem; position: relative; } 
.container:last-child { padding-bottom: 0 !important; /* margin-bottom: 0; */ } 
.contain1.tit1 { position: relative; padding-top: 8rem; } 
.sub_tit { font-size: 3rem; padding-top: 1rem; padding-bottom: 8rem; font-weight: 500; position: relative; } 
.sub_tit::before { content: ''; display: block; position: absolute; left: 0; width: 25px; height: 2px; background: var(--main-color); top: 4px; } 
.sub_com .sub_tit_60 { font-size: 6.0rem; font-weight: 700; } 
.sub_com .sub_tit_50 { font-size: 4.8rem; } 
.sub_com .sub_tit_48 { font-size: 4.8rem; } 
.sub_com .sub_tit_42 { font-size: 4.2rem; } 
.sub_com .sub_tit_36 { font-size: 3.6rem; } 
.sub_com .sub_tit_32 { font-size: 3.2rem; } 
.sub_com .sub_tit_30 { font-size: 3.0rem; font-weight: 500; } 
.sub_com .sub_tit_26 { font-size: 2.6rem; } 
.sub_com .sub_tit_24 { font-size: 2.4rem; letter-spacing: 0; } 
.sub_com .sub_tit_22 { font-size: 2.2rem; letter-spacing: 0; } 
.sub_com .sub_tit_20 { font-size: 2.0rem; line-height: 1.5; letter-spacing: 0; font-weight: 500; } 
.sub_com .sub_tit_18 { font-size: 1.8rem; } 
.tit_bar::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 1px; height: 2rem; background: #000; } 
.sub_com .sub_tit_36.tri { padding-left: 3rem; } 
.tri { position: relative; padding-left: 4.5rem; word-break: keep-all; } 
.tri::before { content: ''; display: block; position: absolute; left: 0; width: 0; height: 0; top: 0.5rem; border-bottom: 2rem solid transparent; border-right: 2rem solid var(--main-color); } 
.center { text-align: center; } 
.bor_b { border-bottom: 1px solid #dcdcdc; } 
/* sub visual */
.sub_visual_wrap { position: relative; z-index: 1; } 
.sub_visual_box { width: 100%; height: 57.5rem; overflow: hidden; position: relative; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; } 
.sub_page_visual1, .sub_page_visual3, .sub_page_visual4, .sub_page_visual5 { animation: bg-active 5s; } 
.sub_page_visual1 { background-image: url(../../img/sub_visual_1.jpg); } 
.sub_page_visual2 { background-image: url(../../img/sub_visual_2.jpg); } 
.sub_page_visual3 { background-image: url(../../img/sub_visual_3.jpg); } 
.sub_page_visual4 { background-image: url(../../img/sub_visual_4.jpg); } 
.sub_page_visual5 { background-image: url(../../img/sub_visual_5.jpg); } 
.sub_page_visual6 { background-image: url(../../img/sub_visual_6.jpg); } 
@keyframes bg-active { 
 0% { transform: scale(1.09); opacity: 0.9; } 
 100% { transform: scale(1); opacity: 1; } 
 }
/* sub_visual */
.top_letter { font-size: 16rem; color: #ffffff1a; position: absolute; right: 6%; bottom: -10%; z-index: 100; font-family: var(--font-eng); font-weight: 600; letter-spacing: -3px; } 
.sub_visual_txt { position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: 90%; } 
.sub_visual_txt h1 { color: #fff; font-size: 7.2rem; font-weight: 700; letter-spacing: 3px; } 
.sub_visual_txt h2 { color: #fff; font-size: 7.2rem; font-weight: 700; text-align: center; } 
.sub_visual_txt p { color: #fff; font-size: 1.88em; text-align: center; overflow: hidden; } 
.tit_box { text-align: center; } 
.tit_box .tit_bar { width: 1px; display: block; margin: 3rem auto 2rem; height: 5rem; background: #dadada; position: relative; } 
.tit_box h2 { font-size: 2.6em; font-family: inherit; font-weight: 300; letter-spacing: -1px; line-height: 1.5; } 
.tit_box h2 strong { font-weight: 500; } 
.tit_box2 h1 { font-weight: 500; font-size: 2.7em; font-family: 'GmarketSans'; padding-bottom: 4rem; padding-top: 6rem; } 
/* top menu */
.mobile_sub_menu { display: none; } 
.visual_menu_wrap { position: relative; height: 7.5rem; bottom: 7.5rem; width: 100%; border-top: 1px solid #ffffff85; } 
.visual_menu_wrap .tab_sub_menu { position: absolute; left: 50%; width: 100%; max-width: 1610px; transform: translateX(-50%); /* border-radius: 10px; */overflow: hidden; bottom: 0; height: 100%; } 
.visual_menu_wrap .tab_sub_menu::before { content: ''; display: block; position: absolute; top: 0; left: 0; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li { position: relative; z-index: 10; flex: 1 1 20%; height: 7.5rem; max-width: 300px; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li.on span::before { opacity: 1; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li a { color: #fff; font-size: 1.8rem; font-family: var(--font-fam); display: flex; justify-content: center; align-items: center; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li a i { display: none; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li a span { position: relative; display: inline-block; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li.on::before { content: ''; display: block; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #fff; width: 110%; height: 2px; opacity: 1; } 
/* TAB MENU */
.tab_list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: row; width: 100%; position: relative; } 
.tab_list a { display: flex; align-items: center; justify-content: center; } 
.tab_list div { cursor: pointer; background: #f5f5f5; color: #808080; flex: 0 1 24.5%; font-weight: 400; transition: all .4s; text-align: center; height: 8.4rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 500; border-radius: 1rem; } 
.tab_list div:hover { color: #fff; background: #003a61; } 
.tab_content { opacity: 0; } 
.tab_content.current { opacity: 1; } 
.tab_list .tab_link.current { border: unset; color: #fff; background: #003a61; } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; } 
.tab_disap .tab_list { display: flex; justify-content: center; } 
.tab_disap .tab_list > div { margin-right: 1%; } 
.tab_disap .tab_list > div a { color: inherit; } 
.tab_disap .tab_list > div:last-child { margin-right: 0; } 
.tab_disap .tab_content { display: none; } 
.tab_disap .tab_content.current { display: block; } 
.business_top { height: 100vh; } 
.business_top .sub_visual_box { height: 100%; } 
.business_top .sub_visual_txt { top: 50%; left: 50%; width: 54%; z-index: 10; } 
.business_top .sub_visual_txt h2 { overflow: hidden; font-family: inherit; /* letter-spacing: inherit; */
 text-align: center; font-weight: 300; display: inline-block; width: auto; max-width: unset; padding-left: 2rem; padding-right: 2rem; } 
.business_top .sub_visual_txt p { width: 100%; font-size: 1.4em; overflow: hidden; } 
.business_top .sub_visual_txt p span.sub_txt_p2 { font-weight: 200; font-family: 'Oswald'; display: block; margin-top: 2rem; } 
.business_top_menu { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; bottom: unset; } 
.business_top_menu .tab_sub_menu { bottom: 4%; left: 88%; border-radius: unset; z-index: 10; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu::before { display: none; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list { width: 300px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; padding: 0; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li { border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; flex: 1 1 calc(50% - 1px); height: auto; padding: 0; position: relative; width: unset; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:last-child { border-right: 1px solid #fff; border-top: unset; margin-left: calc(50% - 0px); } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:nth-child(3) { border-right: 1px solid #fff; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:before { content: ''; display: block; padding-bottom: 100%; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li a { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:first-child { border-bottom: unset; border-right: 1px solid #fff; margin-right: calc(50% - 1px); } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li span { display: block; width: 100%; height: 100%; padding: 1rem; display: flex; flex-direction: row; align-content: center; justify-content: center; align-items: center; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li.on a span::before { opacity: 0; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li a span::before { display: none; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li::after { content: ''; display: block; position: absolute; z-index: -1; background: #042e6fbf; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all .4s; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:hover::after { opacity: 1; } 
.business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li.on { background: #042e6fbf; } 
/* SUB PAGE CSS */
.top_sub_tit, .top_tit1 { font-size: 4.8rem; font-weight: 600; font-family: var(--font-fam); } 
.sub_tit2 h2 { font-size: 3em; font-weight: 600; white-space: nowrap; } 
.tit_box .hr { background: var(--main-color); margin: 3rem auto; } 
.tit_box p { font-size: 1.5em; color: #111; font-weight: 500; } 
.hr { background: #444; width: 8rem; display: block; height: 2px; margin-top: 3rem; margin-bottom: 5rem; } 
/* p1-28px */
.p1 p { font-size: 1.8em; } 
/* p2- 20px */
.p2 p, .fs_20 { font-size: 1.25em; margin-bottom: 3rem; line-height: 1.6; } 
/* p3 - 18px */
.p3 p { font-size: 1.8rem; } 
/* p4 - 30px */
.p4 p, .fs_30 { font-size: 1.87em; } 
/* p5 -24px */
.p5 p, .fs_24 { font-size: 1.5em !important; } 
.fs_36 { font-size: 3.6rem; } 
.fs_48 { font-size: 3em; } 
/* GREETING */
#greeting .info_box { flex: 1; margin-right: 5%; } 
#greeting .box1 h2 { font-size: 4.8rem; margin-bottom: 6rem; } 
#greeting .p_wrap { color: #666; } 
#greeting .p_wrap p { padding-bottom: 4rem; font-weight: 300; } 
#greeting .p_wrap .last { font-size: 2.4rem; margin-top: 3rem; } 
#greeting .last span { font-size: 3rem; } 
#greeting .box2 { width: 50%; } 

/* history */
#history .img_box { position: absolute; margin-top: 7rem; } 
#history .right .img_box { right: 0; } 
#history .left .img_box { left: 0; } 
#history .left .img_box img { margin-left: 0; } 
#history.sub_com { padding: 0; } 
#history article:last-child { margin-bottom: 0; } 
#history .contain2 { background: url(../../img/history_bg.jpg); height: 48rem; color: #fff; margin-bottom: 0; } 
#history .contain2 .p_wrap { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
.right .ball_wrap { left: -9.8rem; bottom: -2rem; } 
.left .ball_wrap { right: -10rem; bottom: -2rem; } 
.ball_wrap { border-radius: 50%; background: #fff; width: 3.8rem; height: 3.8rem; position: absolute; } 
.ball_wrap .dot { width: 0.5rem; height: 0.5rem; display: block; background: var(--main-color); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; } 
#history .tit_box p { color: #b1b1b1; } 
.history_wrap { border-bottom: 1px #ddd solid; position: relative; width: 100%; } 
.history_wrap::before { content: ""; display: inline-block; width: 1px; height: 100%; border-right: 1px solid #ddd; position: absolute; left: 50%; top: 0; } 
.history_wrap .month { font-weight: 600; font-size: 2rem; color: #111; /* width: 140px; */width: fit-content; } 
.history_wrap .month_now { color: #b6d7f4; font-size: 12px; } 
.history_wrap>ul { padding-top: 4rem; max-width: 1480px; width: 100%; margin: 0 auto; } 
.history_wrap>ul .impo { color: #111; font-weight: 500; } 
.history_wrap>ul>li { position: relative; width: 100%; margin-bottom: 10rem; } 
.history_wrap>ul>li.left > div { width: 50%; margin-right: auto; padding-right: 8rem; position: relative; } 
.history_wrap>ul>li.right > div { width: 50%; margin-left: auto; padding-left: 8rem; position: relative; } 
.history_wrap>ul>li.left div li { display: flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } 
#history .history_wrap>ul>li.left div li a { display: flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } 
#history .history_wrap>ul>li div li a { transition: all .4s; } 
#history .history_wrap>ul>li div li a:hover { color: var(--main-color) } 
.history_wrap>ul>li.left div li .month { order: 2; } 
.history_tit { position: relative; } 
/* left before */
.history_wrap>ul>li::before { display: block; content: ""; width: 6px; height: 6px; border: 4px solid #f34747; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); z-index: 1; box-sizing: content-box; border-radius: 50%; display: none; } 
.history_wrap>ul>.right::after { left: calc(50% + 3.6rem); display: none; } 
.history_wrap>ul>.right { margin-left: auto; } 
.history_wrap>ul>.left { text-align: right; position: relative; } 
.history_wrap>ul>.left::before { right: -9px; } 
.history_wrap>ul>li.left h4 { color: #ec2128; } 
.history_wrap>ul>li.right h4 { color: #ff6a4a; } 
.history_wrap>ul>li h4 { font-size: 3em; padding-bottom: 3rem; margin-bottom: 3rem; font-weight: 600; position: relative; } 
.history_wrap>ul>li.right h4::after { content: ''; display: block; width: calc(100% + 8rem); height: 1px; background: #dcdcdc; position: absolute; bottom: 0; left: -8rem; } 
.history_wrap>ul>li.left h4::after { content: ''; display: block; width: calc(100% + 8rem); height: 1px; background: #dcdcdc; position: absolute; bottom: 0; right: -8rem; } 
.history_wrap>ul>li> div ul>li { font-size: 2rem; position: relative; line-height: 1.9; font-family: 'Pretendard', sans-serif; word-break: keep-all; display: flex; color: #808080; } 
.history_wrap>ul>li>ul>li.emph { font-size: 24px; font-weight: 600; } 
.history_wrap>ul>li>ul>li.emph::after { top: 18px; } 
.history_wrap>ul>.right span.month { padding-right: 2.8rem; } 
.history_wrap>ul>.left span.month { padding-left: 2.8rem; } 
.history_wrap>ul span.dot_line { width: 2.4rem; height: 2.4rem; display: block; background: #fff; padding-right: 0; border: 1px dotted var(--main-color); border-radius: 50%; padding: 0.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 

/* PARTNER */
.partner_list { margin: 0 auto; display: flex; align-items: stretch; } 
.partner_list li { flex: 0 0 25%; text-align: center; padding: 2rem; border: 1px solid #ededed; display: flex; flex-direction: column; justify-content: flex-end; } 
.partner_list li p { padding-top: 2rem; font-size: 1.6rem; font-weight: 500; } 


/* LOCATION */
#location .contain2 .sub_inner_wrap > div:not(.current) { position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; } 
#location .contain2 .sub_inner_wrap > div.current { position: relative; } 
#location { position: relative; } 
#location .sub_inner_wrap { max-width: 1390px; } 
#location .location_tit { margin-bottom: 3rem; } 
#location .loca_wrap { display: flex; flex-direction: row; flex-wrap: wrap; padding: 5rem; box-shadow: 0 0 9px 0px #dcdcdcad; align-items: stretch; margin-bottom: 9rem; } 
#location .location_tit h3 { font-size: 2.25em; font-weight: 700; position: relative; padding-left: 2rem; } 
.location_info { margin-right: 5rem; width: 28%; } 
.location_map { flex-grow: 1; flex-basis: 0; } 
.loca_list { margin-top: 4rem; } 
.loca_list li { font-size: 1.8rem; color: #808080; display: flex; padding-bottom: 0.7rem; } 
.loca_list li span { display: block; flex: 1; } 
.loca_list li:last-child { padding-bottom: 0; } 
.loca_list li b { color: #222; font-weight: 600; flex: 0 1 12%; word-break: keep-all; } 
.loca_list li b i { font-size: 3rem; } 
.location_map >div { width: 100% !important; height: 100% !important; } 
.location_map >div .wrap_map { height: 100% !important; } 
#location .location_tit h3.vl::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 70%; background: var(--main-color); } 
#location #map a, #location #map2 a { width: auto; } 
.root_daum_roughmap .wrap_controllers { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-items: center; display: none; } 
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview { display: flex; flex-direction: row; flex-wrap: nowrap; width: 300px; justify-content: flex-end; align-items: center; } 
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview a.txt { text-align: center; } 

/* business1*/
.sub_visual_txt .busi_top { font-weight: 300; text-align: center; position: relative; margin-bottom: 4rem; font-size: 0; letter-spacing: 0; word-spacing: 0; } 
.sub_visual_txt .busi_top b { font-weight: 500; } 
.business .info_box h2 { font-weight: 600; font-family: 'SCoreDream'; } 
.business .info_box h2 span { display: block; } 
.business .info_box ul { color: #666; } 
.business .info_box ul.dot_1 li { padding-left: 2rem; position: relative; margin-bottom: 3.4rem; } 
.business .info_box ul.dot_1 li:before { content:''; display: block; position: absolute; left: 0; top: 1rem; width: 5px; height: 5px; background: var(--main-color); border-radius: 50%; } 
.business .info_box ul.dot_1 li h3 { font-family: var(--font-fam); } 
.business .info_box ul li h3 { font-size: 2.4rem; font-weight: 600; } 
.business .info_box ul li p { font-weight: 300; padding-top: 0.6rem; } 
.business .box_wrap .box.box2 > .img_box { order: 2; margin-right: 0; border-radius: 10px 0px 0px 10px; overflow: hidden; } 
.business .box_wrap .box.box1 > .info_box { margin-left: 6%; } 
.business .box_wrap .box.box2 > .info_box { margin-right: 6%; margin-left: 6%; } 
.business .box_wrap .box { display: flex; align-items: center; margin-bottom: 14rem; } 
.business .box_wrap .box2 { display: flex; justify-content: flex-end; } 
.business .box_wrap .box .info_box { flex-grow: 1; flex-basis: 0; margin-right: 6%; } 
.business .box_wrap .box > .img_box { max-width: 56%; border-radius: 0 10px 10px 0; overflow: hidden; } 
.business .half_box .box_wrap .box { margin-bottom: 0; } 
.business .half_box .box_wrap .box > div { width: 50%; margin-right: 0 !important; margin-left: 0; } 
.business .half_box .box_wrap .box > div.info_box { padding: 0 4% 0 6%; margin-left: 0; } 
.business .half_box h2 { font-size: 2.4em; font-weight: 700; } 
.business .img_list { display: flex; flex-direction: row; flex-wrap: wrap; } 
.business .contain4 .img_list { display: flex; flex-direction: row; flex-wrap: nowrap; width: 55%; max-width: fit-content; } 
.business .contain4 { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; position: relative; align-items: center; } 
.business .contain4 .hr { background: #fff; } 
.business .contain4 .img_list .img_box { margin-right: 1%; } 
.business .contain4 .img_list .img_box:last-child { margin-right: 0; } 
.business .contain4::before { content: ''; display: block; position: absolute; left: 0; width: 60%; height: 100%; background: #042e6f; z-index: -1; } 
.business .info_box .hr { margin-bottom: 5rem; margin-top: 4rem; background: #b8b8b8; height: 1px; width: 100%; } 
.business .contain4 .info_box { margin-right: 4%; margin-left: 7%; color: #fff; flex-basis: 0; flex-grow: 1; padding: 10rem 0; } 
.business .contain4.order { display: flex; justify-content: flex-start; } 
.business .contain4.order::before { content: ''; display: block; position: absolute; right: 0; width: 60%; height: 100%; background: #042e6f; z-index: -1; left: unset; } 
.business .contain4.order .info_box { order: 1; margin-right: 0; flex-grow: 1; margin-left: 7%; flex-basis: 0; padding: 0 3% 0 0; } 
.business .contain4.order .img_list { display: flex; justify-content: flex-start; flex-direction: row; } 
.business .contain4.no_bg::before { display: none; } 
.business .contain4.no_bg .info_box { color: #111; max-width: 60rem; } 
.business .contain5 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; } 
.business .contain5 .info_box { flex-grow: 1; margin-left: 7%; flex-basis: 0; } 
.business .contain5 .img_list { width: 57%; display: flex; justify-content: flex-start; } 
.business .contain5 .img_list .img_box { margin-right: 1%; } 
.business .contain5 .img_list .img_box:nth-child(1) { margin-bottom: 1%; } 
.business .contain5.order .img_list { display: flex; justify-content: flex-end; width: 55%; } 
.business .contain5 .img_list div:nth-child(2n-1) { margin-right: 0; } 

 /* SOLUTION */
#solution .contain2 { } 
#solution .box_wrap { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } 
#solution .box_wrap:nth-child(2) .info_box, #solution .box_wrap:nth-child(4) .info_box { order:1 } 
#solution .box { flex: 0 1 49%; margin-bottom: 2%; border: 1px solid #ededed; border-radius: 10px; overflow: hidden; } 
 #solution .box img { height: 100%; object-fit: cover; object-position: 0; } 
#solution .info_box { padding: 6rem; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } 
#solution .inner { color: #666; width: 100%; font-size: 2rem; } 
#solution .inner span { font-family: 'Orbitron'; } 
#solution .info_tit { } 
#solution .info_tit h2 { font-size: 3.6rem; font-weight: 600; color: #111; } 
#solution .info_tit span { color: var(--main-color); font-weight: 500; margin-bottom: 1rem; display: block; } 
#solution .info_list { padding: 2rem 0 3rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } 
#solution .info_list li { color: #666; position: relative; padding-left: 1rem; margin: 0.8rem 0; width: 50%; } 
#solution .info_list li.widfull { width: 100%; } 
#solution .info_list li::before { content:''; display: block; position: absolute; left: 0; top: 1.2rem; width: 3px; height: 3px; background: var(--main-color); } 
#solution .download_btn { border: 1px solid #666; border-radius: 50px; /* padding: 1.2rem 4rem; */display: inline-block; font-size: 1.6rem; transition: all .3s; } 
#solution .download_btn a { color: #666; transition: all .3s; padding: 1.2rem 4rem; } 
#solution .download_btn:hover { border: 1px solid #ffffff; box-shadow: 0px 0px 6px 0px #f61d24; } 
#solution .download_btn:hover a { color: #f31c1f; } 

/* CONSULTING */
#consulting { } 
#consulting .info_box h2 { font-size: 3.4rem; padding-bottom: 3rem; } 
#consulting .info_box p { font-size: 2.4rem; margin-bottom: 8rem; } 
#consulting .consult_dot li { padding-left: 1.6rem; position: relative; margin-bottom: 1rem; } 
#consulting .consult_dot li::before { content:''; display:block; position: absolute; left:0; width:3px; height:3px; border-radius:50%; background:#111; top:12px } 
#consulting .pink { background: #ffe9eb; } 
#consulting .ivory { background: #f4f4f4; } 
#consulting .contain3 .consult_design_wrap { width: 90%; margin: 0 auto; padding-bottom: 14rem; position: relative; } 
#consulting .contain3 .consult_design_wrap .img_box img { display: block; margin: 0 auto; } 
#consulting .contain3 .consult_design_wrap h3 { width: 37%; min-width: 240px; background: var(--main-color); color: #fff; padding: 2.4rem; border-radius: 38px; text-align: center; font-size: 2.6rem; font-weight: 500; margin: 0 auto; } 
#consulting .contain3 .consult_design_wrap .sec_box { display: flex; justify-content: space-between; align-items: flex-start; } 
#consulting .contain3 .consult_design_wrap .info_box ul li { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; } 
#consulting .contain3 .consult_design_wrap .sec_box section { width: 48%; font-size: 1.8rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } 
#consulting .contain3 .consult_design_wrap .sec_box h4 { background: #fff; border: 2px solid var(--main-color); padding: 4rem; text-align: center; margin-bottom: 2%; width: 100%; font-size: 2.4rem; } 
#consulting .contain3 .consult_design_wrap .sec_box .box { width: 49%; padding: 2.2rem; position: relative; } 
#consulting .contain3 .consult_design_wrap .info_box { display: inline-block; border: 1px dotted #ddd; padding: 2rem; position: absolute; bottom: 0; right: 0; font-size: 1.9rem; } 
#consulting .contain3 .consult_design_wrap .info_box li:nth-child(2n) { padding: 0 2rem; } 
#consulting .contain3 .consult_design_wrap .info_box span { display: inline-block; width: 4rem; height: 2rem; margin-right: 1rem; } 
#consulting .contain4 article h3 { color:var(--main-color); position: absolute; top: 50%; left: 20%; transform: translateY(-50%); font-size: 2.4rem; } 
#consulting .contain4 article { position: relative; width: 33.33%; } 
#consulting .contain4 article .img_box { position: relative; } 
#consulting .contain4 article ul { position: absolute; left: 45%; top: 90%; font-size: 1.9rem; } 
#consulting .contain4 article ul li { word-break: keep-all; } 
#consulting .contain4 .info_graphic_wrap { position: relative; padding-top: calc(174px * 2); width: 92%; margin: 0 auto; padding-bottom: 16rem; border-bottom: 1px dashed #b6b6b6; } 
#consulting .contain4 .info_graphic_wrap .arti2 { bottom: calc(174px * 1 + -18px); left: -3%; } 
#consulting .contain4 .info_graphic_wrap .arti3 { bottom: calc(174px * 2 - 45px); left: -6%; } 
#consulting .wrap4 .info_graphic_wrap { display: flex; align-items: stretch; } 
#consulting .wrap4 .info_graphic_wrap h3 { text-align: center; color: #fff; padding: 2rem; border-radius: 10px; font-size: 2.6rem; font-weight: 500; margin-bottom: 4%; background: linear-gradient(45deg, #ffa100, #fd1b1b); } 
#consulting .wrap4 .info_graphic_wrap .arti2 h3 { background: linear-gradient(45deg, #fd1b1b, #ffa100); } 
#consulting .wrap4 .info_graphic_wrap .arti3 h3 { background: linear-gradient(45deg, #ffa100, #fd1b1b); } 
#consulting .wrap4 .info_graphic_wrap ul { border: 1px solid #a29e9e; padding: 2.4rem 3rem; border-radius: 10px; font-size: 1.8rem; height: fit-content; min-height: 32rem; } 
#consulting .wrap5 { border-left: 4px solid var(--main-color); border-right: 4px solid var(--main-color); position: relative; } 
#consulting .wrap5::before { content:''; display:block; position: absolute; right:0; top: 0; background:url(../../img/consult_bg_letter.png) no-repeat center center / contain; width: 100%; height: 19rem; } 
#consulting .wrap5 .tit_box h2 { font-size: 3.4rem; } 

/* INQUIRY */
#inquiry2 p.in2_p { padding-bottom: 2rem; color: #000; opacity: 0.4; } 
#inquiry2 .new_in_1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
#inquiry2 .inquiry_wrap section { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; width: calc(100% / 2 - 1rem); margin-bottom: 2rem; background: #f7f7f7; align-items: center; padding: 0.5rem 3rem; } 
#inquiry2 .inquiry_wrap section h4 { margin-right: 1rem; min-width: 94px; } 
#inquiry2 .inquiry_wrap section div { flex-grow: 1; flex-basis: 0; margin-bottom: 0; } 
#inquiry2 .inquiry_wrap section div.file_wrap { display: flex; align-content: center; align-items: center; } 
#inquiry2 .inquiry_wrap section .filebox input { flex-grow: 1; flex-basis: 0; } 
#inquiry2 .inquiry_wrap section input { border: unset; padding: 0.5rem; background: unset; height: 6rem; width: 100%; outline: none; -webkit-appearance : none; -moz-appearance: none; appearance: none; color: #b7b7b7; font-weight: 400; } 
#inquiry2 .inquiry_wrap section input::placeholder { font-weight: 400; color: #b7b7b7 } 
#inquiry2 input:focus,#inqruiy2 { outline: none; box-shadow: unset; border: unset !important; } 
#inquiry2 textarea:focus { outline: none; box-shadow: unset; border: unset !important; } 
#inquiry2 .width100 { width: 100% !important; } 
#inquiry2 .inquiry_wrap section textarea { border: unset; background: unset; height: 200px; width: 100%; padding: 2rem 0; } 
#inquiry2 .inquiry_wrap section div.check_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 7rem; justify-content: space-between; } 
#inquiry2 .inquiry_wrap section div.check { flex-grow: unset; flex-basis: auto; border: 1px solid #6b6b6b; padding: 1rem; margin-left: 1rem; display: flex; align-items: center; cursor: pointer; } 
#inquiry2 .inquiry_wrap section div.check i { margin-left: 1rem; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt { display: flex; align-content: center; flex-direction: row; align-items: center; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt input { display: none; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt i { margin-right: 1rem; font-size: 2rem; } 
#inquiry2 .inquiry_wrap section div.check_wrap input i { height: auto; width: auto; display: none; } 
#inquiry2 .inquiry_wrap section div.check_wrap label { display: flex; align-items: flex-start; cursor: pointer; } 
.agree_txt input[id="agree1"] + label i::before { content: "\e92c"; } 
.agree_txt input[id="agree1"]:checked + label i::before { content: "\e92b"; color: #000; } 
#inquiry2 .inquiry_wrap section.message_wrap h4 { margin-top: 2rem; } 
.file_wrap input::file-selector-button { margin-right: 1rem; background: #222; color: #fff; font-family: 'GmarketSans'; padding: 1rem; border: unset } 
#inquiry2 .inquiry_wrap section div.file_wrap input { height: 100%; margin: 0.5rem; } 
.btn_submit1:hover { background: var(--main-color); } 
.btn_submit1 { border: unset; background: var(--main-color); background: #111; color: #fff; text-align: center; width: 220px; height: 60px; font-size: 18px; display: block; margin: 4rem auto; transition: all .4s; } 
/************************************* RESPONSIVE *******************************************/
@media (max-width: 1700px){
 #inquiry .inquiry_wrap { width: 87%; margin: 0 auto; } 
 .write-tbl th { width: 20%; } 
 }
@media (max-width: 1360px){
 .business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list { width: 240px; } 
 .sub_visual_box { height: 50rem; } 
 .business_top .sub_visual_txt { width: 60%; } 
 .business_top .sub_visual_txt h2 { font-size: 4rem; } 
 .sub_visual_txt h2 { font-size: 6.8rem; } 
 }
@media (max-width: 1270px){
 .fs_48 { font-size: 2.4em; } 
 .sub_com .sub_tit_30 { font-size: 2.6rem; } 
 .frame_wrap1 ul li .info_box .bottom_box { height: 140px; } 
 /* VSION */
 #vision .contain3 .box2 { height: 34vw; margin: 4rem 0; } 
 .fs_36 { font-size: 3.2rem; } 
 /* LOCATION */
 #history .contain2 { height: 34rem; } 
 .business .contain4 .img_list .img_box { margin-right: 0; width: 100%; } 
 .business .contain4 .img_list { display: flex; flex-direction: column; } 
 .business .contain4 .img_list .img_box { margin-bottom: 0; } 
 }
@media (max-width: 1080px){
 .sub_visual_txt h2 { font-size: 5.8rem; } 
 .top_sub_tit, .top_tit1 { font-size: 4.4rem; } 
 .tab_list div { height: 7.4rem; } 
 .flex_title .p_wrap { text-align: left; } 
 .sub_tit2 h2 { font-size: 2.6em; } 
 .hr { width: 6rem; margin-top: 2rem; margin-bottom: 4rem; } 
 .sub_inner_wrap { font-size: 1.4rem; } 
 .sub_com { padding: 0 0 7rem; } 
 .business_top .sub_visual_txt { width: 80%; } 
 .business_top_menu .tab_sub_menu { left: 2%; bottom: 4%; position: absolute; width: fit-content; } 
 .business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list { width: 400px; } 
 .business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:first-child { margin-right: calc(66.6% - 0px); } 
 .business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li { flex: 1 1 calc(33.3% - 1px); } 
 .business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:nth-child(3) { border-right: unset; } 
 .business_top_menu.visual_menu_wrap .tab_sub_menu .tab_menu_list li:last-child { margin-left: 0; border-top: 1px solid #fff; } 
 .business .info_box .hr { margin-bottom: 4rem; margin-top: 3rem; } 
 /* greeting*/
#greeting .box1 h2 { font-size: 4rem; width: 66%; margin-top: 10rem; } 
 #greeting .box1 h2 br { display: none; } 
 #greeting .info_box { } 
#greeting .box2 { z-index: -1; position: absolute; right: 0; top: -5%; } 
 /* business*/
 .business .info_box ul li h3 { font-size: 2.2rem; } 
 /* partner */
 .partner_list li { } 
 /* VISION 1080 */
 .p4 p, .fs_30 { font-size: 1.7em; } 
 #vision .contain3 .box1 .p_wrap p { margin-left: 4%; padding: 0 3rem; } 
 #vision .contain4 { padding-top: 2rem; } 
 .vision_tit p { font-size: 2.7em; padding: 3rem; } 
 .vision_tit::before { width: 4rem; height: 4rem; } 
 .vision_tit::after { width: 4rem; height: 4rem; } 
 /* HISTORY */
 .history_wrap>ul>li { margin-bottom: 7rem; } 
 /* LOCATION */
 .loca_list li b { width: fit-content; margin-right: 2rem; } 
 .loca_list li { font-size: 1.9rem; } 
 .loca_list li br { display: none; } 
 .location_info { width: 40%; } 
 .ci_info_wrap2 li .app_box { height: 18rem; } 
 .ci_info_wrap2 li p { font-size: 1.8rem; padding: 1rem; } 
 .q_inno_wrap .img_box h3 { font-size: 2.4rem; border-radius: 50%; background: #fff; z-index: 5; } 
 /* BUSINESS */
 .business .box_wrap .box.box2 > .img_box { order: unset; width: 90%; } 
 .business .box_wrap .box > .img_box { max-width: unset; } 
 .business .box_wrap .box { display: flex; flex-wrap: wrap; } 
 .business .box_wrap .box { margin-bottom: 8rem; } 
 .business .box_wrap .box .info_box { flex-basis: 100%; margin-top: 4rem; } 
 .business .box_wrap .box1 .img_box { width: 90%; } 
#solution .info_box { padding: 3rem; } 
 #solution .info_tit h2 { font-size: 3rem; } 
 #solution .info_list li { font-size: 1.7rem; word-break: keep-all; } 
#solution .info_list li { width: 100%; } 
 #consulting .info_box h2 { font-size: 3rem; padding-bottom: 2rem; } 
 #consulting .info_box p { font-size: 2rem; margin-bottom: 5rem; } 
 #consulting .contain3 .consult_design_wrap h3 { font-size: 2.3rem; padding: 1.8rem; } 
 #consulting .contain3 .consult_design_wrap .sec_box h4 { padding: 3rem 1rem; font-size: 2.2rem; } 
 #consulting .contain3 .consult_design_wrap .img_box img { width: 50%; } 
 #consulting .contain3 .consult_design_wrap .sec_box .box { padding: 2rem; font-size: 1.5rem; } 
 #consulting .contain4 article ul { width: 89%; font-size: 1.7rem; } 
 #consulting .wrap4 .info_graphic_wrap ul { font-size: 1.7rem; word-break: keep-all; padding: 2rem 2rem; min-height: 31rem; } 
 #consulting .wrap4 .info_graphic_wrap h3 { padding: 1.4rem 1rem; font-size: 2.2rem; } 
 #consulting .wrap5::before { height: 17rem; } 
 #consulting .wrap5 .tit_box h2 { font-size: 2.8rem; width: 80%; margin: 0 auto; } 
 }
@media (max-width: 768px) { /* 문의하기 */
 #inquiry2 .inquiry_wrap section { width: 100%; } 
 #inquiry2 .inquiry_wrap section div.check_wrap { width: 100%; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; } 
 #inquiry2 .inquiry_wrap section div.check { padding: 0.5rem; margin: 1rem 0; } 
 .agree_txt label { padding-left: 0; } 
 #inquiry2 .inquiry_wrap section div.check_wrap .agree_txt input { } 
 #inquiry2 section.in_check_sec { display: flex; flex-direction: row; padding-top: 2rem; padding-bottom: 3rem; } 
 #inquiry2 section.in_check_sec h4 { width: 100%; padding-bottom: 0rem; } 
 /* 문의끝 */
 .sub_visual_txt h2 { font-size: 4.8rem; } 
 .business_top .sub_visual_txt { width: 84%; } 
 .sub_visual_txt .busi_top { margin-bottom: 1rem; } 
 .container .tb_wrap table th, .container .tb_wrap table td { padding: 3rem; } 
 .visual_menu_wrap .tab_sub_menu::before { width: 100%; height: 100%; background: rgb(0 0 0 / 34%); backdrop-filter: blur(3px); } 
 .frame_wrap1 ul li .info_box .bottom_box { height: 167px; padding: 2rem; } 
 .sub_tit4 { margin-bottom: 5rem; } 
 .sub_tit4 h4 span { left: 1rem; } 
 .sub_tit2 h2 { font-size: 2.2em; } 
 .tab_list div { height: 6.4rem; padding: 1rem; font-size: 1.7rem; } 
 .p2 p br, .fs_20 br { display: none; } 
 .p4 p, .fs_30 { font-size: 1.5em; } 
 .tit_box p br { display: none; } 
 /* greeting*/
 #greeting .contain2 { } 
 #greeting .contain3 .box_wrap { display: flex; flex-wrap: wrap; } 
 #greeting .contain3 .box1 { margin-right: 0; width: 100%; } 
 #greeting .contain3 .box { flex: 1 1 100%; } 
 #greeting .contain4 > div .box ul li { padding: 3rem 2rem; flex: 1 1 33%; } 
 #greeting .contain5 .box2 ul li { flex: 0 1 49%; } 
 #greeting .contain5 .box2 ul li p { padding: 1rem 1rem 3rem; } 
 #greeting .contain4 > div .box ul li .img_box img { height: 4rem; } 
 #greeting .contain4 > div .box ul li .info_box > b { margin-bottom: 1rem; font-size: 2rem; } 
 .sub_com { padding: 0 0 6rem; } 
 .container { margin-bottom: 7rem; } 
 .sub_visual_box { } 
 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li.on::before { width: 100%; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list { } 
 /* VISION */
 .vision_tit { background-size: cover; } 
 .vision_tit::before { top: 2rem; } 
 .vision_tit::after { bottom: 2rem; } 
 .vision_tit p { font-size: 2.4em; padding: 2rem; } 
 #vision .contain3 .box2 .cir .inner .top_box b { font-size: 5rem; } 
 #vision .contain3 .box2 .cir .inner .top_box .hr { margin-top: 1rem; margin-bottom: 2rem; width: 3rem; } 
 #vision .contain4 .box1 ul li:hover .hover_info_box { width: 90%; padding: 2rem; } 
 #vision .contain3 .box2 .cir .inner .bottom_box { width: 80%; } 
 #vision .contain4 .box1 ul li { width: 32%; height: 45rem; } 
 #vision .contain4 .box1 ul li .hover_info_box p.fs_20 { width: 90%; } 
 /* HISTORY */
 .history_wrap>ul { padding-top: 10rem; } 
 .history_wrap>ul>li { margin-bottom: 4rem; } 
 .history_wrap>ul>li.left > div { padding-right: 4rem; } 
 .history_wrap>ul>li.right > div { padding-left: 4rem; } 
 .history_wrap>ul>li h4 { font-size: 2.5em; padding-bottom: 2rem; margin-bottom: 2rem; } 
 .history_wrap>ul>.left span.month { padding-left: 2rem; } 
 .history_wrap>ul>.right span.month { padding-right: 2rem; } 
 .right .ball_wrap { left: -5.8rem; } 
 .history_wrap>ul>li.left h4::after { width: calc(100% + 4rem); right: -4rem; } 
 .history_wrap>ul>li.right h4::after { width: calc(100% + 4rem); left: -4rem; } 
 .left .ball_wrap { right: -6rem; } 
 /* LOCATION */
 .loca_list li { font-size: 1.8rem; } 
 .loca_list { margin-top: 2rem; } 
 .location_info { margin-right: 3rem; } 
 #location .loca_wrap { padding: 3rem; display: flex; flex-direction: row; flex-wrap: nowrap; } 
 }
@media (max-width: 680px){
 .ci_info_wrap2 li .app_box { height: 14rem; } 
 .sub_tit2 h2 { font-size: 2em; } 
 .flex_title .p_wrap { padding-bottom: 4rem; /* padding: 0 2rem; */ } 
 .contain_q .p_wrap { height: auto; } 
 .flex_title { display: flex; flex-wrap: wrap; } 
 .hr { width: 5rem; margin-top: 2rem; margin-bottom: 3rem; } 
 .hr3_bg ul li:nth-child(2)::before { transform: rotate(90deg); } 
 .hr3_bg ul li:nth-child(3) { order: 4 } 
 .hr3_bg ul li:nth-child(4) { order: 3; } 
 .hr3_bg ul li { flex: 0 0 46%; margin-bottom: 6%; position: relative; } 
 .hr3_bg ul li:nth-child(3)::before { order: 4; transform: rotate(180deg); } 
 .hr3_bg ul li:nth-child(2) .icon_box { height: 5rem; } 
 .hr3_bg ul li .inner { position: absolute; } 
 }
@media (max-width: 480px){
 .hr3_bg ul li .info_box h4 { font-size: 1.9rem; } 
 .hr3_bg ul li .icon_box { width: 5rem; height: 6rem; } 
 .business_top .sub_visual_txt p { font-size: 1.6em; } 
 .sub_com .sub_tit_30 { font-size: 2.3rem; } 
 .fs_48 { font-size: 1.8em; } 
 .contain1 { margin-top: 4rem; } 
 /* 조직문화 */
 .tit_box { } 
 .culture_wrap .cul_box { flex: 0 1 100%; margin-bottom: 5rem; } 
 .culture_wrap .cul_box p { height: auto; font-size: 1.5em; word-break: keep-all; } 
 .q_inno_wrap .ul_1 >li:nth-child(1) .ul_2, .q_inno_wrap .ul_1 >li:nth-child(3) .ul_2 { margin-left: 1rem; } 
 /* COMMON */
 .fs_36 { font-size: 2.2rem; } 
 .sub_tit2 h2 { font-size: 2.2em; } 
 .container { margin-bottom: 4rem; } 
 .p1 p { font-size: 1.6em; } 
 .p3 p { font-size: 1.6rem; } 
 .hr { width: 5rem; margin-top: 1.5rem; margin-bottom: 2.5rem; } 
 .top_sub_tit, .top_tit1 { font-size: 2.8rem; padding-top: 3rem; } 
 .sub_visual_box { height: 34rem; } 
 .visual_menu_wrap { bottom: 0; position: absolute; height: auto; } 
 .visual_menu_wrap.odd_num ul.tab_menu_list li { flex: 1 1 33%; } 
 .sub_inner_wrap { font-size: 1.3rem; } 
 /* sub_visual */
 .sub_visual_txt { font-size: 1rem; } 
 .sub_visual_txt h2 { font-size: 3.5em; padding-bottom: 2rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list { } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li { flex: 1 1 50%; height: 4rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on { } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li::before { content: ''; display: block; position: absolute; height: 100%; width: 1px; background: #ffffff59; top: 0; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li::after { content: ''; display: block; position: absolute; height: 1px; width: 100%; background: #ffffff59; bottom: 0; } 
 .visual_menu_wrap .tab_sub_menu { height: auto; } 
 .sub_visual_txt { top: 54%; } 
 .tit_box .hr { margin: 2rem auto; } 
.visual_menu_wrap .tab_sub_menu .tab_menu_list li.on a::before { content: ''; display: block; position: absolute; left: 0; top: 0; transform: translateX(-50%); background: #ffffff59; width: 1px; height: 100%; opacity: 1; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li a { font-size: 1.5rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on a span::before { display: block; width: 0.8rem; height: 0.8rem; left: -6px; top: 0; border-radius: 50%; background: var(--sub-color); } 
 /* greeting */
 #greeting .box1 h2 { width: 77%; font-size: 2.8rem; margin-top: 19rem; margin-bottom: 3rem; } 
 #greeting .box2 { top: 0; width: 61%; } 
 #greeting .last span { font-size: 2.6rem; } 
 #greeting .p_wrap p { padding-bottom: 2rem; } 
 /* business */
 .business .info_box .hr { margin-bottom: 2.5rem; margin-top: 1.5rem; } 
 .business .box_wrap .box { margin-bottom: 5rem; } 
 .business .info_box ul.dot_1 li { margin-bottom: 2rem; padding-left: 1.6rem; } 
 .business .info_box ul li h3 { font-size: 1.7rem; font-weight: 500; } 
 .business .info_box ul li p { font-size: 1.6rem; } 
 .business .info_box ul.dot_1 li:before { top: 0.6rem; } 
 /* PARTNER */
 .partner_list li { flex: 1 0 31%; width: 33.2%; padding: 1rem 2rem; } 
 .partner_list li .img_box { width: 100%; } 
 .partner_list li .img_box img { /* max-height: 50px; */ } 
 /* VISON */
 .vision_tit p { font-size: 2em; width: 90%; margin: 0 auto; } 
 .vision_tit::before { top: 1rem; width: 3rem; } 
 .vision_tit::after { bottom: 1rem; height: 3rem; } 
 #vision .contain3 .box1 .p_wrap p { margin-left: 0; } 
 #vision .contain3 .box1 { display: flex; flex-wrap: wrap; } 
 .contain_q .p_wrap { width: 100%; } 
 #vision .contain3 .box2 li { width: 33.3%; position: relative; top: unset !important; left: unset !important; right: unset !important; bottom: unset !important; margin: 0 auto; margin-bottom: 5%; border-radius: 0; } 
 #vision .contain3 .box2 ul { display: flex; flex-wrap: wrap; } 
 #vision .contain3 .box2 .cir1 { background: #3489f9; } 
 #vision .contain3 .box2 li:before { padding-bottom: 0; } 
 #vision .contain3 .box2 .cir2 { background: #13335c; } 
 #vision .contain3 .box2 .cir3 { background: #2460ad; } 
 #vision .contain3 .box2 { background: unset; height: auto; } 
 #vision .contain3 .box2 .cir .inner { position: relative; } 
 #vision .contain3 .box2 .cir .inner .top_box { padding-top: 2rem; } 
 #vision .contain3 .box2 .cir .inner .bottom_box { padding-bottom: 3rem; } 
 #vision .contain3 .box2 .cir .inner .top_box .hr { margin-top: 2rem; margin-bottom: 2rem; opacity: 0; } 
 #vision .contain3 .box2 .cir .inner .top_box b { font-size: 4rem; top: 4rem; } 
 #vision .contain4 .box1 ul li { width: 100%; height: auto; margin-bottom: 1.5rem; position: relative; border-radius: 3rem; overflow: hidden; } 
 #vision .contain4 .box1 ul li::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #11111170; z-index: 1; border-radius: 3rem; } 
 #vision .contain4 .box1 ul li:hover .img_box::before { bottom: 0; top: unset; display: none; } 
 #vision .contain4 .box1 ul li:hover .hover_info_box { transform: unset; padding: 2rem; position: absolute; z-index: 2; bottom: 0; top: unset; } 
 #vision .contain4 .box1 ul li .img_box img { height: 240px; object-fit: cover; width: 100%; max-width: unset; } 
 #vision .contain4 .box1 ul li .hover_info_box { color: #fff; position: absolute; z-index: 2; width: 100%; top: unset; bottom: 0; padding: 2rem 4rem; } 
 #vision .contain4 .box1 ul li .hover_info_box p.fs_20 { margin-bottom: 2rem; width: 100%; } 
 #vision .contain4 .box1 ul li .hover_info_box p.fs_24 { opacity: 1; } 
 /* HISTORY */
 #history .contain2 { height: 24rem; background-size: cover; } 
 .history_wrap::before { left: 9.2%; } 
 .history_wrap>ul { margin-left: 5%; margin-right: 4%; padding-top: 8rem; } 
 .left .ball_wrap { right: unset; left: 0; } 
 .right .ball_wrap { left: 0; } 
 .history_wrap>ul>li::before { left: 5%; } 
 .history_wrap>ul>.right::after { left: 9%; } 
 .history_wrap>ul>.left { text-align: left; padding-left: 0.5rem; margin-bottom: 8rem; } 
 .history_wrap>ul>.left::after { right: unset; left: 10%; } 
 .history_wrap>ul>li.left div li .month { order: unset; padding-left: unset; padding-right: 1rem; } 
 .history_wrap>ul>li.left div li { justify-content: flex-start; } 
 .history_wrap>ul>.left> div ul>li::after { right: unset; left: -1.8rem; width: 0.7rem; height: 0.7rem; top: 11px; } 
 .history_wrap>ul>li ul { padding-left: 6rem; } 
 .history_wrap::after { font-size: 60px; } 
 #history .tit_wrap { text-align: left; padding: 30px 30px 10px; } 
 .history_wrap .month { font-size: 15px; } 
 .history_wrap>ul>li> div ul>li { font-size: 1.7rem; } 
 .history_wrap>ul>.right> div ul>li::after { top: 11px; width: 0.7rem; height: 0.7rem; } 
 .history_wrap>ul>li.left > div { padding-right: 0; width: 94%; } 
 .history_wrap>ul>li.right > div { width: 95%; padding-left: 0; margin-left: 0; } 
 .history_wrap>ul>li h4 { padding-left: 6rem; font-size: 1.6em; } 
 .history_wrap>ul>li.right h4::after { left: 0; } 
 .tab_list div { flex: 0 1 49%; margin-bottom: 2%; height: 5.4rem; } 
 .tab_disap .tab_list > div { margin-right: 2%; } 
 .frame_wrap3 .box2 ul { display: flex; flex-direction: column; } 
 .frame_wrap3 .box2 ul li { margin-bottom: 4rem; } 
 .frame_wrap3 .box2 { margin-bottom: 4rem; } 
 .frame_wrap3 .ci_info_wrap .color_box_wrap { margin-right: 0; flex: 1 0 100%; margin-bottom: 2rem; } 
 .frame_wrap3 .ci_info_wrap .color_box_wrap .color_box { height: 18rem; width: 40%; } 
 #ci .contain6 { padding: 6rem 0; padding-bottom: 10rem !important; } 
 .ci_info_wrap2 { display: flex; flex-wrap: wrap; } 
 .ci_info_wrap2 li { flex: 0 1 48%; margin-bottom: 4%; } 
 .location_info { margin-right: 0; width: 100%; margin-bottom: 3rem; } 
.loca_list li b {min-width: 4rem;margin-right: 0;} 
 .loca_list li span { font-size: 1.6rem; } 
 .location_map { width: 100%; height: 280px; flex: 1 1 100%; } 
 #location .loca_wrap { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 0; } 
 /* VALUE */
 .tab_list.value_tab_list diV { flex: 0 1 32%; } 
 .inno_wrap { margin-top: 0; } 
 .picto_info .ul_1 >li .icon_box { margin-right: 0; width: 100%; margin-bottom: 2rem; } 
 .picto_info .ul_1 >li { display: flex; flex-direction: column; align-items: center; align-content: center; height: auto; } 
 .picto_info .ul_1 >li .info_box h3 { text-align: center; } 
 .picto_info .ul_2 > li::before { top: 6px; } 
 .tech_inno_wrap .img_box { width: 40%; } 
 .q_inno_wrap .ul_1 >li { display: flex; justify-content: flex-start; flex-direction: column; align-content: flex-start; align-items: flex-start; } 
 .q_inno_wrap .ul_1 { display: flex; align-items: stretch; justify-content: space-between; } 
 .q_inno_wrap .ul_2 > li::before { top: 10px; } 
 .q_inno_wrap .ul_1 >li:nth-child(2) .ul_2, .q_inno_wrap .ul_1 >li:nth-child(4) .ul_2 { margin-left: 1rem; } 
 .manage_inno_wrap .img_wrap .img_box { flex: 0 0 100%; margin-bottom: 3rem; } 
 #value .manage_inno_wrap { margin-bottom: 6rem; margin-top: 0; } 
 .q_inno_wrap .ul_1 >li h4 { font-size: 2rem; } 
 .frame_wrap1 ul li { flex: 0 1 100%; margin-bottom: 4rem; } 
 .frame_wrap1 ul li .info_box .bottom_box { height: auto; } 
 .pic_wrap .circle_wrap .info_box p { display: none; } 
 .pic_wrap .pic_info li .info_box h3 { font-size: 1.4rem; } 
 .pic_wrap .circle_wrap .icon_wrap { width: 5rem; height: 5rem; } 
 #certi #tab_1 .img_box { width: 12rem; } 
 #certi #tab_2 .frame_wrap2 ul li .img_box img { width: 80%; height: 60px; object-fit: contain; } 
 .frame_wrap2 ul li .top_box p { font-size: 1.7em; } 
 .frame_wrap2 ul li .top_box { padding-left: 5%; } 
 .frame_wrap2 ul li .top_box p { line-height: 1.3; } 
 .contain_q .p_wrap p:before { display: none; } 
 .contain_q .p_wrap p:after { display: none; } 
 .contain_q .p_wrap p { padding: 0; } 
 .frame_wrap5 { margin-top: 0; } 
 .frame_wrap5 ul li { flex: 0 1 100%; margin-bottom: 4rem; height: 280px; } 
 .frame_wrap5 ul li .inner { top: 50%; transform: translate(-50%, -50%); bottom: unset; } 
 .frame_wrap6 ul { margin-top: 0; } 
 .frame_wrap6 ul li { flex: 1 1 calc(100% / 3); } 
 .frame_wrap4 ul li { padding: 2rem; flex: 0 1 100%; margin-bottom: 2rem; } 
 .culture_wrap .cul_box .tit_box h2 { font-size: 2em; } 
 .container .tb_wrap table th { width: fit-content; } 
 .container .tb_wrap table th, .container .tb_wrap table td { padding: 1.5rem; font-size: 1.7rem; } 
 .container .tb_wrap table td ul li { display: flex; flex-direction: column; margin-bottom: 2rem; } 
 .container .tb_wrap { overflow-x: scroll; } 
 .container .tb_wrap table { width: 140%; } 
 .business_top .sub_visual_txt h2 { padding-bottom: 0; font-size: 3.4rem; word-break: keep-all; } 
 .business_top .visual_menu_wrap .tab_sub_menu .tab_menu_list li { flex: 1 1 50%; } 
 .business .contain4::before { width: 100%; } 
 .business .contain4 .info_box { margin-right: 10%; padding: 6rem 0; } 
 .business .container { margin-bottom: 3rem; } 
 #business3 .info_box h2 { font-size: 1.6em; } 
 .business .contain4 .img_list .img_box { margin-bottom: 4%; } 
 .business .box_wrap .box .info_box { margin-top: 3rem; } 
 .sub_visual_txt .busi_top { margin-bottom: 2rem; } 
 .container .tb_wrap table th .inner .icon_box { width: 4rem; height: 4rem; margin-right: 2rem; } 
 #solution .box { flex: 0 1 100%; } 
 #solution .info_tit h2 { font-size: 2.2rem; } 
#solution .info_tit span { font-size: 1.6rem; } 
 #solution .info_list { padding: 1rem 0 1rem; } 
 #solution .info_list li { width: 50%; width: 100%; font-size: 1.5rem; margin: 0.5rem; } 
 #solution .download_btn { display: block; width: fit-content; margin-left: auto; } 
 #solution .box_wrap .img_box { order: 1; } 
 #solution .box_wrap { margin-bottom: 3rem; border-bottom: 1px solid #ededed; padding-bottom: 2rem; } 
 #solution .box_wrap .info_box { order: 2; padding: 2rem; } 
 #solution .box_wrap:nth-child(2) .info_box, #solution .box_wrap:nth-child(4) .info_box { order: 2; } 
 #solution .download_btn a { padding: 1rem 3rem; font-size: 1.4rem; } 
 #part4.box_wrap { border-bottom: 0; } 
 #part4.info_list li { width: 100%; } 
 /* consulting */
 #consulting .info_box h2 { font-size: 2.4rem; padding-bottom: 2rem; } 
 #consulting .info_box p { font-size: 1.7rem; margin-bottom: 5rem; } 
 #consulting .contain3 .consult_design_wrap h3 { font-size: 2rem; padding: 1.5rem; } 
 #consulting .contain3 .consult_design_wrap .sec_box h4 { padding: 0 1rem; font-size: 1.8rem; height: 7.6rem; display: flex; justify-content: center; align-items: center; } 
 #consulting .contain3 .consult_design_wrap .img_box img { width: 50%; } 
 #consulting .contain3 .consult_design_wrap .sec_box .box { width: 100%; padding: 1rem; word-break: keep-all; } 
 #consulting .contain3 .consult_design_wrap { padding-bottom: 10rem; } 
 #consulting .contain3 .consult_design_wrap .info_box { padding: 1rem; font-size: 1.4rem; } 
 #consulting .contain4 .info_graphic_wrap { height: 526px; } 
 #consulting .contain4 article { position: absolute; width: 80%; } 
 #consulting .contain4 .info_graphic_wrap .arti3 { top: 4%; right: 0; left: unset; } 
 #consulting .contain4 .info_graphic_wrap .arti2 { left: 10%; bottom: unset; top: 31%; } 
 #consulting .contain4 .info_graphic_wrap .arti2 ul { top: 71%; display: flex; flex-wrap: wrap; } 
 #consulting .contain4 .info_graphic_wrap .arti2 ul li { flex: 1 0 80%; width: 100%; margin-bottom: 0; font-size: 1.6rem; } 
 #consulting .contain4 .info_graphic_wrap .arti2 ul li:nth-child(1) { flex: 1 0 100%; } 
 #consulting .contain4 article h3 { font-size: 2rem; } 
 #consulting .contain4 .info_graphic_wrap .arti3 ul { top: 30%; } 
 #consulting .wrap4 .info_graphic_wrap > article { width: 100%; margin-right: 0; margin-bottom: 4rem; } 
 #consulting .contain4 article ul { width: 105%; font-size: 1.7rem; } 
 #consulting .wrap4 .info_graphic_wrap ul { font-size: 1.6rem; word-break: keep-all; padding: 2rem 2rem; min-height: fit-content; } 
 #consulting .wrap4 .info_graphic_wrap h3 { padding: 1.4rem 1rem; font-size: 2.2rem; } 
 #consulting .wrap5::before { z-index: -1; top: 7rem; } 
 #consulting .wrap5 .tit_box h2 { font-size: 2rem; width: 80%; margin: 0 auto; } 
 .partner_list li p { font-size: 1.4rem; word-break: keep-all; } 

 /* 문의하기 */
 #inquiry2 p.in2_p { font-size: 1.5rem; } 
 #inquiry2 .inquiry_wrap section { padding: 1rem 2rem; } 
 #inquiry2 .inquiry_wrap section h4 { min-width: fit-content; font-size: 1.5rem; } 
 #inquiry2 .inquiry_wrap section input { height: 5rem; } 
 #inquiry2 .inquiry_wrap section textarea { height: 120px; } 
 #inquiry2 .inquiry_wrap section div.check { font-size: 1.4rem; } 
 #inquiry2 .inquiry_wrap section div.check_wrap label { font-size: 1.4rem; } 
 .btn_submit1 { width: 17rem; font-size: 1.6rem; height: auto; padding: 1.4rem; margin: 3rem auto; } 
 }