@charset "utf-8"; /* 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: 2rem; padding-bottom: 8rem; position:relative; text-align: center; color: #131313; } 
.sub_tit h1 { font-weight: 600; } 
.center { text-align: center; } 
.bor_b { border-bottom: 1px solid #dcdcdc; } 
/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 54rem; overflow: hidden; position: relative; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 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 { position: absolute; left: 0; z-index: 5; bottom: 8.5rem; color: #fff; width: 100%; } 
.sub_visual_txt h1 { color: #fff; font-size: 6rem; font-weight: 700; width: fit-content; } 
.sub_visual_txt h2 { color: #fff; font-size: 2.4rem; font-weight: 300; } 
.sub_visual_txt p { color: #fff; font-size: 1.1em; } 
.tit_box { padding-top: 6rem; padding-bottom: 9rem; text-align: center; } 
.tit_box .tit_bar { width: 1px; display: block; margin: 3rem auto 2rem; height: 5rem; background: #dadada; position: relative; } 
.tit_box h1 { margin-bottom: 1rem; font-weight: 600; font-family: var(--font-eng); } 
.tit_box h2 { font-size: 2.6em; font-family: inherit; font-weight: 300; letter-spacing: -3px; line-height: 1.5; } 
.tit_box h2 strong { font-weight: 500; } 
.tit_box p { font-size: 3.1rem; font-family: 'SUIT'; font-weight: 400; line-height: 1.4; color: #111; word-break: keep-all; } 
.tit_box2 h1 { font-weight: 500; font-size: 2.7em; font-family: 'GmarketSans'; padding-bottom: 4rem; padding-top: 6rem; } 
.horizon { width: 4rem; height: 2px; background: #fff; display: block; margin: 0 auto; margin-top: 2rem; } 

/* 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; } 
.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; } 
.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: #113992eb; 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; } 
.depth_wrap > div.depth1::after { content:''; display:block; position:absolute; right: 0; top: 50%; transform: translateY(-50%); width:1px; height: 2rem; background:#fff; } 

/* TAB MENU */
.tab_list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; flex-direction: row; width: 100%; margin: 4rem auto 6rem; position: relative; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; } 
.tab_list a { display: flex; align-items: center; justify-content: center; } 
.tab_list div { cursor: pointer; background: #fff; color: #444; flex: 0 1 49.5%; font-weight: 400; transition: all .4s; text-align: center; border-top: 1px solid #44444469; border-right: 1px solid #44444469; font-size: 2rem; padding: 1.5rem; } 
.tab_list div:hover { color: #fff; background: #23408f; border: unset; } 
.tab_content { display: none; } 
.tab_content.current { display: block; } 
.tab_list .tab_link.current { border: unset; color: #fff; background: #23408f; } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; } 

/* IERS SUB PAGE CSS */

/* GREETING */
#greeting { color: #fff; margin: 0 auto; position: relative; background: url(../img/company_bg.png) no-repeat 50% 100%/contain; padding-bottom: 34rem; } 
#greeting:after { content:'ERAESEEDS COMPANY'; font-size: 14.6rem; color: #f9f9f9; font-weight: 600; position: absolute; bottom: 10%; z-index: 0; width: 100%; text-align: center; } 
#greeting .bg_box { width: 100%; height: 36rem; background: url(../img/company_img1.jpg) no-repeat center center/cover; position: relative; margin-bottom: 8rem; } 
#greeting .bg_box p { color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
#greeting .p_wrap { font-size: 2rem; color: #333; text-align: center; z-index: 1; position: relative; } 
#greeting .p_wrap p { margin-bottom: 2.4rem; font-weight: 300; } 
#greeting .p_wrap p strong, #greeting .p_wrap p b { color: #111; font-weight: 600; } 
#greeting .p_wrap p:last-child { margin-top: 8rem; } 

/* 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 #becff5; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #1b61ff; 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: #e0eaff; 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%; } 

/* 납품실적 */
.deliver_wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; } 
.deliver_wrap li { border: 1px solid #ededed; flex: 0 0 15.66%; margin: 0.5%; padding: 3rem 0; } 

/* 융복합 비상벨 */
#bell .bell_bg { margin-bottom: 6rem; border-bottom: 1px solid #dcdcdc; padding-bottom: 6rem; } 
#bell .bell_bg .img_box { border: 1px solid #dcdcdc; border-radius: 1.5rem; } 
#bell .bell_bg .p_wrap p { font-size: 2rem; line-height: 1.7; padding: 0 4%; } 
#bell .info_box h2 { text-align: center; margin-bottom: 6rem; } 
.frame1 article { display: flex; margin-bottom: 8rem; color: #333; font-weight: 300; } 
.frame1 article h3 { min-width: 29rem; width: 21%; font-weight: 600; } 
.frame1 article .sub_arti { flex: 1; } 
.frame1 article .sub_arti2 { margin-bottom: 3.7rem; } 
 .frame1 article .sub_arti2:nth-child(1) { margin-top: 1rem; } 
.frame1 article .sub_arti2 h4 { margin-bottom: 1rem; } 
.frame1 article .sub_arti p { margin: 0.5rem 0; } 
.frame1 article span.main_color { font-weight: 400; margin-top: 4px; display: block; } 
.li_basic li { margin: 0.5rem 0; } 
.li_basic > * { padding-left: 1.4rem; position: relative; font-size: 1.8rem; word-break: keep-all; } 
.li_basic.hyp_list > li:before { content:''; display: block; width: 0.8rem; height: 1.3px; background: #333; position: absolute; top: 11px; left: 0; } 
.li_basic.dot_list > li:before { content:''; display: block; width: 2px; height: 2px; border-radius: 50%; background: #333; position: absolute; top: 11px; left: 0; } 
.num_list { display: flex; align-items: flex-start; flex-wrap: wrap; } 
.num_list b { font-weight: 400; margin-right: 0.7rem; } 
.num_list span { display: block; flex: 0 1 auto; flex: 1 1 0; } 

/* SYSTEM */
.system_wrap .system_bg .img_box { border: 1px solid #dcdcdc; border-radius: 1.5rem; padding: 6rem; } 

/* AS */
#as .as_wrap li { background: #ffffff; border-radius: 15px; margin-bottom: 3.4rem; padding: 5rem 4rem; position: relative; background: #ededed7a; } 
#as .box1 { display: flex; justify-content: space-between; } 
#as .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; } 
#as .box2 h3 { padding-bottom: 6rem; font-weight: 700; } 
#as .as_wrap li { background: #fff; border: 1px solid #dcdcdc; position: relative; height: 31rem; } 
 #as .as_wrap li:nth-child(1) span,#as .as_wrap li:nth-child(4) span { display: block; } 
#as .as_wrap li .box1 { position: absolute; right: 5rem; top; top: 4rem; } 
#as .icon_box { width: 8rem; height: auto; } 
#as .as_wrap li .box3 p { font-size: 1.8rem; color: #131313; font-weight: 200; } 
#as .as_wrap li .box3 p span { margin-right: 0.5rem; } 
#as .as_wrap li .box3 a { color: #666; display: inline-block; } 


/* 적용분야 */
#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: 600px; } 
#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; } 

/* ESG */
#esg ul { display: flex; align-items: stretch; } 
#esg li { overflow: hidden; border-radius: 10px; /* background: #ededed5c; */border: 1px solid #dcdcdc; } 
#esg li .inner .info_box { padding: 3rem; text-align: center; } 
#esg li .inner .info_box small { font-weight: 400; font-size: 1.9rem; color: #5d5d5d; } 
#esg li .inner .info_box .line { width: 4rem; height: 2px; background: var(--main-color); display: block; margin: 2.2rem auto; } 
#esg li .inner .info_box h3 { font-size: 2.4rem; font-weight: 600; } 
#esg li .inner .info_box p { font-size: 1.8rem; line-height: 1.5; font-weight: 300; } 
#esg .dot_list li { border: unset; padding: 0.2rem; font-size: 1.7rem; font-family: var(--font-eng); padding-left: 2rem; position: relative; } 
#esg .dot_list li::before { content:''; display:block; position:absolute; left:0; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: #111; } 
#esg .dot_list { display: block; text-align: left; } 

/* 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; } 

/************************************* 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%; } 
 }

@media (max-width: 1024px){
 #bo_cate ul.flex_20 > li { flex: 0 1 33.3%; } 
 .sub_visual_box { height: 44rem; } 
 .sub_visual_txt { bottom: 6rem; } 
 .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 { font-size: 4.2rem; padding-bottom: 6rem; } 
 #location .loca_info p.address { flex: 1 1 100%; } 
 .frame1 article h3 { min-width: 24rem; } 
 .frame1 article { margin-bottom: 4rem; display: flex; flex-direction: column; } 

 /* History */
 .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 .container .img_box img { margin-left: 0; margin-bottom: 4rem; } 
 .history_wrap>ul>li h4 { font-size: 3.4rem; } 
 .history_wide::after { font-size: 10rem; } 
 #history article { padding: 7rem 0; } 
 
 #greeting .bg_box { height: 24rem; margin-bottom: 6rem; } 
 #greeting { padding-bottom: 17rem; } 
#greeting:after { font-size: 7rem; } 
 #greeting .p_wrap p:last-child { margin-top: 5rem; } 
 #greeting .p_wrap { font-size: 1.8rem; } 

 .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; } 

 .system_wrap .system_bg .img_box { padding: 2rem; } 
 #as .as_wrap { display: flex; align-items: stretch; } 
 #as .icon_box { width: 6rem; } 
 #as .as_wrap li { height: auto; padding: 3rem; } 
 #as .as_wrap li .box1 { right: 4rem; top: 3rem; } 
 #as .box2 h3 { padding-top: 3rem; padding-bottom: 4rem; } 
 }

@media (max-width: 768px){
 .sub_com { padding: 0 0 6rem; } 
 .sub_visual_box { height: 40rem; } 
 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .visual_menu_wrap { height: 6rem; bottom: 6rem; background: #cdcdcd33; } 
 .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; } 
 /* LOCATION */
#location .loca_map iframe { height: 44vh; } 
 /* INQUIRY */
#inquiry2 .inquiry_wrap section h4 { min-width: auto; } 
 }

 @media (max-width: 630px){
 .depth_wrap > div { width: 50%; padding: 0 1.5rem; } 
 .depth_wrap .depth1.dep2_none { display: none; } 
 /* 문의하기 */
 #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){
 #bo_cate ul.flex_20 > li { flex: 1 1 50%; } 
 .sub_tit { padding-bottom: 4rem; 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: 3rem; } 
 .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 { font-size: 1.2rem; bottom: 8rem; } 

 /* HISTORY */
 #history article { padding: 6rem 0; } 
 .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 .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_wrap>ul>li h4 { font-size: 3rem; } 
 .history_wide { padding-left: 2%; } 

/* 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; } 
 #greeting { padding-bottom: 14rem; } 
 #greeting .bg_box { height: 18rem; margin-bottom: 4rem; } 
 #greeting .bg_box p { width: 68%; text-align: center; } 
 #greeting:after { font-size: 5rem; bottom: 5%; line-height: 1; } 
 #greeting .p_wrap p:last-child { margin-top: 2rem; } 
 #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; } 
 .frame1 article { margin-bottom: 2rem; } 
 #bell .info_box h2 { margin-bottom: 5rem; } 
 #bell article h3 { font-size: 2rem !important; margin-bottom: 0; } 
 .frame1 article .sub_arti p br { display:none; } 
 .frame1 article .sub_arti2 h4 { margin-bottom: 0; } 
 .li_basic > * { font-size: 1.6rem; } 
 .li_basic.dot_list > li:before { top: 7px; left: 3px; } 
 .li_basic.hyp_list > li:before { top: 7px; } 
  #bell .bell_bg .p_wrap p{
    font-size: 1.8rem;
}
 }