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

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

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



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

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

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

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


/*로고*/
.hdBox .logo {position:absolute; top:50%; left:70px; transform: translateY(-50%); z-index:21}
.hdBox .logo img {height:55px; transition:all 0.3s}
.hdBox .logo .logo_c {display:block;}
.hdBox .logo .logo_w {display:none;}

.main .section1 .hdBox .logo .logo_c, .main .section3 .hdBox .logo .logo_c, .main .section5 .hdBox .logo .logo_c {display:none}
.main .section1 .hdBox .logo .logo_w, .main .section3 .hdBox .logo .logo_w, .main .section5 .hdBox .logo .logo_w {display:block}

@media screen and (max-width:1024px){
	.hdBox .logo {left:3%}
	.hdBox .logo img {height:5.5vw;}
}

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

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


/*네비*/
#header_box .naviBox {position:fixed; top:0; right:0; width:700px; min-width: 320px; height:100vh; transform: translate(100%, 0%); display:block; background:#fff; padding:0 100px; overflow:hidden; transition: all 0.4s; z-index:100}
#header_box .naviBox_active {transform: translateX(0); transition: all 0.4s;}

#header_box .naviBox .navi {position:absolute; top:50%; transform:translateY(-50%);}
#header_box .naviBox .navi .mu_1 .tlt a {display:block; font-size:50px; font-weight:700; color:#000; padding:32px 0}

#header_box .naviBox .detail_list {display:none; width:100%}

#header_box .naviBox .navi .mu_2 a {position:relative; display:block; font-size:25px; font-weight:500; color:#bababa; margin-bottom:10px; padding-left:0; transition:all 0.3s}
#header_box .naviBox .navi .mu_2:hover a, #header_box .naviBox .navi .mu_2.on a {color:#000; padding-left:15px}

#header_box .naviBox .navi .mu_2 a:after {content:""; display:inline-block; position:absolute; top:50%; left:0; transform: translateY(-50%); height:24px; width:5px; background:#6d2e39; opacity:0; transition:all 0.3s}
#header_box .naviBox .navi .mu_2:hover a:after, #header_box .naviBox .navi .mu_2.on a:after {opacity:1}

.mu_active #header_box .naviBox .navi .mu_1 {animation-fill-mode: both !important; animation: fade-in-left 0.4s; animation-timing-function: ease-out;}
.mu_active #header_box .naviBox .navi .mu_1:nth-child(1) {animation-delay:0.4s}
.mu_active #header_box .naviBox .navi .mu_1:nth-child(2) {animation-delay:0.5s}
.mu_active #header_box .naviBox .navi .mu_1:nth-child(3) {animation-delay:0.6s}
.mu_active #header_box .naviBox .navi .mu_1:nth-child(4) {animation-delay:0.7s}
.mu_active #header_box .naviBox .navi .mu_1:nth-child(5) {animation-delay:0.8s}


#header_box .nav_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color: rgba(0, 0, 0, 0.3); z-index:99;}
.mu_active #header_box .nav_bg {display:block;}


@media screen and (max-height:700px){
	#header_box .naviBox {overflow-y:auto;}
	#header_box .naviBox .navi .mu_1 .tlt a {font-size:45px; padding:22px 0;}
	#header_box .naviBox .navi .mu_2 a {font-size:20px; margin-bottom:2px}
}

@media screen and (max-height:600px){
	#header_box .naviBox .navi .mu_1 .tlt a {font-size:40px; padding:18px 0;}
	#header_box .naviBox .navi .mu_2 a {font-size:18px; margin-bottom:5px;  line-height:1.3em}
}

@media screen and (max-height:500px){
	#header_box .naviBox .navi .mu_1 .tlt a {font-size:35px; padding:15px 0;}
}


@media screen and (max-width:1024px){
	#header_box .naviBox {width:70vw; padding:0 10vw;}

	#header_box .naviBox .navi .mu_1 .tlt a {font-size:5vw; padding:3.2vw 0}
	#header_box .naviBox .navi .mu_2 a {font-size:2.5vw; margin-bottom:1vw;}
	#header_box .naviBox .navi .mu_2:hover a, #header_box .naviBox .navi .mu_2.on a {padding-left:1.5vw}
	#header_box .naviBox .navi .mu_2 a:after {height:2.4vw; width:0.5vw;}
}

