@import url('https://use.fontawesome.com/releases/v5.15.2/css/all.css');
@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

@font-face {
  font-family: Sandoll Ongothic;
  font-weight: 400;
}

@charset "utf-8";

/* Reset CSS  */
html { height: 100%; overflow-y:scroll;}
body { font-size: 13px; color:#000;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none; font-family: "Noto Sans KR", sans-serif; }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#000;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; height:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 1.6;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}

/*bbs*/
#container_title{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}

#bo_gall , #bo_w , #bo_v , #bo_list{font-size:15px;}
#bo_v_share .btn{width: auto !important;}

/* 지연 common*/
ul, ol, li { list-style: none; }
a { text-decoration: none; color: inherit; }
img { vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
button { border: none; background: transparent; font-family: inherit; font-size: inherit; cursor: pointer; }
button:active { outline: none; }
button:focus { outline: none; }
.clearfix::after { content: ""; display: block; clear: both; }
.blind { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; }
.inner_wrap { position: relative; width: 100%; max-width: 1540px; height: 100%; margin: 0 auto; padding: 100px 50px;  }
#element { pointer-events: none; }





/***************************** H E A D E R *********************************/
#header{ position: fixed; z-index: 999; top:0; left:0; width: 100%; height:90px; padding: 0 50px; background: #fff;  }
.bg { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

#header .inner_wrap { display: flex; justify-content: space-between; align-items: center; padding: 0 50px; }
#header .inner_wrap .wrap { display: flex; align-items: center; }

#h_logo a { display: block; width: 100%; height: 100%; }
#h_logo a img { height: 52px; object-fit: contain; }

#h_gnb { display: flex; align-items: center; justify-content: flex-end; }
#h_gnb > li {position: relative; width: 8vw; text-align: center;}
#h_gnb > li:nth-of-type(n+7) { display: none; }
#h_gnb > li > a {font-size: 20px; color:#222; display: block; line-height: 90px; font-weight: 500; }
#h_gnb > li:hover > a { color: #ee2c36; transition: all 0.3s; font-weight: bold; }
#h_gnb .sub { overflow: hidden; position: absolute; width: 100%; height: 0; background: #fff; transition: all 0.3s; }
#h_gnb .sub li { width: 100%; }
#h_gnb .sub li a { display: block; width: 100%; height: 100%; color: #777; font-size: 16px; text-align: center; line-height: 40px; }
#h_gnb .sub li:hover  a { color: #ee2c36; transition: all 0.3s; font-weight: bold; }
#header::after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 0; background: #fff; z-index: -1; transition: all 0.3s; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
#header:hover::after { height: 270px; transition: height 0.3s; }
#header:hover .sub { height: 270px; transition: height 0.3s; }

.hd_sch_wr { position: relative; overflow: hidden; float: inherit !important; width: 210px !important; padding: 0 !important; margin-left: 0 !important; border-radius: 30px; }
.hd_sch_wr .icon_wrap { position: absolute; right: 0; top: 50%; width: 60px; transform: translate(0, -50%); text-align: center; }
.fa-search { font-size: 22px !important; color: #555; }
#hd_sch { opacity: 0; transition: all 0.3s; }
#hd_sch #sch_stx { float: inherit !important; width: 150px !important; background: transparent !important; }
#hd_sch #sch_submit { float: inherit !important; background: transparent !important; }
.hd_sch_wr:hover .fa-search { color: #fff; }
/* .hd_sch_wr:hover { background: #2c2c2c; } */
.hd_sch_wr:hover #hd_sch { background: #2c2c2c; opacity: 1; }
.hd_sch_wr:hover .search_icon { display: none; }
.hd_sch_wr .flex_box { display: flex; }

#lang { position: relative; width: 47px; text-align: right; }
#lang .arrow{ display: inline-block; font-size: 17px; font-weight: 500; color:#222; cursor: pointer;}
#lang .arrow span { display: inline-block; width: 8px; height: 10px; background: url(../img/down.png) no-repeat center center /contain; }
#lang .sub_menu{display: none; position: absolute; top:140%; left:-10px; width:70px;border:1px solid #ccc; padding:3px 0 5px;text-align: center;}
#lang .sub_menu li a{display: block; padding:5px 0 0;}


#nav_btn{ display: none; cursor: pointer; }
#nav_btn span{display: block; width: 40px; height: 2px; background: #000; margin-bottom:9px;}
#nav_btn span:last-of-type { margin-bottom: 0; }

#sitemap{position: fixed; top:0; right:-100%; width: 50%; height: 100vh; background: rgba(255,255,255,0.96); padding:15vh 50px 0; box-shadow: -2px 1px 8px #46464640; z-index: 999;}
#sitemap .close{cursor: pointer; position: absolute; top: 55px; right:30px;}
#sitemap .close span{display: block; width: 40px; height: 2px; background: #000;}
#sitemap .close .line01{transform: rotate(45deg);}
#sitemap .close .line02{transform: rotate(-45deg); margin-top: -2px;}
#sitemap .gnb{height: 80vh; overflow-y: auto;}
#sitemap .gnb > li{margin-bottom:30px;}
#sitemap .gnb > li > a{font-size:35px; font-weight: 500; letter-spacing: -1px; border-bottom:1px solid #ddd; display: block; padding-bottom:10px; margin-bottom:10px;}
#sitemap .gnb > li:hover > a{color:#2e5399;}
#sitemap .gnb > li::nth-of-type(n+7) { display: none; }
#sitemap .gnb .lnb li a{font-size: 20px; transition: .5s; display: block; padding:3px 0; color: #999;}
#sitemap .gnb .lnb li:hover a{margin-left:10px; color:#000;}
#sitemap .lang{margin-bottom:10px; display: inline-block; border:1px solid #777; border-radius: 30px; padding:5px 20px;}
#sitemap .lang li{float: left;}
#sitemap .lang li a{display: block; font-size: 16px; color:#aaa;}
#sitemap .lang li:first-child a:after{content:"ㅣ"; padding:0 2px;}
#sitemap .lang li a.on, #sitemap .lang li:hover a{color:#000;}





/***************************** I N D E X *********************************/

#my_wrapper { overflow: hidden; }
#my_wrapper h2 { margin-bottom: 60px; font-size: 62px; font-weight: 700; line-height: 1; color: #fff; }
.style_01 { font-weight: 900; color: #ee2c36; }
.style_02 { font-weight: 500; color: #5cb2e2; }
.style_03 { font-weight: 500; }

/* visual */
#m_slider{position: relative; padding-top: 90px; }
/* #m_slider .swiper-wrapper{width:100%;}
#m_slider .swiper-wrapper .swiper-slide{height: calc(100vh - 90px); float:left; display: flex; align-items: center; color:#fff;overflow: hidden;}
#m_slider .swiper-wrapper .slide01{background: url(../img/visual_01.png) no-repeat center center;background-size: cover;}
#m_slider .swiper-wrapper .slide02{background: url(../img/visual_01.png) no-repeat center center;background-size: cover;}
#m_slider .swiper-wrapper .slide03{background: url(../img/visual_01.png) no-repeat center center;background-size: cover;}
#m_slider .swiper-wrapper .info{ position: relative; opacity: 0;}
#m_slider .swiper-slide-active .info{opacity: 1; transition: all 4.0s;}
#m_slider .swiper-button-next, .swiper-button-prev { position: inherit !important; margin-top: 0 !important; right: inherit !important; }
#m_slider .swiper-button-next { display: inline-block; width: 13px; height: 27px; background: url(../img/next.png) no-repeat center center;background-size: cover;}
#m_slider .swiper-button-prev { display: inline-block; width: 13px; height: 27px; background: url(../img/prev.png) no-repeat center center;background-size: cover;}
#m_slider .swiper-pagination { position: inherit !important; display: flex; align-items: center; gap: 28px; left: inherit !important; width: auto !important; font-size: 22px; color: #bbbbbb; font-family: "acumin-pro-wide", sans-serif; line-height: 1; }
#m_slider .swiper-pagination-current { font-size: 30px; font-weight: 600; color: #ee2c36; }
#m_slider .info .flex_box { display: flex; align-items: center; gap: 38px; } */
#m_slider .inner_wrap { display: flex; align-items: center; position: absolute; top: 0; left: 9vw; }
#m_slider .info .title { margin-bottom: 45px; font-size: 60px; font-weight: 600; line-height: 1.25; color: rgba(255, 255, 255, 1); word-break: keep-all; font-family: 'Sandoll Ongothic', sans-serif; }

#m_slider video { position: relative; width: 100%; height: calc(100vh - 90px); object-fit: cover; }
#m_slider .scroll { position: absolute; left: 50%; bottom: 50px; transform: translate(-50%, 0); z-index: 100; }

/* product */
#product { position: relative; width: 100%; height: 100%; background: url(../img/product_bg.png) no-repeat center center / cover; }
#product ul { display: flex; align-items: center; justify-content: space-between; }
#product ul li { position: relative; background: #0c5db8; }
#product ul li img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
#product ul li .info { position: absolute; left: 20px; top: 20px; }
#product ul li .info .title { font-size: 30px; font-weight: 700; color: #454545; letter-spacing: -1px; transition: all 0.3s; }
#product ul li .info .desc { font-size: 20px; font-weight: 300; color: #767676; transition: all 0.3s; }
#product ul li .more { position: absolute; right: 15px; bottom: 20px; width: 48px; height: 18px; background: url(../img/arrow.png) no-repeat center center / cover; opacity: 0; transition: all 0.3s; }

#product ul li:hover .info .title { color: #0c5db8; }
#product ul li:hover .info .desc { color: #0c5db8; }
#product ul li:hover img { border-bottom-right-radius: 200px; }
#product ul li:hover a { opacity: 1; }

/* marquee */
#marquee { overflow: hidden; }
#marquee .wrap { width: 200%; padding: 50px 0; }
#marquee ul { display: flex; justify-content: space-between; align-items: center; animation: scrolling 10s linear infinite; }
#marquee ul li img { display: block; width: 100%;}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(-103vw); }
}

/* company */
#company { position: relative; display: flex; gap: 4vw; }
#company::after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 50%; height: 60px; background: url(../img/index_shadow.png) no-repeat center center / cover; }
#company .about { position: relative; width: 50%; padding: 400px 90px 50px 0; background: url(../img/about_bg.png) no-repeat center center / cover; display: flex; justify-content: flex-end; }
#company .about .info { background: rgba(0, 0, 0, 0.8); padding: 50px 30px 50px 240px; font-weight: 200; font-size: 18px; }
#company .about .info p { margin-bottom: 35px; line-height: 1.5; word-break: keep-all; color: #fff; }
#company .about .info a { display: block; margin-bottom: 15px; color: #ededed; }
#company .about .info a span { display: inline-block; width: 32px; height: 12px; margin-left: 25px; background: url(../img/arrow2.png) no-repeat center center / cover; }
#company .about .info .line { display: block; width: 127px; height: 1px; background: #ededed; }

#company .notice { display: flex; align-items: center; }



/***************************** S U B  *********************************/

#s_top{ position: relative; height: 400px; margin-top: 90px; }
#s_top.bg01{background: url(../img/sub_top01.png) no-repeat center center / cover;}
#s_top.bg02{background: url(../img/sub_top02.png) no-repeat center center / cover;}
#s_top.bg03{background: url(../img/sub_top03.png) no-repeat center center / cover;}
#s_top.bg04{background: url(../img/sub_top04.png) no-repeat center center / cover;}
#s_top.bg05{background: url(../img/sub_top05.png) no-repeat center center / cover;}
#s_top.bg06{background: url(../img/sub_top06.png) no-repeat center center / cover;}
#s_top.bg07{background: url(../img/sub_top06.png) no-repeat center center / cover;}
#s_top.bg08{background: url(../img/sub_top01.png) no-repeat center center / cover;}

#path { display: block; width: 100%; background: #f9f9f9; }
#path .inner_wrap { padding: 0; }
#path ul { display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; gap: 7vw; }
#path ul li { position: relative; display: block; text-align: center; line-height: 80px; transition: all 0.3s; }
#path ul li a { font-size: 20px; font-weight: 600; line-height: 1; color: #969696; }
#path ul li:hover a { color: #ee2c36; }
#path ul li a.active { color: #ee2c36; }

#title { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); }
#title .info { text-align: center; }
#title .info h2 { margin-bottom: 25px; font-size: 60px; font-weight: 700; line-height: 1; color: #ffffff; }
#title .info ul { display: flex; align-items: center; justify-content: center; gap: 10px; }
#title .info ul li { font-size: 18px; color: #e2e2e2; }
#title .info ul li img { vertical-align: middle; }

#sub .inner_wrap { padding: 150px 50px; }
#sub h2 { margin-bottom: 50px; font-size: 50px; font-weight: 700; line-height: 1; color: #212121; text-align: center; }
#sub .bar  { display: block; width: 150px; height: 4px; margin: 0 auto 80px; background: #ee2c36; }

#sub0101 .title { margin-bottom: 80px; font-size: 30px; line-height: 1.5; font-weight: 500; color: #434343; text-align: center; word-break: keep-all; }
#sub0101 .info { display: flex; justify-content: space-between; gap: 5.2vw; }
#sub0101 .info div { padding-top: 50px; }
#sub0101 .info p { font-size: 22px; line-height: 1.5; color: #434343; word-break: keep-all; }
#sub0101 .info span { font-size: 26px; font-weight: 700; color: #767676; }
#sub0101 .info .sign { text-align: right; }
#sub0101 .info img { object-fit: contain; }

#sub0103 h3 { margin-bottom: 20px; font-size: 26px; font-weight: 500; color: #212121; }
#sub0103 .nav > li { margin-bottom: 50px; background: #f5f5f5; padding: 30px; border-radius: 20px; }
#sub0103 .nav > li:nth-of-type(2) .sub > li > a { display: block; margin-bottom: 10px; }
#sub0103 .nav > li:last-of-type { margin-bottom: 0; }
#sub0103 .sub { display: flex; border-top: 1px solid #ddd; padding-top: 20px; }
#sub0103 .sub > li { width: calc(100% / 6); color: #888; }
#sub0103 .sub > li > a { font-size: 20px; }
#sub0103 .ssb li a { font-size: 16px; line-height: 1.5; }
#sub0103 .sub li:hover > a { color: #ee2c36; }
#sub0103 h3:hover { color: #ee2c36; }

#sub0502 ul { display: flex; justify-content: center; width: 100%; gap: 20px; }
#sub0502 ul li { width: calc(100% / 5); padding-top: 70px; text-align: center; background: rgba(255, 255, 255, 0.8); box-shadow:0 0 2px rgba(0, 0, 0, 0.1); border-radius: 30px; }
#sub0502 ul li .img_box { height: 55px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
#sub0502 ul li p.title { margin-bottom: 20px; color: #3c5483; font-size: 24px; font-weight: 600; line-height: 1; }
#sub0502 ul li p.desc { margin-bottom: 20px; color: #5a5a5a; font-size: 16px; line-height: 1.25; word-break: keep-all; }

#contact .flex_box { position: sticky; left: 0; top: 90px; height: 80px; background: #fff; padding: 20px; z-index: 2; display: flex; justify-content: space-between; }
#contact h3 { display: flex; }
#contact h3 p { font-size: 40px; color: #434343; line-height: 1; }
#contact table { position: relative; width: 100%; table-layout: fixed; }
#tb_all { margin-bottom: 100px; border-collapse: separate; border-spacing: 0 3px; }
#contact .tb_hd { position: sticky; top: 170px; z-index: 10; background: #fff; }
#contact .tb_hd tr th { font-size: 22px; color: #878787; text-align: center; line-height: 60px;border-top: 4px solid #b3b3b3; border-bottom: 2px solid #b3b3b3; }
#contact .ck_btn { position: relative; background: #f9f9f9; height: 70px; }
#contact .ck_btn:last-of-type { margin-bottom: 0; }
#contact .ck_btn:first-of-type { margin-top: 3px; }
#contact .ck_btn > th { position: absolute; left: 60px; font-size: 18px; line-height: 70px; font-weight: bold; color: #0b74aa; }
#contact .ck_btn > th br { display: inline-block; content: " "; padding: 0 2px; }
#contact .ck_btn2 { position: relative; background: #f9f9f9; height: 70px; }
#contact .ck_btn2:last-of-type { margin-bottom: 0; }
#contact .ck_btn2:first-of-type { margin-top: 3px; }
#contact .ck_btn2 > th { position: absolute; left: 60px; font-size: 18px; line-height: 70px; font-weight: bold; color: #0b74aa; }
#contact .ck_btn2 > th br { display: inline-block; content: " "; padding: 0 2px; }
#contact .active { background: #eff9ff; height: 100%; }
#contact .active > th { position: inherit; left: 0; width: 243px; height: 70px; line-height: 2; padding: 15px 0; }
#contact .active > th br { display: inherit; padding: 0; }
#contact .open { position: relative; background: #fff; height: 100%; }
#contact .open > th { position: inherit; left: 0; width: 243px; line-height: 2; border: 2px solid #eff9ff; border-right: none; }
#contact .open > th br { display: inherit; padding: 0; }
#contact .open > td { border-top: 2px solid #eff9ff; border-bottom: 2px solid #eff9ff; }
#contact .open > td:nth-of-type(3) { border-right: 2px solid #eff9ff; }
#contact .del { font-size: 16px; text-align: center; color: #878787; }
#contact .del:first-of-type { font-weight: bold; color: #646464; }
#contact .del > ul { display: flex; justify-content: center; gap: 2vw; }
#contact .cell_btn { display: block; position: absolute; right: 0; top: 0; width: 70px; height: 70px; background: url(../img/arrow5.png) no-repeat center center /cover; cursor: pointer; }
#contact .cell_btn2 { display: block; position: absolute; right: 0; top: 0; width: 70px; height: 70px; background: url(../img/arrow5.png) no-repeat center center /cover; cursor: pointer; }
#contact .open .cell_btn { transform: rotateZ(180deg); transition: all 0.3s; }
#contact .open .cell_btn2 { transform: rotateZ(180deg); transition: all 0.3s; }
#contact .wrap { display: none; width: calc(100% - 70px); }
#contact .wrap tr { position: relative; }
#contact .wrap tbody tr td { position: relative; font-size: 15px; line-height: 50px; color: #878787; }
#contact .tg_c { display: none; }
#contact .tg_c thead tr td { text-align: center; line-height: 40px; font-size: 14px; color: #a6a6a6; }
#contact .tg_c tbody tr td { text-align: center; }
#contact .wrap tr td:nth-of-type(1) { width: 0; }
#contact .wrap tr td:nth-of-type(2) { width: 191px; font-weight: bold; padding-left: 94px; text-align: left; }
#contact .wrap tr .rd_btn input { position: absolute; left: 60px; top: 50%; transform: translate(0, -50%); cursor: pointer; z-index: 1; }
#contact .wrap tbody tr { border-bottom: 1px solid #e3e3e3; }
#contact .wrap tbody tr:last-of-type { border-bottom: none; }
#contact .bd_non tbody tr { border-bottom: none; }
#contact .pro_submit { color: #ee2c36; }
#contact .ranges { display: none; }
#contact .scales_p { display: block; font-size: 16px; text-align: center; color: #646464; font-weight: bold; width: 100%; line-height: 50px; position: absolute; }


#contact [type="radio"] { appearance: none; border: 1px solid #dbdbdb; border-radius: 50%; width: 18px; height: 18px; transition: border 0.5s ease-in-out;}
#contact [type="radio"]:checked { border: 5px solid #ee2c36; }
#contact [type="checkbox"] { appearance: none; border: 1px solid #dbdbdb; border-radius: 50%; width: 18px; height: 18px; }
#contact [type="checkbox"]:checked { border: 5px solid #ee2c36; }

#probeLengthInput { width: 85px; padding: 5px; margin-left: 5px; border: 1px solid #dbdbdb;  }
#contact .num_btn .wrap tr td:nth-of-type(2) { width: 210px; padding-left: 90px; }
.num_btn select { padding: 5px; color: #787878; border: 1px solid #dbdbdb; }

/* input[type="radio"], input[type="checkbox"]{-webkit-appearance: none !important; -moz-appearance: none; outline: none;} */


#support-pro { text-transform: uppercase; }
#total-value { display: flex; align-items: center; width: 100%; height: 100%; gap: 2vw; }
#total-value p { position: relative; font-size: 30px; font-weight: 600; color: #383838; }
#total-value p::after { display: block; content: ""; width: 110%; height: 20px; background: #ffcbce; position: absolute; left: 50%; bottom: 0; z-index: -1; transform: translate(-50%, 0); }

.fields { margin-bottom: 120px; }
.fields ul { margin-bottom: 50px; }
.fields ul li { position: relative; display: flex; border-bottom: 1px solid #dddddd; }
.fields ul li .lbl { position: relative; display: block; width: 100%; max-width: 202px; padding-left: 70px; font-size: 18px; font-weight: 600; color: #434343; line-height: 80px; }
.fields ul li .lbl::after { display: block; content: ""; width: 2px; height: 30px; background: #ddd; position: absolute; right: 1px; top: 50%; transform: translate(0, -50%); }
.fields ul li .pro_lbl { text-align: center; padding-left: 0; }
.fields ul li .desc { width: 100%; padding: 25px; }
.fields ul li input { width: 100%; height: 100%; }
.btn-group { display: block; width: 185px; height: 65px; margin: 0 auto; }
.btn-group button { display: block; width: 100%; height: 100%; text-align: center; color: #fff; background: #ee2c36; font-size: 20px; font-weight: bold; }

#contact .info ul { display: flex; align-items: center; justify-content: center; gap: 40px; }
#contact .info ul li { width: calc(100% / 4); padding: 50px 30px; border: 1px solid rgba(238, 44, 54, 0.25); }
#contact .info ul li .img_box { display: block; width: 58px; height: 58px; margin: 0 auto 50px; }
#contact .info ul li .img_box img { display: block; margin: auto; }
#contact .info ul li p { text-align: center; font-size: 20px; color: #767676; line-height: 1; word-break: keep-all; }
#contact .info ul li .title { margin-bottom: 30px; font-size: 28px; font-weight: bold; color: #313131; }


#sub04 h2 { text-align: left; }
#sub04 .title { margin-bottom: 20px; font-size: 28px; font-weight: bold; }
#sub04 .desc { font-size: 24px; line-height: 1.5; word-break: keep-all; }
#sub04 .map_wrap { background: #f5f5f5; }
#sub04 .map_wrap .inner_wrap { max-width: 1180px; }
#sub04 .sns_tab .info { display: flex; justify-content: space-between; align-items: center; }
#sub04 .sns_tab .info .desc { font-size: 16px; }
.map_blank { position: relative; }
.map_blank .mapAll {object-fit: contain; width:100%;height: 100%;opacity:1;transition:0.3s;-webkit-transition:0.3s;}


/***************************** F O O T E R *********************************/
#footer_w {  border-top-right-radius: 60px; box-shadow: 5px 5px 50px -20px #7b7d81; }
#footer_w ul { display: flex; align-items: center; justify-content: space-between; width: 100%; }
#footer_w ul li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: calc(100% / 3); height: 200px; text-align: center; padding: 30px; }
#footer_w ul li::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: calc(100% - 60px); background: #e7e7e7; transform: translate(0, -50%); }
#footer_w ul li:last-of-type::after { display: none; }
#footer_w ul li img { width: fit-content; }

#footer_w ul li p { font-size: 16px; color: #666666; line-height: 1.5; word-break: keep-all; }
#footer_w ul li:last-of-type { align-items: flex-start; }
#footer_w ul li:last-of-type p { font-size: 23px; font-weight: 700; color: #767676; text-align: left; line-height: 1.25; }
#footer_w ul li:last-of-type img { position: absolute; left: calc(30% - 10px); bottom: 10px; }

#footer { position: relative; width: 100%; background: #242424; padding: 40px 0; }
#footer p { font-weight: 300; font-size: 16px; color: #aaa; text-align: center; line-height: 1.75; }
#footer p a { font-weight: 400; color: #dedede; }