/* **************************************** *
 * sub-visual
 * **************************************** */
.s_visual { height:580px;position:relative; display:block; margin-top:-155px; width:100%; }
.s_visual .txt-box {text-align:center; padding-top:300px; }
.s_visual h2 {display:block; color:#fff; font-size:23px; font-weight:500; }
.s_visual h2 em {font-size:180%; font-weight:bold;}
.s_visual h3 {display:block; color:#fff; font-size:45px; line-height:1.3em;  font-weight:500; margin-top:5px; text-transform:uppercase;  }
.s_bg01 {background:url(/images/sub/s_visual_01.jpg) no-repeat center bottom; background-size:cover; }
.s_bg02 {background:url(/images/sub/s_visual_02.jpg) no-repeat center ; background-size:cover; }
.s_bg03 {background:url(/images/sub/s_visual_03.jpg) no-repeat center ; background-size:cover; }
.s_bg04 {background:url(/images/sub/s_visual_04.jpg) no-repeat center ; background-size:cover; }
.s_bg05 {background:url(/images/sub/s_visual_05.jpg) no-repeat center ; background-size:cover; }
.s_bg06 {background:url(/images/sub/s_visual_06.jpg) no-repeat center ; background-size:cover; }
.s_bg07 {background:url(/images/sub/s_visual_07.jpg) no-repeat center ; background-size:cover; }
.s_bg08 {background:url(/images/sub/s_visual_08.jpg) no-repeat center ; background-size:cover; }
.s_bg09 {background:url(/images/sub/s_visual_09.jpg) no-repeat center ; background-size:cover; }

.sub-wrap {position:relative; width:100%; clear:both; padding:60px 0 60px;  overflow:hidden; }
.sub-wrap:after {content:''; clear:both; display:block; width:100%;}



@media screen and (max-width:1200px){ 
.sub-wrap { padding:30px 0 30px}

}
@media screen and (max-width:980px){ 
.s_visual { height:400px;margin-top:0px; width:100%; }
.s_visual .txt-box { padding-top:180px; }
.s_visual h2 {font-size:16px; }
.s_visual h3 {font-size:22px; line-height:25px; margin-top:12px;  }

}

@media screen and (max-width:640px){ 
.s_visual { height:180px;margin-top:0px; width:100%; }
.s_visual .txt-box { padding-top:60px; }
.s_visual h2 {font-size:15px; }
.s_visual h3 {font-size:20px;  }


}


/* **************************************** *
 * s-gnb
 * **************************************** */
#page01 .s-gnb a.menu1,
#page02 .s-gnb a.menu2, 
#page03 .s-gnb a.menu3,
#page04 .s-gnb a.menu4,
#page05 .s-gnb a.menu5 {color:#a69572; font-weight:500;border-bottom:3px solid #a69572; }

.mobile {display:none}
.s-gnb { height:3.75rem; position:relative; display:block; width:100%; clear:both; font-family:'Arita4.0';border-bottom:1px solid #dedede; }
.s-gnb:after {content:''; position:absolute; left:0; bottom:0; width:100%;  z-index:-1}
.s-gnb ul {font-size:0; width:100%;display:flex;  justify-content: center; gap:.85rem;  margin:0 auto;  }
.s-gnb ul li {display:inline-block;padding:0; list-style:none;}
.s-gnb ul li a {display:block;position:relative;  line-height:3.55rem; font-size:1.125rem; padding:0 2.5rem; color:#777; font-weight:400;border-bottom:3px solid transparent; transition:300ms ease-out 0ms;}
.s-gnb ul li.about a {font-weight:700; color:#a69572}
.s-gnb ul li a:hover { color:#a69572;border-bottom:3px solid #a69572; }
.s-gnb ul li.on a { color:#a69572;border-bottom:3px solid #a69572; font-weight:bold;}

@media screen and (max-width:998px){
	#page01 .s-gnb a.menu1,
	#page02 .s-gnb a.menu2, 
	#page03 .s-gnb a.menu3,
	#page04 .s-gnb a.menu4,
	#page05 .s-gnb a.menu5 { border-bottom:1px solid #a69572; }
   
	.mobile {display:block}
	.mobile .s-gnb ul li.about {display:none;} 
	.s-gnb { height:50px;}
	.s-gnb .inr {padding:0;}
	.s-gnb ul { width:100%;display:flex;  justify-content: center; gap:.85rem; }
	.s-gnb ul li { margin:0 0px; }
	.s-gnb ul li a {  line-height:49px; font-size:.85rem; padding:0 0px; border-bottom:1px solid transparent; }
	.s-gnb ul li a:hover {  border-bottom:1px solid #a69572; }

}



/* **************************************** *
 * pagination
 * **************************************** */
.pagination {display:block; clear:both; position:relative;width:100%; margin:0 auto; padding:20px 0 20px; text-align:center;  }
.pagination .inner-wrap {margin:0 auto;font-size:0 }
.pagination a {display:inline-block; color:#555; font-size:16px; margin:0 3px; text-align:center; width:40px; height:40px; line-height:40px; border-radius:50%; vertical-align:middle; background:#fff; border:1px solid #dedede; font-weight:500;font-family:'OpenSans-Semibold';}
.pagination a.on {font-weight: bold; color:#fff; border:1px solid #a68d72; background:#a68d72; }
.pagination img {vertical-align:middle;}
.pagination button {display:inline-block; vertical-align:middle; margin:0 2px; font-family:'FontAwesome'; }
.pagination button:after {content:''; font-size:25px; font-family:'FontAwesome'; vertical-align:middle;  text-align:center;  color:#555; display:inline-block;width:25px; height:35px;  line-height:35px; }
.pagination button:hover:after { transition:300ms ease-out 0ms;}
.pagination .page_first:after {content:'\f100';}
.pagination .page_last:after {content:'\f101';}
.pagination .page_prev:after {content:'\f104';}
.pagination .page_next:after {content:'\f105';}
.pagination .page_prev {margin-right:10px;  }
.pagination .page_next {margin-left:10px; }

@media screen and (max-width:998px){
.pagination a {font-size:14px; margin:0 2px; width:30px; height:30px; line-height:30px;}
.pagination button:after {font-size:20px; width:15px; height:30px;  line-height:30px; }
.pagination .page_prev {margin-right:5px;  }
.pagination .page_next {margin-left:5px; }

}
@media screen and (max-width:500px){
.pagination a {font-size:12px; margin:0 1px; width:23px; height:23px; line-height:21px;}
.pagination button:after {font-size:16px; width:10px;  height:23px;  line-height:23px; }

}



/* **************************************** *
 * 상세페이지
 * **************************************** */
.pet-view {font-size:0; padding-bottom:50px;}
.pet-view:after {content:''; clear:both; display:block; width:100%;}
/*.pet-view img {width:100%;}*/
.pet-view .pet-info {display:block; padding:80px 100px 30px; background:#f2f0ed; font-size:0; margin-bottom:50px;}
.pet-view .pet-info ul {display:inline-block; vertical-align:top; text-align:left; width:50%; margin-top:30px; padding-left:15px;  }
.pet-view .pet-info ul li {display:block; margin-bottom:15px; font-size:20px; line-height:40px;color:#444;  }
.pet-view .pet-info ul li span {display:inline-block; vertical-align:top; }
.pet-view .pet-info ul li span em { color:#999}
.pet-view .pet-info ul li span:first-child {color:#9e875c; font-weight:500; width:80px; }
.pet-view .pet-info ul li span:first-child + span {width:calc(100% - 80px); }
.pet-view .pet-info .img-call {display:inline-block; vertical-align:middle; margin-left:10px; margin-right:5px; width:30px; height:30px; background:url(/images/inc/ico_call_big.png) no-repeat center ; background-size:cover; }
.pet-view .pet-info .label-call {display:inline-block; vertical-align:middle; padding:3px 20px 0; line-height:40px; border-radius:30px;  background-color:#897f6d; color:#fff; font-size:21px;  }
.pet-view .pet-info .label-call a {display:block; }
.pet-view .pet-info .label-call  i {color:#fff; display:inline-block; vertical-align:middle; margin-right:5px; font-size:21px; }
.pet-view .img-area {display:block; min-height:650px; overflow:hidden; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.pet-view .img-area img {width:100%;}
.pet-view .img-area2 {position:relative;margin:0 auto;  padding:0px; }
.pet-view .img-area2.w80 { width:80%; }
.pet-view .img-area2:after {content:''; position:absolute; right:-20px; bottom:-20px; width:100px; height:100px; background:rgba(0,0,0,0.05); z-index:-1;}
.pet-view .img-area2 img {width:100%;}
.pet-view h2.title { text-align:center; font-size:45px; line-height:1.6em; margin-bottom:40px;font-weight:400; color:#444; }

.pet-view .pet-photo {display:inline-block; vertical-align:top; position:relative; width:60%; padding:40px; margin-bottom:50px;  }
.pet-view .viewMemo {font-size:16px; line-height:1.5em; color:#666; text-align:center; padding:30px 0 30px; }
.pet-view .pet-exp {display:inline-block; position:relative; width:40%;vertical-align:top; padding-top:15%; margin-bottom:50px; }
.pet-view .pet-exp dl {min-height:130px; padding:50px 0 0 55px; position:relative;background:url(/images/sub/txt_dnt.png) no-repeat center 0 ;}
.pet-view .pet-exp dl dt {font-size:28px; line-height:1.5em; color:#444;}
.pet-view .pet-exp dl dd {font-size:18px; line-height:1.4em; color:#666; margin-top:8px; }
.pet-view .pet-exp .contact {display:block; text-align:right; margin-top:100px; padding-right:30px; }
.pet-view .pet-exp .contact p {font-size:18px; font-weight:500; color:#666; margin-bottom:12px;}
.pet-view .pet-exp .contact h3 { font-size:21px; font-weight:1.5em; color:#2d3a82;   font-weight:600; letter-spacing:0 }
.pet-view .pet-exp .contact h3 em {font-weight:400; color:#999 }
.pet-view .pet-exp .contact h3 span {display:block; color:#777; font-weight:500; font-size:80%;}
.pet-view .img {text-align:center; }
.pet-view .img img {max-width:100%:}
.detail-line {display:block; width:100%; clear:both; height:1px; background:#ddd;}

@media screen and (max-width:1080px){
.pet-view .pet-info {padding:60px 70px 30px;margin-bottom:30px; }
.pet-view h2.title {  font-size:38px; line-height:1.5em; margin-bottom:20px; }
.pet-view .pet-info ul {padding-left:0px;  }
.pet-view .pet-info ul li {margin-bottom:12px; font-size:18px; line-height:35px; }
.pet-view .pet-info .img-call {width:25px; height:25px; }
.pet-view .img-area {min-height:580px; }

.pet-view .pet-exp {padding-top:70px; }
.pet-view .pet-exp dl {width:80%; margin:0 auto;  padding:30px 0 0 0px; background-size:100%; }
.pet-view .pet-exp dl dt {font-size:25px; }
.pet-view .pet-exp .contact { margin-top:60px; padding-right:0px; }
.pet-view .pet-exp .contact p {font-size:17px;  margin-bottom:8px;}
.pet-view .pet-exp .contact h3 { font-size:20px; }

.pet-view .pet-info .label-call  {line-height:35px; font-size:18px; }
.pet-view .pet-info .label-call  i { font-size:20px;margin-right:0 }


}


@media screen and (max-width:899px){
.pet-view h2.title {  font-size:30px;  }
.pet-view .pet-info {padding:50px 40px 40px;}
.pet-view .img-area {min-height:500px; }

.pet-view .pet-exp {padding-top:5%; }
.pet-view .pet-exp dl {width:90%;  padding:20px 0 0 0px;  }
.pet-view .pet-exp dl dt {font-size:21px; }
.pet-view .pet-exp .contact { margin-top:50px; }
.pet-view .pet-exp .contact p {font-size:15px;  margin-bottom:5px;}
.pet-view .pet-exp .contact h3 { font-size:18px; }

.pet-view .pet-info .label-call  {line-height:32px; font-size:17px; padding:3px 15px 0;}
.pet-view .pet-info .label-call  i { font-size:18px; }



}

@media screen and (max-width:767px){
.pet-view h2.title {  font-size:23px;  }
.pet-view .pet-info {padding:25px 20px ; }
.pet-view .pet-info ul {display:block; width:100%; margin-top:0px;   }
.pet-view .pet-info ul.first {margin-top:25px;}
.pet-view .pet-info ul li {margin-bottom:8px; font-size:16px; line-height:28px; }
.pet-view .img-area {min-height:400px; }

.pet-view .pet-photo {display:block;  width:100%; padding:20px 60px; }
.pet-view .pet-exp {display:block; width:100%;padding-top:5%;  padding-right:50px; }
.pet-view .pet-exp dl {width:80% ; margin:0px 0 0 50px; padding:40px 0 20px 10px; background-size:70%; background-position:left top; }
.pet-view .pet-exp dl dt {font-size:25px; }


}
@media screen and (max-width:500px){
.pet-view .img-area {min-height:250px;  }

.pet-view .pet-info {padding:25px 0px 0 ; }
.pet-view .pet-info ul li {margin-bottom:5px; font-size:14px; line-height:28px; border-top:1px solid #dedbd5; padding-top:8px; padding-left:15px; padding-right:15px; }
.pet-view .pet-info ul.first li:first-child {border-top:0; padding-top:0}
.pet-view .pet-info ul li.m-last {padding:0 !important; }
.pet-view .pet-info ul li span:first-child { width:60px; }
.pet-view .pet-info ul li span:first-child + span {width:calc(100% - 60px); }
.pet-view .pet-info ul li.m-last  a {display:block; padding-bottom:25px;padding-left:15px; padding-right:15px;padding-top:8px;  }
.pet-view .pet-info ul li span { display:inline-block; vertical-align:top; line-height:33px; }
.pet-view .pet-info .label-call  { height:33px; line-height:33px; font-size:18px;padding:1px 15px 0 13px;}
.pet-view .pet-info .label-calla i { font-size:17px; }

}
@media screen and (max-width:380px){


}

/* **************************************** *
 * btn
 * **************************************** */
.btn-wrap { text-align:center; position:relative;margin:30px 0 0}
.btn-wrap:after {content:''; clear:both; display:block; width:100%;}
.btn-wrap a {display:inline-block; vertical-align:middle; height:55px; line-height:55px; color:#fff; padding:0 60px; margin:0 5px; font-size:17px; font-weight:400; }
.btn-wrap .btn-confirm { background:#252839; border:1px solid #252839}
.btn-wrap .btn-confirm:hover { color:#252839; background:#fff; }
.btn-wrap .btn-cancel { background:#999; border:1px solid #999}
.btn-wrap .btn-cancel:hover { color:#999;background:#fff; }
.btn-wrap .btn-delete { background:#fff; border:1px solid #252839; color:#252839}
.btn-wrap .btn-delete:hover { color:#fff;background:#252839; }

.btn-write {display:inline-block; float:right; height:55px !important; line-height:55px !important; border-radius:0 !important; width:auto  !important; padding:0 35px !important; color:#fff !important; font-size:18px !important; font-weight:500; font-family:'Arita4.0'; background:#a69572 !important; border:1px solid #a69572 !important; z-index:333 }
.btn-write:hover {color:#a69572 !important; background:#fff !important;}
.btn-write.fix {position:absolute !important; right:0 !important; top:10px !important; margin:0 !important;padding:0 45px !important; }

@media screen and (max-width:998px){
.btn-wrap {margin:20px 0 0}
.btn-wrap a { height:40px; line-height:40px; padding:0 30px; margin:0 3px; font-size:15px;}
.btn-write  { height:40px !important; line-height:40px !important;  font-size:15px !important; }
.btn-write.fix {position:relative !important; top:0 !importnat; margin:10px  0 0 !important;padding:0 25px !important; }
}
@media screen and (max-width:500px){
.btn-wrap a { height:33px; line-height:33px; padding:0 20px; margin:0 3px; font-size:13px;}
.btn-write  { height:33px !important; line-height:33px !important;  font-size:13px !important; }
.btn-write.fix { padding:0 20px !important; }
}


/* **************************************** *
 * 검색
 * **************************************** */
.search-box { padding:0px 50px 40px; text-align:center; font-size:0}
.search-box:after {content:''; clear:both; display:block; width:100%; }
.search-box select { padding-right:75px; padding-left:20px;  margin:0 3px; border:0; color:#222;background-color:transparent; border-radius:50px; border:1px solid #ddd; 
      color: #333;font-size: 18px; font-weight:500;  height:45px; line-height: 45px; letter-spacing: 0;appearance: none;box-sizing: border-box; background-position:90% ;
	background-image: url(/images/icon_select.png); background-size:20px 20px;
}
.search-box select:focus,
.search-box select:hover {  border:1px solid #252839 !important; }
.search-box input[type="submit" ] {height:45px; line-height:45px; margin-left:3px;  width:100px; text-align:center;  display:inline-block; vertical-align:middle; border-radius:50px; background-color:#252839; color:#fff; font-size:17px; }
.search-box input[type="text" ] {height:45px; line-height:45px; margin:0 3px; padding-left:20px; border:1px solid #ddd; border-radius:50px; }

@media screen and (max-width:998px){ 
.search-box { padding:0px 0px 20px;}
.search-box select { padding-right:55px; padding-left:15px;  margin:0 2px; font-size: 14px; height:35px; line-height: 35px; background-size:16px 16px;}
.search-box input[type="submit" ] { width:80px; height:35px; line-height:35px; margin-left:2px; font-size:14px; }
.search-box input[type="text" ] {height:35px; line-height:35px; margin:0 2px; padding-left:15px;  }

}

@media screen and (max-width:640px){
.search-box { padding:0px 0px 15px;}
.search-box select { padding-right:25px; padding-left:12px;  margin:0 1px; font-size: 13px; height:31px; line-height: 31px; background-size:13px 13px; letter-spacing:-.10em;}
.search-box input[type="submit" ] { width:50px; height:31px; line-height:31px; margin-left:1px; font-size:13px; }
.search-box input[type="text" ] {height:31px; line-height:31px; margin:0 1px; padding-left:10px; font-size:13px; letter-spacing:-.10em; }

}



/* **************************************** *
 * 해외분양
 * **************************************** */
.overseas-head {display:block; min-height:505px; background:url(/images/sub/overseas_01.jpg) no-repeat left 0; font-family:'Arita4.0'; margin-bottom:50px; }
.overseas-head h2 {display:inline-block; width:53%; float:right; padding:60px 0 0; font-size:40px; font-weight:400; line-height:55px; color:#333; padding-left:60px;  }
.overseas-head div {display:inline-block; float:right; clear:both; width:53%; background:#fff; margin:40px 0 0; padding:45px 0 0 60px; min-height:320px;}
.overseas-head div p {display:block; margin-bottom:20px; font-size:18px; color:#666; line-height:28px; font-weight:400;}

.os-process {font-size:0;font-family:'Arita4.0'; font-weight:400;}
.os-process:after {content:''; clear:both; display:block; width:100%;}
.os-process section {display:block;clear:both;}
.os-process div {display:inline-block; float:left; vertical-align:top; width:50%; margin:40px 0;z-index:0 }
.os-process div:nth-child(2n+1) {clear:both;}
.os-process div:nth-child(2n) { padding-top:80px; }
.os-process div h2 {display:block; position:relative; font-size:32px; line-height:45px; color:#333; margin-bottom:30px; }
.os-process div h2 span {  font-size:80px;   font-weight:500; color:#b4976d; }
.os-process div h2 .num-left {position:absolute; right:-130px;top:25px; }
.os-process div h2 .num-right {position:absolute; left:-136px;top:25px; }
.os-process div p:first-child {padding-top:100px;}
.os-process div p {display:block; font-size:17px; color:#666; line-height:27px; margin:10px 0; }
.os-process div.pd-left {padding-right:80px; text-align:right;}
.os-process div.pd-right {padding-left:80px; }
.os-process div img {width:100%;}
.os-process div.img-area {height:400px;}

@media screen and (max-width:998px){ 
.overseas-head {min-height:400px; background-color:#efeeec; background-size:85%; background-position:left bottom; }
.overseas-head h2 {width:53%; float:right; padding:45px 0 0; font-size:30px; line-height:1.5em; padding-left:30px;  }
.overseas-head div { width:53%;  margin:20px 0 0; padding:30px 20px 0 30px; min-height:300px;}
.overseas-head div p {margin-bottom:20px; font-size:16px;  line-height:24px; }
.overseas-head h2 br {display:none;}
.overseas-head div p br {display:none; }

.os-process div {margin:30px 0;  }
.os-process div h2 {font-size:25px; line-height:1.3em;  margin-bottom:20px; }
.os-process div h2 span {  font-size:50px; }
.os-process div p {font-size:15px; line-height:20px; margin:5px 0; }
.os-process div p br {display:none;}
.os-process div h2 .num-left {right:-90px;top:20px; }
.os-process div h2 .num-right { left:-90px;top:20px; }
.os-process div.pd-left {padding-right:50px; }
.os-process div.pd-right {padding-left:50px; }
.os-process div:nth-child(2n) { padding-top:40px; }


}
@media screen and (max-width:767px){ 
.overseas-head {min-height:330px;background-size:90%; background-position:-80px bottom; margin-bottom:30px;}
.overseas-head h2 {width:60%; padding:45px 0 0; font-size:23px;  padding-left:25px;  }
.overseas-head div { width:60%;  margin:15px 0 0; padding:25px 20px 0 30px; min-height:280px;}
.overseas-head div p {margin-bottom:15px; font-size:14px;  line-height:21px; }

.os-process div {margin:20px 0;  }
.os-process div h2 {font-size:20px; margin-bottom:15px; }
.os-process div h2 span {  font-size:35px; }
.os-process div p {font-size:13px; line-height:18px; margin:4px 0; }
.os-process div h2 .num-left {right:-60px;top:20px; }
.os-process div h2 .num-right { left:-60px;top:20px; }
.os-process div.pd-left {padding-right:36px; }
.os-process div.pd-right {padding-left:36px; }
.os-process div:nth-child(2n) { padding-top:30px; }


}
@media screen and (max-width:667px){ 
.os-process div:nth-child(2n) { padding-top:10px; }

}

@media screen and (max-width:500px){ 
.overseas-head { min-height:180px; padding-top:180px;  background-size:cover;background-position:30px bottom;}
.overseas-head h2 {display:block; width:100%; float:left; font-size:18px;padding:15px 0 0 8px; margin:0; }
.overseas-head div {display:block; float:left; clear:both; width:100%; padding:10px; margin:0;  min-height:auto; }

.os-process div.os-left { float:left; }
.os-process div.os-clear { clear:both; }
.os-process div {display:block; width:100%; }
.os-process div:nth-child(2n) { padding-top:0px; margin:0 0 20px;}
.os-process div.pd-left {padding-right:0px; text-align:left;}
.os-process div.pd-right {padding-left:0px; }
.os-process div h2 em { display:inline-block; vertical-align:middle; line-height:22px; font-size:17px; letter-spacing:0}
.os-process div h2 .num-left {position:relative; display:inline-block; vertical-align:middle;  margin-right:10px;  right:auto;top:0; }
.os-process div h2 .num-right {position:relative; display:inline-block; vertical-align:middle; margin-right:10px;  left:auto; top:0; }

}


/* **************************************** *
 * 분양 시스템
 * **************************************** */
.sale-system {font-size:0; text-align:center; }
.sale-system:after {content:''; clear:both; display:block; width:100%;}
.sale-system li {display:inline-block; width:calc(33.3% - 20px);  margin-left:30px; margin-bottom:30px;  vertical-align:middle;height:370px;  border:1px solid #dedede;}
.sale-system li:first-child {margin-left:0;}
.sale-system li:nth-child(3n+1) {margin-left:0;}
.sale-system .txt-box {display:block; padding-top:50px; }
.sale-system .txt-box p {  font-weight:500; color:#999; font-size:16px;text-transform:uppercase; letter-spacing:0; }
.sale-system .txt-box img { padding:10px 0 10px; }
.sale-system .txt-box h1 {font-size:1.65rem;line-height:1.4em; font-family:'Arita4.0'; color:#333; }
.sale-system .txt-box h2 {font-size:16px;line-height:1.5em;  font-family:'Arita4.0'; font-weight:400; color:#777; margin-top:.5rem;}

@media screen and (max-width:998px){ 
.sale-system li {  width:calc(33.3% - 8px);  margin-left:12px; margin-bottom:12px;  height:245px; }
.sale-system .txt-box {  padding-top:25px; }
.sale-system .txt-box img { padding:8px 0 15px; height:80px;}
.sale-system .txt-box h1 {font-size:21px;line-height:20px; }
.sale-system .txt-box h2 {font-size:14px;line-height:1.4em;  margin-top:10px;}


}

@media screen and (max-width:810px){ 
.sale-system li { width:calc(50% - 5px); margin-left:10px; margin-bottom:10px;  height:245px; }
.sale-system li:nth-child(2n+1) {margin-left:0 !important; }
.sale-system li:nth-child(3n+1) {margin-left:10px;}
.sale-system .txt-box h2 {font-size:13px;padding: 0 20px;}
.sale-system .txt-box h2 br {display:none;}
}

@media screen and (max-width:667px){ 
.sale-system li {  height:260px; }
.sale-system .txt-box img {  height:70px;}
.sale-system .txt-box p { font-size:12px;}
.sale-system .txt-box h1 {font-size:17px;}
.sale-system .txt-box h2 {padding: 0 10px;}

}
@media screen and (max-width:360px){ 
.sale-system li { width:100%; margin-left:0px; margin-bottom:10px;  height:auto; padding-bottom:25px;}
.sale-system li:nth-child(3n+1) {margin-left:0px;}

}


/* **************************************** *
 * 분양후기
 * **************************************** */
#gallery-list {font-size:0;  border-bottom:0px solid #ddd;}
#gallery-list:after {content:''; clear:both; display:block; width:100%;}
#gallery-list  li {display:inline-block;vertical-align:top;  position:relative; width:calc(25% - 15px);  margin-left:20px;  margin-bottom:20px; }
#gallery-list  li:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #eee;z-index:-1;background:#fff;}
#gallery-list  li a {display:block;}
#gallery-list  li:nth-child(1) {margin-left:0;}
#gallery-list  li:nth-child(4n+1) { margin-left:0;}
#gallery-list  .thumb{width:100%; position:relative; height:230px; overflow:hidden;display:block;background:#f4f4f4 url(/images/sub/no_image.png) no-repeat center ;}
#gallery-list  .thumb img{width:100%; height:100%; position:relative; display:block; transition:transform 0.3s ease 0s;-webkit-transition:transform 0.3s ease 0s; background-size:cover; background-position:center center; background-repeat:no-repeat; }
#gallery-list  .thumb img:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}

#gallery-list  .thumb .img{width:100%;height:230px; overflow:hidden; display:block; position:relative;transition:transform 0.3s ease 0s;-webkit-transition:transform 0.3s ease 0s; background-size:cover; background-position:center center; background-repeat:no-repeat; }
#gallery-list  .thumb .img:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
#gallery-list  li a:hover .img,
#gallery-list  li a:focus .img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
#gallery-list  li a:hover .thumb .img:after{background:rgba(0,0,0,0);}
#gallery-list  li a:hover img,
#gallery-list  li a:focus img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
#gallery-list  li a:hover .thumb img:after{background:rgba(0,0,0,0);}

#gallery-list  li a dl {display:block; margin:20px 0 25px; padding:0px 18px 0px; min-height:90px;overflow:hidden;  border-bottom:0px solid #f00; font-family:'Arita4.0';}
#gallery-list  li a dl dt {color:#333; font-size:17px; line-height:24px;max-height:30px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
#gallery-list  li a dl dd { color:#999; font-size:14px;  margin-top:7px; line-height:21px;  }

#gallery-write {width:100%;  margin:0 auto; clear:both;display:table; margin-bottom:30px; font-family:'Arita4.0'} 
#gallery-write:after{content:""; display:block;  clear:both; width:100%;}
#gallery-write .caption {display:table-caption; padding-left:2px; padding-bottom:15px; font-size:18px; font-weight:400; color:#333; }
#gallery-write .caption .text {display:inline-block; float:right; font-size:15px; color:#666; }
#gallery-write input[type="text"],
#gallery-write input[type="password"] {border:0px; border-bottom:1px solid #979aab; width:100% !important; background:#fff; min-height:50px; border-radius:0; padding:0 !important; margin:0 !important;}
#gallery-write input[type="text"]:focus,
#gallery-write input[type="password"]:focus {border-bottom:1px solid #252839; }
#gallery-write input[type=checkbox] + label { height:50px; line-height:50px; background-position:0px 13px }
#gallery-write em {display:inline-block; vertical-align:middle;margin:0px 3px 0; font-size:18px;  color:#f00}
#gallery-write i {display:inline-block; margin-right:5px; ; font-family: "Material Design Icons"; color:#666 }
#gallery-write ul {display:block; font-size:0; padding-bottom:10px;}
#gallery-write li {display:inline-block; font-size:16px;padding:0; line-height:50px;min-height:50px; vertical-align:top; margin-bottom:5px;font-weight:500;}
#gallery-write li.text-area { line-height:1.6em !important; padding:20px 0 30px;font-family:'NotoSans' !important;}
#gallery-write li.cont {border-bottom:1px solid #dcdde3;font-family:'NotoSans' !important;}
#gallery-write li:nth-child(1) {color:#222; width:150px; padding-left:30px;  } 
#gallery-write li:nth-child(2) {width:calc(50% - 150px);   } 
#gallery-write li:nth-child(3) {color:#222; width:150px; padding-left:30px;  } 
#gallery-write li:nth-child(4) {width:calc(50% - 150px);  } 
#gallery-write ul.row2 li:nth-child(2) {width:calc(100% - 150px);   } 
#gallery-write ul.row3 li:nth-child(2) {width:calc(100% - 150px);   } 

#gallery-write label {color:#333; }
#gallery-write textarea { min-height:300px; border:0;  border-bottom:1px solid #979aab; padding:0;line-height:1.2;font-family:'NotoSans' !important; }
#gallery-write textarea:focus {border-bottom:1px solid #252839; }
#gallery-write p {display:block;font-size:15px; color:#666; margin-bottom:5px; font-family:'NotoSans' !important;}
#gallery-write span {display:inline-block; font-size:14px; vertical-align:top;line-height:1.2; font-family:'NotoSans' !important;}
#gallery-write span.exp1 {font-size:15px !important} 
#gallery-write .txt-rep {padding:0;  padding-right:12px; margin-right:15px;  border-right:1px solid #ddd; }

.hidden_mobile {display:block;}

.input_file {position:relative;border-bottom:1px solid #979aab; padding:0 0 0 40px;background:url('/images/inc/ico_fileup.png') 5px center no-repeat ;}
.input_file input {width:80%; border:0 !important;}
.input_file .icon2 {position:absolute;right:0px;bottom:-1px; width:16%;height:50px;background:#a69572 url('/images/inc/txt_fileup.png') center center no-repeat;cursor:pointer;}
.input_file .icon2 > input {width:100%;cursor:pointer;opacity:0;}

@media screen and (max-width:1200px){
 #gallery-list li .img { min-height:170px; }

 #gallery-write li {display:inline-block; vertical-align:top; }
 #gallery-write li:nth-child(1) { width:120px; padding-left:0;}
 #gallery-write li:nth-child(2) {width:calc(100% - 120px);   } 
 #gallery-write li:nth-child(3) { width:120px; padding-left:0; }
 #gallery-write li:nth-child(4) {width:calc(100% - 120px);   } 
 #gallery-write ul.row2 li:nth-child(2) {width:calc(100% - 120px);   } 
 #gallery-write ul.row3 li:nth-child(2) {width:calc(100% - 120px);   } 
}

@media screen and (max-width:998px){ 
#gallery-list  li { width:calc(33.333% - 15px);  margin-left:12px;  margin-bottom:12px; }
#gallery-list  li:nth-child(4n+1) { margin-left:12px;  }

#gallery-write p {font-size:14px; }
#gallery-write span {font-size:18pt !important;}
#gallery-write .txt-rep {border-right:0; width:100%;}
}

@media screen and (max-width:667px){ 
	#gallery-list  li { width:calc(50% - 5px);  margin-left:10px;  margin-bottom:10px; }
	#gallery-list  li:nth-child(2n+1) { margin-left:0px;  }
	#gallery-list  li a dl { margin:15px 0 10px; padding:0px 12px 0px; }
	#gallery-list  li a dl dd {font-size:13px;  margin-top:0px; line-height:18px; }

	 #gallery-write li { font-size:14px; margin-bottom:0}
	 #gallery-write li:nth-child(1) { width:80px; padding-left:0;}
	 #gallery-write li:nth-child(2) {width:calc(100% - 80px);   } 
	 #gallery-write li:nth-child(3) { width:80px; padding-left:0; }
	 #gallery-write li:nth-child(4) {width:calc(100% - 80px);   } 
	 #gallery-write ul.row2 li:nth-child(2) {width:calc(100% - 80px);   } 
	 #gallery-write ul.row3 li:nth-child(2) {width:100% !important;   }
	 #gallery-write ul.row3 .cont {font-size:20px !important; color:#111 !important ; text-align:center; }
	 #gallery-write textarea { min-height:150px; }
	 #gallery-write label { font-size:13px;}
	#gallery-write span.exp1 {font-size:13px !important} 

    .hidden_mobile { display:none !important; }

	.input_file input {width:calc(100% - 150px);  }
	.input_file .icon2 { width:80px; height:40px;}

}

@media screen and (max-width:500px){ 
#gallery-list  .thumb{height:160px;overflow:hidden;}
#gallery-list  li a dl dt {font-size:15px;}
#gallery-list  li a dl dd {height:50px; overflow:hidden; margin-top:5px;  }

}



/* **************************************** *
 * 공지사항 외 view(공통)
 * **************************************** */
.board_view{border-top:1px solid #333;border-bottom:1px solid #ddd;}
.board_view .tit{padding:17px 25px;border-bottom:1px solid #f1f1f1;font-size:23px;color:#222;}
.board_view .info_area{padding:17px 25px;border-bottom:1px solid #ddd;}
.board_view .info_area:after{content:'';display:block;clear:both;}
.board_view .info_area strong{margin-right:10px; font-size:15px !important}
.board_view .info_area ul {display:inline-block;}
.board_view .info_area ul li{position:relative;display:inline-block;padding:0 18px 0 17px; font-size:15px !important}
.board_view .info_area ul li:before{content:'';display:inline-block;position:absolute;top:50%;left:0;margin-top:-6.5px;width:1px;height:13px;background:#dedede;}
.board_view .info_area ul li:first-child:before{display:none;}
.board_view .info_area ul li:last-child{padding-right:0;}
.board_view .brd_view_cont{padding:40px 25px;line-height:1.5; font-size:16px !important}
.board_view .brd_view_cont img{max-width:100%;/*width:100%;*/;}
.board_view label {vertical-align:middle; border-radius:50px;  padding:5px 20px; color:#fff; font-size:15px; font-weight:500; }
.board_view label.ing {background:#bbb;}
.board_view label.done {background:#a69572;}


.table_nav{margin-top:40px;border-top:1px solid #dedede;}
.table_nav dl{display:block; width:100%;padding:20px 20px;border-bottom:1px solid #dedede;font-size:0;}
.table_nav dl:after{content:'';display:block;clear:both;}
.table_nav dl dt,
.table_nav dl dd{display:inline-block; float:left;vertical-align:middle; font-size:15px;}
.table_nav dl dt{position:relative;width:150px;}
.table_nav dl dt:after{content:'';display:inline-block;position:absolute;top:50%;right:0;margin-top:-8px;width:1px;height:16px;background:#ddd;}
.table_nav dl dd{ width:calc(100% - 150px);  padding-left:20px;color:#666 !important;}
.table_nav dl dt>span{position:relative;display:inline-block; color:#333; padding-left:25px; }
.table_nav dl dt>span:before{content: '\f106';  font-family:'FontAwesome'; position:absolute; left:0px; top:-6px;  font-size:23px; }
.table_nav dl.next dt>span:before{content: '\f107'; }
.table_nav dl dd>a{ display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666 !important;  }


@media screen and (max-width:998px){ 
.table_nav dl{padding:10px 10px;font-size:14px;}
.table_nav dl dt{ width:70px;}
.table_nav dl dd{width:calc(100% - 70px);   padding-left:10px;}
.table_nav dl dt>span:before{top:-4px;  font-size:18px; }

}




/* **************************************** *
 * 도그투게더소개
 * **************************************** */
.about_dnt {font-size:0; margin-top:20px;}
.about_dnt:after {content:''; clear:both; display:block;}
.about_dnt div { display:inline-block; float:left; vertical-align:middle; width:50%; margin-bottom:70px; font-family:'Arita4.0';  }
.about_dnt div:nth-child(2) {padding-top:20px !important;}
.about_dnt div:nth-child(2n) {padding-top:5%; padding-right:25px;}
.about_dnt div.txt-right {padding-left:60px; }
.about_dnt div.txt-left {padding-right:60px;}
.about_dnt div h2 {display:block; font-size:35px; line-height:45px;color:#222; margin-bottom:15px;  }
.about_dnt div p {display:block; font-size:17px; line-height:30px; color:#888; margin:10px 0; font-weight:400; padding-left:3px; }
.about_dnt div img {width:100%;}
.about_dnt div:nth-child(2n+1) {clear:both; }
.about_dnt div:last-child {margin-bottom:20px}

.special-benefit {background:url(/images/sub/bg_about.jpg) no-repeat center ; clear:both; background-size:cover; padding:60px 0; text-align:center; font-family:'Arita4.0'; margin:0;  }
.special-benefit:after {content:''; clear:both; display:block;}
.special-benefit h1 {display:block; color:#7a6b4e; font-weight:400; font-size:35px; margin-bottom:30px; }
.special-benefit ul{font-size:0; margin:0 auto; padding:0;}
.special-benefit ul li {display:inline-block;vertical-align:middle; background:#fff;   position:relative; width:calc(25% - 15px);  margin-left:20px;  margin-bottom:20px; min-height:270px; }
.special-benefit ul li:nth-child(1) {margin-left:0;}
.special-benefit ul li:nth-child(4n+1) { margin-left:0; }
.special-benefit ul li p {font-size:17px; font-weight:500; color:#999; margin-top:40px; letter-spacing:0;}
.special-benefit ul li img {display:block; margin:15px auto 15px; }
.special-benefit ul li h2 {display:block; font-size:21px; line-height:28px; font-weight:400; color:#444; vertical-align:middle; }
.special-benefit.bg02 {background:#f4f4f4 !important;  padding:40px 40px}

.reward-rule {position:relative; display:block; width:100%; clear:both; margin:30px 0 0;font-family:'Arita4.0'; background:#f4f4f4; border-top:2px solid #a69572; padding:50px 70px;}
.reward-rule .rule-tit { display:block; text-align:center; margin-bottom:20px; font-size:35px; color:#222; }
.reward-rule .rule-exp {display:block; font-size:23px; font-weight:400; color:#666; letter-spacing:0; text-align:center; }

@media screen and (max-width:1200px){ 
.about_dnt div:nth-child(2) {padding-top:5px !important;}
.about_dnt div:nth-child(2n) {padding-top:3%; padding-right:20px;}

.special-benefit { padding:30px 0;  }

}

@media screen and (max-width:998px){ 
.about_dnt div:nth-child(2n) {padding-top:5%;  }
.about_dnt div h2 {font-size:27px; line-height:1.5em;margin-bottom:15px;  }
.about_dnt div p { font-size:15px; line-height:1.5em;  margin:5px 0;  }
.about_dnt div.txt-right {padding-left:25px; }
.about_dnt div.txt-left {padding-right:25px;}

.special-benefit h1 {font-size:25px; margin-bottom:20px; }
.special-benefit ul li { width:calc(33.333% - 15px);  float:left; margin-left:12px;  margin-bottom:12px; min-height:270px; }
.special-benefit ul li:nth-child(4n+1) { margin-left:12px; }
.special-benefit.bg02 {padding:25px 15px}

.reward-rule {margin:20px 0 0; padding:40px 50px;}
.reward-rule .rule-tit {  font-size:30px; }
.reward-rule .rule-exp {font-size:19px; line-height:1.4em; }
.reward-rule .rule-exp br {display:none;}

}

@media screen and (max-width:899px){ 
.about_dnt div:nth-child(2) {padding-top:0px !important;}
.about_dnt div:nth-child(2n) {padding-top:2%;  }
.about_dnt div h2 {font-size:23px;   }
.about_dnt div.txt-right {padding-left:20px; }
.about_dnt div.txt-left {padding-right:20px;}

.special-benefit ul li { min-height:220px; }
.special-benefit ul li p {font-size:14px; margin-top:25px; }
.special-benefit ul li img {margin:7px auto 10px; height:60px;}
.special-benefit ul li h2 {font-size:18px; line-height:1.4em; font-weight:500;  }

}

@media screen and (max-width:667px){ 
.about_dnt div { margin-bottom:40px;}
.about_dnt div:nth-child(2) {padding-top:0px !important;}
.about_dnt div:nth-child(2n) {padding-top:0%;  }
.about_dnt div h2 {font-size:21px;   }
.about_dnt div p { font-size:14px; line-height:1.4em; padding-left:0}
.about_dnt div.txt-right {padding-left:15px; }
.about_dnt div.txt-left {padding-right:15px;}

.special-benefit h1 {font-size:20px; }
.special-benefit ul li h2 { padding:0 15px; font-size:17px;}
.special-benefit ul li { width:calc(50% - 5px); margin-left:10px;  margin-bottom:10px; min-height:210px; }
.special-benefit ul li:nth-child(2n+1) { margin-left:0px; }
.special-benefit.bg02 {padding:20px 10px 10px}

.reward-rule { padding:25px 25px;  border-top:1px solid #a69572;  }
.reward-rule .rule-tit {  font-size:22px; margin-bottom:12px; }
.reward-rule .rule-exp {font-size:16px;  }


}

@media screen and (max-width:640px){ 
.about_dnt div {display:block; width:100%; margin-bottom:10px;}
.about_dnt div:nth-child(2n) { margin-bottom:20px; padding:5px;}
.about_dnt div.txt-right {padding-left:0px; }
.about_dnt div.txt-left {padding-right:0px;}

.special-benefit ul li { min-height:200px; }
.special-benefit ul li p { margin-top:15px; }
.special-benefit ul li h2 br {display:none;}
.special-benefit ul li h2 { padding:0 10px; font-size:15px;}
}



/* **************************************** *
 * 지점소개
 * **************************************** */
.branch{font-size:0;}
.branch:after {content:''; clear:both; display:block;}
.branch div {display:inline-block; width:50%; vertical-align:top;}
.branch dl dt {font-size:20px;margin-bottom:10px;font-family:'Arita4.0'; }
.branch dl dd { font-weight:100; color:#333; font-size:2.65rem; line-height:1.3em; text-transform:uppercase; letter-spacing:-.02em}
.branch dl dd span {font-weight:600;}
.branch div h2 {position:relative; font-size:1.25rem;font-family:'Arita4.0'; line-height:33px; color:#444; font-weight:400; margin-bottom:30px;}
.branch div h2:first-child {margin-top:40px;}
.branch div h2:last-child {margin-bottom:0}
.branch p {font-weight:normal;}
.branch-mg {background:url(/images/sub/bg_store.jpg) no-repeat center ; background-size:cover; min-height:500px; }
.branch-mg:after  {content:''; clear:both; display:block;}
.branch-mg h2 {display:block; font-size:30px; line-height:45px; text-align:center; color:#fff; font-weight:400; font-family:'Arita4.0'; padding-top:180px;}
.branch-img {position:relative; margin-top:-100px; }

.branch-info {padding:60px 0; font-size:0;}
.branch-info:after {content:''; clear:both; display:block;}
.branch-info div {width:400px; display:inline-block; vertical-align:top;  font-family:'Arita4.0';}
.branch-info div:first-child {border-right:1px solid #eee; }
.branch-info div:first-child + div {width:calc(100% - 400px);   }
.branch-info h2 {font-size:25px; line-height:25px;color:#333; margin-bottom:10px;}
.branch-info h3 {display:block; font-size:17px; color:#444; line-height:30px; }
.branch-info h3:before {content:'' ; font-family: 'Material Design Icons','xeicon'; font-size:19px; display:inline-block; vertical-align:top; margin-right:5px; }
.branch-info h3.time:before {content:"\ea2c"}
.branch-info h3.call:before {content:"\e9d3"}
.branch-info h3.call strong {font-size:120%; font-weight:700}
.branch-info ul {font-size:0;}
.branch-info ul li {display:inline-block;width:25%;vertical-align:top; text-align:center;}
.branch-info ul li a {display:block;}
.branch-info ul li a p {display:block; font-size:17px; color:#333}
.branch-info ul li a p:before {content:''; display:block;  font-size:40px;height:50px; line-height:50px; color:#9d8c69;margin-bottom:10px; font-family: 'Material Design Icons','xeicon'; background-repeat:no-repeat; background-size:auto 2.5rem; background-position:center center;   }
.branch-info ul li a p.sale_dog:before {content:"\FA42"}
.branch-info ul li a p.insta:before {content:"\ebe9"}
.branch-info ul li a p.kakao:before {content:"";
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 47' style='enable-background:new 0 0 50 47;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%239d8c69;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25,1.3c13.6,0,24.7,8.7,24.7,19.5c0,10.8-11,19.5-24.7,19.5c-1.6,0-3.1-0.1-4.6-0.3c-2.7,1.9-9.1,6.2-9.5,6.4 c-0.5,0.4-1.4,0.4-1-1c0.3-1.1,1.6-6.1,2.1-8.1C5,34,0.3,27.8,0.3,20.8C0.3,10.1,11.4,1.3,25,1.3 M15.4,14.9H8.2 c-0.7,0-1.2,0.5-1.2,1.2c0,0.7,0.5,1.2,1.2,1.2h2.3V26c0,0.3,0.1,0.6,0.4,0.8c0.2,0.2,0.5,0.3,0.8,0.3H12c0.3,0,0.6-0.1,0.8-0.3 c0.2-0.2,0.4-0.5,0.4-0.8v-8.6h2.2c0.7,0,1.2-0.5,1.2-1.2C16.6,15.5,16.1,14.9,15.4,14.9 M32.8,24.9h-3.4v-8.8 c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.5c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.6,0.5,1.1,1.1,1.1h4.9 c0.6,0,1.1-0.5,1.1-1.1C33.9,25.4,33.4,24.9,32.8,24.9 M43.5,25.3l-3.7-4.9l3.4-3.4c0.5-0.5,0.5-1.2,0-1.7c-0.5-0.5-1.2-0.5-1.7,0 l-4.2,4.2v-3.5c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.8c0,0.7,0.6,1.3,1.3,1.3c0.7,0,1.3-0.6,1.3-1.3v-3l0.8-0.8l3.5,4.6 c0.4,0.5,1.1,0.6,1.7,0.2C43.8,26.6,43.9,25.8,43.5,25.3 M25.7,25.6l-3.6-9.8c0,0,0,0,0,0c-0.2-0.6-0.9-1-1.7-1 c-0.9,0-1.6,0.5-1.7,1.2c0,0.1,0,0.1-0.1,0.2l-3.5,9.5c-0.2,0.6,0.1,1.3,0.7,1.5c0.6,0.2,1.3-0.1,1.5-0.7l0.6-1.7h4.9l0.6,1.7 c0.2,0.6,0.9,0.9,1.5,0.7C25.6,26.9,26,26.2,25.7,25.6 M18.7,22.4l1.7-4.7c0,0,0,0,0.1,0l1.7,4.7H18.7z'/%3E%3C/svg%3E%0A");
}
.branch-info ul li a p.loc:before {content:"\eb59"}

#map {position:relative; clear:both; width:100%; height:600px;}
.transport {margin-top:20px; padding-bottom:50px; font-size:0; font-family:'Arita4.0'; }
.transport:after {content:''; clear:both; display:block;}
.transport li {display:block; width:100%; padding: 20px 0; border-bottom:1px solid #ddd;}
.transport li:last-child {border:0 }
.transport .img-wrap {display:inline-block; width:80px; height:80px; background:#f5f5f5; text-align:center;  border-radius:50%;margin:0 10px;vertical-align:middle}
.transport .img-wrap:before {content:"\eb59";font-family:'xeicon';width:100%; height:100%;  display:flex;  justify-content: center; align-items: center;  font-size:2rem; color:#a69572}
.transport li dl {vertical-align:middle; display:inline-block; margin-left:20px; font-weight:500; }
.transport li dl dt {display:block;  font-size:21px; font-weight:500; line-height:25px;  color:#a69572; margin-bottom:10px; }
.transport li dl dd{ display:block; font-size:18px;  color:#666; font-weight:500; letter-spacing:0;}
.transport li dl dd.row2 {padding-top:7px; }
.transport span {display:inline-block; margin-left:30px; }
.transport span:first-child {margin-left:0;}
.transport label {display:inline-block; font-size:14px; font-weight:500; color:#fff; margin-right:5px;  border-radius:4px; vertical-align:middle; line-height:23px; padding:0 10px;  }
.transport label.trans1 { background:#40589f }
.transport label.trans2 {background:#5fa711 }
.transport label.trans3 {background:#a69572 }

.bg_sale_dog {display:block; background:#f5f5f5; padding:50px 0; clear:both; }

@media screen and (max-width:1200px){
.img_map img {width:100%;}
.img-size {width:100%;}
}

@media screen and (max-width:998px){
.branch div { width:100%; }
.branch dl dt {font-size:16px;  }
.branch dl dd { font-size:30px; line-height:1.5em; }
.branch div h2:first-child {margin-top:15px;}
.branch div h2 {font-size:16px;line-height:1.5em; margin-bottom:15px;}

.branch-mg {min-height:350px; }
.branch-mg h2 {font-size:24px; line-height:1.5em;padding-top:100px;}
.branch-img { margin-top:-80px; }

.branch-info {padding:30px 0; }
.branch-info div {width:100%; display:block; }
.branch-info div:first-child {border-right:0; border-bottom:1px solid #dedede; padding-bottom:20px; margin-bottom:20px;}
.branch-info div:first-child + div {width:100%; clear:both;  }

.transport li dl {width:calc(100% - 150px);  }
.bg_sale_dog {padding:30px 0 0;   }

}


@media screen and (max-width:667px){

.branch dl dd { font-size:25px;}
.branch div h2 br {display:none; }

.branch-mg {min-height:300px; }
.branch-mg h2 {font-size:20px; padding-top:80px;}
.branch-img { margin-top:-50px; }

.branch-info ul li a i {font-size:32px;height:40px; line-height:40px;  }
.branch-info ul li a i.kakao {font-size:40px;}
.branch-info ul li a p {  font-size:14px;  }



#map {height:250px;}
.transport {margin-top:10px; padding-bottom:30px; }
.transport .img-wrap { width:70px; height:70px; margin:0;}
.transport .img-wrap:before {font-size:1.65rem; }
.transport li {display:flex;}
.transport li dl {width:calc(100% - 90px);  }
.transport li dl dt {  font-size:18px;line-height:1.4em;  margin-bottom:0px; }
.transport li dl dd{  font-size:15px; }
.transport li dl dd.row2 {padding-top:4px; }
.transport label { font-size:13px; line-height:20px; padding:0 5px;  }
.transport span:nth-child(1) {display:block; width:100%; margin-bottom:5px;}
.transport span:nth-child(2) {margin-left:0; clear:both;}

}

@media screen and (max-width:360px){
.branch-info ul li a p {  font-size:13px;  }

.transport .img-wrap {width:60px; height:60px; display:none; }
.transport .img-wrap i {line-height:60px; font-size:25px; }
.transport li dl {width:100%; margin:0 0 0px 0; vertical-align:top; padding:0}
}


/* **************************************** *
 * QnA
 * **************************************** */
.qna { border-top:1px solid #252839; width:100%; margin-bottom:20px;}
.qna:after {content:''; clear:both; display:block; width:100%;}
.qna th {padding:15px 0; font-size:16px; color:#222; font-weight:500; border-bottom:1px solid #dedede;}
.qna td {padding:18px 0; font-size:16px; color:#777; border-bottom:1px solid #dedede; text-align:center ;}
.qna a {color:#777; font-size:16px; display:inline-block;}
.qna a:hover {color:#a69572}
.qna i {vertical-align:top;margin-top:3px; margin-left:3px;font-family:'xeicon';  font-size:17px; color:#999}
.qna label {vertical-align:middle; border-radius:50px;  padding:5px 20px; color:#fff; font-size:15px; font-weight:500; }
.qna label.ing {background:#bbb;}
.qna label.done {background:#a69572;}

@media screen and (max-width:998px){
.qna th {padding:12px 0; font-size:14px; }
.qna td {padding:14px 0; font-size:14px; }
.qna label { padding:3px 12px; font-size:13px;  }
.qna a {font-size:14px; }

}

@media screen and (max-width:500px){
.qna th {padding:10px 3px; font-size:13px; }
.qna td {padding:12px 3px; font-size:13px; }
.qna a {font-size:13px; }

.qna th:nth-child(1) {display:none;}
.qna th:nth-child(4) {display:none;}

.qna th:nth-child(2) { width:50%}
.qna th:nth-child(3) { width:25%}
.qna th:nth-child(5) { width:25%}

.qna td:nth-child(1) {display:none;}
.qna td:nth-child(4) {display:none;}

.qna td:nth-child(2) { width:50%}
.qna td:nth-child(3) { width:25%}
.qna td:nth-child(5) { width:25%}

}

/* **************************************** *
 * 회원가입
 * **************************************** */
#member {display:block;font-family:'Arita4.0'; }
#member:after{content:""; display:block;  clear:both; }
#member h2 {display:block; font-weight:300; font-size:25px; color:#000; margin-bottom:10px;  }

#member .process { position:relative; display:block; clear:both;width:100%; margin-top:50px; margin-bottom:60px; text-align:center;   }
#member .process:after {content:''; position:absolute; height:1px; width:80%; left:10%; top:35px; background:#ddd;z-index:-1}
#member .process span {display:inline-block; margin:0 40px; font-size:21px; color:#666; padding:0 12px; background:#fff;  }
#member .process span em {display:inline-block; vertical-align:middle;  background:#fff;}
#member .process span i { position:relative; font-family: "Material Design Icons"; display:inline-block;  font-size:30px; color:#555; vertical-align:middle; margin-right:10px; width:70px; height:70px; line-height:68px; border-radius:50%; border:1px solid #dedede; background:#fff;}
#member .process span.on i  {background:#a69572; border:1px solid #a69572; color:#fff;}
#member .process span.on em { color:#a69572; font-weight:500}

#member .member-info {width:100%;  margin:0 auto; clear:both;display:table; margin-bottom:30px;} 
#member .member-info:after{content:""; display:block;  clear:both; width:100%;}
#member .member-info .caption {display:table-caption; padding-left:2px; padding-bottom:15px; font-size:18px; font-weight:400; color:#333; }
#member .member-info .caption span {display:inline-block; float:left;}
#member .member-info .caption .text {display:inline-block; float:right; font-size:15px; color:#666; }
#member .member-info em {display:inline-block; vertical-align:middle;margin:0px 3px 0; font-size:18px;  color:#f00}
#member .member-info i {display:inline-block; margin-right:5px; ; font-family: "Material Design Icons"; color:#666 }
#member .member-info ul {display:block; font-size:0; padding-bottom:10px;}
#member .member-info li {display:inline-block; font-size:16px;padding:0; line-height:50px;min-height:50px; vertical-align:top; margin-bottom:5px;font-weight:500;}
#member .member-info li:nth-child(1) {color:#222; width:150px; padding-left:20px;  } 
#member .member-info li:nth-child(2) {width:calc(50% - 150px);  } 
#member .member-info li:nth-child(3) {color:#222; width:150px; padding-left:20px;  } 
#member .member-info li:nth-child(4) {width:calc(50% - 150px);  } 
#member .member-info span {margin-left:5px; display:inline-block; float:left; }
#member .member-info span:first-child {margin-left:0; }
#member .member-info .width35pc {width:calc(35% - 5px) !important; }
#member input[type="text"],
#member input[type="password"] {border:0px; border-bottom:1px solid #252839; width:100%; background:#fff; min-height:50px; border-radius:0; margin:0;}
#member .input2 {width:calc(100% - 105px) !important; }
#member button { display:inline-block;  vertical-align:middle; border:1px solid #252839; color:#252839; height:50px;text-align:center; margin-left:3px; width:100px; font-size:15px; background:#fff; }
#member button:hover { background:#252839; color:#fff;}
#member select {border:0; height:50px;margin:0; border-bottom:1px solid #252839;  }
#member .complete { width:80%; text-align:center;  margin:0 auto 50px; border:1px solid #dedede; padding:50px 0;}
#member .complete:after {content:""; display:block;  clear:both; }
#member .complete h3 { font-size:23px; color:#a69572; font-weight:500; margin-bottom:15px;  }
#member .complete .welcom-txt { display:block; font-size:18px; line-height:26px; color:#555; margin:0 0 20px;  }
#member .login-box {display:block; width:50%; margin:0 auto ; padding:50px 0;}
#member .login-box p {display:block; padding:10px 0; margin-bottom:0px; font-size:16px; }
#member .login-box p span {display:inline-block;}
#member .login-box p span:last-child {float:right; }
#member .btn-login { display:block; margin-top:10px; background:#252839; text-align:center;  font-size:20px; color:#fff; height:60px; line-height:60px; border:1px solid #252839;}
#member .btn-login:hover { background:#fff; color:#252839}
#member div.divide-box {display:inline-block; float:left; width:calc(50% - 20px); margin-top:30px; margin-left:40px; border:1px solid #dedede; padding:60px 60px 80px;  }
#member div.divide-box:first-child {margin-left:0; }
#member div.divide-box h4 {text-align:center; position:relative; display:block; font-size:30px; color:#333; margin-bottom:30px; }
#member div.divide-box h4:after {content:''; display:block; width:50px; margin:10px auto 0; height:1px; background:#333}
#member div.divide-box p {display:block; padding:10px 0; }


@media screen and (max-width:1000px){
#member .member-info ul li:nth-child(1) { width:120px; padding-left:5px;   } 
#member .member-info ul li:nth-child(2) { width:calc(100% - 120px);  } 
#member .member-info ul li:nth-child(3) { width:120px; padding-left:5px;   } 
#member .member-info ul li:nth-child(4) { width:calc(100% - 120px);  } 

}


@media screen and (max-width:998px){

#member h2 { font-size:18px; }

#member .login-box {width:70%;  padding:30px 0;}
#member .btn-login {   font-size:15px;  height:50px; line-height:50px; }

#member div.divide-box { width:calc(50% - 5px); margin-top:20px; margin-left:10px; padding:30px 30px 40px;  }
#member div.divide-box h4 {font-size:23px; margin-bottom:20px; }
#member div.divide-box h4:after { width:40px; }
#member div.divide-box p {; padding:5px 0; }

#member .process { margin-bottom:30px;  }
#member .process:after {width:100%; left:0%; top:25px; }
#member .process span {  margin:0 20px; font-size:18px;  padding:0 6px;  }
#member .process span i { font-size:23px; margin-right:5px; width:50px; height:50px; line-height:48px; }

#member .member-info .caption { padding-bottom:10px; font-size:16px; }
#member .member-info .caption .text {font-size:14px; float:left; clear:both; margin-top:0; display:block;}
#member .member-info ul li:nth-child(1) { width:100px; padding-left:0px;   } 
#member .member-info ul li:nth-child(2) { width:calc(100% - 100px);  } 
#member .member-info ul li:nth-child(3) { width:100px; padding-left:0px;   } 
#member .member-info ul li:nth-child(4) { width:calc(100% - 100px);  } 


}

@media screen and (max-width:667px){
#member div.divide-box h4 {font-size:20px; }
#member div.divide-box {padding:20px 20px 30px; }

#member .process span {  margin:0 10px; font-size:16px; }

#member .member-info .caption .text { display:block; float:left; margin-top:20px; }
#member .member-info li {font-size:13px}
#member select {padding-right:20px; height:40px; }
#member input {font-size:13px;}
#member input[type="text"],
#member input[type="password"] { min-height:40px; }
#member button { height:40px; font-size:13px;  }


#member .member-info ul { padding-bottom:3px;}
#member .member-info li { line-height:40px;min-height:40px; margin-bottom:8px;}

}

@media screen and (max-width:500px){
#member .login-box {width:90%; }
#member .login-box label {font-size:14px;}
#member .login-box span { font-size:14px;}
#member div.divide-box { width:100%;margin-left:0px;  margin-top:10px;margin-bottom:0px; }

#member .process {margin:25px 0}
#member .process:after {top:18px; }
#member .process span {  margin:0 0px; font-size:15px; }
#member .process span i { font-size:18px; margin-right:3px; width:36px; height:36px; line-height:34px; }


}



/* **************************************** *
 * 개인정보 취급방침
 * **************************************** */
.privacy{}
.privacy:after{content:'';display:block;clear:both;}
.privacy h2 {display:block; font-size:21px; color:#9e875c; line-height:32px;  margin-bottom:20px; }
.privacy h3 { display:block; font-size:19px; color:#333; line-height:32px; margin-top:30px; margin-bottom:15px; }
.privacy textarea{width:100%; height:300px; padding:20px; background:#fff;border:1px solid #dedede; font-size:15px;color:#555;}
.privacy .agree_area{display:block;padding:15px 5px 15px 20px; margin-bottom:0px; background:#f4f4f4; }
.privacy .agree_area:after{content:'';display:block;clear:both;}
.privacy .agree_area p{float:left;}
.privacy .agree_area p.txt{margin-right:40px; font-size:17px;}
.privacy .agree_area p input,
.privacy .agree_area p label{vertical-align:0;}
.privacy .privacy_text{width:100%;height:300px;/*overflow-y:scroll*/;padding:20px; background:#fff;border:1px solid #dedede; font-size:15px;color:#555;}
.privacy .txt_box{display:block; clear:both; margin-bottom:40px;}
.privacy .privacy_text h3{margin-bottom:10px !important;font-size:18px !important;font-weight:400;color:#222 !important; text-align:left !important;}
.privacy .privacy_text ol {   }
.privacy .privacy_text ol li{margin-bottom:7px;padding-left:10px;/*text-indent:-10px;  list-style-position:inside; list-style-type:decimal*/list-style-type:none; }
.privacy .privacy_text ol li ul {display:block; padding:5px 0 5px 7px; list-style:none; }
.privacy .privacy_text ol li ul li {display:block; margin-bottom:3px !important;font-size:14px; color:#666;  list-style-type:none;  }
.privacy .privacy_text h4{margin-bottom:10px;font-size:16px;}
.privacy .mgt_50{margin-top:50px;}


@media screen and (max-width:998px){
.privacy h2 {font-size:18px;  line-height:1.3em;  margin-bottom:10px; }
.privacy .agree_area{ padding:10px 5px 10px 10px;  }
.privacy .agree_area p.txt{margin-right:20px; font-size:14px;}
.privacy .agree_area p label{ font-size:14px;}

}



/* **************************************** *
 * 전화배너
 * **************************************** */
.banner-callWrap {display:block; padding:30px 0 40px; text-align:center; clear:both; }
.banner-callWrap img{display:inline-block; }

.banner-callWrap2 a {display:block; width:660px; height:100px; padding:20px 0 0 ; font-size:0; margin:0 auto 100px;  text-align:center;  border:1px solid #ddd; box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.05);}
.banner-callWrap2 a span {display:inline-block; vertical-align:middle; margin:0 7px; font-size:38px; line-height:60px;  color:#252839; font-weight:bold; }




.banner-consultMobile { display:none; }

@media screen and (max-width:998px){
   .banner-callWrap img {width:80%; }

   .banner-consultMobile { display:block;  text-align:center;  }
   .banner-consultMobile a {display:block; padding:25px; background-color:#f2f0ed; }
   .banner-consultMobile h2 strong { font-weight:bold; }
   .banner-consultMobile h2 {font-size:16px; font-weight:bold;  font-family:'Arita4.0'; font-weight:500; }
   .banner-consultMobile label {display:block; margin:12px 0; width:100%;padding:12px 0;  font-size:20px; font-weight:bold; color:#fff; border-radius:5px; letter-spacing:0;  background-color:#a48752; }
   .banner-consultMobile h3 {display:block; font-size:16px; line-height:20px; color:#a48752; font-weight:bold;margin-bottom:5px;   }
   .banner-consultMobile p {display:block; font-size:13px; color:#888; font-weight:500; }

   .banner-callWrap2 a { width:75%; height:80px; padding:20px 0 0 ;margin:0 auto 70px; box-shadow: 7px 7px 1px rgba(0, 0, 0, 0.05);}
   .banner-callWrap2 a span {margin:0 5px; font-size:30px; line-height:40px;}
   .banner-callWrap2 a span img {height:40px;}

}

@media screen and (max-width:667px){
   .banner-callWrap2 a { width:90%;height:75px;  padding:20px 0 0 ;margin:0 auto 50px;}
   .banner-callWrap2 a span {margin:0 5px; font-size:25px; line-height:35px;}
   .banner-callWrap2 a span img {height:35px;}

}

@media screen and (max-width:500px){
   .banner-callWrap2 a {width:96%;height:65px;  padding:18px 0 0 ;}
   .banner-callWrap2 a span { margin:0 3px;font-size:20px; line-height:30px;}
   .banner-callWrap2 a span img {height:28px;}

}


/*  펫보험  */
.pet-insurance { display:block; width:100%; text-align:center; }

@media screen and (max-width:880px){
  .pet-insurance img {width:100%;}
}



/* ****************************************************************************************
                                 new 더독스 소개 20250424 
***************************************************************************************** */
.container { display:block;width:100%; padding-top:30px; word-break:keep-all; overflow:hidden;}
.container * {margin: 0; padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
.container .inr {width:1200px; margin:0 auto; }
.title_wrap {text-align:center;  margin-top:80px;margin-bottom:90px; }
.title_wrap:after {content:''; display:block; width:100%; clear:both; }
.title_wrap h1 {display:block; font-size:35px; line-height:1.5em; color:#444; font-family:'nanummyeongjo'; font-weight:400; }
.title_wrap .from {position:relative; margin-top:20px; display:inline-block; clear:both; color:#555; font-size:20px; font-weight:bold; font-family:'nanummyeongjo'}
.title_wrap .from:before {content:''; width:50px; height:1px; background-color:#333; display:inline-block; vertical-align:middle; margin-right:15px;  }
.title_wrap .from:after {content:''; width:50px; height:1px; background-color:#333; display:inline-block; vertical-align:middle; margin-left:15px;  }
.title_wrap .exp {margin-top:10px; font-size:18px; line-height:1.6em;font-weight:400; color:#777; }

/* 더독스소개 */
.intro_wrap {display:flex; width:100%;  justify-content: space-between;  flex-direction: column;gap:120px; text-align:center;  }
.intro_wrap .item {display:flex;  text-align:center; width:100%; flex-direction: row; flex-wrap: nowrap; align-items: center;  justify-content: space-between;  }
.intro_wrap .item .txt_wrap {width:calc(100% - 760px);}
.intro_wrap .item .txt_wrap h2 {font-family:'Roboto'; font-size:32px; line-height:1.3em; font-weight:300; padding-bottom:20px; position:relative;  }
.intro_wrap .item .txt_wrap h2 span {display:block; font-family:'Notosans'; font-weight:500; color:#333; font-size:19px; position:relative;  }
.intro_wrap .item .txt_wrap h2:after {content:'';position:absolute; left:50%; bottom:-0px; margin-left:-12px;  width:24px; height:1px; background-color:#999; transform: rotate( 135deg );}
.intro_wrap .item .txt_wrap .exp {padding-top:25px;  font-size:16px; color:#666; font-weight:400; line-height:1.6em;}
.intro_wrap .item.n01 {padding-top:0 !important; display:block; font-size:0;}
.intro_wrap .item.n01 figure {width:760px; float:right; }
.intro_wrap .item.n01 .txt_wrap {width:calc(100% - 760px); padding-right:50px; padding-top:12%; }

.intro_wrap .item.n02 {padding-top:100px;}
.intro_wrap .item.n02 .img_box {width:680px; display:flex; gap:30px;  justify-content: space-between; }
.intro_wrap .item.n02 .img_box .img1 {margin-top:-90px;}

.intro_wrap .item.n03  { justify-content: center; }

.intro_wrap .item.n04 .txt_wrap  {width:calc(100% - 720px)}
.intro_wrap .item.n04 .img_box {width:720px; display:flex; gap:12px; }

.promise {width:100%; background-color:#f6f6f6;  margin-top:100px; padding: 80px 0; border-bottom:1px solid #e9e9e9; text-align:center; }
.promise .title_box p { font-size:16px; font-weight:500; color:#333; }
.promise .title_box h2 { font-size: 35px; line-height:1.5em; color:#333;font-family:'Roboto';  font-weight:400; margin-top:10px; text-transform:uppercase; letter-spacing: .08em;   }
.promise ul {padding-top:30px;display:flex;  justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; }
.promise ul li {width:25%; }
.promise ul li h2 {font-size:32px; line-height:1.5em;  font-weight:300; color:#222; }
.promise ul li p {font-size:16px; line-height:1.6em; color:#777; padding-top:12px; letter-spacing:-.04em; }


/* 왜 더독스인가   */
.why_thedogs {padding-bottom:120px;}
.why_thedogs .txt_wrap {position:relative; width:100%; display:flex;flex-direction: row;justify-content: space-between; align-items: flex-start; }
.why_thedogs .txt_wrap .number { width:170px; font-family:'Roboto'; font-size:120px; line-height:120px; font-weight:500; color:#c29683; }
.why_thedogs .txt_wrap .box {width:calc(100% - 170px); padding-top:10px; padding-bottom:30px;}
.why_thedogs .txt_wrap .box h1 {position:relative;display:block; font-size:35px; line-height:35px; font-weight:300; color:#444; padding-bottom:20px; margin-bottom:20px;letter-spacing:-.04em !important;}
.why_thedogs .txt_wrap .box h1:after{content:'';position:absolute; left:0; bottom:0px;  width:24px; height:1px; background-color:rgba(0,0,0,0.4); transform: rotate( 135deg );}
.why_thedogs .txt_wrap .box h1 span {color:#fff; font-weight:300; }
.why_thedogs .txt_wrap .box h2 { display:block;font-size:20px;  line-height:1.5em;font-weight:500; color:#333; margin:10px 0; }
.why_thedogs .txt_wrap .box p {display:block;margin:10px 0; font-size:16px; line-height:1.6em; color:#888;font-family:'SpoqaHanSans';}
.why_thedogs .item { display:block;}
.why_thedogs .item.n01 figure {display:block; text-align:center; }
.why_thedogs .item.n01 .txt_wrap {padding-left:50%; margin-top:-65px; }
.why_thedogs .item.n02 .txt_wrap .box h1 {text-shadow: -1px 0 rgba(255,255,255,0.6), 0 1px rgba(255,255,255,0.6), 1px 0 rgba(255,255,255,0.6), 0 -1px rgba(255,255,255,0.6);}
.why_thedogs .item.n02 figure {display:block; text-align:left;  }
.why_thedogs .item.n02 .txt_wrap {padding-left:250px; margin-top:-55px; padding-right:0%;}
.why_thedogs .item.n03 figure {display:block; text-align:right;  }
.why_thedogs .item.n03 .txt_wrap {position:relative;padding-left:0px; margin-top:-240px; width:55%; text-align:right;}
.why_thedogs .item.n03 .txt_wrap .box {position:relative;padding-right:0;  }
.why_thedogs .item.n03 .txt_wrap .box h1 {position:relative;display:block; }
.why_thedogs .item.n03 .txt_wrap .box h1:after{ left:auto; right:0; }
.why_thedogs .item.n03 .txt_wrap .number {position:absolute; right:0; top:0;}
.why_thedogs .item.n04 {padding:80px 0}
.why_thedogs .item.n04 figure {display:block; text-align:left;  }
.why_thedogs .item.n04 .txt_wrap {padding-left:22%; margin-top:-55px; padding-right:0%;}


/*  12가지 혜택   */
.benefit .item{ display:flex; width:100%; flex-direction: row; flex-wrap: nowrap; align-items: center;  justify-content: space-between; padding-bottom:120px; }
.benefit figure,
.benefit .box {width:50%;}
.benefit .box.left {padding-left:50px; }
.benefit .box.right {padding-right:50px; text-align:right; }
.benefit .box {display:flex; gap:40px; flex-direction: column; justify-content: center;  }
.benefit .box li {width:100%; display:flex; flex-direction: row;justify-content: space-between; align-items: flex-start; }
.benefit .box li .number { width:100px; font-family:'Roboto'; font-size:60px; line-height:60px; font-weight:500; color:#c29683;}
.benefit .box li .txt_wrap {width:calc(100% - 100px); padding-top:0px; }
.benefit .box li .txt_wrap h1 {position:relative;display:block; font-size:21px; line-height:1.5em; font-weight:600; color:#333; letter-spacing:-.04em; font-family:'SpoqaHanSans'}
.benefit .box li .txt_wrap p {display:block;margin-top:10px; font-size:16px; line-height:1.5em; color:#888;font-family:'SpoqaHanSans';letter-spacing:-.04em;}
.benefit .item.float {display:block; }
.benefit .item.float figure {float:right;}
.benefit .item.float .box {padding-top:0rem;padding-bottom:9rem;}
.benefit .item.float .number {float:right;}
.benefit .item.float .box li {display:block;}




/*  인사말  */
.ceo_greeting { background:url('/images/sub/bg_ceo.jpg') no-repeat center 0; margin-top:0px; padding:60px 0 60px; background-size:cover;  min-height:1000px;}
.ceo_greeting .inr{display:flex; justify-content: flex-start; width:1200px; margin: auto;  }
.ceo_greeting .ceo_img {display:none;}
.ceo_greeting .item {width:60%; padding-left:50px;}
.ceo_greeting .item h2 {font-size:21px; font-weight:bold; color:#333; margin-top:0rem;}
.ceo_greeting .item ul {margin-top:2rem; margin-bottom:2rem;  }
.ceo_greeting .item ul li {display:block; position:relative; padding-left:17px; font-size:17px; font-weight:500; color:#8c6a5c; margin-bottom:10px; letter-spacing:-.04em; }
.ceo_greeting .item ul li:before {content:''; position:absolute; left:5px; top:50%; margin-top:-2px ; width:4px; height:4px; background-color:#8c6a5c; }
.ceo_greeting .item p {font-size:17px; font-weight:400; color:#666; line-height:1.7em; margin-bottom:25px; letter-spacing:-.04em;font-family:'SpoqaHanSans'}
.ceo_greeting .item p img {height:250px;}
.ceo_greeting .item .hit {font-family:'nanummyeongjo'; color:#b98a76; font-weight:600; display:inline-block; vertical-align:bottom; }
.ceo_greeting .item .hit strong {font-family:'SpoqaHanSans'; font-weight:bold; }


/* 더독스 연계병원 */
.hospital_img {position:relative; width:100%;  height:500px; background:url('/images/sub/bg_hp.jpg') no-repeat center ; background-size:cover;  display:flex; align-items: center; margin:3rem 0; }
.hospital_img h2 {font-family:'OneMobile'; width:60%; margin-left:75px;font-weight:500; color:#444; font-size:1.75rem; line-height:1.7em;  }
.hospital_img .color1 {color:#559616}
.hospital_img .color2 {color:#de9a08}
.hospital_img strong {font-weight:bold; }
.hospital_wrap {display:flex;  justify-content: space-between;gap:30px; }
.hospital_wrap h3{font-family:'OneMobile';  color:#333; font-size:1.1rem;line-height:1.3em; padding-bottom:0.5rem; font-weight:bold; }
.hospital_wrap .row {width:calc(50% - 15px)}
.hospital_wrap ul {padding-top:1rem; }
.hospital_wrap ul li {display:block; margin-bottom:0.6rem; }
.hospital_wrap ul li span {display:inline-block; vertical-align:top; font-size:1rem; color:#666; font-weight:500;padding-top:0.5rem;font-family:'OneMobile';  }
.hospital_wrap ul li span:first-child {color:#333; font-weight:600; width:90px; }

@media screen and (max-width:1024px){
	.container {padding:2.5rem 0 0;}
	.title_wrap {text-align:center;  margin-top:10px;margin-bottom:20px; }
	.title_wrap:after {content:''; display:block; width:100%; clear:both; }
	.title_wrap h1 {display:block; font-size:19px; line-height:1.5em; color:#333;font-weight:600; }
	.title_wrap .from {position:relative; margin-top:10px; display:inline-block; clear:both; color:#555; font-size:16px; font-weight:bold; font-family:'nanummyeongjo'}
	.title_wrap .from:before {content:''; width:40px; height:1px; background-color:#333; display:inline-block; vertical-align:middle; margin-right:15px;  }
	.title_wrap .from:after {content:''; width:40px; height:1px; background-color:#333; display:inline-block; vertical-align:middle; margin-left:15px;  }
	.title_wrap .exp {margin-top:5px; font-size:13px; line-height:1.4em;font-weight:400; color:#777; }

	/* 더독스소개 */
	.intro_wrap {gap:0;}
	.intro_wrap .item {display:flex; flex-direction: column; }
	.intro_wrap .item figure {width:100% !important; float:none !important;  }
	.intro_wrap .item .txt_wrap {width:100% !important; padding:2rem 0 !important;  }

	.intro_wrap .item.n01 .txt_wrap {width:100% !important; padding:2rem 0 !important; }

	.intro_wrap .item.n02 {display:flex; flex-direction: column; }
	.intro_wrap .item.n02 .img_box {width:100%;gap:1px;  justify-content: center; padding-bottom:2rem; }
	.intro_wrap .item.n02 .img_box .img1 {margin-top:-20px;}
	.intro_wrap .item .txt_wrap {width:100%;}
	.intro_wrap .item.n04 .img_box {width:100%; gap:1px;  justify-content: center; }


	.promise {  margin-top:2rem; padding: 2.5rem 0; }
	.promise .title_box p { font-size:16px; font-weight:500; color:#333; }
	.promise .title_box h2 { font-size: 1.85rem; line-height:1.5rem; color:#333;font-family:'Roboto';  font-weight:600; margin-top:.65rem;  }
	.promise ul {padding-top:30px;display:flex;  justify-content: space-between; flex-wrap: wrap; align-items: flex-start;gap:2rem 0; }
	.promise ul li {width:50%; }
	.promise ul li h2 {font-size:1.35rem; line-height:1.5em;  font-weight:300; color:#222; }
	.promise ul li p {font-size:.85rem; line-height:1.3em; color:#777; padding-top:12px; letter-spacing:-.04em; }
	.promise ul li img {height:4.5rem;}

	/* 왜 더독스인가   */
	.why_thedogs {padding-bottom:30px; gap:3rem;display:flex; flex-direction:column;  }
	.why_thedogs .txt_wrap {position:relative; width:100%; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start;  text-align:center; padding:0 0 30px !important ; width:100%; margin-top:-20px !important; }
	.why_thedogs .txt_wrap .number {display:block;width:100%;  font-family:'Roboto'; font-size:60px; line-height:60px;letter-spacing:.04em;  font-weight:500; color:#c29683; text-shadow: -2px 0 rgba(255,255,255,0.8), 0 2px rgba(255,255,255,0.8), 2px 0 rgba(255,255,255,0.8), 0 -2px rgba(255,255,255,0.8);}
	.why_thedogs .txt_wrap .box {padding:0 0px; width:100%;}
	.why_thedogs .txt_wrap .box h1 {position:relative;display:block; font-size:20px; line-height:1.3em; font-weight:400; color:#444;  padding:0; margin-bottom:1rem;letter-spacing:-.04em !important;}
	.why_thedogs .txt_wrap .box h1:after{content:'';position:relative;display:block; margin:15px auto; width:15px; height:1px; background-color:rgba(0,0,0,0.3); transform: rotate( 135deg );}
	.why_thedogs .txt_wrap .box h2 { display:block;font-size:15px;  line-height:1.4em;font-weight:500; color:#333; margin:10px 0; }
	.why_thedogs .txt_wrap .box p {margin:5px 0; font-size:14px; line-height:1.5em; color:#888;font-family:'SpoqaHanSans';}
	.why_thedogs .item { display:block;}
	.why_thedogs img {width:100%;}

	.why_thedogs .item.n03 figure {display:block; text-align:center;  }
	.why_thedogs .item.n03 .txt_wrap {padding-left:0px;width:100%;margin-top:0; padding-right:0; text-align:center;}

	.why_thedogs .item.n03 .txt_wrap .box h1 {position:relative;display:block; }
	.why_thedogs .item.n03 .txt_wrap .box h1:after{ left:auto; right:0; }
	.why_thedogs .item.n03 .txt_wrap .number {position:relative; margin:0 auto; top:auto; right:auto; }
	.why_thedogs .item.n04 {padding:20px 0}
	.why_thedogs .item.n04 figure {display:block; text-align:left;  }
	.why_thedogs .item.n04 .txt_wrap {padding-left:22%; margin-top:-55px; padding-right:0%;}

	/*  12가지 혜택   */
	.benefit .item{ display:flex; width:100%; flex-direction: column;justify-content: space-between; padding:0 }
	.benefit img,
	.benefit figure,
	.benefit .box {width:100%;}
	.benefit .box {display:flex; gap:20px; flex-direction: column; justify-content: center; padding:20px 0px 50px; }
	.benefit .box li {width:100%; display:flex; flex-direction: row;justify-content: space-between; align-items: flex-start; }
	.benefit .box li .number { width:45px; font-family:'Roboto'; font-size:30px; line-height:30px;padding-top:1px; font-weight:500; color:#c29683;}
	.benefit .box li .txt_wrap {width:calc(100% - 45px);  }
	.benefit .box li .txt_wrap h1 {font-size:17px; line-height:1.3em; font-weight:600; color:#333; letter-spacing:-.04em; font-family:'SpoqaHanSans'; text-align:left;}
	.benefit .box li .txt_wrap p {margin-top:10px; font-size:14px; line-height:1.6em; color:#888;font-family:'SpoqaHanSans';letter-spacing:-.04em; text-align:left;}
	.benefit .box.left,
	.benefit .box.right{padding:2rem 1rem 3rem !important; text-align:left;}
	.benefit .box li .number {text-align:left;}
	.benefit .item.float {display:flex; }
	.benefit .item.float figure {float:none;}
	.benefit .item.float .number {float:none;}
	.benefit .item.float .box li {display:flex;}



/*  인사말  */
	.ceo_greeting { background:none; margin-top:0px; padding:2rem 1rem; min-height:auto;}
	.ceo_greeting .ceo_img {display:block;}
	.ceo_greeting .ceo_img img {width:100%;}
	.ceo_greeting .inr{display:block; margin:auto; width:auto;  padding:0;}
	.ceo_greeting .item {width:100%; padding-left:0px;}
	.ceo_greeting .item h2 {font-size:1.25rem; font-weight:bold; color:#333; text-align:center; margin-top:2rem;}
	.ceo_greeting .item ul {margin:20px 0; background-color:#f9f9f9; border-radius:5px; padding:12px; }
	.ceo_greeting .item ul li {display:block; position:relative; padding-left:15px; font-size:15px; font-weight:600; color:#8c6a5c; margin:7px 0;letter-spacing:-.04em; }
	.ceo_greeting .item ul li:before {content:''; position:absolute; left:5px; top:9px;  width:3px; height:3px;border-radius:5px;  background-color:#8c6a5c; }
	.ceo_greeting .item p {font-size:.95rem; font-weight:400; color:#666; line-height:1.5em; margin-bottom:1rem; text-align:center;}
	.ceo_greeting .item p img {height:auto;width:100%;}
	.ceo_greeting .item .hit { color:#b98a76; font-weight:600; display:inline-block; vertical-align:bottom; }
	.ceo_greeting .item .hit strong {  font-weight:bold; }


}


/* ****************************************************************************************
                                end new 더독스 소개 20250424 
***************************************************************************************** */