@media screen and (max-width:768px){
	#header_box .naviBox {width:80vw; padding:0 11vw;}

	#header_box .naviBox .navi .mu_1 .tlt a {font-size:6vw; padding:4.2vw 0}
	#header_box .naviBox .navi .mu_2 a {font-size:3.5vw; margin-bottom:2vw;}
	#header_box .naviBox .navi .mu_2:hover a, #header_box .naviBox .navi .mu_2.on a {padding-left:2.5vw}
	#header_box .naviBox .navi .mu_2 a:after {height:3.4vw; width:0.7vw;}
}

@media screen and (max-width:480px){
	#header_box .naviBox {width:85vw; padding:0 12vw;}

	#header_box .naviBox .navi .mu_1 .tlt a {font-size:7vw; padding:5.2vw 0}
	#header_box .naviBox .navi .mu_2 a {font-size:4.5vw; margin-bottom:3vw;}
	#header_box .naviBox .navi .mu_2:hover a, #header_box .naviBox .navi .mu_2.on a {padding-left:3.5vw}
	#header_box .naviBox .navi .mu_2 a:after {height:4.4vw; width:0.9vw;}
}



/*햄버거*/
.burger {width:28px; height:18px; position:absolute; top:50%; right:70px; transform: translateY(-50%); z-index:101; transition: 0.4s ease-in-out; cursor:pointer}
.burger span {position:absolute; top:0; height:2px; width:100%; background:#000; border-radius:50px; transition:all 0.2s;}

.main .section1 .burger span, .main .section3 .burger span, .main .section5 .burger span {background:#fff}


.mu_active .burger span {background:#000}

.burger span:first-child {top:0px;}
.burger span:nth-child(2) {top:8px; width:22px}
.burger span:last-child {top:16px;}

.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:1024px){
	.burger {width:2.8vw; height:1.8vw; right:3%}
	.burger span {height:0.2vw;}

	.burger span:nth-child(2) {top:0.8vw; width:2.2vw}
	.burger span:last-child {top:1.6vw;}

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

@media screen and (max-width:768px){
	.burger {width:4.4vw; height:3.8vw;}
	.burger span {height:0.3vw;}

	.burger span:nth-child(2) {top:1.2vw; width:3.2vw}
	.burger span:last-child {top:2.4vw;}

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

@media screen and (max-width:480px){
	.burger {width:6.4vw; height:5.8vw;}
	.burger span {height:0.4vw;}

	.burger span:nth-child(2) {top:1.6vw; width:5.2vw}
	.burger span:last-child {top:3.2vw;}

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


/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#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-bottom:180px;}
.cont {position:relative; max-width:1400px; margin: 0 auto;}


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

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

@media screen and (max-width:1024px){
	.is_cont {padding-bottom:18vw;}
}

@media screen and (max-width:768px){
	.is_cont {min-height:20vw; padding-bottom:19vw}
}

@media screen and (max-width:480px){
	.is_cont {padding-bottom:20vw}
}


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


/*로케이션*/
.locaUlBox {position:relative; padding-top:170px; margin:0 auto;}
.locaUlBox .locaUl {position:relative; max-width:1400px; margin:0 auto; text-align:center;}
.locaUlBox .locaUl li {position:relative; display:inline-block; vertical-align:middle; font-size:21px; color:#868686}
.locaUlBox .locaUl li:after {content:""; display:inline-block; vertical-align:middle; width:8px; height:15px; background:url(/share/img/inc/loc_arrow_r.png) no-repeat 0 0; background-size:100% 100%; margin:0 4px;}
.locaUlBox .locaUl li:last-child:after {display:none}
.locaUlBox .locaUl .home {display:inline-block; margin-top:-5px}

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

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


/*탑 타이틀*/
.head_tltBox {position:relative; padding-top:70px; max-width:1400px; margin:0 auto; font-size:55px; line-height:1.2em; font-weight:300}
.head_tltBox .head_tlt {display:block; width:100%; overflow:hidden}
.head_tltBox .tlt {transform: translateY(100%); animation:headlineRevealUp 1s; animation-fill-mode: forwards;}


@keyframes headlineRevealUp {
	0% {transform: translateY(100%);}
	100% {transform: translateY(0%);}
} 



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

@media screen and (max-width:1024px){
	.head_tltBox {padding-top:20vw; font-size:4vw;}
}

@media screen and (max-width:768px){
	.head_tltBox {padding-top:27vw; font-size:5vw;}
}

@media screen and (max-width:480px){
	.head_tltBox {padding-top:30vw; font-size:6vw;}
}


/*탑라인*/
.head_top_lineBox, .head_top_lineBox02 {border-top:1px solid #E5E7EB; margin:50px 0 90px}

@media screen and (max-width:1024px){
	.head_top_lineBox, .head_top_lineBox02 {margin:5vw 0}
}

@media screen and (max-width:768px){
	.head_top_lineBox, .head_top_lineBox02 {margin:6vw 0}
}

@media screen and (max-width:480px){
	.head_top_lineBox, .head_top_lineBox02 {margin:7vw 0}
}



/*개인정보취급방침*/
.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:#6d2e39; 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.5em;  letter-spacing:-0.05em; overflow-y:scroll}
.piv_close {cursor:pointer; position:absolute; top:-60px; right:0; background:#6d2e39; 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;}
}


/*-----------------------------------------------퀵 영역-----------------------------------------------*/
.r_quickBox {position:fixed; bottom:0; right:0; z-index:99;}
.r_quickBox .gotop {position:absolute; bottom:160px; right:60px; display:block; width:129px; text-align:center;}
.r_quickBox .q_oval {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%;}
.r_quickBox .q_oval img {animation: rotation 10s infinite linear;}

.r_quickBox .c_icon {display:inline-block;}
.r_quickBox .w_icon {display:none;}


.main .section1 .r_quickBox .c_icon, .main .section3 .r_quickBox .c_icon, .main .section5 .r_quickBox .c_icon {display:none}
.main .section1 .r_quickBox .w_icon, .main .section3 .r_quickBox .w_icon, .main .section5 .r_quickBox .w_icon {display:inline-block}

/*.main.fp-viewing-2 .w_icon, .main.fp-viewing-4 .w_icon, .main.fp-viewing-5 .w_icon, .main.fp-viewing-6 .w_icon, .main.fp-viewing-7 .w_icon, .main.fp-viewing-8 .w_icon, .main.fp-viewing-11 .w_icon, .main.fp-viewing-12 .w_icon {display:none;}
.main.fp-viewing-2 .c_icon, .main.fp-viewing-4 .c_icon, .main.fp-viewing-5 .c_icon, .main.fp-viewing-6 .c_icon, .main.fp-viewing-7 .c_icon, .main.fp-viewing-8 .c_icon, .main.fp-viewing-11 .c_icon, .main.fp-viewing-12 .c_icon {display:inline-block;}

.sub .r_quickBox .w_icon {display:none;}
.sub .r_quickBox .c_icon {display:inline-block;}*/

@media screen and (max-width:1620px){
	.r_quickBox .gotop {bottom:150px; right:20px; width:120px;}
	.r_quickBox .q_oval img {height:120px}
	.r_quickBox .top_icon img {height:40px}
}

@media screen and (max-width:1420px){
	.r_quickBox .gotop {bottom:140px; right:20px; width:120px;}
	.r_quickBox .q_oval img {height:100px}
	.r_quickBox .top_icon img {height:35px}
}

@media screen and (max-width:1220px){
	.r_quickBox .gotop {bottom:130px; right:0}
}

@media screen and (max-width:1024px){
	/*버튼*/
	.r_quickBox .gotop {bottom:13vw; width:12.9vw;}
	.r_quickBox .q_oval img {height:10vw}
	.r_quickBox .top_icon img {height:3.6vw}
}

@media screen and (max-width:768px){	
	/*버튼*/
	.r_quickBox .gotop {bottom:16vw; right:0; width:14.9vw;}
	.r_quickBox.open .gotop {bottom:50vw;}

	.r_quickBox .q_oval img {height:12vw}
	.r_quickBox .top_icon img {height:5vw}
}


@media screen and (max-width:480px){
	/*버튼*/
	.r_quickBox .gotop {bottom:18vw; right:0; width:16.9vw;}
	.r_quickBox.open .gotop {bottom:60vw;}

	.r_quickBox .q_oval img {height:14vw}
	.r_quickBox .top_icon img {height:7vw}
}


/* --------------------------------------------------footer-------------------------------------------------- */
#footer_wrap {padding:60px 60px 80px; background:#222; color:#656565}
#footer_wrap a {color:#656565}
#footer_wrap .ft_cont {position:relative; width:100%; word-break: keep-all; font-weight:500; overflow:hidden}

#footer_wrap .ft_logo {float:left;}
#footer_wrap .sns_icon {float:right; margin-top:15px}
#footer_wrap .sns_icon li {display:inline-block; vertical-align:middle; margin-left:15px}

#footer_wrap .ft_lineBox {position:relative; margin-top:38px; padding-top:45px; border-top:1px solid #656565;}
#footer_wrap .ft_info {float:left; font-size:16px; line-height:1.5em; width:70%}
#footer_wrap .ft_info li {display:inline-block;}
#footer_wrap .ft_info li:after {content:""; display:inline-block; width:1px; height:15px; background:#656565; vertical-align:middle; margin:0 7px 0 11px; font-size:17px;}
#footer_wrap .ft_info .line_none:after {display:none}
#footer_wrap .ft_info .bk_line {display:block}

#footer_wrap .ft_info a {font-size:16px; color:#656565}
#footer_wrap .ft_info .login {color:#222}

#footer_wrap .ft_gnb {float:right;}
#footer_wrap .ft_gnb li {display:inline-block;}
#footer_wrap .ft_gnb li:after {content:"/"; display:inline-block; vertical-align:middle; margin:0 7px 0 11px; font-size:17px;}
#footer_wrap .ft_gnb li:last-child:after {display:none}
#footer_wrap .ft_gnb a {font-size:17px;}


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

	#footer_wrap .ft_logo img {height:4.6vw}
	#footer_wrap .sns_icon {margin-top:0}
	#footer_wrap .sns_icon li {margin-left:1.5vw}
	#footer_wrap .sns_icon img {height:2.5vw}

	#footer_wrap .ft_lineBox {margin-top:3.8vw; padding-top:4.5vw;}
	#footer_wrap .ft_info {float:none; font-size:1.6vw; width:100%}
	#footer_wrap .ft_info li:after {height:1.5vw; margin:0 0.7vw 0 1.1vw; font-size:1.7vw;}

	#footer_wrap .ft_info a {font-size:1.6vw;}

	#footer_wrap .ft_gnb {float:none; margin-top:2vw}
	#footer_wrap .ft_gnb li:after {margin:0 0.7vw 0 1.1vw; font-size:1.7vw;}
	#footer_wrap .ft_gnb a {font-size:1.7vw;}
}

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

	#footer_wrap .ft_logo img {height:5.6vw}
	#footer_wrap .sns_icon li {margin-left:2vw}
	#footer_wrap .sns_icon img {height:3.5vw}

	#footer_wrap .ft_lineBox {margin-top:4.8vw; padding-top:5.5vw;}
	#footer_wrap .ft_info {font-size:2.6vw;}
	#footer_wrap .ft_info li:after {height:2vw; margin:0 0.8vw 0 1.2vw; font-size:2.7vw;}

	#footer_wrap .ft_info a {font-size:2.6vw;}

	#footer_wrap .ft_gnb {margin-top:2.5vw}
	#footer_wrap .ft_gnb li:after {margin:0 0.8vw 0 1.2vw; font-size:2.7vw;}
	#footer_wrap .ft_gnb a {font-size:2.7vw;}
}

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

	#footer_wrap .ft_logo img {height:6.6vw}
	#footer_wrap .sns_icon li {margin-left:3vw}
	#footer_wrap .sns_icon img {height:4vw}

	#footer_wrap .ft_lineBox {margin-top:5.8vw; padding-top:6.5vw;}
	#footer_wrap .ft_info {font-size:3.6vw;}
	#footer_wrap .ft_info li:after {height:3vw; margin:0 0.9vw 0 1.3vw; font-size:3.7vw;}

	#footer_wrap .ft_info a {font-size:3.6vw;}

	#footer_wrap .ft_gnb {margin-top:3.5vw}
	#footer_wrap .ft_gnb li:after {margin:0 0.9vw 0 1.3vw; font-size:3.7vw;}
	#footer_wrap .ft_gnb a {font-size:3.7vw;}
}


/*글자 배경 효과*/
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:#e20417;}
.span_bg01 .highlight_text {color:#fff !important}

.span_bg02 .highlight_bg {background:#d1081d;}
.span_bg02 .highlight_text {color:#fff !important}