@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 455 / var(--inner) * 100vw ), 455px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 455 / var(--inner) * 100vw ), 455px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"경기 화성시 장안면 금의리 759-1"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-1); border-radius: 50%;}

.bg-gray {background:#fafafa;}

.greetwrap {padding-top: clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); overflow: hidden;}
.greetwrap .imgbx {flex:1 0 490px; max-width: 490px;margin-right: clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px);}
.greetwrap .textbx {flex: 1 0 auto; width: 1%; padding-top: 10px; letter-spacing: -0.5px;}
.greetwrap .subtt {font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);font-weight: 600;}
.greetwrap .maintt {padding-top: 5px; font-size:clamp(24px, calc( 44 / var(--inner) * 100vw ), 44px); font-weight: bold;}
.greetwrap .subtt2 {padding-top: clamp(15px, calc( 33 / var(--inner) * 100vw ), 33px);font-size: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 600;}
.greetwrap .subtt2 + .desc {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.greetwrap .desc {font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545; line-height: 1.6;}
.greetwrap .checkwrap {margin: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) 0; }
.checkwrap {padding: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);background: #fafafa; border-radius: 10px;}
.checklist+.checklist {margin-top: 10px;}
.checklist {padding-left: 26px; position: relative;font-weight: 600;}
.checklist:after {position: absolute; content: ''; left: 0; top: 0; width:16px;height: 16px; background: url(../images/sub/checkbg.png) no-repeat 50% 50% /contain;}

.directions {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:52px;}
.directions .address-info {padding-left:30px;flex: 1 0 50%;max-width: 50%;}
.directions .address-info .comp {color:var(--color-1); font-weight:500; margin-bottom:10px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.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 {line-height:1.5em;flex: 1 0 auto; width: 1%;}
.directions .contact-info dl {display:flex; padding:15px 0;}
.directions .contact-info dl:first-child {padding-top: 0;}
.directions .contact-info dt {padding-left:30px;width:160px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
    .directions .address-info {padding-left: 0;padding-bottom: 30px;flex: 1 0 100%;max-width: 100%;}
	.directions .address-info .addr {font-size:20px;}
    .directions .contact-info dl {padding: 10px 0;}
	.directions .contact-info dt {padding-left: 0; width:120px;}
}

@media (max-width: 640px) {
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .contact-info dl {padding:8px 0;}
	.directions .contact-info dt { width:100px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.gallerywrap .btn-pack.large {padding: 0;width: clamp(70px, calc( 100 / var(--inner) * 100vw ), 100px);height:  clamp(70px, calc( 100 / var(--inner) * 100vw ), 100px);min-width: clamp(70px, calc( 100 / var(--inner) * 100vw ), 100px);border-radius: 50%;background:#000 url(../images/common/submit-arrow.png) no-repeat center bottom  clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px);border: 0;text-align: center;font-size:  clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);}
.gallerywrap .btn-pack span {display: inline-block;padding-bottom:10px;}