@charset "utf-8"; /** default option **/
/* main header */
.main_header_box { height:680px; position:relative; } 
.main_header_box .title_box { position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } 
.main_header_box .title_box h1 { font-size: 64px; line-height: 72px; font-family: 'Montserrat'; color: #fff; margin-bottom: 5px; } 
.main_header_box .title_box p { font-size: 20px; min-width: 150px; line-height: 48px; display: inline-block; color: #fff; border: 1px solid #fff; border-radius: 30px; font-weight: 400; } 
.main_header_box .title_box::before { content:none; } 
.main_header_box .topic_box { position:absolute; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; bottom: 10px; width: 100%; max-width: 1240px; padding: 0 20px; left: 50%; transform: translateX(-50%); } 
.main_header_box .topic_box span { color: #eee; font-size: 14px; } 
.main_header_box .topic_box span::after { content:""; display: inline-block; width: 5px; margin: 0 10px; height: 9px; background:url(/base/img/work_custom/img/icon/arrow_s_r_g.svg)no-repeat center/cover; } 
.main_header_box .topic_box span:last-child:after { content:none; } 
/* main contents */
.main_wrap { background:#fff; } 
.main_cont_box { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; padding-top: 110px; } 
.main_block { width:100%; max-width:1200px; margin:0 auto; } 
.title_box { text-align: center; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } 
.title_box::before { content:""; display:inline-block; width: 50px; height: 3px; background: var(--set02); margin-bottom: 10px; } 
.title_box h2 { color: var(--set07); font-size: 36px; font-weight: 600; display:inline-block; position: relative; } 
.title_box.sub::before { content:none; } 
.title_box.sub h2 { font-weight: 500; font-size: 24px; line-height: 28px; color: var(--set07); margin-bottom: 20px; } 
.title_box.sub h2 b { color: var(--set02); font-weight: 500; } 
.title_box.sub p { color: var(--set07); font-size: 18px; line-height: 28px; } 
/** brand **/
.brand .main_header_box { background:url(/base/img/work_custom/img/sub/brand/b_company_h_bg.png)no-repeat center/cover; } 
/* the_company */
.c_company .brand_bi_info { display: flex; justify-content: space-between; gap: 0 25px; margin-bottom: 30px; } 
.c_company .brand_bi_info li { flex: 1; } 
.c_company .brand_bi_info li img { width:100%; } 
.c_company .brand_bi_info li div { padding-top: 10px; } 
.c_company .brand_bi_info li div span { font-size: 16px; line-height: 26px; font-family: 'roboto'; color: var(--set07); margin-right: 20px; } 
.c_company .brand_bi_info li span::before { content:""; display: inline-block; width: 16px; height: 16px; border-radius: 20px; border: 1px solid var(--set03); background: #fff; vertical-align: text-top; margin-right: 5px; } 
.c_company .brand_bi_info li:nth-child(1) span:nth-child(1)::before { content:""; background:#1A1818; border-color:#1A1818; } 
.c_company .brand_bi_info li:nth-child(1) span:nth-child(2)::before { content:""; background:#C20A1E; border-color:#C20A1E; } 
.c_company .brand_info { margin-bottom: 110px; } 
.c_company .brand_info p { text-align: center; color: var(--set07); font-size: 18px; line-height: 28px; margin-bottom: 10px; word-break: keep-all; } 
.c_company .brand_info p b { font-weight:500; }
.brand_history ul { width: 100%; height: 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; } 
.brand_history ul > li:first-child { flex: 1; font-size:0; display: flex; overflow: hidden; flex-direction: row; justify-content: center; align-items: center; } 
.brand_history ul > li:first-child img { max-width: 470px; height: auto; width: 100%; } 
.brand_history ul > li:last-child { flex:1; background: #fafafa; display: flex; } 
.brand_history .cont {position: relative;padding: 80px;height: auto;} 
.brand_history .cont:before { position:absolute; top: 90px; left: 180px; width:1px; height: calc(100% - 230px); border-left: 1px solid #cfcfcf; content:""; z-index: 0; } 
.brand_history .his_item { display:flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 40px; } 
.brand_history .his_item:last-child { margin-bottom:0; } 
.brand_history .his_item:after { content: ''; display: block; clear: both; } 
.brand_history .his_item .year { width: auto; display: inline-block; position: relative; } 
.brand_history .his_item .year:after { position:absolute; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background:var(--set02); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; } 
.brand_history .his_item .year strong { display: inline-block; font-size: 26px; line-height: 28px; color: var(--set07); margin-right: 40px; } 
.brand_history .his_item.current .year:after { border-color: var(--set02); } 
.brand_history .his_item .info { padding-left: 40px; } 
.brand_history .his_item:last-child .info ol { border-bottom: 0; padding-bottom: 8px } 
.brand_history .his_item .info ol li { padding-bottom: 20px; font-size: 18px; color: #333; word-break:keep-all; } 
.brand_history .his_item .info ol li:last-child { padding-bottom:0; } 
.brand_history .his_item .info strong { display: inline-block; padding-right: 16px } 
/* the_competitve */
.c_competitive .main_cont_box .title_box p:last-child { color: var(--set07); font-size: 18px; line-height: 28px; } 
.c_competitive .main_cont_box .title_box p.with_why { margin-top: 50px; margin-bottom: 20px; font-size: 24px; line-height: 28px; color: var(--set07); font-weight: 500; position: relative; z-index: 1; } 
.c_competitive .main_cont_box .title_box p.with_why::after { content:""; background:url(/base/img/work_custom/img/sub//brand/b_competitive_why.svg); position: absolute; left: -38px; width: 74px; height: 56px; top: -20px; z-index: -1; } 
.c_competitive .main_cont_box .title_box p.with_why b { color: var(--set02); } 
.c_competitive .compet_ul { display: flex; gap: 0 20px; margin-bottom:20px; } 
.c_competitive .compet_ul:last-child { margin-bottom: 110px; } 
.c_competitive .compet_ul li { flex: 1; text-align: center; height: auto; min-height: 385px; background: #FFFFFF; box-shadow: 0px 3px 10px #00000014; border-radius: 0px 30px; padding: 50px 15px; } 
.c_competitive .compet_ul li img {margin-bottom: 30px;max-width: 130px;} 
.c_competitive .compet_ul li p { font-size:20px; line-height:29px; font-weight:500; color:var(--set07); margin-bottom:10px; word-break: keep-all; } 
.c_competitive .compet_ul li p:last-child { font-size: 16px; font-weight: 400; line-height: 26px; color: #8f8f8f; margin-bottom: 0; } 
.c_competitive .full_with { background: #F5F5F5; } 
.compet_solution { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; } 
.compet_solution > ul { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 40px; justify-content: space-evenly; padding: 110px 0; } 
.compet_solution > ul > li { flex: 1; } 
.compet_solution > ul > li:first-child img { width: 100%; height: 100%; object-fit: cover; } 
.compet_solution > ul > li:last-child { display: flex; flex-direction: column; justify-content: space-between; gap: 10px 0; } 
.compet_solution > ul > li p { color: var(--set07); font-size: 24px; line-height: 34px; font-weight: 600; text-align: center; height: 14%; } 
.compet_solution > ul > li span { width: 100%; background: #fff; text-align: center; height: 14%; padding: 2% 0; font-size: 16px; line-height: 28px; color: var(--set07); word-break: keep-all; } 
.compet_solution > ul > li p i { font-style: normal; color: var(--set02); } 
.compet_solution > ul > li p i::before { content:""; display:inline-block; } 
.compet_solution > ul > li span i { font-style: normal; color: #DB4242; display: inline-block; position: relative; } 
.compet_solution > ul > li span i::after { content:""; display:inline-block; position: absolute; width: 100%; height: calc(100% - 5px); top: calc(50% + 1px); left: 0; transform: translateY(-50%); background: var(--set02); opacity: 0.06; } 
/* the_system */
.c_system .tab_wrap { padding: 0 20px; } 
.c_system .tab_wrap .tab { width: 100%; max-width: 740px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-around; border-top: 2px solid var(--set02); border-bottom: 2px solid var(--set02); margin-bottom: 70px; } 
.c_system .tab_wrap .tab li { flex: 1; text-align: center; } 
.c_system .tab_wrap .tab li a { font-size: 20px; padding: 15px 0; width: 100%; display: inline-block; color: var(--set02); } 
.c_system .tab_wrap .tab li.on { background: var(--set02); } 
.c_system .tab_wrap .tab li.on a { color: #fff; } 
.c_system .tab_wrap .tab_box { width:100%; } 
.c_system .tab_wrap .tab_box .title_box { text-align: center; } 
.c_system .tab_wrap .tab_box .title_box h2 { font-weight: 500; font-size: 24px; line-height: 34px; color: var(--set07); margin-bottom: 20px; } 
.c_system .system_info_wrap { margin-bottom: 110px; } 
.c_system .system_info_wrap [class*="tab_box_swipe"] { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; height: 485px; } 
.c_system .system_info { position: absolute; width: 100%; bottom: 0; } 
.c_system .system_info > ul { display: flex; flex-direction: row; flex-wrap: nowrap; } 
.c_system .system_info > ul > li { line-height: 50px; width: 50px; text-align: center; font-size: 22px; font-family: 'Montserrat'; color: #fff; background: var(--set02); } 
.c_system .system_info > ul > li:last-child { text-align: left; background: #fff; color: var(--set08); font-family: 'Noto Sans CJK KR'; text-align: center; display: inline-block; width: initial; line-height: 46px; padding: 0 30px; } 
.c_system .system_info p { background: rgb(52 52 52 / 70%); color: #fff; font-size: 16px; line-height: 26px; padding: 45px 50px; padding-right: 160px; font-weight: 300; word-break: keep-all; } 
.c_system .tab_box .swiper-button-prev.setup01 { right: 80px; bottom: 40px; } 
.c_system .tab_box .swiper-button-next.setup01 { left: initial; right: 20px; bottom: 40px; } 
.c_system .tab_box .full_with { margin-left: -20px; width: calc(100% + 40px); background: #fafafa; padding: 110px 20px; } 
.c_system .tab_box .system_ul_box { width: 100%; max-width: 1200px; margin: 0 auto; margin-top: -20px; } 
.c_system .tab_box .system_ul_box ul { display: flex; flex-direction: row; justify-content: space-between; } 
.c_system .tab_box .system_ul_box ul:first-child { margin-bottom:50px; position: relative; gap: 20px; } 
.c_system .tab_box .system_ul_box ul li { height: auto; flex: 1; text-align: center; } 
.c_system .tab_box .system_ul_box ul li > p { text-align: center; color: var(--set07); font-size: 15px; line-height: 23px; word-break: keep-all; } 
.c_system .tab_box .system_ul_box .sysmtem_order { gap: 0 30px; } 
.c_system .tab_box .system_ul_box .sysmtem_order::before { content:""; display: block; position: absolute; top: calc(50% - 30px); transform: translateY(-50%); width: 100%; height: 2px; background: #e3e3e3; } 
.c_system .tab_box .system_ul_box .sysmtem_order > li > div { position: relative; width: 100%; height: 175px; background: #fff; box-shadow: 0px 3px 10px #00000029; border-radius: 0px 30px; margin-bottom: 10px; } 
.c_system .tab_box .system_ul_box .sysmtem_order > li > div span { position: absolute; left: 0; top: 0; width: 35px; line-height: 35px; text-align: center; background: var(--set02); color: #fff; font-size: 17px; } 
.c_system .tab_box .system_ul_box .sysmtem_order > li > div img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.c_system .tab_box .system_ul_box .sysmtem_order_info { background: #fff; padding: 35px 0; justify-content: space-evenly; } 
.c_system .tab_box .system_ul_box .sysmtem_order_info li:nth-child(2) { border-right: 2px solid var(--set03); border-left: 2px solid var(--set03); } 
.c_system .tab_box .system_ul_box .sysmtem_order_info li p:first-child { font-size:18px; line-height:26px; color:var(--set02); font-weight:500; margin-bottom:10px; } 
.c_system .tab_box .system_ul_box .sysmtem_order_info li p:last-child { font-size:16px; line-height:26px; color:var(--set07); } 
.c_system .tab_box .system_ul_box .system_security { gap: 0 40px; } 
.c_system .tab_box .system_ul_box .system_security li { width: 100%; height: 243px; position: relative; border-radius: 0 30px; } 
.c_system .tab_box .system_ul_box .system_security li p { position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 20px; line-height: 30px; font-weight: 400; } 
.c_system .tab_box .system_ul_box .system_security li:first-child { background:url(/base/img/work_custom/img/sub/brand/b_system_security_img01.jpg)no-repeat center/cover; } 
.c_system .tab_box .system_ul_box .system_security li:nth-child(2) { background:url(/base/img/work_custom/img/sub/brand/b_system_security_img02.jpg)no-repeat center/cover; } 
.c_system .tab_box .system_ul_box .system_security li:nth-child(3) { background:url(/base/img/work_custom/img/sub/brand/b_system_security_img03.jpg)no-repeat center/cover; } 
.c_system .tab_box .system_ul_box .system_security li:last-child { background:url(/base/img/work_custom/img/sub/brand/b_system_security_img04.jpg)no-repeat center/cover; } 
.c_system .tab_box .system_ul_box .system_security_info { gap: 0 40px; } 
.c_system .tab_box .system_ul_box .system_security_info li { background: #fff; padding: 15px; box-shadow: 0px 3px 10px #0000001A; border-radius: 5px; } 
.c_system .tab_box .system_ul_box .system_security_info li p { font-size:16px; line-height:21px; color:var(--set07); } 
.c_system .system_indoors { margin-bottom: 110px; } 
.c_system .system_indoors ul { display: flex; flex-direction: row; flex-wrap: wrap; } 
.c_system .system_indoors ul li { width: 50%; } 
.c_system .system_indoors ul.mo { display:none; } 
.c_system .system_indoors ul.mo li { display: inline-block; width:100%; height: auto; } 
.c_system .system_indoors .with_img img { object-fit:cover; width:100%; height: 100%; } 
.c_system .system_indoors .with_txt { text-align: center; display: flex; flex-direction: column; justify-content: center; } 
.c_system .system_indoors .with_txt h2 { font-size:24px; line-height:34px; color:var(--set07); font-weight:500; margin-bottom: 10px; word-break: keep-all; } 
.c_system .system_indoors .with_txt h2 b { color:var(--set02); font-weight:600; } 
.c_system .system_indoors .with_txt p { font-size:18px; line-height:28px; color:var(--set07); } 
.c_system .system_indoors ul.mo .with_img { height:200px; } 
.c_system .system_indoors ul.mo .with_txt h2 { font-size: 21px; line-height: 32px; color:var(--set07); font-weight:500; margin-top: 20px; } 
.c_system .system_indoors ul.mo .with_txt h2 b { color:var(--set02); font-weight:600; } 
.c_system .system_indoors ul.mo .with_txt p { font-size: 16px; line-height: 24px; color:var(--set07); margin-bottom: 50px; } 
.c_system .system_indoors ul.mo .with_txt p br { display:none; } 
.c_system .system_indoors ul.mo li:last-child p { margin-bottom:0; } 
.c_system .system_info_wrap .tab_box_swipe01 { background:url(/base/img/work_custom/img/sub/brand/b_system_bg01.jpg)no-repeat center/cover; } 
.c_system .system_info_wrap .tab_box_swipe02 { background:url(/base/img/work_custom/img/sub/brand/b_system_bg02.jpg)no-repeat center/cover; } 
/** interior **/
.interior .main_header_box { background:url(/base/img/work_custom/img/sub/interior/b_interior_h_bg.png)no-repeat center/cover; } 
.interior .title_box.sub h2 b { font-family: 'Roboto'; } 
.interior .int_c_box { margin-bottom: 70px; } 
.interior .int_c_box ul { width: 100%; max-width: 500px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-around; border-top: 2px solid var(--set02); border-bottom: 2px solid var(--set02); } 
.interior .int_c_box ul li { flex: 1; text-align: center; } 
.interior .int_c_box ul li.on { background: var(--set02); } 
.interior .int_c_box ul li a { font-size: 20px; padding: 18px 0; width: 100%; display: inline-block; color: var(--set02); font-family: 'roboto'; font-weight: 500; } 
.interior .int_c_box ul li.on a { color: #fff; } .int_c_swipe_wrap { display: flex; padding: 30px; flex-direction: row; flex-wrap: nowrap; background: #FFF; box-shadow: 0px 3px 10px #00000029; border-radius: 5px; gap: 0 30px; height: 460px; align-items: flex-end; position: relative; margin-bottom: 50px; } 
.int_c_swipe_wrap .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } 
.int_c_swipe_wrap .b_screen { flex: 1; height: 100%; max-width: 440px; } 
.int_c_swipe_wrap .s_screen { flex: 1; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 20px; justify-content: space-between; max-height: 185px; } 
.int_c_swipe_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.int_c_swipe_wrap .s_screen img { width: calc(33.33% - 15px); cursor: pointer; } .int_c_swipe_wrap .int_screen_info { height: 100%; flex: 1; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 30px 0; } 
.int_c_swipe_wrap .int_screen_info .swiper { flex: 1; width: 100%; margin-left: initial; margin-right: initial; position: relative; } 
.int_c_swipe_wrap .int_screen_info .swiper .swiper-wrapper { height: initial; bottom: 0; position: absolute; } 
.int_c_swipe_wrap .int_screen_info h2 { color:var(--set07); font-size:24px; line-height: 30px; margin-bottom:20px; font-family:'Roboto'; } 
.int_c_swipe_wrap .int_screen_info p { color:var(--set07); font-size:16px; line-height:26px; } 
.int_c_swipe_wrap .int_screen_info .swiper-button-prev.setup01,
.int_c_swipe_wrap .int_screen_info .swiper-button-next.setup01 { border: 1px solid #E8E8E8; } 
.int_c_swipe_wrap .int_screen_info .swiper-button-prev.setup01 { right: 60px; top: 22px; border-right:0; } 
.int_c_swipe_wrap .int_screen_info .swiper-button-next.setup01 { left: initial; top: 22px; border-left:0; } 
.int_gallery { margin-bottom: 90px; } 
.int_gallery ul { overflow:hidden; } 
.int_gallery li { float:left; height:350px; width:calc(50% - 10px); margin-bottom:20px; } 
.int_gallery li:last-child { margin-bottom:0px; } 
.int_gallery li:nth-child(2) { float:right; height: 720px; } 
.int_gallery li:nth-child(4) { width:100%; } 
.int_gallery li:nth-child(5) { height: 720px; margin-right:20px; } 
.int_gallery li img { width: 100%; height:100%; object-fit:cover; } 
/** guide **/
.guide .main_header_box { background:url(/base/img/work_custom/img/sub/guide/b_guide_h_bg.png)no-repeat center/cover; } 
/* vision */
.vision_cont_box { display: flex; gap: 0 25px; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 110px; } 
.vision_cont_box li { flex: 1; text-align: left; } 
.vision_cont_box li .vision_img_box { text-align: center; padding: 25px 0; margin-bottom: 15px; } 
.vision_cont_box li:first-child .vision_img_box,
.vision_cont_box li:nth-child(3) .vision_img_box { box-shadow: 5px 0px 10px #00000012; border-bottom: 1px solid var(--set02); } 
.vision_cont_box li:nth-child(2) .vision_img_box,
.vision_cont_box li:last-child .vision_img_box { box-shadow: 5px 0px 10px #00000012; border-top: 1px solid var(--set02); } 
.vision_cont_box li img { width:100%; } 
.vision_cont_box li p { font-size: 20px; line-height: 26px; color: var(--set02); font-family: 'roboto'; font-weight: 600; margin: 5px 0; } 
.vision_cont_box li span { font-size: 16px; line-height: 26px; color: var(--set07); word-break: keep-all; } 
.vision_to { padding: 110px 20px; background: #FAFAFA; overflow: hidden; } 
.vision_to ul { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; /* overflow: hidden; */justify-content: space-between; margin-bottom: 50px; } 
.vision_to ul li { position: relative; } 
.vision_to ul li img { position: relative; } 
.vision_to ul li:nth-child(1) img { left: 5px; } 
.vision_to ul li:nth-child(2) img { top: 10px; left: 5px; } 
.vision_to ul li:nth-child(3) img { right: 8px; top: -5px; } 
.vision_to ul li:nth-child(4) img { top: 5px; right: 7px; } 
.vision_to ul li span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; line-height: 28px; color: var(--set07); } 
.vision_to > p { text-align: center; font-size: 16px; line-height: 26px; word-break: keep-all; color: #8B8B8B; } 
.vision_to > p b { font-weight:500; color:var(--set07); } 
/* step */
.c_step .full_with { background: #fafafa; text-align: center; padding: 110px 20px; } 
.c_step .full_with p { font-size: 18px; line-height: 28px; color: var(--set07); margin-bottom: 15px; word-break: keep-all; } 
.c_step .full_with h3 { font-size: 24px; line-height: 34px; color: var(--set07); font-weight:500; } 
.c_step .full_with h3 b { color:var(--set02); font-weight:500; } 
.c_step .main_cont_box ul { display: flex; justify-content: space-between; position: relative; margin-bottom: 110px; padding: 0 75px; } 
.c_step .main_cont_box ul:last-child { flex-direction: row-reverse; } 
.c_step .main_cont_box ul::before {content:"";position:absolute;width: calc(100% - 115px);height: 2px;left: calc(50% + 65px);transform: translateX(-50%);top: 100px;border-bottom: 2px dashed #a8a8a8;} 
.c_step .main_cont_box ul li { text-align: center; position: relative; } 
.c_step .main_cont_box ul li::before { content:""; position:absolute; width: 10px; height: 10px; background: #A8A8A8; border-radius: 10px; left: 50%; transform: translateX(-50%); top: 98px; } 
.c_step .main_cont_box ul li img { margin-bottom: 60px; } 
.c_step .main_cont_box ul li p:nth-child(1) { color: var(--set02); font-size: 20px; line-height: 26px; font-family: 'roboto'; font-weight: 500; margin-bottom: 10px; } 
.c_step .main_cont_box ul li p:nth-child(2) { font-size: 20px; font-weight: 500; color: var(--set07); margin-bottom: 5px; } 
.c_step .main_cont_box ul li span { color: var(--set05); font-size: 16px; line-height: 26px; } 
.c_step .main_cont_box ul:last-child::before {} 
.c_step .main_cont_box ul:last-child li:last-child {min-width: 100px;position: relative;} 
.c_step .main_cont_box ul:last-child li:last-child img{max-width: 200px;margin-bottom:0;position: absolute;left: 0;top: calc(50% - 45px);transform: translateY(-50%);background: #fff;padding-right: 30px;} 
.c_step .main_cont_box ul:last-child li:last-child::before { content:none; } 
/* history */
.history_card { display: flex; gap: 50px 30px; justify-content: space-between; flex-direction: row; flex-wrap: wrap; margin-bottom: 110px; } 
.history_card li { width: calc(50% - 15px); } 
.history_card li .card_img { width:100%; height:400px; } 
.history_card li .card_info {height: calc(100% - 400px);padding: 40px;background: #F8F8F8;} 
.history_card li .card_img img { width: 100%; height: 100%; object-fit: cover; } 
.history_card li .card_info p { color: var(--set02); font-size: 20px; line-height: 26px; margin-bottom: 10px; font-weight: 500; } 
.history_card li .card_info span { font-size: 16px; line-height: 26px; color: #8f8f8f; word-break: keep-all; } 
.history_card li .card_info span b { font-weight:500; color:var(--set07); } 
/** inform **/
.inform .main_header_box { background:url(/base/img/work_custom/img/sub/inform/b_inform_h_bg.png.png)no-repeat center/cover; } 
.ieAlert { display: none; } 
.mapFinder { flex: 1; max-width: 430px; } 
.map_wrap { width:100%; height:670px; background: #FFFFFF; box-shadow: 0px 10px 20px #00000029; border-radius: 5px; margin-bottom:110px; padding:25px; display: flex; gap: 0 25px; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } 
.map_wrap #naverMap { flex: 1; height:100%; border-radius: 10px; } 
.map_wrap #naverMap:focus-visible,
.map_wrap #naverMap:focus,
.map_wrap #naverMap:active { outline:0; border:0; } 
.map_wrap .select_wrap { background: #FFFFFF; height: 50px; width: 100%; display: flex; position:relative; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; gap: 0 5px; margin-bottom: 60px; } 
.map_wrap .select_wrap .default_option { background: #fff; position: relative; cursor: pointer; border: 1px solid #E3E3E3; border-radius: 5px; width: 100%; max-width: 145px; } 
.map_wrap .select_wrap .default_option li { padding: 8px 10px; } 
.map_wrap .select_wrap .default_option:before { content: ""; position: absolute; top: 22px; right: 15px; width:9px; height:5px; background:url(/base/img/work_custom/img/sub/inform/icon_arrow.svg); } 
.map_wrap .select_wrap .option { display: flex; align-items: center; } 
.map_wrap .select_wrap .option .icon { width: 25px; height: 32px; margin-right: 10px; } 
.map_wrap .select_wrap .option.region .icon { background: url('/base/img/work_custom/img/sub/inform/icon_region.svg') no-repeat center; } 
.map_wrap .select_wrap .option.store .icon { background: url('/base/img/work_custom/img/sub/inform/icon_store.svg') no-repeat 0 center; } 
.map_wrap .select_wrap .select_ul { position: absolute; top: 55px; left: 0; width: 100%; max-width: 145px; background: #fff; border-radius: 5px; border: 1px solid #E3E3E3; display:none; z-index: 1; } 
.map_wrap .select_wrap .select_ul li { padding:8px 10px; cursor: pointer; } 
.map_wrap .select_wrap.active .select_ul { display:inline-block; } 
.map_wrap .select_wrap.active .default_option:before { transform:rotate(180deg) } 
.select_wrap select,
.select_wrap input { border: 0; background: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } 
.select_wrap button { border: 0; margin-left: -150px; width: calc(100% + 150px); cursor: pointer; line-height: 50px; background: var(--set02); border-radius: 5px; color: #fff; font-size: 16px; margin-top: 10px; } 
.serch_box .tab-contents { flex: 1; background: #FAFAFA url(/base/img/work_custom/img/sub/inform/icon_map.png)no-repeat right 15px top 13px; border: 1px solid #E6E6E6; border-radius: 5px; position: relative; padding: 0; } 
.serch_box .tab-contents select,
.serch_box .tab-contents input { font-size: 16px; line-height: 50px; color: var(--set05); padding: 0 15px; width: 100%; padding-right: 50px; } 
.serch_box .tab-contents input::placeholder { color: var(--set05); } 
.serch_box .tab-contents select:focus-visible,
.serch_box .tab-contents select:focus,
.serch_box .tab-contents select:active,
.serch_box .tab-contents input:focus,
.serch_box .tab-contents input:active,
.serch_box .tab-contents input:focus-visible { color: var(--set07); border: 0; outline: 0; } 
.map_wrap .serch_box #tabmenu { appearance: none; font-size: 16px; line-height: 30px; color: var(--set07); font-family: "Noto Sans CJK KR"; } 
.serch_box { height: 135px; padding-bottom: 25px; border-bottom: 1px solid #E6E6E6; } 
.store_list { height: calc(100% - 135px); padding-top: 25px; } 
.store_list ul { height:100%; overflow-y: scroll; } 
.store_list ul li.active .storeCont { border-color: var(--set02); } 
.store_list li:last-child .storeCont { margin-bottom:0; } 
.storeCont { padding: 25px; padding-right: 115px; word-break: keep-all; border: 1px solid #e6e6e6; margin-bottom: 20px; border-radius: 5px; position: relative; margin-right: 8px; cursor: pointer; } 
.storeCont p.storeName { color: var(--set02); font-size: 18px; font-weight: 500; margin-bottom: 10px; } 
.storeCont p.storeAddr { font-size: 16px; color: #2b2b2b; line-height: 24px; } 
.storeCont .st_info_wrap { position: absolute; width: 65px; height: 65px; background: var(--set02); border-radius: 5px; top: 50%; transform: translateY(-50%); right: 25px; padding: 8px 0; text-align: center; word-break: break-all; z-index: 1; } 
.storeCont .st_info_wrap a { display: inline-block; color:#fff; width: 100%; padding: 0 15px; } .nm-marker { position: relative; transform: translate(-50%, -50%); width: 50px; } 
.nm-marker img { width: 100%; } 
.nm-marker .marker-detail { display: none; justify-content: space-between; align-items: center; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); min-width: 410px; height: auto; background: #fff; padding: 25px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); cursor: default; border-radius: 5px; } 
.nm-marker .marker-detail::after { position: absolute; content: ""; width: 25px; height: 25px; background: #fff; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); } 
.nm-marker.markerOpen { z-index: 99; } 
.nm-marker.markerOpen .marker-detail { display: flex; } 
.nm-marker .md-txt { margin-right: 2em; } 
.nm-marker .md-txt h3 { font-weight: 500; font-size: 18px; margin-bottom: 10px; color: var(--set02); } 
.nm-marker .md-txt span { display: block; font-size: 16px; line-height: 24px; color: #2b2b2b; } 
.nm-marker .marker-detail a img { width: 60px; } 
.nm-marker input.closeMd { position: absolute; top: 0; right: 0; width: 1em; height: 1em; background: none; border: none; font-size: 3rem; line-height: 1em; color: #666; cursor: pointer; } 
/** enquiry **/
.enquiry .main_header_box { background:url(/base/img/work_custom/img/sub/enquiry/b_enquiry_h_bg.png)no-repeat center/cover; } 
/** faq/notice **/
.table_header { width: 100%; } 
.table_header ul { overflow: hidden; border-bottom: 1px solid #F3F3F3; border-top: 2px solid #920312; } 
.table_header ul li:first-child { width: 70px; text-align: center; } 
.table_header ul li { font-size: 16px; display: inline-block; width: calc(100% - 70px); float: left; line-height: 60px; text-align: center; } 
.faq_table table,
.notice_table table { width: 100%; font-family: 'Noto Sans KR', sans-serif; } 
.faq_table,
.notice_table table { position: relative; padding-top: 65px; } 
.notice_table .table_02.in_table { padding-top:0 } 
.notice_table .table_02.in_table td { line-height: 60px; padding: 0 10px; background: none; } 
.notice_table .table_02.in_table td.board_bgcolor { border-right: 1px solid #f3f3f3; } 
.notice_table .table_02.in_table { border-top: 2px solid var(--set02); } 
.notice_table .table_02.in_table + table { padding-top: 0; } 
.notice_table .table_02.in_table + table table { padding-top: 0; margin-bottom:50px } 
.faq_table #ext_search,
.notice_table #ext_search { position: absolute; height: 50px; width: 100% !important; max-width: 550px; top: 0; right: 0; } 
.faq_table #ext_search #search_table tbody > tr,
.notice_table #ext_search #search_table tbody > tr { position: relative; } 
.faq_table #ext_search .est_cate_cell select,
.notice_table #ext_search .est_cate_cell select { width: 125px; line-height: 50px; height: 50px; border: 1px solid #E3E3E3; border-radius: 5px; font-size: 16px; padding: 5px 20px; font-family: 'Noto Sans KR', sans-serif; } 
.faq_table #ext_search .est_cate_cell,
.faq_table #ext_search .est_keyword_cell,
.faq_table #ext_search .est_btn_cell,
.notice_table #ext_search .est_cate_cell,
.notice_table #ext_search .est_keyword_cell,
.notice_table #ext_search .est_btn_cell { position: absolute; } 
.faq_table #ext_search .est_keyword_cell,
.notice_table #ext_search .est_keyword_cell { right: 0; width: calc(100% - 135px); } 
.faq_table #ext_search .est_btn_cell,
.notice_table #ext_search .est_btn_cell { right: 0; top: 0px; height: 50px; width: 50px; } 
.faq_table #ext_search .est_keyword_cell input,
.notice_table #ext_search .est_keyword_cell input { width: 100%; line-height: 48px; border-radius: 5px; border: 1px solid #E3E3E3; padding-right: 50px; padding-left: 20px; font-size: 16px; } 
.faq_table #ext_search .est_btn_cell input,
.notice_table #ext_search .est_btn_cell input { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 20px; } 
.faq_table table:nth-child(1) tbody > tr:not("board"):nth-child(3) td { display: none; } 
.faq_table table:nth-child(1) tbody > tr.tr_first { line-height: 60px; } 
.faq_table table:nth-child(1) tbody > tr.tr_first td { border-bottom: 1px solid #F3F3F3; background: url(/base/img/work_custom/img/icon/arrow_s_d_d.svg)no-repeat right 20px top 28px; } 
.faq_table table:nth-child(1) tbody > tr.tr_first.active td { background: url(/base/img/work_custom/img/icon/arrow_s_u_b.svg)no-repeat right 20px top 28px; } 
.faq_table table:nth-child(1) tbody > tr.tr_first td::before { content:"Q"; font-family:'roboto',sans-serif; font-size:16px; display:inline-block; width:70px; text-align:center; color: var(--set07); } 
.faq_table table:nth-child(1) tbody > tr.tr_first .news_title a:link { color: #2B2B2B; font-size: 16px; padding: 18px 0; background: #fff; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; } 
.faq_table table:nth-child(1) tbody > tr.tr_first .news_title input { display:none } 
.faq_table table:nth-child(1) tbody > tr.tr_txt_sub { background: #F8F8F8; color: #2B2B2B; } 
.faq_table table:nth-child(1) tbody > tr.tr_txt_sub td { font-size: 16px; padding: 18px 0; padding-left: 100px; position:relative; display: none; } 
.faq_table table:nth-child(1) tbody > tr.tr_txt_sub td::before { content:""; display:inline-block; position:absolute; width:12px; height:7px; left: 75px; top: 50%; transform: translateY(-50%); background:url(/base/img/work_custom/img/icon/arrow_s_r.svg)no-repeat center/cover; } 
.faq_table table:nth-child(2) { display: none; } 
.notice_table { margin-top: -55px; } 
.notice_table table .table_02 { border:0 } 
.notice_table table .table_02 span { font-size: 16px; line-height: 24px; color: #2b2b2b; font-family: 'Noto Sans KR', sans-serif; display: inline-block; } 
.notice_table table .table_02 td { border: 0; border-bottom: 1px solid #F3F3F3; } 
.notice_table table .table_02 td.bbsno { color: #B7B7B7; } 
.notice_table table .table_02 td.att_title { border-top: 2px solid var(--set02); line-height: 49px; background: #fff; } 
.notice_table table .table_02 td.att_title:first-child { width: 75px; } 
.notice_table table .table_02 td.att_title font { font-size: 16px !important; color: var(--set07) !important; } 
/** community **/
.community .main_header_box { background:url(/base/img/work_custom/img/sub/community/b_community_h_bg.png)no-repeat center/cover; } 
/* formmail custom */
.the_enquiry { margin-top: -25px; } 
.the_enquiry > tbody > tr > td { display: inline-block; } 
.c_enquiry_table table { border:0 } 
.c_enquiry_table table,
.c_enquiry_table table tbody,
.c_enquiry_table table th,
.c_enquiry_table table tr,
.c_enquiry_table table td { display:inline-block; width: 100%; text-align: left; } 
.c_enquiry_table table th { } 
.c_enquiry_table table tr br { display:none } 
.c_enquiry_table table tr { height: auto; margin-bottom: 25px; } 
.c_enquiry_table table tr:nth-child(6) { margin-bottom: 0; } 
.c_enquiry_table table tr:nth-child(6) td:nth-child(2) { display: flex; justify-content: flex-start; align-items: center; } 
.c_enquiry_table table tr:nth-child(6) td:nth-child(2) a { width: 100%; max-width: 150px; margin-top: 10px; line-height: 58px; font-size: 16px; border: 1px solid var(--set07); border-radius: 5px; text-align: center; } 
.c_enquiry_table table tr:nth-child(6) td:nth-child(2) a img { display:none } 
.c_enquiry_table table tr:nth-child(6) td:nth-child(2) a:before { content:"\c6b0\d3b8\bc88\d638\0020\ac80\c0c9" } 
.c_enquiry_table table tr:nth-child(7) td:first-child { display:none } 
.c_associate .c_enquiry_table table tr:nth-child(7) td:first-child { display:inline-block } 
.c_associate .c_enquiry_table table td .formmail_cell_bgcolor textarea { margin-bottom:0; } 
.c_associate .c_enquiry_table table tr:nth-child(7) tbody tr:first-child { margin-bottom: 0; margin-top: 25px; } 
.c_associate .c_enquiry_table table tr:nth-child(7) tbody tr:first-child td { display: inline-block; width: auto; font-size: 16px; } 
.c_associate .c_enquiry_table table tr:nth-child(7) tbody tr:first-child td:first-child { float: left; } 
.c_associate .c_enquiry_table table tr:nth-child(7) tbody tr:first-child td:last-child { float: right; } 
.c_enquiry_table table tr:nth-child(9) tbody tr:first-child { margin-bottom: 0; margin-top: 25px; } 
.c_enquiry_table table tr:nth-child(9) tbody tr:first-child td { display: inline-block; width: auto; font-size: 16px; } 
.c_enquiry_table table tr:nth-child(9) tbody tr:first-child td:first-child { float: left; } 
.c_enquiry_table table tr:nth-child(9) tbody tr:first-child td:last-child { float: right; } 
.c_enquiry_table table tr:nth-child(10) { display:none } 
.c_enquiry_table table td { background: none; border: 0; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; color: var(--set08); line-height: 28px; display: flex; gap: 0 10px; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 !important; } 
.c_enquiry_table table td.formmail_title_bgcolor{flex-direction: row;justify-content: flex-start;}
.c_enquiry_table table td .formmail_border { border-radius: 5px; border: 1px solid #E3E3E3; font-size: 16px; line-height: 18px; padding: 20px; width: 100%; margin-top: 10px; font-family: 'Noto Sans KR', sans-serif; color: var(--set07); } 
.c_enquiry_table table td .formmail_border::placeholder { font-size:16px; color:#CCCCCC; font-family: 'Noto Sans KR', sans-serif; } 
.c_enquiry_table table td .formmail_border[name*="mobile_"] { width: calc(33.33% - 20px); } 
.c_enquiry_table table td .formmail_cell_bgcolor select { width: 100%;padding: 16px 20px; border-radius: 5px; border: 1px solid #E3E3E3; margin-top: 10px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; color: var(--set07); } 
.c_enquiry_table table td .formmail_cell_bgcolor textarea { width:100%; height:200px; margin-top:10px; resize: none; margin-bottom: -25px; font-size: 16px !important; padding: 10px !important; font-family: 'Noto Sans KR', sans-serif; border: 1px solid #E3E3E3; border-radius: 5px; color: var(--set07); } 
.c_enquiry_table input[name*="address_post1"] { max-width: 630px; } 
.c_associate .import_btn_group { margin-top: -60px; } 
.import_btn_group { display:flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 0 10px; } 
.import_btn_group a:first-child { line-height: 60px; font-size: 18px; max-width: 200px; color: #fff; width: 100%; background: var(--set02); text-align: center; border-radius: 5px; } 
.import_btn_group a:first-child img { display:none; } 
.import_btn_group a:first-child::before { content: "\c800\c7a5"; } 
.import_btn_group a:last-child { line-height: 58px; font-size: 18px; max-width: 200px; color:var(--set07); width: 100%; background:#fff; text-align: center; border-radius: 5px; border: 1px solid #E3E3E3; } 
.import_btn_group a:last-child img { display:none; } 
.import_btn_group a:last-child::before { content: "\cde8\c18c"; } 
/* envet */
.paging { color: var(--set02) !important; font-family: 'Noto Sans KR', sans-serif !important; font-size: 16px !important; display: block; margin: 0 auto; margin-bottom: 110px; } 
.block.event { max-width: 1240px; padding: 0 20px; margin: 0 auto; } 
.event_list table { border: 1px solid #fff; color: transparent; border: 0; } 
.event_list .bbsnewf5 table:hover .gallery_etc { background: var(--set02); } 
.event_list .bbsnewf5 table:hover .gallery_etc font { color: #fff !important; } 
.event_list .block.event table img { object-fit:cover; width: 100%; } 
.event_list table.board > tbody > tr {margin-bottom: 50px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: center;gap: 0 10px;} 
.event_list table.board > tbody > tr:last-child { margin-bottom: 50px; } 
.event_list table.board > tbody > tr > td { } 
.event_list .bbsnewf5 { } 
.event_list .bbsnewf5 .gallery_subject br { display:none } 
.event_list .bbsnewf5 a:link { display: flex; color: #555555; text-decoration: none; width: 100%; height: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: center; } 
.event_list .bbsnewf5 a:link span.gallery_title { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; padding-top: 20px; font-weight: 500; margin-bottom: 5px; color: var(--set07); } 
.event_list .bbsnewf5 span.gallery_cont { font-size: 16px; color: #C1C1C1; font-weight: 400; line-height: 26px; margin-bottom: 12px; font-family: 'Noto Sans KR', sans-serif; } 
.event_list .bbsnewf5 tr { text-align: center; } 
.event_list .bbsnewf5 .gallery_etc { display: inline-block; margin-top: 12px; border: 1px solid var(--set02); background: #fff; padding: 0 20px; font-size: 0; transition: all .2s ease-in-out; } 
.event_list .bbsnewf5 .gallery_etc font { color: var(--set02) !important; font-size: 14px !important; line-height: 30px; font-family: 'Noto Sans KR', sans-serif; margin-right: 5px; } 
.event_list .bbsnewf5 .gallery_etc font:last-child { margin-right:0; } 
.event_list .bbsnewf5 .gallery_etc font:last-child::before { content:"~"; margin-right: 4px; } 
.event_list .bbsnewf5 tr:first-child td { border-radius: 0 30px 0 30px; overflow: hidden; } 
.event_list .bbsnewf5 tr:first-child td img { object-fit:cover; width:100%; } 
#post_area { line-height: 1.5; } 
/*** resposive ***/
/** Tablet **/
@media (max-width:1200px){
 .main_cont_box { padding: 50px 20px 0; } 
 .main_header_box { height:500px; } 
 .main_header_box .title_box h1 { font-size: 36px; line-height: 44px; } 
 .main_header_box .title_box p { min-width: 140px; line-height: 40px; font-size: 18px; } 
 .main_cont_box .title_box { margin-bottom: 30px; } 
 .main_cont_box .title_box h2 { font-size: 26px; line-height: 37px; } 
 /* brand */
 .brand_history ul > li:first-child { display:none; } 
 .c_system .tab_wrap .tab { max-width:100%; } 
 .c_system .tab_box .system_ul_box ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 0 auto; justify-content: center; } 
 .c_system .tab_box .system_ul_box ul:first-child { max-width: 320px; margin-bottom: 30px; } 
 .c_system .tab_box .system_ul_box ul li { flex: none; width: calc(50% - 10px); } 
 .c_system .tab_box .system_ul_box .sysmtem_order::before { display:none; } 
 .c_system .tab_box .system_ul_box .sysmtem_order > li > div { height: 145px; } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info { padding:35px; } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info li { width:100%; } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info li:nth-child(2) { border:0; position: relative; margin: 35px 0; } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info li:nth-child(2)::after { content:""; display: inline-block; position: absolute; width: 70px; height: 2px; background: #E5E5E5; left: 50%; transform: translateX(-50%); } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info li:nth-child(2)::before { content:""; display: inline-block; position: absolute; width: 70px; height: 2px; top: -35px; background: #E5E5E5; left: 50%; transform: translateX(-50%); } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info li p:last-child { padding-bottom:35px; } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info li p:last-child br { display:none; } 
 .c_system .tab_box .system_ul_box .sysmtem_order_info li:last-child p:last-child { padding-bottom:0; } 
 .c_system .tab_box .system_ul_box .system_security_info { gap:20px 100px; } 
 .c_system .tab_box .system_ul_box .system_security_info li { width:100%; max-width: 800px; } 
 .c_system .tab_box .system_ul_box .system_security li { width: calc(50% - 10px); max-width: 150px; height: 145px; } 
 .c_system .system_indoors ul.pc { display:none; } 
 .c_system .system_indoors ul.mo { display: block; } 
 .int_c_swipe_wrap { height: auto; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 10px 0; } 
 .int_c_swipe_wrap .b_screen { width: 100%; max-width: initial; padding-right: calc(50% - 20px); } 
 .int_c_swipe_wrap .s_screen { gap:0 10px; } 
 .int_c_swipe_wrap .s_screen img { width:calc(33.33% - 10px); } 
 .int_c_swipe_wrap .int_screen_info { gap: 10px 0; } 
 .int_c_swipe_wrap .int_screen_info .swiper { position: absolute; width: calc(50% - 65px); right: 30px; top: 30px; height: 50%; } 
 .int_c_swipe_wrap .int_screen_info p { font-size:14px; word-break:keep-all; line-height: 22px; } 
 .int_c_swipe_wrap .int_screen_info p br { display:none; } 
 .vision_cont_box li span br { display:none; } 
 .vision_to ul { max-width: 500px; flex-direction: row; flex-wrap: wrap; justify-content: space-around; gap: 40px 0; margin-bottom: 40px; } 
 .vision_to > p br { display:none; } 
/* form */
 .c_enquiry_table table td { font-size:16px; line-height: 20px; gap: 0 5px; } 
 .c_enquiry_table table td .formmail_border,
 .c_enquiry_table table td .formmail_cell_bgcolor select { margin-top:5px; padding: 14px 10px; font-size: 14px; } 
 .c_enquiry_table table tr { margin-bottom: 15px; } 
 .c_enquiry_table table tr:nth-child(6) td:nth-child(2) a { line-height: 46px; margin-top: 5px; width: calc(50% - 10px); } 
 .c_enquiry_table input[name*="address_post1"] { max-width: calc(50% + 5px); } 
 .c_enquiry_table table tr:nth-child(9) tbody tr:first-child td,
 .c_associate .c_enquiry_table table tr:nth-child(7) tbody tr:first-child td { font-size:14px; float: left !important; } 
.c_associate .c_enquiry_table table tr:nth-child(7) tbody tr:first-child { margin-top: 15px; } 
 .c_associate .import_btn_group { margin-top: -45px; } 
 .c_enquiry_table table td .formmail_cell_bgcolor textarea { font-size: 14px !important; margin-top: 5px; } 
 .import_btn_group a:first-child { line-height: 50px; font-size: 16px; } 
 .import_btn_group a:last-child { line-height: 48px; font-size: 16px; } 
 .import_btn_group { gap:0 5px } 

/* */
 .faq_table #ext_search .est_cate_cell select, .notice_table #ext_search .est_cate_cell select { line-height: 48px; height: 48px; padding: 5px 10px; font-size: 14px; } 
 .faq_table #ext_search .est_keyword_cell input, .notice_table #ext_search .est_keyword_cell input { line-height: 46px; padding: 0 10px; padding-right: 50px; } 
 .faq_table #ext_search .est_btn_cell, .notice_table #ext_search .est_btn_cell { width:48px; height: 48px; } 
 .faq_table #ext_search .est_keyword_cell, .notice_table #ext_search .est_keyword_cell { width: calc(100% - 130px); } 
 .faq_table, .notice_table table { padding-top: 55px; } 
 .table_header ul li { font-size:14px } 
 .table_header ul li:first-child { width: 50px; } 
 .faq_table table:nth-child(1) tbody > tr.tr_first td::before { width:50px } 
 .faq_table table:nth-child(1) tbody > tr.tr_first .news_title a:link { display: inline-block; padding: 0; line-height: 15px; width: calc(100% - 110px); font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
 .faq_table table:nth-child(1) tbody > tr.tr_txt_sub td { font-size: 14px; padding: 15px; padding-left: 55px; } 
 .faq_table table:nth-child(1) tbody > tr.tr_txt_sub td::before { left: 24px; } 
 .notice_table table .table_02 td.att_title font { font-size:14px !important; } 
 .notice_table table .table_02 span,
 .notice_table table .table_02 td { font-size:14px; width: auto; padding: 0; overflow:hidden; text-overflow:ellipsis; } 
.notice_table table .table_02 span { width: calc(100% - 40px); margin-top: 4px; white-space: nowrap; } 
 .notice_table { margin-top: -30px; } 
 #post_area { overflow:hidden; text-overflow:ellipsis; } 
 }
 
@media (min-width:769px){
 .swiper-pagination { display:none; } 
.main_cont_box .title_box.sub h2 br { display:none; } 
 }
/* Mobile */
@media (max-width:768px){
 .main_cont_box .title_box.sub h2 { font-size: 22px; line-height: 26px; } 
 .title_box.sub p { font-size: 16px; line-height: 26px; word-break: keep-all; } 
 /* brand */
 .c_company .brand_bi_info { flex-direction: column; gap: 40px 0; } 
 .c_company .brand_bi_info li div span { font-size: 15px; } 
 .c_company .brand_info,
 .c_competitive .compet_ul:last-child,
 .c_system .system_info_wrap { margin-bottom: 40px; } 
 .c_company .brand_info p { font-size: 14px; line-height: 24px; } 
 .c_company .brand_info p br,
 .c_system .system_info p br { display:none; } 
 .brand_history .cont { padding: 60px 20px; } 
 .brand_history .his_item { display: flex; flex-direction: column; margin-bottom: 30px; } 
 .brand_history .his_item .year { padding-left: 15px; } 
 .brand_history .his_item .year strong { font-size: 16px; margin-right: 0; padding-left: 0; line-height: 28px; } 
 .brand_history .his_item .info { padding-left: 15px; } 
 .brand_history .his_item .info ol li { font-size: 14px; line-height: 30px; padding: 0; } 
 .brand_history .cont:before { left: 24px; top: 70px; height: calc(100% - 210px); } 
 .brand_history .his_item .year:after { left: 0; } 
 .c_competitive .main_cont_box .title_box p.with_why { font-size: 20px; margin-top: 30px; margin-bottom: 10px; } 
 .c_competitive .main_cont_box .title_box p:last-child { font-size: 16px; line-height: 26px; word-break:keep-all; } 
 .c_competitive .main_cont_box .title_box p:last-child br { display:none; } 
 .c_competitive .compet_ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } 
 .c_competitive .compet_ul li { padding: 15px 0px; padding-top: 15px; min-height: 200px; width: calc(50% - 10px); flex: none; } 
 .c_competitive .compet_ul li img { width: 105px; margin-bottom: 10px; height: auto; } 
 .c_competitive .compet_ul li p { font-size: 15px; line-height: 25px; margin-bottom: 0; padding: 0 5px; word-break: keep-all; } 
 .c_competitive .compet_ul li p:last-child { display: none; } 
 .compet_solution > ul { padding: 50px 0; flex-direction: column; } 
 .compet_solution > ul > li { margin-bottom: 50px; } 
 .compet_solution > ul > li:last-child { width: calc(100% + 40px); margin-left: -20px; margin-bottom: 0; } 
 .compet_solution > ul > li p { font-size: 24px; width: 165px; margin: 0 auto; font-weight: 500; margin-bottom: 10px; } 
 .compet_solution > ul > li span { padding: 19px 5px; height: auto; line-height: 22px; } 
 .c_system .system_indoors { margin-bottom:50px; } 
 .c_system .tab_wrap .tab { margin-bottom: 50px; } 
 .c_system .tab_wrap .tab li a { font-size: 16px; padding: 8px 0; } 
 .c_system .tab_wrap .tab_box .title_box { margin-bottom: 30px; } 
 .c_system .tab_box .system_ul_box { margin-top:0; } 
 .c_system .system_info_wrap [class*="tab_box_swipe"] { padding-bottom:23px; height: 475px; } 
 .c_system .tab_box .full_with { padding: 50px 20px; } 
 .c_system .tab_wrap .tab_box .title_box h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } 
 .c_system .tab_wrap .tab_box .title_box p { font-size: 16px; line-height: 25px; } 
 .c_system .tab_wrap .tab_box .title_box p br { display:none; } 
 .c_system .swiper-horizontal > .swiper-pagination-bullets,
 .c_system .swiper-pagination-bullets.swiper-pagination-horizontal { bottom:0; background:#fff; } 
 .c_system .system_info > ul > li:last-child { font-size: 16px; padding: 0 10px; } 
 .c_system .system_info p { padding: 20px; } 
 .c_system .swiper-pagination-bullet-active { background-color:#C1C1C1; } 
 .c_system .swiper-pagination-bullet { background-color:rgb(193, 193, 193, 0.4); } 
 .c_system .swiper-button-next.setup01, .swiper-rtl .swiper-button-prev.setup01,
 .c_system .swiper-button-prev.setup01, .swiper-rtl .swiper-button-next.setup01 { display:none; } 
 .interior .int_c_box { margin-bottom: 30px; } 
 .interior .int_c_box ul li a { font-size: 16px; line-height: 40px; padding: 0; } 
 .int_c_swipe_wrap { padding: 20px; gap: 5px 0; } 
 .int_c_swipe_wrap .b_screen { padding: 0; } 
 .int_c_swipe_wrap .s_screen { gap: 0 5px; } 
 .int_c_swipe_wrap .s_screen img { width: calc(33.33% - 5px); min-height: 70px; height: auto; } 
 .int_c_swipe_wrap .int_screen_info { display: flex; flex-direction: column-reverse; height: auto; gap: 20px 0; width: 100%; } 
 .int_c_swipe_wrap .int_screen_info h2 { padding-right: 80px; max-height: 40px; min-height: 40px; line-height: 24px; margin-bottom: 0; } 
 .int_c_swipe_wrap .int_screen_info p { margin-top: 20px; } 
 .int_c_swipe_wrap .int_screen_info .swiper { position: relative; width: 100%; right: initial; top: initial; height: auto; min-height: 235px; flex: initial; } 
 .int_c_swipe_wrap .int_screen_info .swiper .swiper-wrapper { top: 0; } 
 .int_gallery { margin-bottom:50px; } 
 .int_gallery li { float: initial !important; width: 100%; height: 240px !important; } 
 .vision_cont_box { display: block; width: 1180px; overflow-x: auto; } 
 .vision_li_box { overflow-x: auto; margin-bottom: 50px; width: 100%; } 
 .vision_cont_box { margin-bottom: 0; padding-bottom: 10px; } 
 .vision_cont_box li { width:280px; display: inline-block; margin-right: 20px; float: left; } 
 .vision_cont_box li:last-child { margin-right:0; } 
 .vision_to { padding:50px 20px; } 
 .vision_to ul { flex-direction: column; flex-wrap: nowrap; align-items: center; } 
 .vision_to ul li span { font-size:18px; } 
 .vision_to ul li { width:180px; } 
 .vision_to ul li img { width:100%; top: initial !important; left: initial !important; right: initial !important; bottom: initial !important; } 
 .full_with .title_box h2 { font-size: 26px; line-height: 37px; } 
 .c_step .full_with { padding:60px 20px; } 
 .c_step .full_with p { font-size: 16px; line-height: 26px; margin-bottom: 10px; } 
 .c_step .full_with p br { display:none; } 
 .c_step .full_with h3 { font-size: 20px; line-height: 32px; } 
 .c_step .main_cont_box ul { margin-bottom:0; display: flex; flex-direction: column; padding: 0; } 
 .c_step .main_cont_box ul::before { width: 2px; height: 1540px; border-right: 2px dashed #a8a8a8; top: 85px; left: 50%; } 
 .c_step .main_cont_box ul li { width: 280px; left: 50%; transform: translateX(-50%); height: 160px; margin-bottom: 60px; } 
 .c_step .main_cont_box ul li::before { top:50%; } 
 .c_step .main_cont_box ul li>div { width: 100px; position:absolute; text-align: left; left: 185px; top: calc(50% + 25px); transform: translateY(-50%); } 
 .c_step .main_cont_box ul li img { position:absolute; left: 0; top: 50%; transform: translateY(-50%); margin-bottom: 0; } 
 .c_step .main_cont_box ul li p { left: 190px; margin-bottom: 0; top: 25px; } 
 .c_step .main_cont_box ul li p:nth-child(1) { margin: 0; } 
 .c_step .main_cont_box ul li span { text-align: left; word-break: keep-all; line-height: 24px; } 
 .c_step .main_cont_box ul li span br { display:none; } 
 .c_step .main_cont_box ul:last-child { flex-direction: column; } 
 .c_step .main_cont_box ul:last-child::before { content:none; } 
 .history_card { flex-direction: column; gap: 40px 0; margin-bottom: 50px; } 
 .history_card li { width:100%; } 
 .map_wrap { height:auto; display: flex; flex-direction: column; margin-bottom: 50px; padding: 20px; } 
 .mapFinder { width:100%; max-width: initial; } 
 .storeCont { padding: 20px 15px; padding-right: 76px; margin-bottom: 15px; } 
 .store_list .storeCont p { font-size: 14px; line-height: 18px; } 
 .storeCont p.storeName { font-size: 16px; } 
 .storeCont .st_info_wrap { width:50px; height:50px; right: 20px; } 
 .storeCont .st_info_wrap a { font-size:14px; padding: 0 8px; line-height: 17px; } 
 .store_list { padding-top:20px; } 
 .store_list ul { max-height:300px; } 
 .select_wrap button,
 .serch_box .tab-contents select, .serch_box .tab-contents input { font-size:16px; } 
 .map_wrap #naverMap { height:500px; width: 100%; margin-top: 15px; flex: none; } 


 .event_list table.board > tbody > tr { flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; } 
 .event_list table.board > tbody > tr:last-child { margin-bottom:0 } 
 .block.event { padding:0 } 
 .event_list table.board > tbody > tr:first-child { margin-bottom:0 } 
 .event_list table.board > tbody > tr > td { width:100%; margin-bottom: 20px; } 
 .event_list .bbsnewf5 tr:first-child td img { height:230px } 


 #post_area img{width:100% !important;}
 }