@charset "utf-8";
@import url(animated.css);/*애니메이션*/
@import url(common.css);/*공통*/
@import url(font.css);/*폰트*/
@import url(sub.css);/*서브*/

/*아이폰에서 input 라운드 없애기*/
input,button {border-radius:0;-webkit-appearance:none}

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

/*마우스 드래그 배경색*/
::-moz-selection{background:#818f62; color:#fff}
::selection {background:#818f62; color:#fff}

#wrap {position:relative; background:#fff; overflow:hidden;}

.is_cont, .is_cont2, .cont {word-break:keep-all; overflow-wrap: break-word;}

br {opacity:0}


/* --------------------------------------------------head-------------------------------------------------- */
#header_box {position:fixed; top:0; left:0; width:100%; height:110px; border-bottom:1px solid rgba(255,255,255,0.3); z-index:20; transition:all 0.3s}
.scroll_doc #header_box {background:#fff}

@media screen and (max-width:1220px){
	#header_box {height:90px}
}

@media screen and (max-width:1024px){
	#header_box {height:10vw}
}

@media screen and (max-width:768px){
	#header_box {height:13vw}
}

@media screen and (max-width:480px){
	#header_box {height:16vw}
}

/*로고*/
.hdBox .logo {position:absolute; top:50%; left:50px; transform: translateY(-50%); z-index:21}
.hdBox .logo a {display:inline-block; text-align:center; background:url(/share/img/inc/logo_w.png) no-repeat 0 0; width:252px; height:41px; background-size:100% 100% !important; transition:all 0.3s}
.scroll_doc .hdBox .logo a {background:url(/share/img/inc/logo_c.png) no-repeat 0 0;}

@media screen and (max-width:1620px){
	.hdBox .logo {left:30px}
}

@media screen and (max-width:1420px){
	.hdBox .logo a {width:215px; height:33px;}
}

@media screen and (max-width:1220px){
	.hdBox .logo {left:50%; transform: translate(-50%,-50%);}
	.hdBox .logo a {width:252px; height:41px;}
}

@media screen and (max-width:1024px){
	.hdBox .logo a {width:25.2vw; height:4.1vw;}
}

@media screen and (max-width:768px){
	.hdBox .logo a {width:31.2vw; height:5.1vw;}
}

@media screen and (max-width:480px){
	.hdBox .logo a {width:37.2vw; height:6.1vw;}
}


/*창업문의 버튼*/
#header_box .inq_btnBox a {position:absolute; top:50%; right:117px; transform: translateY(-50%); display:inline-block; width:160px; height:45px; line-height:45px; text-align:center; background:#818f62; color:#fff; font-size:18px; border-radius:50px;}

@media screen and (max-width:1620px){
	#header_box .inq_btnBox a {right:87px}
}

@media screen and (max-width:1420px){
	#header_box .inq_btnBox a {width:140px; height:40px; line-height:40px; font-size:16px}
}

@media screen and (max-width:1220px){
	#header_box .inq_btnBox {display:none}
}


/*햄버거*/
.burger {position:absolute; top:50%; right:50px; transform:translateY(-50%); width:27px; height:27px; background:url(/share/img/inc/more_naviBtn.svg) no-repeat 0 0; background-size:100% 100% !important; cursor:pointer}
.scroll_doc .burger {background:url(/share/img/inc/more_naviBtn_c.svg) no-repeat 0 0}


@media screen and (max-width:1620px){
	.burger {right:30px}
}

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

@media screen and (max-width:1220px){
	.burger {right:3%}
}

@media screen and (max-width:1024px){
	.burger {width:2.7vw; height:2.7vw;}
}

@media screen and (max-width:768px){
	.burger {width:4.7vw; height:4.7vw;}
}

@media screen and (max-width:480px){
	.burger {width:6.7vw; height:6.7vw;}
}


/*전화번호*/
.hdBox .mob_tel_btn {display:none; position:absolute; top:50%; left:3%; transform: translateY(-50%); z-index:21}
.hdBox .mob_tel_btn a {display:block; width:42px; height:42px; line-height:43px;background:#587252; border-radius:50px; text-align:center;box-sizing:bortder-box}
.hdBox .mob_tel_btn img {height:22px; transform-origin: 50% 0 0;animation: wabble 4s; animation-iteration-count: infinite;}

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

@media screen and (max-width:1220px){
	.hdBox .mob_tel_btn {display:block;}
}

@media screen and (max-width:1024px){
	.hdBox .mob_tel_btn a {width:4vw; height:4vw; line-height:4.3vw}
	.hdBox .mob_tel_btn .icon img {height:2vw}
}

@media screen and (max-width:768px){
	.hdBox .mob_tel_btn a {width:6.5vw; height:6.5vw; line-height:6.5vw}
	.hdBox .mob_tel_btn .icon img {height:3.5vw}
}

@media screen and (max-width:480px){
	.hdBox .mob_tel_btn a {width:9vw; height:9vw; line-height:9.5vw}
	.hdBox .mob_tel_btn .icon img {height:4.5vw}
}


/*네비*/
.pc_naviBox {position:relative; display:inline-block; z-index:18; transition:all 0.3s}
.pc_naviBox .pc_navi .mu_1 {display:inline-block; vertical-align:top; margin-right:50px}
.pc_naviBox .pc_navi .mu_1:last-child {margin-right:0}
.pc_naviBox .pc_navi .mu_1 a {position:relative; display:inline-block; height:110px; line-height:110px; width:100%; font-size:20px; color:#fff; font-family:'Noto Sans KR';}

.scroll_doc .pc_naviBox .pc_navi .mu_1 a {color:#212121}

.pc_naviBox .pc_navi .mu_1:hover a, .pc_naviBox .pc_navi .mu_1.on a {color:#818f62} 
.pc_naviBox .pc_navi .mu_1 a:after {content:""; display:none; position:absolute; bottom:30px; left:50%; transform: translateX(-50%); height:4px; width:110%; background:url(/share/img/inc/top_line_icon.svg) no-repeat 0 0; background-size:100% 100%}
.pc_naviBox .pc_navi .mu_1:hover a:after, .pc_naviBox .pc_navi .mu_1.on a:after {display:block;}

@media screen and (max-width:1620px){
	.pc_naviBox .pc_navi .mu_1 {margin-right:30px}
}

@media screen and (max-width:1520px){
	.pc_naviBox .pc_navi .mu_1 {margin-right:20px}
}

@media screen and (max-width:1420px){
	.pc_naviBox .pc_navi .mu_1 {margin-right:12px}
	.pc_naviBox .pc_navi .mu_1 a {font-size:18px}
}

@media screen and (max-width:1220px){
	.pc_naviBox {display:none}
}


/*전체 네비*/
.more_naviBox {position:fixed; top:0; right:-100%; width:100%; height:100%; background:#587252; transition:all 0.3s; z-index:20}
.mu_active .more_naviBox {right:0;}
.more_naviBox .navi {display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.mu_active .more_naviBox .navi {display:block}
.more_naviBox .navi .mob_tlt {display:none}

.more_naviBox .more_logo {position:absolute; top:35px; left:50px;}
.more_naviBox .more_logo img {height:41px;}

.more_naviBox .more_closeBtn {position:absolute; top:40px; right:50px; cursor:pointer}
.more_naviBox .more_closeBtn img {height:27px;}

.more_naviBox .mu_1 {position:relative; margin-bottom:30px;}

.more_naviBox .tlt, .more_naviBox .detail_list {position:relative; display:inline-block; vertical-align:top;}
.more_naviBox .detail_list {margin-left:20px;}
.more_naviBox .detail_list ul {position:relative; display:inline-block; vertical-align:top;}
.more_naviBox .tlt a {position:relative; font-size:40px; color:#f9f1d6; line-height:1.3em}
.more_naviBox .mu_1:hover .tlt a {color:#fff}


.more_naviBox .detail_list {position:absolute; top:0; width:100%}

.more_naviBox .detail_list:before {content:""; display:inline-block; width:0; height:1px; background:rgba(255,255,255,0.5); transition:all 0.5s}
.more_naviBox .mu_1:hover .detail_list:before {width:150px;}

.more_naviBox .detail_list ul {padding-left:170px; margin-top:-25px; display:none}
.more_naviBox .mu_1:hover .detail_list ul {display:inline-block;}

.more_naviBox .mu_2 {position:relative; margin-bottom:10px; min-width:160px; width:100%}
.more_naviBox .mu_2 a {position:relative; font-size:25px; color:#fff; display:block;}

.more_naviBox .mu_1:hover .detail_list li {animation-fill-mode: both !important; animation:mu_2 0.7s; animation-timing-function: ease;}
.more_naviBox .mu_1:hover .detail_list li:nth-child(1) {animation-delay:0.5s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(2) {animation-delay:0.6s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(3) {animation-delay:0.7s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(4) {animation-delay:0.8s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(5) {animation-delay:0.9s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(6) {animation-delay:1s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(7) {animation-delay:1.1s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(8) {animation-delay:1.2s}
.more_naviBox .mu_1:hover .detail_list li:nth-child(9) {animation-delay:1.3s}

.more_naviBox .mu_1:nth-child(1) {z-index:11}
.more_naviBox .mu_1:nth-child(2) {z-index:10}
.more_naviBox .mu_1:nth-child(3) {z-index:9}
.more_naviBox .mu_1:nth-child(4) {z-index:8}
.more_naviBox .mu_1:nth-child(5) {z-index:7}
.more_naviBox .mu_1:nth-child(6) {z-index:6}
.more_naviBox .mu_1:nth-child(7) {z-index:5}
.more_naviBox .mu_1:nth-child(8) {z-index:4}
.more_naviBox .mu_1:nth-child(9) {z-index:3}
.more_naviBox .mu_1:nth-child(10) {z-index:2}
.more_naviBox .mu_1:last-child {z-index:1}

@keyframes mu_2
{
  0% {transform: translateY(-20px); opacity:0}
  100% {transform: translateY(0px); opacity:1}
}



@media screen and (max-width:1620px){
	.more_naviBox .more_logo {left:30px}
	.more_naviBox .more_closeBtn {right:30px}
}

@media screen and (max-width:1220px){
	.more_naviBox .more_logo {left:3%}
	.more_naviBox .more_closeBtn {right:3%}
}

@media screen and (max-width:1024px){
	.more_naviBox .navi .mob_tlt {display:block}
	.more_naviBox .navi .pc_tlt {display:none}

	.more_naviBox .more_logo {top:3.5vw;}
	.more_naviBox .more_logo img {height:4.1vw;}

	.more_naviBox .more_closeBtn {top:4vw;}
	.more_naviBox .more_closeBtn img {height:2.7vw;}

	.more_naviBox .mu_1 {margin-bottom:3vw;}

	.more_naviBox .detail_list {margin-left:2vw;}
	.more_naviBox .tlt a {font-size:4vw;}
	.more_naviBox .tlt a:before {width:3vw; height:3vw; background-size:100% 100%}

	.more_naviBox .mu_1:hover .detail_list:before {width:7vw;}

	.more_naviBox .detail_list ul {padding-left:10vw; margin-top:-2.5vw}

	.more_naviBox .mu_2 {margin-bottom:1vw; min-width:16vw}
	.more_naviBox .mu_2 a {font-size:2.5vw;}
}

@media screen and (max-width:768px){
	.more_naviBox .navi {left:25%}
	.more_naviBox .mu_1 {margin-bottom:3vw;}

	.more_naviBox .more_logo {top:4vw; left:4%}
	.more_naviBox .more_logo img {height:5.1vw;}

	.more_naviBox .more_closeBtn {top:4vw; right:4%}
	.more_naviBox .more_closeBtn img {height:4.7vw;}

	.more_naviBox .detail_list {margin-left:42vw;}
	.more_naviBox .tlt a {font-size:5vw; padding-left:5vw;}
	.more_naviBox .tlt a:before {width:4vw; height:4vw;}

	.more_naviBox .mu_1:hover .detail_list:before {width:13vw;}

	.more_naviBox .detail_list ul {padding-left:16vw; margin-top:-3.5vw}

	.more_naviBox .mu_2 {margin-bottom:1vw; min-width:26vw}
	.more_naviBox .mu_2 a {font-size:3.5vw;}
}

@media screen and (max-width:480px){
	.more_naviBox .navi {width:70%; left:38%}
	.more_naviBox .mu_1 {margin-bottom:4vw;}

	.more_naviBox .more_logo {top:4.5vw;}
	.more_naviBox .more_logo img {height:6.1vw;}

	.more_naviBox .more_closeBtn {top:4.5vw;}
	.more_naviBox .more_closeBtn img {height:6.7vw;}

	.naviBox .detail_list {margin-left:5vw;}
	.more_naviBox .tlt a {font-size:6vw; padding-left:6.5vw;}
	.more_naviBox .tlt a:before {width:5vw; height:5vw;}

	.more_naviBox .mu_1:hover .detail_list:before {width:15vw;}

	.more_naviBox .detail_list ul {padding-left:2vw; margin-top:0vw}

	.more_naviBox .mu_2 {margin-bottom:1.5vw; min-width:36vw}
	.more_naviBox .mu_2 a {font-size:4vw;}
}



/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#container_wrap {position:relative; display:block; overflow:hidden; z-index:1}

.is_cont {position:relative; max-width:1400px; margin: 0 auto; min-height:400px; padding:100px 0 220px;}
.is_cont2 {position:relative; width:100%; margin: 0 auto; min-height:400px;}
.cont {position:relative; max-width:1400px; margin: 0 auto; letter-spacing:-0.065em;}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}

#container_wrap h3 {font-size:30px; color: #000; padding-bottom:10px; line-height:1.2em;}
#container_wrap h3 span {font-size:20px; vertical-align: middle;}
#container_wrap p.stxt {font-size:20px;}


@media screen and (max-width:1420px){
	.is_cont, .is_cont2, .cont {max-width:94%;}
}

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

@media screen and (max-width:1024px){
	.is_cont {padding:10vw 0 22vw;}

	#container_wrap h3 {font-size:3vw; padding-bottom:1vw;}
	#container_wrap h3 span {font-size:2vw;}
	#container_wrap .stxt {font-size:2vw;}
}

@media screen and (max-width:768px){
	.is_cont {min-height:200px; padding:11vw 0 30vw}

	#container_wrap h3 {font-size:4vw; padding-bottom:2vw}
	#container_wrap h3 span {font-size: 3vw;}
	#container_wrap .stxt {font-size:3vw;}
}

@media screen and (max-width:480px){
	.is_cont {padding:12vw 0 35vw}

	#container_wrap h3 {font-size:5vw;}
	#container_wrap h3 span {font-size: 4vw;}
	#container_wrap .stxt {font-size:4vw;}
}


/*서브탑이미지*/
.svis_wrap {position:relative;display: block;width:100%; height:670px; z-index:9; overflow:hidden}
.svis_bg {position:relative; width:100%; height:100%; animation: zoominout 0.5s; animation-timing-function: linear; background-size:cover !important}

.svis_area {position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); text-align:center; max-width:1400px; width:100%; height:100%; color:#fff; z-index: 10;}
.svis_area .svis_tltBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:94%}
.svis_area .svis_tltBox .tlt_eng {font-size:22px; animation-fill-mode: both !important; animation: fade-in-down 0.7s; animation-timing-function: ease-out; animation-delay:0.4s}
.svis_area .svis_tltBox .tlt {font-size:55px; line-height:1.3em; font-weight:700; animation-fill-mode: both !important; animation: fade-in-down 0.7s; animation-timing-function: ease-out; animation-delay:0.5s}
.svis_area .svis_tltBox .tlt:after {content:""; display:block; width:1px; height:60px; background:rgba(255,255,255,0.3); margin:0px auto 60px; animation-fill-mode: both !important; animation: fade-in-down 0.7s; animation-timing-function: ease-out; animation-delay:0.6s}
.svis_area .svis_tltBox .txt {font-size:22px; animation-fill-mode: both !important; animation: fade-in-down 0.7s; animation-timing-function: ease-out; animation-delay:0.7s}


.svis01, .svis06, .svis07 {background: url("/share/img/sub/sub_visual_bg01.jpg") no-repeat 50% 0;}
.svis02 {background: url("/share/img/sub/sub_visual_bg02.jpg") no-repeat 50% 0;}
.svis03 {background: url("/share/img/sub/sub_visual_bg03.jpg") no-repeat 50% 0;}
.svis04 {background: url("/share/img/sub/sub_visual_bg04.jpg") no-repeat 50% 0;}
.svis05 {background: url("/share/img/sub/sub_visual_bg05.jpg") no-repeat 50% 0;}


@keyframes zoominout {
	0% {transform: scale3d(1.2, 1.2, 1);}
	100% {transform: scale3d(1, 1, 1);}
}


@media screen and (max-width:1420px){
	.svis_area {width:94%}
}

@media screen and (max-width:1024px){
	.svis_area {top:50%;}
	
	.svis_area .svis_tltBox .tlt_eng {font-size:2.2vw;}
	.svis_area .svis_tltBox .tlt {font-size:5.5vw;}
	.svis_area .svis_tltBox .tlt:after {height:6vw; margin:0 auto 6vw}
	.svis_area .svis_tltBox .txt {font-size:2.2vw;}
	.svis_area .svis_tltBox .txt span {display:block; line-height:1.5em}
}

@media screen and (max-width:768px){
	.svis_wrap {height:90vw;}
	.svis_area {top:51%;}

	.svis_area .svis_tltBox {top:50%}
	.svis_area .svis_tltBox .tlt_eng {font-size:3.2vw;}
	.svis_area .svis_tltBox .tlt {font-size:6.5vw;}
	.svis_area .svis_tltBox .tlt:after {height:7vw; margin:0 auto 7vw}
	.svis_area .svis_tltBox .txt {font-size:3.2vw;}

	.svis_bg {background-size:cover !important; background-attachment:inherit !important}
}

@media screen and (max-width:480px){
	.svis_wrap {height:110vw;}

	.svis_area .svis_tltBox .tlt_eng {font-size:4.2vw;}
	.svis_area .svis_tltBox .tlt {font-size:7.5vw;}
	.svis_area .svis_tltBox .tlt:after {height:7vw; margin:0 auto 8vw}
	.svis_area .svis_tltBox .txt {font-size:4.2vw;}
}


/*2차메뉴*/
.location {position:absolute; bottom:50px; left:50%; transform: translateX(-50%); text-align:center; width:100%; z-index:11; animation-fill-mode: both !important; animation: fade-in 0.7s; animation-timing-function: ease-out; animation-delay:0.9s}
.location .depth {position:relative; max-width:1400px; margin:0 auto; z-index:10}
.location .depth li {display:inline-block; vertical-align:top; min-width:13%; margin-right:1%; height:50px; line-height:50px;}
.location .depth li:last-chiid {margin-right:0}
.location .depth li a {display:block; background:#fff; color:#222; border:1px solid #fff; border-right:0; font-size:18px; border-radius:50px; text-align:center; transition:all 0.2s}
.location .depth li:last-child a {border-right:1px solid #fff}

.location .depth li.on a, .location .depth li:hover a {background:#587252; color:#fff; border-color:#587252}


@media screen and (max-width:1420px){
	.location .depth {max-width:94%}
}

@media screen and (max-width:1024px){
	.location {bottom:5vw;}
	.location .depth li {width:23%;}
}

@media screen and (max-width:768px){
	.location {bottom:6vw;}
	.location .depth li {width:23%; margin-bottom:1%; margin-right:1%; height:7vw; line-height:7vw;}
	.location .depth li a {font-size:2.8vw}
	.location .depth li:nth-child(3) a, .location .depth li:last-child a {border-right:1px solid #fff}
}

@media screen and (max-width:480px){
	.location {bottom:7vw;}
	.location .depth li {width:30%; height:9vw; line-height:9vw;}
	.location .depth li a {font-size:3.6vw}
}


.wd_1 li{width:100%}
.wd_2 li{width:50%}
.wd_3 li{width:33.333%}
.wd_4 li{width:25%}
.wd_5 li{width:20%}
.wd_6 li{width:16.666%}
.wd_7 li{width:14.222%}
.wd_8 li{width:12.5%}
.wd_9 li{width:11.111%}
.wd_10 li{width:10%}


/*개인정보취급방침*/
.pop_modal{display:none;}
.pop_pivbox {position:relative; max-width:728px; margin:60px auto 0; }
.pop_pivbox2 {position:relative; display:block; border-radius: 20px; overflow:hidden}
.pop_pivtlt {padding:30px 0 6px; background:#fff; color:#587252; font-size:30px; text-align:center; }
.pop_pivtxt {height:480px; padding:20px 20px 0; font-size:14px; background:#fff; box-sizing: border-box}
.piv_scroll_box {padding:15px; border:1px solid #ccc; height:420px; overflow:hidden; line-height:1.7em; overflow-y:scroll}
.piv_close {cursor:pointer; position:absolute; top:-60px; right:0; background:#587252; color:#fff; display:block; width:50px; height:50px; line-height:50px; font-size:20px; text-align:center; border-radius: 50%;}


@media screen and (max-width:1024px){
	.pop_pivbox {max-width:90%; margin:6vw auto 0; }
	.pop_pivbox2 {border-radius: 2vw;}
	.pop_pivtlt {padding:3vw 0 0.6vw; font-size:3vw;}
	.pop_pivtxt {height:48vw; padding:2vw 2vw 0; font-size:1.4vw;}
	.piv_scroll_box {padding:1.5vw; height:42vw;}
	.piv_close {top:-6vw; width:5vw; height:5vw; line-height:5vw; font-size:2vw;}
}

@media screen and (max-width:768px){
	.pop_pivbox {margin:8vw auto 0; }
	.pop_pivbox2 {border-radius:3vw;}
	.pop_pivtlt {padding:4vw 0 0.6vw; font-size:4vw;}
	.pop_pivtxt {height:60vw; padding:3vw 3vw 0; font-size:2.4vw;}
	.piv_scroll_box {padding:2.5vw; height:54vw;}
	.piv_close {top:-8vw; width:7vw; height:7vw; line-height:7vw; font-size:3vw;}
}

@media screen and (max-width:480px){
	.pop_pivbox {margin:10vw auto 0; }
	.pop_pivbox2 {border-radius:4vw;}
	.pop_pivtlt {padding:4vw 0 0.6vw; font-size:5vw;}
	.pop_pivtxt {height:66vw; padding:3vw 3vw 0; font-size:3.4vw;}
	.piv_scroll_box {padding:3.5vw; height:60vw;}
	.piv_close {top:-10vw; width:9vw; height:9vw; line-height:9vw; font-size:4vw;}
}


/*-----------------------------------------------SMS문의 영역-----------------------------------------------*/
/*탑으로*/
.q_top {position:fixed; bottom:130px; right:50px; z-index:99;}
.q_top img {height:80px}
.q_top_Fixed {position:absolute !important;}

/*sms문의*/
#foot_quick_wrap {position:fixed; bottom:0; right:0; width: 100%; display: block; box-sizing: border-box; background:#587252; transition:all 0.5s; z-index:98;}
#foot_quick_wrap .fqBox_cont {position: relative; max-width:1400px; height:90px; padding:15px 0; margin: 0 auto; overflow:hidden;}

.quickFixed {position:absolute !important; bottom: 0 !important;}
.r_quickFixed {position:absolute;}

#foot_quick_wrap .titleBox {float:left; height:100%; color:#fff; margin:17px 30px 0 0;}
#foot_quick_wrap .titleBox .num_txt {color:#fff; font-size:35px; display:inline-block; vertical-align:middle;}
#foot_quick_wrap .titleBox .num_txt .sm_font {font-size:30px}

#foot_quick_wrap .sms_inpBox {margin:3px 0;}
#foot_quick_wrap .sms_inpBox ul {display:inline;  vertical-align:middle; margin-left:2px}
#foot_quick_wrap .sms_inpBox li {display:inline-block; width:200px; margin:0 -3px}
#foot_quick_wrap .sms_inpBox input {width:100%; height:50px; line-height:50px; color:#fff; border-width:2px; border-color:rgba(255,255,255,1); padding:5px 10px; font-size:15px; outline:none; background:none}
#foot_quick_wrap .sms_inpBox input:hover {border-color:#fff}
#foot_quick_wrap .sms_inpBox input::placeholder {color:#fff}

#foot_quick_wrap .sms_inpBox .btn {position:absolute; top:20px; right:0; width:150px; height:50px; line-height:1.5em; border:0; background:#573d21; color:#fff; font-size:20px; outline:none; cursor:pointer; transition:all 0.3s}
#foot_quick_wrap .sms_inpBox .btn span {display:block;}

#foot_quick_wrap .chekBox {display:inline-block; vertical-align:middle; margin-left:20px; line-height:1.3em;}
#foot_quick_wrap .chekBox a {color:#fff}

#foot_quick_wrap .checkbox input+.lbl {padding-left:40px;}
#foot_quick_wrap .checkbox input+.lbl:before {min-height:32px; height:32px; width:32px; background:none; border:1px solid #fff; border-radius:50%}
#foot_quick_wrap .checkbox input+.lbl:after {width:18px; height:10px; top:9px; left:7px; border-color:#fff}

#foot_quick_wrap .checkbox input:checked+.lbl:before {border-color:#ffe077;}
#foot_quick_wrap .checkbox input:checked+.lbl:after {border-color:#ffe077;}

#foot_quick_wrap .chekBox .pop_privacy {margin-top:8px; font-size:16px; display:inline-block; vertical-align:midde; line-height:1.4em}
#foot_quick_wrap .chekBox .pop_privacy span {display:block;}


.sms_topBtn {display:none; position:relative; height:50px; line-height:50px; overflow:hidden}
.sms_topBtn > div  {float:left; width:50%; text-align:center; font-size:18px;}
.sms_topBtn > div a {display:block; color:#fff}

.sms_topBtn .sms_tel {background:#1c1c1c}
.sms_topBtn .sms_tel i {margin-top:-2px; font-size:26px !important; vertical-align:middle}
.sms_topBtn .sms_btn i {margin-top:-2px; font-size:26px !important; vertical-align:middle} 
.sms_topBtn .sms_btn .icon .plus {display:inline-block;}
#quick_btn.close .icon .plus {display:none;}

.sms_topBtn .sms_btn .icon .times {display:none;}
#quick_btn.close .icon .times {display:inline-block;}

#quick_btn {display:none;}


@media screen and (max-width:1620px){
	#foot_quick_wrap .fqBox_cont {margin:0 auto;}
	#foot_quick_wrap .titleBox .num_txt {font-size:30px}
	#foot_quick_wrap .titleBox .num_txt .sm_font {font-size:25px}
}

@media screen and (max-width:1420px){
	#foot_quick_wrap .fqBox_cont {max-width:94%;}
	#foot_quick_wrap .titleBox .num_txt {font-size:25px}
	#foot_quick_wrap .titleBox .num_txt .sm_font {font-size:20px}

	#foot_quick_wrap .sms_inpBox li {width:190px}
	#foot_quick_wrap .sms_inpBox .btn {width:130px}
}

@media screen and (max-width:1220px){
	.q_top {bottom:120px; right:3%}
	.q_top img {height:50px}

	#foot_quick_wrap .fqBox_cont {height:80px; padding:10px 0}

	#foot_quick_wrap .titleBox {display:none}
	#foot_quick_wrap .titleBox .num_txt {display:none;}
	#foot_quick_wrap .sms_form {float:none}

	#foot_quick_wrap .sms_inpBox {margin-left:1px}
	#foot_quick_wrap .sms_inpBox li {width:20%}
	#foot_quick_wrap .sms_inpBox input, #foot_quick_wrap .chekBox .pop_privacy {font-size:16px}
	#foot_quick_wrap .sms_inpBox .btn {width:13%; font-size:20px; top:15px}
	#foot_quick_wrap .chekBox {margin-left:1%}
}

@media screen and (max-width:1024px){
	.q_top {bottom:12vw; right:1.5vw;}
	.q_top img {height:5vw}


	/*sms문의*/
	#foot_quick_wrap .fqBox_cont {height:8vw; padding:1vw 0;}

	#foot_quick_wrap .sms_inpBox {margin:0.3vw;}
	#foot_quick_wrap .sms_inpBox ul {margin-left:0.2vw}
	#foot_quick_wrap .sms_inpBox input {height:5vw; line-height:5vw; padding:0.5vw 1vw; font-size:1.6vw;}

	#foot_quick_wrap .sms_inpBox .btn {top:1.5vw; width:13%; height:5vw; font-size:2vw;}

	#foot_quick_wrap .chekBox {margin-left:1%;}

	#foot_quick_wrap .checkbox input+.lbl {padding-left:4vw;}
	#foot_quick_wrap .checkbox input+.lbl:before {min-height:3.2vw; height:3.2vw; width:3.2vw;}
	#foot_quick_wrap .checkbox input+.lbl:after {width:1.8vw; height:1vw; top:0.9vw; left:0.7vw;}

	#foot_quick_wrap .chekBox .pop_privacy {margin-top:0.8vw; font-size:1.5vw;}
}

@media screen and (max-width:768px){	
	.q_top {z-index:97;}
	.q_top img {height:6vw}


	/*sms문의*/
	#foot_quick_wrap .fqBox_cont {max-width:94%; height:auto; margin:0 auto; display:none}
	#foot_quick_wrap .sms_inpBox ul {display:blcok; margin-left:0.6vw}
	#foot_quick_wrap .sms_inpBox li {width:33.333%; margin:0 -0.5vw}

	#foot_quick_wrap .chekBox {margin:2% 0 0 0; display:block}
	#foot_quick_wrap .chekBox .pop_privacy span {display:inline}
	
	#foot_quick_wrap .sms_inpBox input {height:8vw; line-height:8vw; padding:1vw; font-size:2.6vw;}

	#foot_quick_wrap .checkbox input+.lbl {padding-left:5vw;}
	#foot_quick_wrap .checkbox input+.lbl:before {min-height:4.2vw; height:4.2vw; width:4.2vw;}
	#foot_quick_wrap .checkbox input+.lbl:after {width:2.6vw; height:1.3vw; top:1.3vw; left:0.7vw;}

	#foot_quick_wrap .chekBox .pop_privacy {margin:1vw 0 0 1vw; font-size:2.5vw}

	#foot_quick_wrap .sms_inpBox .btn {position:inherit; top:inherit; right:inherit; width:100%; margin-top:2vw; height:10vw; font-size:3vw}
	#foot_quick_wrap .sms_inpBox .btn span {display:inline}

	#quick_btn {display:block;}
	.sms_topBtn {display:block}

	#foot_quick_wrap .titleBox {display:none;}
	#foot_quick_wrap .titleBox, #foot_quick_wrap .sms_form {float:none; width:100%}
	
	#foot_quick_wrap .mob_bk {display:block;}
	#foot_quick_wrap .sms_inpBox .btn {line-height:1.2em;}

	.sms_topBtn {height:8vw; line-height:8vw;}
	.sms_topBtn > div  {font-size:2.8vw;}
	.sms_topBtn .sms_tel i {font-size:3.6vw !important;}
	.sms_topBtn .sms_btn i { font-size:3.6vw !important;} 
}


@media screen and (max-width:480px){
	.q_top {bottom:15vw;}
	.q_top img {height:8vw}


	/*sms문의*/
	#foot_quick_wrap .fqBox_cont {padding:3vw 0}
	#foot_quick_wrap .chekBox {margin:3% 0 0 0}
	
	#foot_quick_wrap .sms_inpBox ul {margin-left:0.8vw}
	#foot_quick_wrap .sms_inpBox li {margin:0 -0.6vw}
	#foot_quick_wrap .sms_inpBox input {height:10vw; line-height:10vw; padding:1vw; font-size:3.6vw;}

	#foot_quick_wrap .checkbox input+.lbl {padding-left:5vw;}
	#foot_quick_wrap .checkbox input+.lbl:before {min-height:5.2vw; height:5.2vw; width:5.2vw;}
	#foot_quick_wrap .checkbox input+.lbl:after {width:3.2vw; height:1.8vw; top:1.5vw; left:0.9vw;}

	#foot_quick_wrap .chekBox .pop_privacy {margin:1.5vw 0 0 2vw;  font-size:3.5vw}
	#foot_quick_wrap .sms_inpBox .btn {margin-top:2.5vw; height:12vw; font-size:4vw}

	.sms_topBtn {height:11vw; line-height:11vw;}

	.sms_topBtn > div  {font-size:3.8vw;}
	.sms_topBtn .sms_tel i {font-size:4.6vw !important;}
	.sms_topBtn .sms_btn i { font-size:4.6vw !important;} 
}


/* --------------------------------------------------footer-------------------------------------------------- */
#footer_wrap {padding:60px 0 80px; background:#587252; color:#fff; border-top:1px solid rgba(255,255,255,0.2); font-family:'Noto Sans KR'; font-weight:400}
#footer_wrap a {color:#587252}
#footer_wrap .ft_cont {position:relative; max-width:1400px; margin:0 auto; display:flex; word-break: keep-all;}

#footer_wrap .ft_gnb {margin-bottom:20px}
#footer_wrap .ft_gnb li {display:inline-block;}
#footer_wrap .ft_gnb li:after {content:"/"; display:inline-block; vertical-align:middle; margin:0 5px 0 8px; font-size:16px;}
#footer_wrap .ft_gnb li:last-child:after {display:none}
#footer_wrap .ft_gnb a {font-size:18px; color:#fff}

#footer_wrap .ft_info {font-size:17px; line-height:1.7em; width:100%;}
#footer_wrap .ft_info li {display:inline-block;}
#footer_wrap .ft_info li:after {content:""; display:inline-block; width:1px; height:15px; background:#fff; vertical-align:middle; margin:0 7px 0 11px;}
#footer_wrap .ft_info .line_none:after, #footer_wrap .ft_info .pc_line_none:after {display:none}
#footer_wrap .ft_info .bk_line {display:block}
#footer_wrap .ft_info a {font-size:17px; color:#fff}
#footer_wrap .ft_info .login {color:#587252}

#footer_wrap .ft_lBox {width:80%}
#footer_wrap .ft_rBox {margin-left:auto}
#footer_wrap .ft_rBox .ft_logo img {height:44px}

@media screen and (max-width:1420px){
	#footer_wrap .ft_cont {max-width:94%}
}

@media screen and (max-width:1024px){
	#footer_wrap {padding:6vw 0 8vw;}

	#footer_wrap .ft_cont {display:block; text-align:center;}

	#footer_wrap .ft_gnb {margin-bottom:2vw;}
	#footer_wrap .ft_gnb li:after {margin:0 0.5vw 0 0.8vw; font-size:1.6vw;}
	#footer_wrap .ft_gnb a {font-size:1.8vw;}

	#footer_wrap .ft_info {font-size:1.7vw; width:70%; margin:0 auto;}
	#footer_wrap .ft_info li:after {height:1.5vw; margin:0 0.7vw 0 1.1vw;}
	#footer_wrap .ft_info a {font-size:1.7vw;}

	#footer_wrap .ft_lBox {width:100%}
	#footer_wrap .ft_rBox {margin-top:3vw}
	#footer_wrap .ft_rBox .ft_logo img {height:4.4vw}
	#footer_wrap .ft_telBox {font-size:2.5vw;}
}

@media screen and (max-width:768px){
	#footer_wrap {padding:7vw 0 9vw;}

	#footer_wrap .ft_gnb {margin-bottom:3vw;}
	#footer_wrap .ft_gnb li:after {margin:0 0.7vw 0 1vw; font-size:2.6vw;}
	#footer_wrap .ft_gnb a {font-size:2.8vw;}

	#footer_wrap .ft_info {font-size:2.7vw; width:90%;}
	#footer_wrap .ft_info .mob_line_none:after {display:none}
	#footer_wrap .ft_info li:after, #footer_wrap .ft_info .pc_line_none:after {content:""; display:inline-block; height:2.5vw; background:#656565; margin:0 0.9vw 0 2.1vw;}
	#footer_wrap .ft_info a {font-size:2.7vw;}

	#footer_wrap .ft_rBox {margin-top:4vw}
	#footer_wrap .ft_rBox .ft_logo img {height:5.4vw}
	#footer_wrap .ft_telBox {font-size:3.5vw;}
}

@media screen and (max-width:480px){
	#footer_wrap {padding:8vw 0 10vw;}

	#footer_wrap .ft_gnb {margin-bottom:4vw;}
	#footer_wrap .ft_gnb li:after {margin:0 0.9vw 0 1.2vw; font-size:3.6vw;}
	#footer_wrap .ft_gnb a {font-size:3.8vw;}

	#footer_wrap .ft_info {font-size:3.7vw; width:94%;}
	#footer_wrap .ft_info li:after {height:3.5vw; margin:0 1.1vw 0 3.1vw;}
	#footer_wrap .ft_info a {font-size:3.7vw;}

	#footer_wrap .ft_rBox {margin-top:5vw}
	#footer_wrap .ft_rBox .ft_logo img {height:6.4vw}
	#footer_wrap .ft_telBox {font-size:4.5vw;}
}


/* --------------------------------------------------공통 타이틀-------------------------------------------------- */
.mtltBox {margin-bottom:50px;}
.mtltBox .tlt {font-size:40px; color:#587252; line-height:1.3em; margin-bottom:25px}
.mtltBox .txt {font-size:18px; color:#6e6e6e; font-family: 'Noto Sans KR'; line-height:1.5em}


@media screen and (max-width:1024px){
	.mtltBox {margin-bottom:5vw;}
	.mtltBox .tlt {font-size:4vw; margin-bottom:2.5vw}
	.mtltBox .txt {font-size:1.8vw;}
}

@media screen and (max-width:768px){
	.mtltBox {margin-bottom:6vw;}
	.mtltBox .tlt {font-size:5vw; margin-bottom:3.5vw}
	.mtltBox .txt {font-size:2.8vw;}
}

@media screen and (max-width:480px){
	.mtltBox {margin-bottom:7vw;}
	.mtltBox .tlt {font-size:6vw; margin-bottom:4.5vw}
	.mtltBox .txt {font-size:3.8vw;}
}