@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 432 / var(--inner) * 100vw ), 432px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 432 / var(--inner) * 100vw ), 432px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"경기 평택시 동막길 154"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:10px; margin-top:1px; line-height:1.875;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); width:3px; height: 3px; background:var(--color-secondary); border-radius: 50%;}
.bullet-item .bullet-list.none::before{display: none;}

.bg-gray {background:#fafafa;}
.contentwrap + .contentwrap {padding-top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}

.greetarea {overflow: hidden;}
.greetarea .flxWrap {align-items: center;}
.greetarea .imgbx {flex:1 0 540px; max-width: 540px; margin-right: clamp(15px, calc( 100 / var(--inner) * 100vw ), 100px);}
.greetarea .textbx {flex: 1 0 auto; width: 1%;}
.greetarea .eng {display: block; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600; color: #b0b0b0;}
.greetarea .tit {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(20px, calc( 38 / var(--inner) * 100vw ), 38px); font-weight: bold;}
.greetarea .decbx {padding-top: clamp(18px, calc( 36 / var(--inner) * 100vw ), 36px);}
.greetarea .dec + .dec {padding-top: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.greetarea .dec {color: #454545; line-height: 1.75;}
.greetarea .dec strong {color: #242424;}
.greetarea .last {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: bold; color: #242424;}

.outlinearea {padding-top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.outlinearea .title {padding-bottom: clamp(16px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold;}
.outbx {display: flex; flex-wrap: wrap;}
.outbx .outitem {flex: 1 0 50%; max-width: 50%; border-top: 1px solid #ddd;}
.outbx .outlist {display: flex; padding:clamp(15px, calc( 28 / var(--inner) * 100vw ), 28px) 0; border-bottom: 1px solid #ddd;}
.outbx .outlist .name {flex: 1 0 clamp(100px, calc( 215 / var(--inner) * 100vw ), 215px); max-width: clamp(100px, calc( 215 / var(--inner) * 100vw ), 215px); padding-left:clamp(5px, calc( 68 / var(--inner) * 100vw ), 68px); font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600;}
.outbx .outlist .dec {flex: 1 0 auto; width: 1%; color: #454545;}

.directions {display: flex; flex-wrap: wrap; margin-top:clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px);}
.directions .address-info {flex: 1 0 50%; max-width: 50%;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
.directions .address-info .addr {font-size:24px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {flex: 1 0 auto; width: 1%; line-height:1.5em;}
.directions .contact-info dl {display:flex; }
.directions .contact-info dl + dl {margin-top: clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);}
.directions .contact-info dt {width:160px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt img {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}
@media (max-width: 1024px) {
    .directions .address-info {flex: 1 0 100%; max-width: 100%; margin-bottom: 30px;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dt {width:130px;}
}

@media (max-width: 640px) {
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dt {width:100px;}
	.directions .contact-info dt img {margin-right:10px;}
}

.imgtxwrap {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.imgtxwrap .imgbx {flex: 1 0 660px; max-width: 660px; margin-right: clamp(15px, calc( 70 / var(--inner) * 100vw ), 70px);}
.imgtxwrap .textbx {flex: 1 0 auto; width: 1%; letter-spacing: -0.5px;}
.imgtxwrap .textbx .subtt {display: block; font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600; color:var(--color-secondary);}
.imgtxwrap .textbx .title {padding-top:clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold;    letter-spacing: -1px;}
.imgtxwrap .textbx .dec {padding-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545; line-height: 1.6;}
.imgtxwrap .textbx .dec + .dec {padding-top: clamp(15px, calc( 32 / var(--inner) * 100vw ), 32px);}
.imgtxwrap.reverse {flex-direction: row-reverse;}
.imgtxwrap.reverse .imgbx {margin-right: 0; margin-left: clamp(15px, calc( 70 / var(--inner) * 100vw ), 70px);}

.icntxwrap .flxWrap {margin: -30px;}
.icntxwrap .itembox {flex: 1 0 50%; max-width: 50%; padding: 30px;}
.icntxwrap .inner {padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) 0 ; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 100%;}
.icntxwrap .inner img {height: clamp(35px, calc( 56 / var(--inner) * 100vw ), 56px);}
.icntxwrap .inner .tit {padding-top:clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold;}
.icntxwrap .inner .bullet-item {padding-top:clamp(12px, calc( 30 / var(--inner) * 100vw ), 30px);}

.busibg {display: flex; align-items: center;  justify-content: center; margin-bottom: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); background-size: cover !important; height: clamp(480px, calc( 540 / var(--inner) * 100vw ), 540px); color: #fff; text-align: center;}
.busibg.bg1 {background: url(../images/sub/busi-bg1.jpg) no-repeat;}
.busibg.bg2 {background: url(../images/sub/busi-bg2.jpg) no-repeat;}
.busibg .inner {padding:60px 30px;}
.busibg .eng {font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600;}
.busibg .tit {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold; line-height: 1.4;}
.busibg .bullet-item {padding-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.busibg .bullet-list {display: inline-block;}
.busibg .bullet-list::before {background: #fff;}

.bdwrap {padding: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px) 0; border-top: 1px solid #dddd; }
.bdwrap:last-child {border-bottom: 1px solid #dddd;}
.bdwrap .flxWrap {align-items: center;}
.bdwrap .imgbx {flex:1 0 660px; max-width: 660px; margin-right: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}
.bdwrap .textbx {flex: 1 0 auto; width: 1%;}
.bdwrap .textbx .num {display: block; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600; color:var(--color-secondary);}
.bdwrap .textbx .name {padding-top:clamp(12px, calc( 22 / var(--inner) * 100vw ), 22px); font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold;}
.bdwrap .textbx .dec {padding-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); color: #454545;}

.inquirybx .btn-pack.large {border-radius: 24px;}