@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:#a77b4a; color:#fff}
::selection {background:#a77b4a; color:#fff}

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

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

br {opacity:0}

/* --------------------------------------------------head-------------------------------------------------- */
#header_box {position:fixed; top:0; left:0; width:100%; z-index:20; height:126px; transition:all 0.3s}
.scroll_doc #header_box {background:#111; height:100px;}

.hdBox {position:relative; margin:0 auto; height:100%;}


@media screen and (max-width:1420px){
	#header_box {height:116px;}
	.scroll_doc #header_box {height:90px;}
}

@media screen and (max-width:1220px){
	.mu_active #header_box {background:#111}
	#header_box, .scroll_doc #header_box {height:85px;}
}

@media screen and (max-width:1024px){
	#header_box, .scroll_doc #header_box {height:8.5vw;}
}

@media screen and (max-width:768px){
	#header_box, .scroll_doc #header_box {height:12vw;}
}

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


/*로고*/
.hdBox .logo {position:absolute; top:50%; left:50px; transform: translateY(-50%);}

@media screen and (max-width:1420px){
	.hdBox .logo {left:3%}
	.hdBox .logo img {height:50px}
}

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

@media screen and (max-width:1024px){
	.hdBox .logo img {height:5vw}
}

@media screen and (max-width:768px){
	.hdBox .logo img {height:7vw}
}

@media screen and (max-width:480px){
	.hdBox .logo img {height:9.5vw}
}


/*전화번호*/
.hdBox .tel_btn {position:absolute; top:0; right:0;}
.hdBox .tel_btn a {position:relative; display:inline-block; width:190px; height:190px; background:#a77b4a; transition:all 0.3s}
.scroll_doc .hdBox .tel_btn a {width:100px; height:100px;}

.hdBox .telBox  {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:94%}
.hdBox .m_icon {display:none}

.scroll_doc .hdBox .telBox .pc_icon img {width:41px; height:58px;}

.hdBox .telBox .tel_num {font-size:23px; color:#fff; margin-top:7px; line-height:1.3em}
.scroll_doc .hdBox .telBox .tel_num {font-size:16px; margin-top:4px}

@media screen and (max-width:1420px){
	.hdBox .tel_btn a {width:170px; height:170px;}
	.scroll_doc .hdBox .tel_btn a {width:90px; height:90px;}

	.hdBox .telBox .pc_icon img {height:85px;}
	.hdBox .telBox .tel_num {font-size:18px;}

	.scroll_doc .hdBox .telBox .pc_icon img {width:31px; height:48px;}
	.scroll_doc .hdBox .telBox .tel_num {font-size:12px;}
}

@media screen and (max-width:1220px){
	.hdBox .tel_btn a, .scroll_doc .hdBox .tel_btn a {height:85px; width:85px;}
	.hdBox .telBox .tel_num {display:none}

	.hdBox .m_icon {display:block}
	.hdBox .pc_icon {display:none}
}

@media screen and (max-width:1024px){
	.hdBox .tel_btn a, .scroll_doc .hdBox .tel_btn a {height:8.5vw; width:8.5vw;}
	.m_icon img {height:3vw;}
}

@media screen and (max-width:768px){	
	.hdBox .tel_btn a, .scroll_doc .hdBox .tel_btn a {height:12vw; width:12vw;}
	.m_icon img {height:5vw;}
}

@media screen and (max-width:480px){
	.hdBox .tel_btn a, .scroll_doc .hdBox .tel_btn a {height:16vw; width:16vw;}
	.m_icon img {height:7vw;}
}


/*네비*/
.naviBox {width:100%; text-align:center; margin:0 auto; display:block; z-index:18; transition:all 0.3s}

.naviBox .navi .mu_1 {display:inline-block; text-align:center; vertical-align:top; padding:0 26px; box-sizing:border-box;}
.naviBox .navi .mu_1 .tlt {position:relative; line-height:126px; transition:all 0.3s}
.naviBox .navi .mu_1 .tlt a {position:relative; display:block; color:#fff; height:100%; font-size:18px;}
.scroll_doc .naviBox .navi .mu_1 .tlt {line-height:100px}

.naviBox .navi .mu_1:hover .tlt a, .naviBox .navi .mu_1.on .tlt a {color:#a77b4a;}
.naviBox .navi .mu_1 .tlt a:after {content:""; display:block; width:0; height:1px; background:#a77b4a; position:absolute; bottom:40px; left:0; transition:all 0.3s}
.scroll_doc .naviBox .navi .mu_1 .tlt a:after {bottom:30px;}
.naviBox .navi .mu_1:hover .tlt a:after, .naviBox .navi .mu_1.on .tlt a:after {width:100%;}


@media screen and (max-width:1620px){
	.naviBox .navi .mu_1 {padding:0 20px;}
}

@media screen and (max-width:1420px){
	.naviBox .navi .mu_1 {padding:0 15px;}
	.naviBox .navi .mu_1 .tlt {line-height:116px;}
	.scroll_doc .naviBox .navi .mu_1 .tlt {line-height:90px}
}

@media screen and (max-width:1220px){
	#header_box .navi {max-width:100%;}
	.naviBox {max-width:100%;}

	/*모바일 메뉴*/
	#header_box .naviBox {position:fixed; top:85px; left:0; width:340px; height:100vh; transform: translate(-100%, 0%); display:block; background:#fff; padding-top:0; overflow:hidden; transition: all 0.4s;}
	#header_box .naviBox_active {transform: translateX(0%); transition: all 0.4s;}

	.naviBox .navi .tlt {position: relative; display: block; padding:20px 25px 15px; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.naviBox .navi .mu_1 {width:100%; text-align:left; padding:0; margin:0}	
	.naviBox .navi .mu_1 .tlt a {font-size:18px; line-height:1.5em; color:#282828; transition:all 0.3s}
	.naviBox .navi .mu_1:hover .tlt a, .naviBox .navi .mu_1.on .tlt a {padding-left:35px;}

	.naviBox .navi .mu_1 .tlt:after {content:"\f105"; display:block; font-family: FontAwesome; font-size:25px; color:#c5c1bf; position:absolute; top:50%; right:2vw; transform:translateY(-50%)}

	.naviBox .navi .mu_1 .tlt a:after {display:none}
	.naviBox .navi .mu_1 .tlt a:before {content:""; vertical-align:middle; position:absolute; top:50%; left:-100px; transform: translateY(-50%); width:25px; height:40px; background:url(/share/img/inc/m_navi_icon.png) no-repeat 50% 0 !important; background-size:100% 100% !important; transition:all 0.3s}
	.naviBox .navi .mu_1:hover .tlt a:before, .naviBox .navi .mu_1.on .tlt a:before {display:inline-block; left:0;}
}

@media screen and (max-width:1024px){
	/*모바일 메뉴*/
	#header_box .naviBox {top:8.5vw;}

	.naviBox .navi .tlt {padding:2vw 2.5vw 1.5vw;}
	.naviBox .navi .mu_1 .tlt a {font-size:1.8vw;}
	.naviBox .navi .mu_1:hover .tlt a, .naviBox .navi .mu_1.on .tlt a {padding-left:3.5vw;}

	.naviBox .navi .mu_1 .tlt:after {font-size:2.5vw; right:3vw}

	.naviBox .navi .mu_1 .tlt a:before {width:2.5vw; height:4vw;}
}

@media screen and (max-width:768px){
	/*모바일 메뉴*/
	#header_box .naviBox {top:12vw;}

	.naviBox .navi .tlt {padding:3vw 3.5vw 2.5vw;}
	.naviBox .navi .mu_1 .tlt a {font-size:2.8vw;}
	.naviBox .navi .mu_1:hover .tlt a, .naviBox .navi .mu_1.on .tlt a {padding-left:5vw;}

	.naviBox .navi .mu_1 .tlt:after {font-size:4vw; right:4vw}

	.naviBox .navi .mu_1 .tlt a:before {width:3.5vw; height:5vw;}
}

@media screen and (max-width:480px){
	/*모바일 메뉴*/
	#header_box .naviBox {top:16vw;}

	.naviBox .navi .tlt {padding:4vw 4.5vw 3.5vw;}
	.naviBox .navi .mu_1 .tlt a {font-size:3.8vw;}
	.naviBox .navi .mu_1:hover .tlt a, .naviBox .navi .mu_1.on .tlt a {padding-left:6.5vw;}

	.naviBox .navi .mu_1 .tlt:after {font-size:5.5vw;}

	.naviBox .navi .mu_1 .tlt a:before {width:4.5vw; height:6vw;}
}


/*햄버거*/
.burger {display:none; width:30px; height:25px; position:absolute; top:50%; transform:translateY(-50%); left:3%; z-index: 9999; transition: 0.2s ease-in-out; }
.burger span {position:absolute; top:0; height:3px; width:30px; background:#fff; border-radius:50px; transition:all 0.2s;}
.scroll_doc .burger span {background:#a77b4a}
.mu_active .burger span {background:#a77b4a;}

.burger span:first-child {top: 0px;}
.burger span:nth-child(2) {top: 10px;}
.burger span:last-child {top: 20px;}

.burger.active {cursor: pointer;}
.burger.active span {top:10px;}
.burger.active span:first-child {transform: rotate(45deg);}
.burger.active span:nth-child(2) {opacity:0}
.burger.active span:last-child {transform: rotate(-45deg);}

@media screen and (max-width:1220px){
	.burger, .tel_btn {display:block;}
}

@media screen and (max-width:1024px){
	.burger {width:3vw; height:2.5vw;}
	.burger span {height:0.3vw; width:3vw; border-radius:5vw;}

	
	.burger span:nth-child(2) {top:1vw;}
	.burger span:last-child {top:2vw;}

	.burger.active span {top:1vw;}
}

@media screen and (max-width:768px){
	.burger {width:5.5vw; height:5vw;}
	.burger span {height:0.4vw; width:5.5vw; border-radius:6vw;}

	.burger span:nth-child(2) {top:2vw;}
	.burger span:last-child {top:4vw;}

	.burger.active span {top:2vw;}
}

@media screen and (max-width:480px){
	.burger {width:8vw; height:7.5vw;}
	.burger span {height:0.5vw; width:8vw; border-radius:7vw;}

	.burger span:nth-child(2) {top:3vw;}
	.burger span:last-child {top:6vw;}

	.burger.active span {top:3vw;}
}


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

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

.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:1024px){
}

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

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

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

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

/*서브탑이미지*/
.svis_wrap {position:relative;display: block;width:100%; height:705px; z-index:3; overflow:hidden}
.svis_bg {position:relative; width:100%; height:100%; animation: zoominout 1s; animation-timing-function: linear;}

.svis_area {position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:100%; text-align: center; color:#fff; z-index: 10;}
.svis_area .svis_tltBox .tlt {font-size:45px; line-height:1.5em; font-weight:700;}

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


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


@media screen and (max-width:1024px){
	.svis_area {top:50%;}
	.svis_area .svis_tltBox .tlt {font-size:4.5vw;}
}

@media screen and (max-width:768px){
	.svis_wrap {height:60vw;}
	.svis_area .svis_tltBox .tlt {font-size:5.5vw;}
	.svis_bg {background-size:cover !important; background-attachment:inherit !important}
}

@media screen and (max-width:480px){
	.svis_wrap {height:80vw;}
	.svis_area {top:50%;}
	.svis_area .svis_tltBox .tlt {font-size:6.5vw;}
}


/*2차메뉴*/
.location {position:absolute; bottom:0; left:50%; transform: translateX(-50%); width:100%; height:70px; background:rgba(167,123,74,0.9); text-align:center}
.location .depth {position:relative; max-width:1400px; margin:0 auto; z-index:10}
.location .depth li {position:relative; display:inline-block; vertical-align:middle;}
.location .depth li a {position:relative; display:block; color:#fff; font-size:18px; line-height:70px; padding:0 45px}
.location .depth li a:before, .roll_nav li a:before {content:""; display:block; position:absolute; top:0; left:50%; transform: translateX(-50%); width:0; height:4px; background:#fff; transition:all 0.3s}
.location .depth li a:after, .roll_nav li a:after {content:""; display:block; position:absolute; top:0; left:50%; transform: translateX(-50%); width: 0; height: 0; border-bottom:12px solid transparent; border-top:12px solid transparent; border-left:12px solid transparent; border-right:12px solid transparent;}
.location .depth li:hover a:before, .location .depth li.on a:before, .roll_nav li:hover a:before, .roll_nav li.on a:before {width:100%}
.location .depth li:hover a:after, .location .depth li.on a:after, .roll_nav li:hover a:after, .roll_nav li.on a:after {border-top:12px solid #fff;}


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

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

@media screen and (max-width:1024px){
	.location {height:7vw}
	.location .depth li a {font-size:1.8vw; line-height:7vw; padding:0 4vw}
	
	.location .depth li a:before, .roll_nav li a:before {height:0.4vw;}
	.location .depth li a:after, .roll_nav li a:after {border-width:1vw}
	.location .depth li:hover a:after, .location .depth li.on a:after, .roll_nav li:hover a:after, .roll_nav li.on a:after {border-width:1vw}
}

@media screen and (max-width:768px){
	.location {height:10vw}
	.location .depth li a {font-size:2.8vw; line-height:10vw; padding:0 4.5vw}
	
	.location .depth li a:before, .roll_nav li a:before {height:0.5vw;}
	.location .depth li a:after, .roll_nav li a:after {border-width:1.5vw}
	.location .depth li:hover a:after, .location .depth li.on a:after, .roll_nav li:hover a:after, .roll_nav li.on a:after {border-width:1.5vw}
}

@media screen and (max-width:480px){
	.location {height:13vw}
	.location .depth li a {font-size:3.8vw; line-height:13vw; padding:0 5vw}
	
	.location .depth li a:before, .roll_nav li a:before {height:0.6vw;}
	.location .depth li a:after, .roll_nav li a:after {border-width:2vw}
	.location .depth li:hover a:after, .location .depth li.on a:after, .roll_nav li:hover a:after, .roll_nav li.on a:after {border-width:2vw}
}


.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:#a77b4a; 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:#a77b4a; 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:768px){
	.pop_pivbox {max-width:90%; margin:40px auto 0;}
	.pop_pivtlt {padding:15px 0 6px; font-size:20px; }
	.pop_pivtxt {height:380px; padding:10px 20px 10px; font-size:12px;}
	.piv_scroll_box {padding:15px; height:320px; overflow-y:scroll}
	.piv_close {top:-40px; right:0; width:30px; height:30px; line-height:30px; font-size:15px;}
}


/*-----------------------------------------------SMS문의 영역-----------------------------------------------*/
#foot_quick_wrap {position: fixed; bottom: 0; left: 0; width: 100%; display: block; box-sizing: border-box; background:#a77b4a; z-index:10;}
#foot_quick_wrap .fqBox_cont {position: relative;display: block; max-width:1400px; height:95px; margin: 0 auto; overflow:hidden;}


@media screen and (min-width:769px){
	#foot_quick_wrap {animation: width_100 0.5s;animation-timing-function: ease-out;  animation-fill-mode: both;}
	#foot_quick_wrap .fqBox_cont {animation-fill-mode: both !important; animation: fade-in 0.7s; animation-timing-function: ease-in-out; animation-delay: 0.4s;}
}
@media screen and (max-width:768px){
	#foot_quick_wrap {animation: bounce-in-up 0.7s; animation-timing-function: ease-out; animation-fill-mode: both;}
}

/* width_100 */
@keyframes width_100
{
    0% {width:0%}
    100% {width:100%}
}


#foot_quick_wrap .titleBox {float:left; width:300px; height:100%; color:#fff; margin:13px 50px 0 0; }
#foot_quick_wrap .titleBox .sms_logo {display:inline-block; vertical-align:middle; margin-right:20px;}
#foot_quick_wrap .titleBox .num_txt {display:inline-block; vertical-align:middle; font-weight:700; animation:blink 0.45s ease-in-out infinite alternate;}
#foot_quick_wrap .titleBox .num_txt .txt01 {font-size:25px; color:#111}
#foot_quick_wrap .titleBox .num_txt .txt02 {font-size:32px; color:#fff; line-height:1.3em}


#foot_quick_wrap .sms_form {float:left; padding:8px 0; color:#111}
#foot_quick_wrap .sms_form .count_txt {font-size:18px; margin-bottom:5px;}
#foot_quick_wrap .sms_form .count_txt span {color:#fff}

#foot_quick_wrap .titleBox {display:block;}
#foot_quick_wrap .sms_txt {display:none}

#foot_quick_wrap .sms_inpBox {margin:5px 0 5px;}
#foot_quick_wrap .sms_inpBox ul {display:inline; vertical-align:top; margin-left:2px}
#foot_quick_wrap .sms_inpBox li {display:inline-block; width:200px; margin:0 -2px}
#foot_quick_wrap .sms_inpBox input {width:100%; height:42px; line-height:40px; color:#fff; border-color:rgba(255,255,255,0.5); padding:5px 10px; font-size:16px; outline: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:40px; right:0; width:200px; height:44px; line-height:1.3em; border:0; background:#111; color:#a77b4a; font-size:20px; font-weight:700; outline:none; transition:all 0.3s}
#foot_quick_wrap .sms_inpBox .btn span {display:block;}

#foot_quick_wrap .chekBox {display:inline-block; margin-left:25px; line-height:1.1em;}
#foot_quick_wrap .chekBox a {color:#fff}
#foot_quick_wrap .chekBox .pop_privacy { margin-top:-1px; font-size:16px; display:inline-block; vertical-align:top}
#foot_quick_wrap .chekBox .pop_privacy span {display:block;}

#foot_quick_wrap.open .sms_txt {position:relative; top: inherit; left: inherit;}
#foot_quick_wrap.open .sms_txt span {display: inline-block;background: url("/share/img/layout/fquick_tel.png") no-repeat 50% 0}

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


.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; font-weight:700}
.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:1440px){
	#foot_quick_wrap .fqBox_cont {max-width:100%; padding:0.6vw 3%}
	#foot_quick_wrap .titleBox {width:21%; margin:1vw 2% 0 0;}
	#foot_quick_wrap .sms_form {width:72%}
	#foot_quick_wrap .titleBox .sms_logo img {height:5vw}

	#foot_quick_wrap .titleBox .num_txt .txt01 {font-size:1.8vw;}
	#foot_quick_wrap .titleBox .num_txt .txt02 {font-size:2.3vw;}

	#foot_quick_wrap .sms_form .count_txt {font-size:1.3vw; margin-bottom:0; line-height:1.5em}
	#foot_quick_wrap .sms_inpBox li {width:20%;}
	#foot_quick_wrap .sms_inpBox .btn {width:13%; right:3%}
}

@media screen and (max-width:1220px){
	#foot_quick_wrap .titleBox {width:20%;}
	#foot_quick_wrap .sms_inpBox .btn {width:15%; font-size:1.4vw}
	#foot_quick_wrap .sms_inpBox li {width:18%;}
	#foot_quick_wrap .sms_inpBox input {font-size:14px;}
	#foot_quick_wrap .chekBox .pop_privacy {font-size:14px;}

	#foot_quick_wrap .titleBox .sms_logo {margin-right:10px}

	#foot_quick_wrap .sms_inpBox .btn {width:11%; right:3%}
}

@media screen and (max-width:768px){
	#foot_quick_wrap .sms_form {padding:2vw 0 0.6vw}
	#foot_quick_wrap .fqBox_cont {/*height:0;*/display:none; height:auto;}
	#foot_quick_wrap .sms_txt, #foot_quick_wrap .count_txt {text-align:center}
	#foot_quick_wrap .sms_txt {display:none;}
	#foot_quick_wrap .sms_txt  span, #foot_quick_wrap .sms_txt  span a {color:#1b1464;}
	#foot_quick_wrap .sms_form .count_txt {font-size:2.6vw; margin-bottom:2vw;}
	
	#foot_quick_wrap .sms_inpBox ul {width:100%; display:inline-block; vertical-align:top; margin-bottom:0.6vw}
	#foot_quick_wrap .sms_inpBox ul li {width:100%; margin-bottom:6px}

	#foot_quick_wrap .sms_inpBox input{height:6.5vw; line-height:6.5vw; font-size:2.6vw}
	#foot_quick_wrap .sms_inpBox .btn {position:relative; top:inherit; right:inherit; border:0; width:100%; height:7vw; line-height:7vw; text-align:center; font-weight:700; font-size:2.8vw; margin-top:4vw}
	#foot_quick_wrap .sms_inpBox .btn span {display:inline-block;}

	#foot_quick_wrap .chekBox {margin-left:0}

	#quick_btn {display:block;}
	#foot_quick_wrap .fqBox_cont {overflow:visible !important}
	#foot_quick_wrap {position: fixed;display: block;bottom: 0;left: 0;width: 100%;box-sizing: border-box;background:#a77b4a;}
	#foot_quick_wrap .sms_txt {position: absolute;top: -2.6vw;left: 0;width: 100%;text-align: center;}
	#foot_quick_wrap .sms_form .count_txt {margin-top:2.5vw}

	#foot_quick_wrap .chekBox .pop_privacy span {display:inline-block; font-size:2.4vw;}

	.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;}
}

@media screen and (max-width:480px){
	#foot_quick_wrap .sms_form {padding:3vw 0 0.7vw}
	#foot_quick_wrap .sms_form .count_txt {font-size:3.6vw; margin-bottom:3vw;}
	
	#foot_quick_wrap .sms_inpBox ul {margin-bottom:0.7vw}
	#foot_quick_wrap .sms_inpBox ul li {margin-bottom:7px}

	#foot_quick_wrap .sms_inpBox input{height:8.5vw; line-height:8.5vw; font-size:3.6vw}
	#foot_quick_wrap .sms_inpBox .btn {height:9vw; line-height:9vw; font-size:3.8vw; margin-top:5vw}


	#foot_quick_wrap .sms_txt {top: -3.6vw}
	#foot_quick_wrap .sms_form .count_txt {margin-top:3.5vw}

	#foot_quick_wrap .chekBox .pop_privacy span {font-size:3.4vw;}

}


/*퀵 체크박스*/
#foot_quick_wrap .checkbox input+.lbl {line-height:32px;min-height:32px;padding:0 0 0 40px;}
#foot_quick_wrap .checkbox input+.lbl:before {background: none; width:32px; height:32px;}

#foot_quick_wrap input[type=checkbox] {border: 1px solid #fff;}
#foot_quick_wrap .checkbox input+.lbl:before {border: 1px solid #fff;}
#foot_quick_wrap .checkbox {color:#fff;}
#foot_quick_wrap .checkbox input:checked+.lbl {color:#f2c760;}
#foot_quick_wrap .checkbox input+.lbl:after {width:18px; height:12px; top:7px; left:7px; background-color:#f2c760}
#foot_quick_wrap .checkbox input+.lbl:after {border:3px solid #fff;border-top:none;border-right:none;background:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#foot_quick_wrap .checkbox input:focus+.lbl:before {border-color:#f2c760;}
#foot_quick_wrap .checkbox input:focus+.lbl:before {border-color:#f2c760;}
#foot_quick_wrap .checkbox input:checked+.lbl:before {border-color:#f2c760;background:none;}
#foot_quick_wrap .checkbox input:checked+.lbl:after {border-color:#f2c760;}

@media screen and (max-width:768px){
	#foot_quick_wrap .chekBox .pop_privacy {vertical-align:middle}
	#foot_quick_wrap .checkbox input+.lbl {line-height:24px;min-height:24px;padding:0 0 0 30px;}
	#foot_quick_wrap .checkbox input+.lbl:before {width:24px; height:24px;}

	#foot_quick_wrap .checkbox input+.lbl:after {width:15px; height:7px; top:7px; left:4px;}
}


/* --------------------------------------------------footer-------------------------------------------------- */
#footer_wrap {padding:55px 0; background:#000}
#footer_wrap .ft_cont {position:relative; max-width:1400px; margin:0 auto; word-break: keep-all; letter-spacing:-0.04em; overflow:hidden}

#footer_wrap .ft_logo, #footer_wrap .ft_infoBox {display:inline-block; vertical-align:top}
#footer_wrap .ft_logo {margin-right:33px;}

#footer_wrap .ft_gnb {margin-top:10px;}
#footer_wrap .ft_gnb li {display:inline-block; margin-right:10px}
#footer_wrap .ft_gnb li:last-child:after {display:none}
#footer_wrap .ft_gnb a {color:#a77b4a; font-size:16px;}

#footer_wrap .ft_info, #footer_wrap .ft_info a {font-size:15px; color:#a77b4a; line-height:1.5em;}
#footer_wrap .ft_info li {display:inline-block;}
#footer_wrap .ft_info li:after {content:""; display:inline-block; width:1px; height:15px; background:#a77b4a; vertical-align:middle; margin:0 7px 0 11px;}
#footer_wrap .ft_info .line_none:after {display:none}
#footer_wrap .ft_info .bk_line {display:block}

#footer_wrap .ft_info .login {color:#000}

@media screen and (max-width:1420px){
	#footer_wrap .ft_cont {max-width:94%; text-align:center;}
	#footer_wrap .ft_logo img {height:55px;}
	#footer_wrap .ft_logo {margin-right:23px;}

	#footer_wrap .ft_logo, #footer_wrap .ft_infoBox {display:block;}
	#footer_wrap .ft_logo {margin-right:0; margin-bottom:30px}
}

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

	#footer_wrap .ft_logo {margin-right:0; margin-bottom:3vw}
	#footer_wrap .ft_logo img {height:5.5vw;}

	#footer_wrap .ft_gnb {margin-top:1vw;}
	#footer_wrap .ft_gnb li {margin-right:1vw}
	#footer_wrap .ft_gnb a {font-size:1.6vw;}

	#footer_wrap .ft_info, #footer_wrap .ft_info a {font-size:1.5vw;}
	#footer_wrap .ft_info li:after {height:1.5vw; margin:0 0.7vw 0 1.1vw;}
	
}

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

	#footer_wrap .ft_logo {margin-bottom:3.5vw}
	#footer_wrap .ft_logo img {height:7vw;}

	#footer_wrap .ft_gnb {margin-top:1.5vw;}
	#footer_wrap .ft_gnb li {margin-right:1.5vw}
	#footer_wrap .ft_gnb a {font-size:2.5vw;}

	#footer_wrap .ft_info, #footer_wrap .ft_info a {font-size:2.4vw;}
	#footer_wrap .ft_info li:after {height:2.4vw; margin:0 1vw 0 2.1vw;}

	#footer_wrap .ft_info .mob_li, .ft_bk {display:block;}
	#footer_wrap .ft_info .mob_li:after {display:none}
	#footer_wrap .ft_info .mob_line_none:after {display:none}
}

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

	#footer_wrap .ft_logo {margin-bottom:4vw}
	#footer_wrap .ft_logo img {height:9.5vw;}

	#footer_wrap .ft_gnb {margin-top:3vw;}
	#footer_wrap .ft_gnb li {margin-right:2vw}
	#footer_wrap .ft_gnb a {font-size:3.5vw;}

	#footer_wrap .ft_info, #footer_wrap .ft_info a {font-size:3.4vw;}
	#footer_wrap .ft_info li:after {height:3.4vw; margin:0 1.5vw 0 2.6vw;}
}


/*글자 배경 효과*/
span.highlight {position:relative;display:inline-block;line-height:inherit}
span.highlight span.highlight_text {display:block;position:relative;z-index:1;padding:3px 10px;font-style:inherit;font-size:inherit;font-family:inherit;line-height:1.3em}
span.highlight span.highlight_bg {position:absolute;left:0;top:0;width:0;height:100%;/*background-color:#f3ebe6*/}

.span_bg01 .highlight_bg {background:#a77b4a;}

.span_bg01 .highlight_text {color:#000 !important}