@charset "utf-8"; .mt_8 { margin-top: 8rem; } 
.mt_4 { margin-top: 4rem; } 
.mt_2 { margin-top: 2rem; } 
/* tab */
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_cate ul { zoom:1 } 
#bo_cate ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_cate li { cursor: pointer; background: #fff; height: 7rem; font-size: 2rem; font-weight: 400; transition: all .3s; text-align: center; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; flex: 1 0 auto; } 
#bo_cate a { color: #111; font-weight: 400; padding: 1rem 2rem; } 
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { color: #fff; background: var(--main-color); font-weight: 500; border: unset; transition: all .4s; } 
#bo_cate #bo_cate_on { border: unset; color: #fff; background: var(--main-color); } 
#bo_cate ul.flex_20 > li { flex: 0 1 20%; } 

/* sub_com */
.main_wrapper p { line-height: 1.5; } 
.sub_com { padding: 0 0 14rem; line-height: 1.5; position: relative; } 
.sub_inner_wrap img { display: block; margin: 0 auto; max-width: fit-content; width: 100%; } 
.container { margin-bottom: 8rem; position: relative; } 
.container:last-child { padding-bottom:0; } 
.contain1.tit1 { position: relative; padding-top: 8rem; } 
.sub_tit { font-size: 5.2rem; padding-top: 5rem; padding-bottom: 5rem; position:relative; text-align: center; } 
.sub_tit h1 { font-weight: 700; font-family: 'YiSunShin_Dotum'; } 
.product_com .sub_tit,#greeting .sub_tit { color: #131313; display: flex; border-bottom: 1px solid #545454; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; } 
.product_com .sub_tit { padding-bottom: 0; } 
.product_com .sub_tit h1,#greeting .sub_tit h1 { font-weight: 600; font-family: var(--font-fam); text-align: left; font-size: 6.4rem!important; line-height: 1.2; } 
.center { text-align: center; } 
.bor_b { border-bottom: 1px solid #dcdcdc; } 
/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 71rem; overflow: hidden; position: relative; } 
.sub_img_box { width: 100%; height: 40rem; overflow: hidden; position: relative; } 
.sub_visual_box .info_box { height: 31rem; position: relative; color: #222; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center center; background-size: cover; animation: bg-active 5s; height: 100%; width: 100%; } 
.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_visual_3 { animation: bg-active 5s; } */
@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 { display: flex; justify-content: space-between; position: absolute; bottom: 4rem; align-items: flex-end; width: 100%; } 
.sub_visual_txt h1 { font-size: 6rem; font-weight: 600; } 
.sub_visual_txt h2 { color: #fff; font-size: 2.4rem; font-weight: 300; } 
.sub_visual_txt p { color: #fff; font-size: 1.2em; padding-top: 1rem; } 
.web_location { display: flex; font-size: 2rem; color: #333; align-items: center; } 
.web_location i { padding: 0 1rem; } 
/* 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; align-items: center; justify-content: flex-start; font-size: 1.8rem; margin-left: auto; width: 100%; height: 100%; max-width: 54rem; position: relative; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width: 87px; width: 100%; word-break: keep-all; color: #fff; color: #111; } 
.depth_wrap > div.home_btn { width: auto; } 
.depth_wrap > div.home_btn a { color: #fff; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; } 
div.home_btn .home_icon { background: url(../../img/home_icon.png) no-repeat center center/contain; width: 18px; height: 18px; display: block; } 
.depth_wrap > div { padding: 0 2rem; position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; width: 50%; justify-content: flex-end; } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div.depth2 { width: 60%; } 
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name i { padding-left: 1rem; display: flex; align-items: center; font-size: 2.2rem; } 
.visual_menu_wrap { position: relative; height: 8rem; max-width: 1580px; margin: 0 auto; width: 94%; bottom: calc(8rem + 5.5rem); z-index: 10; } 
.visual_menu_wrap .com_depth { position: absolute; background: var(--main-color); width: 94%; left: 50%; transform: translateX(-50%); top: 7rem; z-index: 5; overflow: hidden; padding: 1rem 0; border-radius: 0 0 10px 10px; } 
.visual_menu_wrap .com_depth li { padding: 0.1rem; } 
.visual_menu_wrap .com_depth li:hover a { color: #fff; background: var(--main-color); } 
.visual_menu_wrap .com_depth li a { color: #fff; text-align: center; padding: 5px; font-size: 1.6rem; font-weight: 500; transition: all .2s; word-break: keep-all; } 
.depth_wrap > div.depth1::before { content:''; display:block; position:absolute; left: 0; top: 50%; transform: translateY(-50%); width:1px; height: 2rem; background:#fff; background: #111; } 
.depth_wrap > div.depth1::after { content:''; display:block; position:absolute; right: 0; top: 50%; transform: translateY(-50%); width:1px; height: 2rem; background:#fff; background: #111; } 

/* TAB MENU */
.tab_list { display: flex; justify-content: flex-start; 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: #fff; color: #666; border: 1px solid #ccc; font-weight: 400; transition: all .4s; text-align: center; font-size: 2rem; padding: 1.6rem 3rem; border-radius: 30px; margin-left: 2rem; } 
 .tab_list div:nth-child(1) { margin-left: 0; } 
.tab_list div.tab_link:hover { color: #fff; background: var(--main-color); border: 1px solid var(--main-color); } 
.tab_content { display: none; } 
.tab_content.current { display: block; } 
.tab_list .tab_link.current { border: 1px solid var(--main-color); color: var(--main-color); } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; } 
.width1200 { margin: 0 auto; max-width: 1200px; width: 96%; } 

.tab_list.tab_list2 { display: flex; justify-content: center; margin-bottom: 7rem; } 
.tab_list.tab_list2 > div { min-width: 26rem; height: 6rem; display: flex; justify-content: center; align-items: center; padding: 0; } 

/* 진조미식품 SUB PAGE CSS */
/* CEO */
#ceo .info_box { flex: 1; margin-left: 5%; } 
#ceo .info_box .p_wrap { padding-top: 2rem; } 
#ceo .info_box .p_wrap p { padding-bottom: 4rem; line-height: 1.6; font-weight: 500; word-break: keep-all; } 
#ceo .info_box .p_wrap p b { font-weight: 600; } 
#ceo .sign_box { text-align: right; display: flex; justify-content: flex-end; align-items: center; } 
#ceo .sign_box span { display: block; margin-right: 1rem; font-weight: 600; } 
#ceo .sign_box .img_box { } 
#ceo .sign_box .img_box img { } 

/* GREETING */
.sub_tit_top { padding: 12rem 0 6rem; text-align: center; letter-spacing: -1px; } 
#greeting.sub_com { padding: 0; } 
#greeting #tab_1 .img_box { position: relative; } 
#greeting #tab_1 .txt_box { color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; } 
#greeting #tab_1 .txt_box h2 { margin-bottom: 2rem; } 
#greeting #tab_1 .info_box { text-align: center; padding-top: 9rem; padding-bottom: 20rem; background: url(../../img/about_bg.png) no-repeat center 100%/contain; } 
#greeting #tab_1 .info_box .p_wrap { width: 90%; margin: 0 auto; } 
#greeting #tab_1 .info_box h3 { margin-bottom: 4rem; } 
#greeting #tab_1 .info_box p { margin-bottom: 4rem; color: #333; font-weight: 500; } 
#greeting #tab_2 section { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10rem; } 
#greeting #tab_2 section .img_box { width: 41%; } 
#greeting #tab_2 section .info_box h3 { font-size: 2.4rem; margin-bottom: 2.4rem; font-weight: 600; } 
#greeting #tab_2 section .info_box p { font-size: 1.8rem; } 

#greeting #tab_2 .sec1 { display: flex; align-items: flex-start; } 
#greeting #tab_2 .sec1 .story_tit { width: 43%; } 
#greeting #tab_2 .sec1 .story_info { flex: 1; } 
#greeting #tab_2 .sec1 .story_info p:nth-child(1) { margin-bottom: 3rem; } 
#greeting #tab_2 .sec2 .img_box { } 
#greeting #tab_2 .sec2 .img_box,#greeting #tab_2 .sec3 .info_box { margin-right: 8rem; } 
#greeting #tab_2 .sec3 { text-align: right; } 
#greeting #tab_2 section .info_box { flex: 1; } 
#greeting #tab_2 section .info_box p { color: #333; line-height: 1.7; } 

#greeting #tab_3 .poly_wrap { padding: 12rem 0; } 
#greeting #tab_3 .poly_wrap ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
#greeting #tab_3 .poly_wrap ul li { background-image: url(../../img/cir_1.png); background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; width: 28%; } 
#greeting #tab_3 .poly_wrap ul li::before { content:''; display:block; padding-bottom: 100%; } 
#greeting #tab_3 .poly_wrap ul li .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 70%; } 
#greeting #tab_3 .poly_wrap ul li .inner .icon_box { margin-bottom: 2rem; } 
#greeting #tab_3 .poly_wrap ul li.cir1 { } 
#greeting #tab_3 .poly_wrap ul li.cir2 { background-image: url(../../img/cir_2.png); color: #fff; } 
#greeting #tab_3 .poly_wrap ul li.cir3 { } 

#greeting #tab_3 .poly_wrap ul span { background: url(../../img/cir_x.png) no-repeat center center/contain; width: 2.4rem; height: 2.4rem; } 
#greeting #tab_3 .sec2 { display: flex; align-items: stretch; margin-bottom: 12rem; justify-content: space-between; } 
#greeting #tab_3 .sec2 .slider_box { width: 51%; margin-right: 4%; border-radius: 20px; overflow: hidden; } 
#greeting #tab_3 .sec2 .info_box { border: 1px solid #dcdcdc; border-radius: 20px; flex: 1; } 

 #greeting #tab_3 .swiper { width: 100%; height: 100%; } 

 #greeting #tab_3 .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; height: 47rem; } 
 #greeting #tab_3 .swiper-pagination { color: #fff; } 
#greeting #tab_3 .sec2 .slider_box .swiper-button-next,
#greeting #tab_3 .sec2 .slider_box .swiper-button-prev { color: var(--main-color); } 
#greeting #tab_3 .sec2 .slider_box .slider1 { background-image:url(../../img/company_slider_img1.png); } 
#greeting #tab_3 .sec2 .slider_box .slider2 { background-image:url(../../img/company_slider_img2.png); } 
#greeting #tab_3 .sec2 .slider_box .slider3 { background-image:url(../../img/company_slider_img3.png); } 
#greeting #tab_3 .sec2 .slider_box .slider4 { background-image:url(../../img/company_slider_img4.png); } 
#greeting #tab_3 .sec2 .slider_box .slider5 { background-image:url(../../img/company_slider_img5.png); } 
#greeting #tab_3 .sec2 .slider_box .slider6 { background-image:url(../../img/company_slider_img6.png); } 
#greeting #tab_3 .sec2 .slider_box .slider7 { background-image:url(../../img/company_slider_img7.png); } 
#greeting #tab_3 .sec2 .slider_box .slider8 { background-image:url(../../img/company_slider_img8.png); } 
#greeting #tab_3 .sec2 .slider_box .slider9 { background-image:url(../../img/company_slider_img9.png); } 

#greeting #tab_3 .sec2 .info_box { padding: 4rem; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } 
#greeting #tab_3 .sec2 .info_box .img_box img { max-width: 38.9rem; } 

#greeting #tab_3 .sec2 .info_box ul { } 
#greeting #tab_3 .sec2 .info_box ul li { display: flex; margin: 2rem 0; } 
#greeting #tab_3 .sec2 .info_box ul li b { width: 12rem; font-weight: 600; } 
#greeting #tab_3 .sec2 .info_box ul li span { color: #333; } 
#greeting #tab_3 .sec2 .info_box .flex_box { display: flex; align-items: center; width: 94%; } 
#greeting #tab_3 .sec2 .info_box .flex_box .img_box { margin-right: 4%; } 
#greeting #tab_3 .sec2 .info_box .flex_box .img_box img { max-width: 8rem; width: fit-content; } 
#greeting #tab_3 .sec2 .info_box .flex_box p { flex: 1; font-size: 1.8rem; color: #333; } 


/* VALUE */
#value.sub_com { padding:0; } 
#value .bottom_box { padding-top: 10rem; } 
#value .black_bg { width: 100%; height: 160rem; background: url(../img/value_bg.png) no-repeat 50% 0/cover; padding: 8rem; position: relative; z-index: 1; } 
.value_list { display: flex; justify-content: space-between; } 
.value_list li .circle { background: #fff; border-radius: 50%; position: relative; width: 97%; margin: 0 auto; border: 2px solid var(--main-color); } 
.value_list li .circle::before { content:''; display: block; padding-bottom: 100%; } 
.value_list li .circle .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; text-align: center; } 
.value_list li .circle .line { background: #4444446b; width: 80%; height: 1px; display: block; margin: 0 auto; margin: 1rem auto; } 
.value_list li .circle .img_box img { max-width: 7rem; } 
.value_list li .circle .cir_tit { font-size: 2.4rem; } 
.value_list li .circle .cir_tit h3 { font-weight: 600; font-size: 2.6rem; } 
.value_list li .circle .cir_tit small { color: #6c6c6c; } 
.value_list li .info_box { margin-top: 3rem; width: 80%; margin-left: auto; margin-right: auto; } 
.value_list li .info_box p { text-align: center; font-size: 2rem; } 


/* VISION */
#vision .bottom_box h1 { margin-bottom: 5rem; } 
#vision .bottom_box .tit_info { margin-bottom: 6rem; text-align: center; } 
#vision .bottom_box .tit_info h2 { font-family: var(--font-fam); font-weight: 600; font-size: 5rem; } 
#vision .bottom_box .tit_info p { font-size: 2.4rem; margin-top: 1rem; } 
#vision ul { display: flex; align-items: stretch; flex-wrap: wrap; } 
#vision li { overflow: hidden; border-radius: 10px; background: #ededed80; } 
#vision li .inner .info_box { padding: 4rem; text-align: center; font-family: var(--font-fam2); position: relative; } 
#vision li .inner .info_box small { font-weight: 900; font-size: 5rem; color: #ffffff6e; font-family: var(--font-fam2); font-family: 'YiSunShin_Dotum'; position: absolute; left: 2rem; top: -8rem; } 
#vision li .inner .info_box .line { height: 3px; width: 3rem; background: var(--main-color); display: block; margin: 2rem auto; } 
#vision li .inner .info_box h3 { font-size: 2.4rem; font-weight: 600; } 
#vision li .inner .info_box p { font-size: 1.9rem; line-height: 1.5; font-weight: 400; word-break: keep-all; } 

#vision .slogan_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } 
#vision .slogan_wrap li { flex: 0 1 33%; padding: 1rem; background: #fff; /* background: #dddddd33; */ } 
#vision .slogan_wrap li .inner { display: flex; align-items: stretch; } 
#vision .slogan_wrap li .inner small { left: 0; top: 0; font-size: 2rem; position: relative; color: #b0b0b0; } 
#vision .slogan_wrap li .inner .img_box { width: 45%; min-width: 45%; border-radius: 10px; overflow: hidden; } 
#vision .slogan_wrap li .inner .info_box p { color: #636363; font-weight: 600; } 
#vision .slogan_wrap li .inner .info_box { text-align: left; padding: 0 0 0 3rem; flex: 1; display: flex; flex-direction: column; justify-content: center; /* color: #fff; */ } 
#vision .slogan_wrap .inner .info_box h3 { padding: 1.4rem 0; } 
#vision .vision_box2 { margin-top: 18rem; } 

/* HISTORY */
#history { background: url(../img/history_bg.jpg) no-repeat 50% 30%/contain; } 
#history article.contain1 { padding-top: 0; } 
#history article { padding: 10rem 0; } 
#history .container .tit_wrap { margin-bottom: 8rem; text-align: center; } 
#history .container .tit_wrap p { font-size: 2rem; color: #444; } 
#history .container .tit_wrap h1 { font-size: 3.2rem; font-weight: 600; color: var(--main-color); padding-bottom: 0.5rem; } 
#history .container .img_box { width: 100%; margin-left: auto; position: relative; padding-right: 0; } 
#history .container .img_box img { margin-right: 0; } 
.history_wide { position: relative; max-width: 1600px; margin: 0 auto; } 
.history_wide::after { width: 100%; text-align: center; display: block; position: absolute; left: 50%; bottom: -9rem; font-size: 16rem; color: #e5e5e5; opacity: 0.2; transform: translateX(-50%); font-weight: 900; letter-spacing: -1px; z-index: 2; line-height: 1; } 
/* 년도표시 */
.contain1 .history_wide::after { content: "2020's"; } 
.contain2 .history_wide::after { content: "2010's"; } 
.contain3 .history_wide::after { content: "2000's"; } 
.history_wrap { position: relative; width: 100%; } 
.history_wrap::before { content: ""; display: inline-block; width: 1px; height: 100%; border-right: 2px dotted #ddd; position: absolute; left: 50%; top: 0; } 
.history_wrap .month { font-weight: 600; font-size: 1.8rem; padding-right: 1rem; font-family: 'Play'; } 
.history_wrap .month_now { color: #b6d7f4; font-size: 12px; } 
.history_wrap>ul { margin-bottom: 1rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; } 
.history_wrap>ul>li.left div { padding-right: 60px; } 
.history_wrap>ul>li.right div { padding-left: 60px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; position: relative; top: -0.5rem; margin-bottom: 2rem; } 
.history_wrap>ul>li.right div ul { padding-left: 4rem; } 
.history_wrap>ul>li.right::before { display: block; content: ""; width: 6px; height: 6px; border: 5px solid #ffb4ad; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #ff220d; box-sizing: content-box; border-radius: 50%; } 
.history_wrap>ul>li.right::after { display: block; content: ""; width: 40px; height: 2px; position: absolute; top: 7px; transform: translateX(-50%); background: #ffb4ad; /* z-index: -1; */ } 
.history_wrap>ul>.right::after { left: calc(50% + 23px); } 
.history_wrap>ul>.right { width: 49%; } 
.history_wrap>ul>.right h5 { font-size: 2.2rem; font-family: 'Play'; font-weight: 600; color: #141414; padding-top: 2px; } 
.history_wrap>ul>.left { text-align: right; position: relative; width: 49%; } 
.history_wrap>ul>li h4 { font-size: 4rem; letter-spacing: -1px; position: relative; bottom: 2rem; font-family: 'Play'; font-weight: 600; color: #232323; } 
.history_wrap>ul>li> div ul>li { font-size: 1.8rem; position: relative; line-height: 1.9; font-family: 'Pretendard', sans-serif; word-break: keep-all; display: flex; } 
.history_wrap>ul>.left> div ul>li::after { content:''; display:block; position:absolute; top: 14px; right: -18px; width: 8px; height: 8px; background:var(--main-color); border-radius: 50%; } 
.history_wrap>ul>.right> div ul>li::after { content:''; display:block; position:absolute; top: 14px; left: -14px; width: 5px; height: 5px; background:var(--main-color); border-radius: 50%; } 

/* NEWTWORK */
#network { padding: 0; } 
#network .network_wrap { position: relative; } 
#network .network_wrap > h2 { position: absolute; left: 10rem; top: 10rem; font-size: 6rem; font-weight: 800; font-family: var(--font-fam); } 
#network .netwrok_list { position: absolute; bottom: 10rem; left: 10rem; } 
#network .netwrok_list h2 { font-size: 3rem; font-family: var(--font-eng); font-weight: 600; margin-bottom: 1rem; } 
#network .netwrok_list li { display: flex; align-items: center; } 
#network .netwrok_list li small { width: 12px; height: 12px; border-radius: 50%; display: block; margin-right: 1rem; } 
#network .netwrok_list li .cir1 { background: #0b74cd; } 
#network .netwrok_list li .cir2 { background: #df2818; } 
#network .netwrok_list li .cir3 { background: #07b8af; } 
#network .netwrok_list li .cir4 { background: #fbcb20; } 
#network .netwrok_list li b { margin-right: 1rem; font-size: 2rem; font-weight: 400; } 
#network .netwrok_list li span { word-break: keep-all; } 
#network .network_wrap .mark { position: absolute; top: 50%; right: 24.8%; width: 15px; height: 23px; /* background: #dcdcdcb0; */
 z-index: 1; } 
#network .network_wrap .mark .line { width: 1px; height: 100%; background: #3c3c3c; display: block; position: absolute; left: 50%; transform: translateX(-50%); } 
/* #network .network_wrap .mark .hotspot__container::after { content:''; display: block; width: 10px; height: 10px; background: #fff; border-radius: 50%; border: 2px solid #f68686; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; z-index: 4; } */
.hotspot__container { position: relative; top: 31px; } 
.hotspot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; border-radius: 50%; } 
.hotspot__positioner--02 .hotspot { animation-delay: 1s; } 
.hotspot--01 { width: 10px; height: 10px; border: 1px solid #fc4f6d; background-color: transparent; z-index: 1; opacity: 0.2; animation: dot1 2s infinite; } 
.hotspot--02 { width: 10px; height: 10px; background-color: #fc4f6d; z-index: 2; animation: dot2 2s infinite; } 
.hotspot--03 { width: 10px; height: 10px; background-color: #fc4f6d; z-index: 3; animation: dot3 1s alternate infinite; } 

@keyframes dot1 { 
 0% { opacity: 0.2; transform: translate(-50%, -50%); } 
 100% { opacity: 0; transform: translate(-50%, -50%) scale(5); } 
 }
@keyframes dot2 { 
 0% { opacity: 1; transform: translate(-50%, -50%); } 
 100% { opacity: 0; transform: translate(-50%, -50%) scale(2); } 
 }
@keyframes dot3 { 
 0% { transform: translate(-50%, -50%); } 
 100% { transform: translate(-50%, -50%) scale(1.1); } 
 }

/* 적용분야 */
#field .bottom_box ul li { flex: 1 0 48%; margin-bottom: 2%; position: relative; overflow: hidden; transition: all .4s; border-radius: 10px; } 
#field .arti1 { text-align: center; } 
#field .arti1 .top_wrap { margin-bottom: 10rem; } 
#field .arti1 .top_wrap h2 { margin-bottom: 3rem; } 
#field .bottom_box ul li .info_box { position: absolute; bottom: 0; color: #fff; width: 100%; padding: 1rem; background: #11111185; } 
#field .bottom_box ul li .info_box h3 { font-size: 2rem; padding-bottom: 0.5rem; } 
#field .bottom_box ul li img { transition: all .4s; } 
#field .bottom_box ul li:hover img { transform: scale(1.33); } 

/* LOCATION */
#location { position: relative; text-align: center; } 
#location .tit_box h1 { font-weight: 600; } 
#location .loca_info { font-size: 2rem; font-weight: 500; padding-bottom: 4rem; position: relative; } 
#location .loca_info .address { position: relative; left: 50%; transform: translateX(-50%); width: fit-content; } 
#location .loca_info .address li { padding: 0.5rem 0; display: flex; font-size: 2.2rem; font-weight: 300; } 
#location .loca_info .address li .loca_tit { display: flex; align-items: center; margin-right: 2rem; } 
#location .loca_info div { line-height: 1.6; } 
#location .loca_info div.number { flex-grow: 1; width: unset; } 
#location .loca_info div.number li { display: block; letter-spacing: 0; } 
#location .loca_info div.address li { display: block; padding-bottom: 1rem; text-align: center; display: flex; align-items: center; justify-content: center; } 
#location .loca_info div.address li i { width: 6rem; } 
#location .loca_info li i { font-size: 2.4rem; color: var(--main-color); padding-right: 1rem; } 
#location .loca_info li b { font-size: 2.4rem; font-weight: 600; } 
#location .loca_tit span { font-size: 5rem; } 
#location .loca_map { padding-bottom: 5rem; height: 500px; } 
#location .loca_map iframe {width: 100%;height: 100%;}  
#location .img_box img { max-width: 1300px; margin: 0 auto; display: block; width: 100%; } 
#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; } 
.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; } 

/* INQURIY */
#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 div.file_wrap input { flex-grow: 1; flex-basis: 0; line-height: 5rem; } 
 .file_wrap input::file-selector-button { margin-right:1rem; background:#222; color:#fff; font-family:'GmarketSans'; padding:0.8rem 1.5rem; border:unset } 
#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; } 
.btn_submit1 { border: unset; background: var(--main-color); background: #111; color: #fff; text-align: center; width: 22rem; height: 6rem; font-size: 1.8rem; margin: 4rem auto; transition: all .4s; display: flex; justify-content: center; align-items: center; } 
.btn_submit1:hover { background:var(--main-color); border-radius: 10px; } 

#ci .arti1 { height: 100%; } 
#ci .arti1 .img_box { display: flex; justify-content: center; align-items: center; } 
#ci .arti1 img { width: 54%; max-width: unset; display: flex; align-items: center; justify-content: center; } 
#ci article h2 { font-size: 3rem; font-weight: 700; pad; padding-bottom: 1rem; } 
#ci article .ci_info { margin-bottom: 4rem; } 
#ci article .ci_info .para { font-size: 2rem; margin-bottom: 2rem; } 
#ci article .ci_info .para .p1 { font-weight: 600; padding-bottom: 1rem; } 
#ci article .ci_info .para .p2 { font-size: 2rem; } 
#ci article .img_box { height: 31rem; margin-bottom: 2rem; } 
#ci .arti2 { display: flex; justify-content: space-between; } 
#ci .arti2 .box { flex: 0 1 calc(50% - 2rem); } 
#ci .arti2 .info_box h3 { font-size: 3rem; font-weight: 600; margin-bottom: 1rem; } 
#ci .arti2 .info_box p { font-size: 2rem; } 

/************************************* RESPONSIVE *******************************************/

@media (max-width: 1880px) { } 
@media (max-width: 1700px){
 #inquiry .inquiry_wrap { width: 87%; margin: 0 auto; } 
.write-tbl th { width: 20%; } 
 }
@media (max-width: 1360px) { /* 최소 PC */ } 
@media (max-width: 1270px){
 .depth_wrap { width: 50%; } 
 .depth_wrap:after { left: unset; width: 100%; transform: unset; } 
 /* LOCATION */
 #location .loca_info span br:first-child { display:none; } 
 /* INQUIRY */
 #inquiry .sub_inner_wrap { width: 90%; margin: 0 auto; } 
 .write-tbl .write-input.input100 { width:100%; } 
 .write-tbl th { min-width: 116px; } 
 .write-tbl .write-input { width: 100%; } 
 .write-tbl .write-select { width: 30%; } 
 #value .black_bg { padding: 5rem; height: 150rem; } 
 #value .bottom_box { padding-top: 4rem; } 
 .value_list { width: 100%; } 
 .value_list li .circle { width: 100%; } 
 #network .network_wrap > h2 { left: 5rem; top: 4rem; font-size: 5rem; } 
 #network .netwrok_list { bottom: 5rem; left: 5rem; } 
 #network .network_wrap .mark { height: 14px; top: 50%; } 
 .hotspot__container { top: 15px; } 
 .product_com .sub_tit h1 { font-size: 5.8rem !important; } 
 /* CEO */
 #ceo .tit_box h1 { font-size: 4rem !important; } 
 #ceo .flex_box > .img_box { width: 45%; } 
 }

@media (max-width: 1080px){
 .sub_tit_top { padding: 8rem 0 4rem; } 
 #bo_cate ul.flex_20 > li { flex: 0 1 33.3%; } 
 .sub_visual_box .info_box { height: 22rem; } 
 .sub_visual_box { height: auto; } 
 .sub_visual_txt { bottom: 2rem; } 
 .sub_img_box { height: 24rem; } 
 .visual_menu_wrap { bottom: calc(6rem + 5.5rem); } 
 .sub_com { padding: 0 0 8rem; } 
 .container { margin-bottom: 6rem; } 
 .sub_visual_txt h1 { font-size: 4rem; } 
 .sub_tit { padding-top: 1rem; padding-bottom: 4rem; } 
 .tab_list div { font-size: 1.8rem; margin-left: 1%; margin-bottom: 1rem; padding: 1.2rem 2rem; } 
 #location .loca_info p.address { flex: 1 1 100%; } 
#greeting #tab_2 section .img_box { width: 48%; } 
 #greeting #tab_2 .sec1 .story_tit { width: 33%; } 
 
 #vision li .inner .info_box { padding: 3rem 1rem; } 
 #vision li .inner .info_box h3 { font-size: 2.2rem; } 
 #vision li .inner .info_box p { font-size: 1.7rem; } 
 #vision .vision_box2 { margin-top: 10rem; } 

 /* History */
 #history .container .img_box { margin-bottom: 4rem; } 
 #history .container .img_box img { margin-left: 0; } 
 .history_wide { padding-left: 7%; } 
 .history_wrap>ul>.right> div ul>li::after { top: 11px; left: -12px; } 
 .history_wrap>ul>li { padding-left: 7%; } 
 .history_wrap::before { left: 0; } 
 .history_wrap>ul>.left { width: 100%; text-align: left; } 
 .history_wrap>ul>.right { width: 100%; position: relative; } 
 .history_wrap>ul>li.right div { padding-left: 20px; } 
 .history_wrap>ul>li.right::before { left: -7px; transform: unset; z-index: 2; } 
 .history_wrap>ul>li.right::after { z-index: 1; left: 22px; top: 7px; } 
 .history_wrap>ul>li.left div { padding-right: 0; } 
 .history_wrap>ul>li h4 { font-size: 3.4rem; } 
 .history_wide::after { font-size: 10rem; } 
 #history article { padding: 7rem 0; } 

 #greeting .info_list li .main_num { font-size: 6rem; } 
 #greeting .section1 .bg_box { padding: 4rem; height: 50rem; } 
 #greeting .section1 .bg_box .inner { left: 5%; } 
 #greeting .section1 { padding-bottom: 8rem; } 
 #greeting .section2 .inner h3 { font-size: 5rem; } 

 #greeting #tab_3 .poly_wrap ul li { width: 31%; } 
 #greeting #tab_3 .poly_wrap ul li .inner .icon_box { width: fit-content; margin: 0 auto 2rem; } 
 #greeting #tab_3 .poly_wrap ul li .inner .icon_box img { width: 70%; } 
#greeting #tab_3 .poly_wrap { padding: 6rem 0px 9rem; } 
#greeting #tab_3 .sec2 .info_box .img_box img { width: 70%; } 
 
 #vision .bottom_box .tit_info h2 { font-size: 4rem; } 
 #vision .bottom_box .tit_info p { font-size: 2.2rem; } 
 .deliver_wrap li { flex: 0 0 24%; padding: 2rem; } 
 #location .loca_info li b { font-size: 2rem; } 
 #location .loca_info .address li { font-size: 2rem; } 

 #vision .slogan_wrap li { flex: 1 1 100%; } 
 #vision .slogan_wrap { display: flex; max-width: 56rem; width: 100%; margin: 0 auto; } 
 #vision .slogan_wrap li .inner .img_box img { border-radius: 10px; } 
 .value_list li .circle { width: 70%; } 
 .value_list li { width: 47%; margin-bottom: 4rem; } 
 .value_list { width: 96%; margin: 0 auto; } 
 #ci article h2 { font-size: 2.4rem; } 
 #ci article .ci_info .para, #ci .arti2 .info_box p { font-size: 1.8rem; } 
 #ci article .img_box img { height: 100%; object-fit: contain; } 

 #network .network_wrap > h2 { left: 3rem; top: 3rem; font-size: 3.4rem; } 
 #network .netwrok_list { bottom: 4rem; left: 4rem; } 
 #network .netwrok_list h2 { font-size: 2rem; } 
 #network .netwrok_list li small { width: 9px; height: 9px; } 
 #network .netwrok_list li b { font-size: 1.8rem; } 

 .product_com .r_box_tit { min-width: 21rem; margin-right: 5%; padding: 1.2rem; font-size: 1.9rem; } 
 .product_com .contents_wrap .arti1 .info_box img { max-width: 15rem; } 
 .product_com .info_box h3 { font-size: 2.1rem; } 
 .product_com .contents_wrap article { padding: 4rem 0; } 
 .product_com .img_tit h2 { font-size: 3rem; } 
 .product_com .img_tit small { font-size: 2.2rem; } 
 .product_com .img_tit .img_sub_tit { font-size: 1.8rem; } 
 .product_com .img_wrap { padding-top: 6rem; } 
 }

@media (max-width: 768px){
 .sub_visual_box .info_box { height: 17rem; } 
 .sub_com { padding: 0 0 6rem; } 
.sub_tit_top { padding: 0rem 0 4rem; } 
 .tab_list.tab_list2 { margin-bottom: 5rem; width: 94%; margin-left: auto; margin-right: auto; } 
 .tab_list.tab_list2 > div { min-width: unset; flex: 1; margin-left: 1rem; } 
 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .visual_menu_wrap { height: 6rem; bottom: 6rem; background: #ffffffcc; } 
 .visual_menu_wrap .com_depth { top: 6rem; } 
 .sub_visual_txt h2 { padding-bottom: 1rem; font-size: 2.4rem; } 
 .depth_wrap { font-size:1.8rem; width: 94%; margin: 0 auto; } 
 .sub_tit { padding-top: 0; padding-bottom: 4rem; font-size: 4rem; } 
 .product_com .sub_tit h1, #greeting .sub_tit h1 { font-size: 5rem !important; margin-bottom: 2rem; } 
 #greeting #tab_1 .info_box h3 { margin-bottom: 3rem; } 
 #greeting #tab_1 .info_box p { margin-bottom: 2rem; } 
 #greeting #tab_1 .info_box { padding-top: 8rem; padding-bottom: 14rem; width: 94%; margin: 0 auto; } 
 #greeting #tab_1 .img_box { height: 30rem; } 
 #greeting #tab_1 .img_box img { height: 100%; object-fit: cover; } 
 #greeting #tab_2 .sec2 .img_box, #greeting #tab_2 .sec3 .info_box { margin-right: 4rem; } 
 #greeting #tab_3 .sec2 .info_box { padding: 3rem; } 
 #greeting #tab_3 .sec2 .info_box ul li { margin: 1rem 0; } 
 #greeting #tab_3 .sec2 .info_box ul li b { width: fit-content; margin-right: 1rem; flex: 0 0 auto; } 
 #greeting #tab_3 .sec2 .info_box .flex_box p { font-size: 1.7rem; } 
 #greeting #tab_3 .poly_wrap ul { display: flex; justify-content: center; position: relative; } 
 #greeting #tab_3 .poly_wrap ul li { width: unset; flex: 0 0 48%; } 
 #greeting #tab_3 .poly_wrap ul li.cir1 { margin-right: 2%; } 
 #greeting #tab_3 .poly_wrap ul span:nth-of-type(2) { display: none; } 
 #greeting #tab_3 .poly_wrap ul span:nth-of-type(1) { position: absolute; top: 45%; transform: translateY(-50%); } 
 /* LOCATION */
#location .loca_map iframe { height: 44vh; } 
 /* INQUIRY */
#inquiry2 .inquiry_wrap section h4 { min-width: auto; } 
 .value_list li .circle { width: 100%; } 
 .value_list li .circle .cir_tit h3 { font-size: 2.4rem; } 
 .value_list li .info_box { margin-top: 3rem; } 
 .value_list { width: 100%; } 
 #value .black_bg { padding: 2rem; height: 122rem; } 
 }

 @media (max-width: 630px){
 .depth_wrap > div { width: 50%; padding: 0 1.5rem; } 
 .depth_wrap .depth1.dep2_none { display: none; } 

 #greeting #tab_2 .sec1 .story_tit { width: 100%; margin-bottom: 2rem; } 
 #greeting #tab_2 .sec1 .story_info p br { display:none; } 
 #greeting #tab_2 .sec1 .story_info p:nth-child(1) { margin-bottom: 1rem; } 
 #greeting #tab_2 section { margin-bottom: 7rem; } 
 #greeting #tab_2 .sec2 .img_box, #greeting #tab_2 .sec3 .info_box { margin-right: 0; width: 90%; } 
 #greeting #tab_2 section .img_box { width: 90%; order: 1; margin-bottom: 3rem; } 
 #greeting #tab_2 section .info_box { order: 2; flex: 0 1 93%; } 
 #greeting #tab_2 .sec3 { display: flex; justify-content: flex-end; } 
 #greeting #tab_2 section .info_box h3 br { display:none; } 
 #greeting #tab_2 section .info_box h3 { margin-bottom: 1rem; line-height: 1.4; } 
 #greeting #tab_2 section { margin-bottom: 4rem; } 
 #greeting #tab_2 section .info_box p { font-size: 1.7rem; } 
 /* 문의하기 */
 #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 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; } 
 }

@media (max-width: 480px){
 .second_dep.depth1.hidden-mobile { display: none; } 
 .mt_8 { margin-top: 4rem; } 
.mt_4 { margin-top: 2rem; } 
.mt_2 { margin-top: 1rem; } 
 #bo_cate ul.flex_20 > li { flex: 1 1 50%; } 
 .sub_tit { padding-bottom: 3rem; padding-top: 0; } 
 .container { margin-bottom: 4rem; } 
 .tit_box { padding-top: 1rem; padding-bottom: 3rem; } 
 .sub_visual_txt h2 { font-size: 2.2rem; padding-bottom: 0.5rem; } 
 .sub_visual_txt h1 { font-size: 2.8rem; } 
 .flex_4 > * { width: 48%; } 
 .flex_6 > * { width: 44%; margin-right: 4%; } 
 /* top_menu */
.visual_menu_wrap { height: 5rem; bottom: 5rem; } 
.visual_menu_wrap .com_depth { top: 5rem; } 
.visual_menu_wrap .com_depth li { width: 100%; } 
.depth_wrap > div.home_btn i { top: 48%; } 
.depth_wrap > div { font-size: 1.5rem; } 
.depth_wrap { width: 96%; } 
.depth_wrap > div.depth1 { width: 50%; } 
.depth_wrap > div.depth2 { width: 50%; padding-right: 0; flex-grow: 1; } 

/* sub_visual */
 .sub_visual_box { height: 34rem; } 
 .sub_visual_txt { bottom: 1rem; } 
 .web_location { display: none; } 

 .tab_list.tab_list2 { margin-bottom: 4rem; } 
 .tab_list.tab_list2 > div { height: 4rem; } 
 #greeting #tab_1 .img_box { height: 36rem; } 
 #greeting #tab_1 .txt_box p br { display:none; } 
 #greeting #tab_1 .info_box { padding-top: 4rem; } 
 #greeting #tab_3 .poly_wrap ul li .inner .icon_box { margin: 0 auto 1rem; } 
#greeting #tab_3 .poly_wrap ul li .inner .icon_box img { width: 5rem; } 
#greeting #tab_3 .poly_wrap ul li .inner { width: 65%; } 
 #greeting #tab_3 .poly_wrap ul li .inner p br { display:none; } 
 #greeting #tab_3 .poly_wrap ul li { flex: 0 0 70%; } 
 #greeting #tab_3 .poly_wrap ul { } 
 #greeting #tab_3 .poly_wrap ul li.cir2 { margin: 2rem 0px; } 
#greeting #tab_3 .poly_wrap ul span:nth-of-type(1),#greeting #tab_3 .poly_wrap ul span:nth-of-type(2) { display: none; } 
 #greeting #tab_3 .sec2 .slider_box { width: 100%; margin-right: 0; margin-bottom: 3rem; } 
 #greeting #tab_3 .sec2 { display: flex; flex-wrap: wrap; } 
 #greeting #tab_3 .sec2 .info_box .img_box img { width: 21rem; margin-bottom: 1rem; } 
 #greeting #tab_3 .sec2 .info_box .flex_box { margin-top: 1rem; } 
 #greeting #tab_3 .swiper-slide { height: 31rem; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } 
 /* HISTORY */
 #history article { padding: 5rem 0; } 
 #history .container .tit_wrap h1 { font-size: 2.4rem; } 
 #history .container .tit_wrap p { font-size: 1.8rem; } 
 #history .container .tit_wrap { margin-bottom: 6rem; } 
 .history_wide::after { font-size: 7rem; bottom: -5rem; } 
 #history .container .img_box { width: 90%; margin-left: 0; border-radius: 10px; overflow: hidden; } 
 .history_wrap>ul>li.right div { padding-left: 0; display: flex; flex-direction: column; } 
 .history_wrap>ul>li.right div ul { padding-left: 2rem; } 
 .history_wrap>ul>.right> div ul>li::after { top: 10px; width: 4px; height: 4px; left: -11px; } 
 .history_wrap>ul>li.right::after { width: 20px; left: 9px; } 
 .history_wrap>ul>li h4 { font-size: 3rem; } 
 .history_wide { padding-left: 2%; } 
 .product_com .sub_tit h1, #greeting .sub_tit h1 { font-size: 3.3rem !important; margin-bottom: 1rem; } 

/* LOCATION */
 #location .loca_info p.address span { text-align: left; } 
 #location .loca_map { padding-bottom: 0; height: 280px; } 
 #location .loca_map .wrap_map { height: 100% !important; } 
 #location .loca_tit { width: fit-content; /* margin-bottom: 2rem; */ } 
 #location .loca_info { font-size: 1.8rem; padding-bottom: 1rem; } 
 #location .loca_info .address { width: 98%; } 
 #location .loca_map { padding: 2rem 3%; } 
 #location .loca_map .root_daum_roughmap { height: 100%; } 

 /* INQUIRY */
#inquiry .inquiry_wrap { width: 100%; } 
.inquiry_tbl_style1_flex { display: flex; } 
.tbl_style1_item { width: 100%; } 
.inquiry_tbl_style1_con .write_input { width: 100% } 
.editor textarea { font-size: 13px; } 
.btn_submit1 { width: 40%; font-size: 1.8rem; height: 5rem; } 
.write-tbl th, .write-tbl td { padding: 10px 2px 10px 0; min-width: 74px; word-break: keep-all; font-size: 13px; } 
.write-tbl td.flex_div_3 { display: flex; justify-content: space-between; width: 100%; align-items: center; } 
.inquiry_btn { margin-top: 20px; } 
.inquiry_btn input { font-size: 12px; width: 110px; height: 40px; } 
 #inquiry .agree_txt { font-size: 13px; } 
 #location .loca_info li b { font-size: 1.8rem; flex: 1 0 auto; } 
 #location .loca_info .address li { font-size: 1.7rem; display: flex; flex-direction: column; text-align: left; padding-bottom: 1rem; } 
 #vision .bottom_box .tit_info h2 { font-size: 3rem; } 
 #vision .bottom_box .tit_info p { font-size: 1.9rem; } 
 #vision .bottom_box .tit_info { margin-bottom: 4rem; } 
 #vision li { width: 100%; margin-bottom: 3rem; margin-right: 0; } 
 #vision li .img_box { height: 27vh; } 
 #vision li .img_box img { width: 100%; height: 100%; object-fit: cover; max-width: unset; } 
 #vision li .inner .info_box small { font-size: 2.2rem; } 
 #vision li .inner .info_box .line { height: 2px; margin: 1.5rem auto; } 
 #vision .slogan_wrap li .inner .img_box { width: 50%; } 

 .value_list li { width: 49%; margin-bottom: 2rem; } 
 .value_list li .circle .inner { width: 80%; } 
 .value_list li .circle .img_box img { max-width: 6rem; } 
 .value_list li .circle .cir_tit { font-size: 2rem; } 
 .value_list li .circle .cir_tit h3 { font-size: 2.2rem; } 
 .value_list li .info_box { margin-top: 2rem; width: 100%; } 
 .value_list li .info_box p { font-size: 1.7rem; } 

 /* CEO */
 #ceo .tit_box h1 { font-size: 2.8rem !important; } 
 #ceo .flex_box > .img_box { width: 100%; height: 40rem; } 
 #ceo .flex_box > .img_box img { width: 100%; height: 100%; object-fit: cover; max-width: unset; object-position: bottom; } 
 #ceo .info_box .p_wrap p { padding-bottom: 2rem; } 
 #ceo .sign_box .img_box { height: 10rem; } 
 #ceo .info_box { margin-left: 0; } 

 .hotspot--01 { width: 5px; height: 5px; border: 1px solid #fc4f6d; background-color: transparent; z-index: 1; opacity: 0.2; animation: dot1 2s infinite; } 
.hotspot--02 { width: 5px; height: 5px; background-color: #fc4f6d; z-index: 2; animation: dot2 2s infinite; } 
.hotspot--03 { width: 5px; height: 5px; background-color: #fc4f6d; z-index: 3; animation: dot3 1s alternate infinite; } 

 .tab_list div { font-size: 1.5rem; padding: 1rem 1.5rem; } 
 .index_wrap .tab_list div { font-size: 1.5rem; padding: 0.7rem 3rem; margin-left: 0; margin-bottom: 1rem; margin-right: 1rem; } 
 .line_list li::before { width: 0.7rem; top: 8px; left: 1px; } 
 .product_com .contents_wrap article .info_box { padding-left: 1rem; } 
 .product_com .contents_wrap article .info_box p { font-size: 1.6rem; } 
 .line_list li { font-size: 1.6rem; } 
 .mix_flex .img_box { width: 100%; margin-right: 0; } 
 .mix_flex { display: flex; flex-direction: row; flex-wrap: wrap; } 
 .mix_flex .img_box { margin-bottom: 2rem; } 
 .mix_flex .img_box img { width: 90%; margin: 0 auto; } 
 .mix_flex .info_box { flex: 1; } 
 .mix_flex .r_box_tit { margin-bottom: 1rem; } 
 .scroll_img { overflow-x: scroll; } 
 .scroll_img img { width: 200%; } 
 }