@charset "utf-8"; /* SEJONG */
.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 small { font-weight: 500; font-size: inherit; } 
.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: 0.5s; display: block; font-weight: 100; /* overflow: hidden; */ } 
.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; } 
.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; padding-top: 10rem; color: #333; } 
.sub_inner_wrap img { display: block; margin: 0 auto; max-width: fit-content; width: 100%; } 
.container { margin-bottom: 10rem; position: relative; } 
.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; } 
.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%; overflow: hidden; position: relative; margin-top: 10rem; } 
.sub_img_wrap { overflow: hidden; position: relative; } 
.sub_top_wrap { position: relative; } 
.sub_top_wrap .cir_txt { position: absolute; right: 5rem; top: -6rem; z-index: 1; animation: cursor_circle 8s linear infinite; animation-delay: 0s; transition: 5s linear infinite; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; height: 47rem; overflow: hidden; } 
.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); } 
.sub_page_visual7 { background-image: url(../../img/sub_visual_7.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; bottom: 8rem; left: 8rem; color: #fff; overflow: hidden; } 
.sub_visual_txt h1 { color: #fff; font-size: 7.2rem; font-weight: 700; letter-spacing: 3px; } 
.sub_visual_txt h2 { padding-bottom: 2rem; } 
.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: 6rem; font-family: var(--font-logo); line-height: 1.5; font-weight: 700; } 
.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; } 
/* .pc_sub_menu { display: none; } */
.sub_visual_box .visual_menu_wrap { padding-top: 60px; position: relative; z-index: 1111; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0 auto; width: 100%; height: 100%; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; width: 100%; word-break: keep-all; font-size: 1.8rem; align-items: center; } 
.depth_wrap > div.home_btn { padding-right: 0; padding-left: 0; width: 8rem; position: relative; max-width: 8.5rem; } 
.depth_wrap > div.home_btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2.6rem; } 
.depth_wrap > div.home_btn a { color: #fff; font-size: 2.2rem; } 
.depth_wrap > div.home_btn a img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.depth_wrap > div { padding: 0 2rem; cursor: pointer; height: 100%; display: flex; align-items: center; max-width: 30rem; border-right: 1px solid #dcdcdcdc; flex: 0 1 50%; position: relative; } 
.depth_wrap > div.menu_2 { width: 100%; max-width: 100%; display:none; border-right: unset; } 
.depth_wrap > div.menu_2.none { display:none; } 
.depth_wrap > div.menu_2.block { display:flex; align-items: center; justify-content: center; align-content: center; } 
.depth_wrap > div.menu_2 .get_menu { display: flex; font-size: 1.8rem; justify-content: space-between; width: 100%; align-items: center; } 
.depth_wrap > div.menu_2 .get_menu li a { display: flex; justify-content: center; align-items: center; font-family: 'Pretendard'; text-align: center; } 
.depth_wrap > div.home_btn::before { content:''; display:block; display: none; position: absolute; left:0; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div::after { content:''; display:none; position: absolute; right:0; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div .depth_name i { padding-left: 10px; display: flex; align-items: center; font-size: 2.4rem; } 
.visual_menu_wrap { height: 8rem; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } 
.visual_menu_wrap::before { content:''; position:absolute; left:0; bottom:0; height: 70px; background: #fff; width: calc((100% - 1400px) / 2); display: none; } 
.visual_menu_wrap .com_depth { position: absolute; border: 1px solid var(--main-color); width: calc(100% + 2px); left: 50%; transform: translateX(-50%); top: 7.8rem; z-index: 100; background: #fff; border-radius: 0 0 10px 10px; overflow: hidden; padding: 1rem 0; box-sizing: border-box; } 
.visual_menu_wrap .com_depth li a { padding: 1rem 2rem; font-size: 1.6rem; color: #525252; } 
.visual_menu_wrap .com_depth li:hover a { color: var(--main-color); } 

/* TAB MENU */
.tab_list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; width: 100%; max-width: 700px; position: relative; border-radius: 50px; border: 1px solid #ededed; margin: 0 auto; } 
.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; } 
/* SUB PAGE CSS */
.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; } 
/* GREETING */
.container .title { margin-bottom: 8rem; } 
.container .title h3 { color: #111; } 
.container .title h4 { color: #333; padding-bottom: 1rem; } 
.p_wrap p { margin-bottom: 4rem; color: #666; } 
.p_wrap p:last-child { margin-bottom: 1rem; } 
b { font-weight: 600; } 
.black { color: #111; } 
.sub_com .container .left_box { flex: 0 1 22%; margin-right: 5%; } 
.sub_com .container .right_box { flex: 1; } 
.sub_com .container .right_box .inner .img_box:hover::before { opacity: 1; } 
.sub_com .container .right_box .inner .img_box:hover i { opacity:1 } 
.sub_com .container .right_box .inner .img_box { position: relative; cursor: pointer; } 
.sub_com .container .right_box .inner .img_box i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; color: #fff; font-size: 3rem; opacity: 0; transition:all .3s; } 
.sub_com .container .right_box .inner .img_box::before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #11111169; opacity: 0; transition: all .4s; } 
.frame1 .inner { margin-bottom: 4rem; } 
.frame1 .inner:last-child { margin-bottom: 0; } 
.frame1 .img_wrap { display: flex; justify-content: flex-start; margin-bottom: 4rem; } 
.frame1 .img_wrap .img_box { flex: 0 1 auto; } 
.frame1 .part { padding-bottom: 4rem; } 
.frame1 .part > p { margin-bottom: 0.5rem; } 
.dot_list.list2 { padding-left: 2rem; } 
.dot_list.list2 li::before { width: 0.8rem; height: 2px; border-radius: unset; top: 1.4rem; background: #333; } 
.dot_list li { position: relative; padding-left: 1.5rem; padding-top: 0.2rem; padding-bottom: 0.2rem; word-break: keep-all; } 
.dot_list li::before { content:''; display:block; position:absolute; top: 1.2rem; left:0; border-radius: 50%; width: 0.5rem; height: 0.5rem; background:#444 } 
.down_wrap { max-width: 800px; } 
.down_wrap .box { border: 1px solid #444; height: 10rem; } 
.down_wrap:nth-child(2) { padding-top: 2rem; } 
.down_wrap .box1 { background: #111; color: #fff; } 
.down_wrap .box a { color: inherit; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 
.down_wrap .box a i { padding-left: 0.5rem; font-size: 2.4rem; } 
.pop_z > a { max-width: 470px; } 

/* GREETING */
#greeting h3 { margin-bottom: 6rem; font-weight: 600; } 
#greeting { text-align: center; } 
.sig_wrap { margin-top: 6rem; margin-bottom: 7rem; display: flex; align-items: center; justify-content: center; } 
.sig_wrap .img_box { margin-left: 1rem; } 

#company .graph_wrap { position: relative; } 
#company .graph_wrap ul { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; } 
#company .graph_wrap ul li { position: absolute; width: 35%; } 
#company .graph_wrap ul li:nth-child(1) { top: 21%; left: 33%; } 
#company .graph_wrap ul li:nth-child(2) { top: 63%; left: 11%; } 
#company .graph_wrap ul li:nth-child(3) { top: 68%; left: 54%; } 
#company .box2 .top_box { margin-bottom: 4rem; } 
#company .box2 .info_box li { padding: 2.4rem 4rem; font-size: 2rem; border-bottom: 1px solid #dcdcdc; display: flex; align-items: center; } 
#company .box2 .info_box li b { display: block; width: 22%; } 
#company .box2 .info_box li span { color: #666; word-break: keep-all; } 

.frame_1 .box_wrap { margin-bottom: 17rem; display: flex; justify-content: space-around; align-items: center; } 
.frame_1 .box_wrap>div { flex: 0 1 44%; } 
.frame_1 .box_wrap .info_box .top_box { display: flex; justify-content: flex-start; } 
.frame_1 .box_wrap .info_box .top_box .box .img_box { margin-bottom: 4rem; } 
.frame_1 .box_wrap .info_box .top_box .box .img_box img { margin-left: 0; } 
.frame_1 .box_wrap .info_box .top_box .box .info2 { font-family: var(--font-logo); font-weight: 600; } 
.frame_1 .box_wrap .info_box .top_box .box .info2 h3 { font-family: 'Gowun Batang'; font-weight: inherit; } 
.frame_1 .box_wrap .info_box .top_box .box .info2 h3 small { font-size: 0.7em; } 
.frame_1 .box_wrap .info_box .top_box .box2 { margin-left: 6rem; } 
.frame_1 .h_bar { display: block; height: 6rem; width: 1px; background: #333; margin: 4rem 0; } 
.dot li { position: relative; padding-left: 1.4rem; color: #666; font-weight: 300; } 
.dot li:before { content:''; display:block; position:absolute; left:0; top:1rem; width: 3px; height: 3px; background: #111; border-radius: 50%; } 

.frame_1 .box_wrap:nth-child(2n) > .info_box { order: 1; } 
.frame_1 .box_wrap:nth-child(2n) > .img_box { order: 2; } 

#expert { font-size:2rem; } 
#expert .exper_bg { background: url(../img/expert_bg.jpg) no-repeat center center/contain; position: relative; } 
#expert .exper_bg .info_box { position: absolute; bottom: 4rem; left: 8rem; } 
#expert .box_wrap { padding: 6rem 4% 10rem; border-bottom: 1px solid #b9b9b9; } 
#expert .left_box { flex: 0 1 60%; word-break: keep-all; } 
#expert .contain3 h2 { padding: 0 4%; } 
#expert .layout_3 .box_wrap { display: flex; justify-content: space-between; } 
#expert .layout_3 .box { flex: 0 1 26%; position: relative; } 
#expert .layout_3 .info_box .top_box { padding: 5rem 0 3rem; } 
#expert .layout_3 .info_box .top_box h3 small { font-weight: 400; padding-left: 1rem; } 
#expert .layout_3 .box .img_box { position: relative; } 
#expert .layout_3 .box .img_box::after { content:''; display: block; width: 100%; height: 100%; position: absolute; top: 2rem; left: 2rem; border: 1px solid #bdbdbd; } 
#expert .contain3 .box_wrap { padding-bottom: 0; border-bottom: unset; } 

/* 차별화전략 */
#strategy .st_wrap { display: flex; align-items: stretch; } 
.frame_3 .top_box { text-align: center; margin-bottom: 3rem; padding: 6rem; border-top: 1px solid #ededed; /* border-bottom: 1px solid #ededed; */ } 
#strategy .st_wrap li { background: #ffffff; border-radius: 15px; margin-bottom: 3.4rem; padding: 5rem; position: relative; background: #ededed7a; overflow: hidden; height: 35rem; } 
#strategy .box1 { display: flex; justify-content: space-between; margin-bottom: 4rem; } 
#strategy .box1 span { color: #fff; background: var(--main-color); width: 5rem; height: 5rem; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 2rem; } 
#strategy .icon_box { position: absolute; right: -9%; } 
#strategy .icon_box img { width: fit-content; width: 29rem; opacity: 0.9; } 
#strategy .box2 h3 { padding-bottom: 2rem; font-family: 'Gowun Batang'; font-weight: 800 !important; !i; !; } 
.dot_2 p { position: relative; padding-left: 1.5rem; } 
.dot_2 p::before { content:''; display: block; position: absolute; top: 1.1rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #111; } 

#manage .box_wrap { margin-bottom: 10rem; } 
#manage .flex_box { display: flex; align-items: center; } 
#manage h3 { padding-bottom: 8rem; } 
#manage h4 { padding-bottom: 3rem; text-align: left; } 
#manage .box { flex: 0 1 29%; } 
#manage i { position: relative; bottom: 4rem; font-size: 2.6rem; color: #666; } 
#manage .box small { font-weight: 600; padding: 2rem 0 1rem; margin-bottom: 1rem; display: block; position: relative; } 
#manage .box small::before { content:''; display:block; position:absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 5rem; height: 2px; background: var(--main-color); } 
#manage .box h5 { font-size: 2.4rem; padding-bottom: 0.5rem; } 
#manage .box .img_box { width: 100%; /* height: 300px; *//* background: #dcdcdc; */ } 

/* CAFETERIA */
#cafeteria .box_wrap { margin-bottom: 10rem; } 
#cafeteria .flex_box { display: flex; align-items: stretch; } 
#cafeteria h3 { padding-bottom: 8rem; } 
#cafeteria h4 { padding-bottom: 3rem; text-align: left; } 
#cafeteria .box { flex: 0 1 32%; background: #4488a71c; padding: 3rem; } 
#cafeteria .box h5 { font-size: 2.4rem; pa; padding: 4rem 0 2rem; } 
#cafeteria .box .img_box::before { content:''; display:block; position:absolute; width: calc(100% - 3rem); height: calc(100% - 3rem); border: 1px solid #d8eff8; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
#cafeteria .box .img_box { width: 100%; background: unset; position: relative; } 

/* EDU */
#edu .info2 p { padding-bottom: 0.3rem; } 
.welfare_wrap { gap: 2rem; } 
.welfare_wrap li { margin-bottom: 0; padding: 2rem; border-radius: 15px; position: relative; } 
.welfare_wrap li:nth-child(2),.welfare_wrap li:nth-child(4),.welfare_wrap li:nth-child(5),.welfare_wrap li:nth-child(7) { background: #ededed96; } 
.welfare_wrap li .inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 2rem; } 
.welfare_wrap li::before { content:''; display:block; padding-bottom:100%; } 
.welfare_wrap li .icon_box .w_icon { width: 6rem; height: 6rem; display: block; position: absolute; bottom: 3rem; right: 3rem; } 
.welfare_wrap li .icon_box .w_icon.icon8 { width: 6rem; } 
.welfare_wrap li .icon_box .w_icon img { width: 100%; height: 100%; } 
.welfare_wrap li .num { background: var(--main-color); border-radius: 15px; width: 5rem; height: 5rem; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.7rem; margin-bottom: 4rem; } 
.welfare_wrap li .info_box { width: 74%; } 
.welfare_wrap li .info_box h3 { padding-bottom: 1rem; } 
.welfare_wrap li .info_box p { word-break: keep-all; } 

.step_circle { background: url(../img/step3_bg.png) no-repeat center center / contain; height: 38.3rem; width: 100%; display: flex; } 
.step_circle ul { display: flex; align-items: center; width: 90%; margin: 0 auto; flex-wrap: nowrap; } 
.step_circle ul i { font-size: 4rem; } 
.step_circle ul li { color: #fff; flex: 0 1 26%; border-radius: 50%; position: relative; text-align: center; } 
.step_circle ul li::before { content:''; display:block; padding-bottom:100%; } 
.step_circle ul li span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } 
.step_circle ul li:nth-of-type(1) { background: #00a0e9; } 
.step_circle ul li:nth-of-type(2) { background: #014099; } 
.step_circle ul li:nth-of-type(3) { background: #052046; } 
.step_info ul { display: flex; justify-content: space-between; width: 91%; margin: 0 auto; } 
.step_info ul li { flex: 0 1 30%; text-align: center; border-top: 1px solid #444; padding-top: 3rem; margin-top: 4rem; } 

/* 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 article:last-child { 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: fit-content; font-variant: tabular-nums; display: flex; justify-content: space-between; } 
.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: var(--sub-color); } 
.history_wrap>ul>li.right h4 { color: var(--main-color); } 
.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 */
.loca_wrap { position: relative; } 
.loca_wrap .grid { gap: 1.5rem; } 
#loca .item { padding: 2rem; margin-bottom: 3rem; } 
#loca .item:nth-child(2) { grid-column: 2/4; grid-row: 1/4; display: flex; justify-content: center; align-items: center; position: relative; } 
#loca .item:nth-child(3) { grid-column: 4/5; grid-row: 1/2; } 
#loca .item .info_box { margin-bottom: 2rem; } 
#loca .item .info_box h3 { font-weight: 700!important; !importan; !importa; !import; !impor; !impo; !imp; !im; !i; !; } 
#loca .line_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
#loca .line_wrap .line { position: absolute; left: 0; top: 0; z-index: 111; } 
#loca .line_wrap .line1 { left: 24%; top: 17%; width: 23%; } 
#loca .line_wrap .line2 { right: 24%; top: 12%; left: unset; width: 26%; } 
#loca .line_wrap .line3 { left: 24%; top: 48%; right: unset; width: 22%; } 
#loca .line_wrap .line4 { right: 24%; top: 50%; left: unset; width: 13%; } 
#loca .line_wrap .line5 { right: unset; top: 63%; left: 24%; width: 24%; } 
#loca .line_wrap .line6 { right: 24%; top: 57%; left: unset; width: 19%; } 

#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){
 .tit_box h2 { font-size: 5.4rem; } 
 #expert .exper_bg { background: url(../img/expert_bg.jpg) no-repeat 100% 100% /cover; } 
 #expert .left_box br { display:none; } 
 #expert .box_wrap { margin-bottom: 11rem; } 
 }
@media (max-width: 1360px) { } 
@media (max-width: 1280px){
 .sub_page_visual { height: 38rem; } 
 .sub_visual_box { margin-top: 6rem; } 
 .tit_box h2 { font-size: 4.8rem; } 
 .frame_1 .box_wrap .info_box .top_box .box .img_box { margin-bottom: 2rem; } 
 .frame_1 .box_wrap { margin-bottom: 10rem; } 
 .frame_1 .box_wrap { display: flex; justify-content: space-between; } 
 .frame_1 .h_bar { height: 5rem; margin: 2rem 0; } 
 .frame_1 .box_wrap .info_box .top_box .box .img_box img { max-width: 20rem; } 
 .frame_1 .box_wrap .info_box .top_box .box2 { margin-left: 2rem; } 
 .frame_1 .box_wrap>div { flex: 0 1 47%; } 
 #cafeteria .flex_box { display: flex; } 
 .welfare_wrap li .icon_box .w_icon { width: 5rem; height: 5rem; right: 2rem; bottom: 2rem; } 
 .welfare_wrap li .num { margin-bottom: 3rem; } 
.loca_wrap .grid { grid-template-columns: 34% 14% 14% 34%; } 
 #loca .item:nth-child(2) .img_box { width: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
 #loca .item { background: #ffffff3d; backdrop-filter: blur(2px); } 
 }
@media (max-width: 1080px){
 .tit_box h2 { font-size: 4rem; } 
.sub_top_wrap .cir_txt { top: -6rem; } 
.sub_top_wrap .cir_txt img { width: 17rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on a { font-size: 4.5rem; } 
 .sub_page_visual { height: 34rem; } 
 .sub_com { padding-top: 6rem; } 

 /* COMPANY */
 #company .graph_wrap { flex: 0 1 70%; margin-right: auto; margin-left: auto; margin-bottom: 5rem; } 
 #company .box { text-align: center; } 
 /* 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; } 

 #cafeteria .box h5 { font-size: 2rem; padding: 3rem 0 2rem; } 
 #cafeteria .box { padding: 2rem; } 
 .history_wrap { max-width: calc(100% - 15rem); margin: 0 auto; } 
 #strategy .st_wrap li { padding: 3rem; height: 32rem; } 
 #strategy .icon_box { right: -17%; } 
 #strategy .icon_box img { width: 21rem; } 
 .welfare_wrap li:nth-child(2), .welfare_wrap li:nth-child(3),.welfare_wrap li:nth-child(6),.welfare_wrap li:nth-child(7) { background:#ededed96 } 
 .welfare_wrap li:nth-child(4),.welfare_wrap li:nth-child(5),.welfare_wrap li:nth-child(8) { background:#fff } 
 .welfare_wrap li .icon_box .w_icon { width: 6rem; height: 6rem; right: 3rem; bottom: 3rem; } 
 .welfare_wrap.grid_4 { grid-template-columns: repeat(2, 1fr); gap: 2rem; } 

 #loca .line_wrap { display: none; } 
 .loca_wrap .grid { grid-template-columns: 2fr 0fr 0fr 2fr; } 
 #loca .item:nth-child(2) .img_box { width: 400px; } 
 }

@media (max-width: 840px){
 .visual_menu_wrap { height: 6rem; } 
 .visual_menu_wrap .com_depth { top: 5.9rem; } 
 .tit_box h2 { font-size: 3.6rem; } 
 #loca .item:nth-child(3) { grid-area: unset; } 
 #loca .item { margin-bottom: 0; } 
 #company .graph_wrap { flex: 0 1 100%; } 
 #company .box2 .info_box li { padding: 1.8rem 0rem; font-size: 1.9rem; } 
 #company .box2 .info_box li b { width: 23%; } 

 .frame_1 .box_wrap .info_box .top_box { display: flex; flex-wrap: nowrap; } 
 .frame_1 .box_wrap { margin-bottom: 5rem; } 
 
 #strategy .st_wrap { display: flex; align-items: stretch; } 
 #strategy .st_wrap li { margin-bottom: 2%; } 
 #strategy .icon_box { bottom: 0; } 
 #strategy .icon_box img { width: 18rem; } 
 #strategy .box1 { margin-bottom: 2rem; } 

 .visual_menu_wrap .tab_sub_menu { margin-bottom: 6rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on a { font-size: 1.8rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li { margin-right: 0; border: 1px solid #dcdcdc; flex: 1 1 33%; text-align: center; height: 5rem; max-width: unset; margin: 0 -1px -1px 0; word-break: keep-all; order: unset; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list { border-right: 1px solid #dcdcdc; display: flex; align-items: stretch; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on { /* background: #6dba44; */background: linear-gradient(94deg, rgba(36,163,220,1) 0%, rgba(73,126,229,1) 53%, rgba(110,89,238,1) 100%); color: #fff; order: unset; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on::before { display: none; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on a { color: #fff; font-weight: 300; } 
 .sub_top_wrap .cir_txt img { width: 15rem; } 
 .sub_top_wrap .cir_txt { top: -4rem; } 
 .container { margin-bottom: 6rem; } 
 #expert .contain3 .box_wrap { padding: 4rem 4rem 5rem; } 
 /* 특허 */
 .sub_com .container .left_box { flex: 100%; margin-bottom: 3rem; } 
 .step_circle ul li span { width: 90%; margin: 0 auto; word-break: keep-all; } 
 .step_circle { height: 27rem; } 
 .step_info ul { width: 100%; } 
 .down_wrap .box { height: 7rem; } 

 /* HISTORY */
 .history_wrap>ul { padding-top: 8rem; } 
 .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: 4rem; padding-bottom: 2rem; margin-bottom: 2rem; } 
 .history_wrap>ul>.left span.month { padding-left: 2rem; } 
 .history_wrap>ul>.right span.month { padding-right: 2rem; } 
 .history_wrap .month { font-size: 1.8rem; } 
 .history_wrap>ul>li> div ul>li { font-size: 1.8rem; } 
 .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; } 

 #expert { font-size: 1.9rem; } 
 #expert .exper_bg img { max-width: 28rem; } 
 #expert .exper_bg .info_box { bottom: 1rem; left: 3rem; } 
 #expert .box_wrap { margin-bottom: 8rem; padding: 4rem 2% 5rem; } 
 #expert .left_box { flex: 1 1 10%; margin-right: 3%; margin-bottom: 0rem; } 
 #expert .layout_3 .box { flex: 0 1 29%; } 
 #expert .layout_3 .box .img_box::after { top: 1.4rem; left: 1.4rem; } 
 #expert .layout_3 .info_box .top_box { padding: 4rem 0 1rem; } 
 #expert .exper_bg img { max-height: 24rem; width: auto; } 

 #cafeteria .box { flex: 0 1 80%; margin: 0 auto 4rem; } 
 #cafeteria h3 { padding-bottom: 4rem; } 

 #manage .box h5 { font-size: 1.8rem; } 
 #manage i { bottom: 6rem; } 

 /* 오시는길 */
.loca_wrap .grid { grid-template-columns: 3fr 0fr 0fr 3fr; } 
 }

@media (max-width: 480px){
 .down_wrap:nth-child(2) { padding-top: 1rem; } 
 .frame1 .part { padding-bottom: 2rem; } 
 .visual_menu_wrap .tab_sub_menu { margin-bottom: 4rem; } 
 .sub_page_visual { height: 24rem; } 
 .sub_top_wrap .cir_txt { top: -2rem; right: 2rem } 
 .sub_top_wrap .cir_txt img { width: 10rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li { flex: 1 1 50%; height: 4.4rem; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li a { font-size: 1.4rem; text-align: center; word-break: keep-all; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list li.on a { font-size: 1.4rem; font-weight: 400; } 
 .visual_menu_wrap .tab_sub_menu .tab_menu_list { display: flex; align-items: stretch; } 
 .sub_com { padding-top: 5rem; } 
 .container .title { margin-bottom: 1rem; } 
 .sub_com .container .left_box { margin-right: 0; flex: 100%; margin-bottom: 2rem; } 
 .p_wrap p { margin-bottom: 2rem; } 
 .p_wrap p br { display:none; } 
 .container { margin-bottom: 4rem; } 
 .sub_visual_txt { width: 80%; left: 50%; top: 64%; bottom: unset; transform: translate(-50%, -50%); } 
 .visual_menu_wrap { height: 5rem; } 
 .depth_wrap > div.home_btn { flex: 0 1 6rem; } 
 .depth_wrap > div { padding: 0 1rem; } 
 .depth_wrap > div .depth_name i { font-size: 1.8rem; } 
 .depth_wrap .depth_name { font-size: 1.5rem; } 
 .visual_menu_wrap .com_depth { top: 4.9rem; } 
 .visual_menu_wrap .com_depth li a { padding: 1rem 1.4rem; font-size: 1.5rem; } 
 .visual_menu_wrap .com_depth { padding: 0.5rem 0; } 
 .tit_box h2 { font-size: 2.4rem; } 
 /* greeting */
#greeting h3 { margin-bottom: 3rem; } 
 #greeting .contain2 .p_wrap { padding: 0 1.4rem; } 
 .sig_wrap { margin-top: 3rem; margin-bottom: 4rem; } 
 .sig_wrap .img_box { max-width: 5rem; } 
 #company .graph_wrap ul li { font-size: 1.4rem; } 
 #company .box2 .info_box li { font-size: 1.6rem; text-align: left; } 
 #company .box2 .info_box li b { width: 50px; margin-right: 1rem; text-align: center; } 

 #organization .img_box { overflow-x: scroll; } 
 #organization .img_box img { width: 150%; } 
 .bo_notice { padding-top: 0; } 
 /* HISTORY */
 .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: 4rem; } 
 .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: 4rem; font-size: 1.6em; } 
 .history_wrap>ul>li.right h4::after { left: 0; width: 100%; } 
 .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%; } 
 .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%; } 

 .btn_submit1 { width: 17rem; font-size: 1.6rem; height: auto; padding: 1.4rem; margin: 3rem auto; } 
 .down_wrap .box { height: 5rem; border-radius: 10px; } 
 .down_wrap .box a i { font-size: 1.8rem; } 

 #strategy .st_wrap li { flex: 100%; margin-bottom: 2rem; margin-right: 0; } 
 #strategy .box1 span { width: 4rem; height: 4rem; font-size: 1.7rem; } 
 #strategy .box2 { padding-bottom: 1rem; } 
 #strategy .box2 h3 { font-size: 1.9rem; padding-bottom: 1rem; } 
 #strategy .box3 p br { display: none; } 

 .frame_1 .box_wrap>div { flex: 1 1 100%; margin-bottom: 3rem; } 
 .frame_1 .box_wrap:nth-child(2n) > .info_box { order: 2; } 
 .frame_1 .h_bar { height: 4rem; margin: 1rem 0; } 

 #expert { font-size:1.7rem } 
 #expert .box_wrap { margin-bottom: 4rem; padding: 4rem 2% 1rem; } 
 #expert .left_box { flex: 0 1 100%; margin-bottom: 2rem; } 
 #expert .contain3 .box_wrap { padding: 2rem; display: block; } 
 #expert .layout_3 .box { width: 79%; margin-bottom: 5rem; } 
 #expert .layout_3 .info_box .top_box { padding: 3rem 0 0.5rem; } 
 #expert .layout_3 .box2 { margin-right: 0; margin-left: auto; } 
 #cafeteria .box { flex: 1 1 100%; margin: 0 auto 2rem; } 
 .history_wrap { margin-left: 2rem; margin-right: 0; max-width: calc(100% - 5rem); } 
 .history_wrap>ul>li.left h4::after { width: 100%; } 

 #manage h3 br { display:none; } 
 #manage h3 { padding-bottom: 4rem; } 
 #manage .box { flex: 0 1 100%; margin-right: 0; } 
 #manage i { bottom: 0; transform: rotate(90deg); margin: 0 auto; padding: 2rem; } 
 #manage h4 { font-size: 2rem; padding-bottom: 1.5rem; text-align: center; } 
 #manage .box_wrap { margin-bottom: 5rem; } 
 .welfare_wrap.grid_4 { grid-template-columns: repeat(1, 1fr); gap: 2rem; } 
 .welfare_wrap li::before { padding-bottom: 54%; } 
 .welfare_wrap li .info_box h3 { font-size: 1.8rem; } 
 .welfare_wrap li:nth-child(2), .welfare_wrap li:nth-child(3), .welfare_wrap li:nth-child(6), .welfare_wrap li:nth-child(7) { background:unset } 
 .welfare_wrap li:nth-child(2n) { background:#ededed96 } 
 .welfare_wrap li .info_box p br { display:none; } 
 .welfare_wrap li:nth-child(2n-1) { border: 1px solid #ededed; } 
 .welfare_wrap li .info_box p { font-size: 1.6rem; } 
 .welfare_wrap li .icon_box .w_icon { width: 5rem; bottom: 2rem; right: 2rem; } 
 .welfare_wrap li .num { width: 4rem; height: 4rem; border-radius: 7px; } 

 .loca_wrap .grid { grid-template-columns: repeat(1, 1fr); } 
 #loca .item:nth-child(2) { grid-column: unset; grid-row: unset; display: none; } 
 }