@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
/* .root_daum_roughmap { width:100% !important; height:450px !important; } 
.root_daum_roughmap .wrap_map { height:450px !important; } 
.roughmap_lebel_text { line-height:0 !important; font-size:0 !important; } 
.root_daum_roughmap .map_border { display: none; } */

/* brand */
.sub-head { padding-bottom:var( --padding-60); } 
.sub-head h3 { font-size: var(--font-size-35); line-height:1.142em; color: #242424; margin-bottom:10px; } 
.sub-head .en { font-weight:300; letter-spacing:0.08em; opacity:0.5; } 
.brand .img { margin-bottom:60px; } 
.sub-txt { padding-bottom:var(--padding-90); } 
.sub-txt:last-child { padding-bottom:0; } 
.sub-txt h4 { font-weight:600; font-size: var(--font-size-24); color: #242424; margin-bottom:15px; } 
.sub-txt p { line-height:1.777em; } 


/* product */
.product .flex-wrap > div { width:50%; } 
.product .sub-head { padding-bottom:var(--padding-50); } 
.product .sub-head h3 { font-size: var(--font-size-30); } 
.product .sub-txt { padding-bottom: var(--padding-30); } 
.product .sub-txt h4 { font-size: var(--font-size-20); line-height:1.5em; font-weight:400; } 
.product .sub-txt p { font-size: var(--font-size-16); } 

.btn-more.type2 { font-size: var(--font-size-15); font-weight: 500; padding-left: 25px; padding-right: 22px; height: 50px; line-height: 50px; } 
.btn-more.type2::before { width: 50px; height: 50px; } 
.btn-more::after { width: 15px; } 

.productSwiper .swiper-pagination-bullet { width: 15px; height: 15px; text-align: center; opacity: 1; background: #fff; } 
.productSwiper .swiper-pagination-bullet-active { background: var(--color-primary); } 
.productSwiper img { border-radius: var(--border-radius-20); } 
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px); } 


.contact-wrap { padding-bottom:var(--padding-100); } 
.contact .contact-list { display:flex; justify-content: center; align-items: center; } 
.contact .contact-list li { align-items: center; } 
.contact .contact-list li:first-child { margin-right:70px; margin-bottom:0; } 
.contact .contact-list li .tit { display: flex; align-items: center; width: auto; color: #242424; } 
.contact .contact-list li .tit::after { content: ""; position: initial; right: -10px; width: 1px; height: 12px; background: #ddd; display: inline-block; margin: 0 20px; } 
.contact .contact-list li .tit strong { font-size: var(--font-size-22); font-weight:500; } 
.contact .contact-list li i { margin-right:20px; } 
.contact .contact-list li .info { color: #454545; padding-left:0; }