* { font-family: 'Pretendard', sans-serif; }
:root {
	--bg: #ffe9a2;
	--sh-red: #de3811;
	--sh-black: #2C2928;
	--sh-blue: #2c4096;
	--sh-green: #2dae36;
	--sh-orange: #e0ad0b;
	--sh-beige: #faf3e6;
}


/************************* 공통 시작*************************/
.sub_title_navi { display: block; }
.sub_tab { display: none; }

/* left menu 있을때... */
/*
.sub_left { width: 15%; max-width: 200px; float: left; }
.sub_right  { width: 82%; padding-right: 1%; float: right; position: relative; }
*/

.sub_left  { display: none; }
.sub_right { width: 100%; position: relative; }


.content_title { margin: 15px 0; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
.content_title h1  {  font-size: 18px; font-weight: 700; color: #000; }
.content_title p  { font-size: 12px; }

.content_desc { min-height: 500px; }
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_t { width: 100%; display: flex; align-items: center; position: fixed; z-index: 10; left: 50%; top: 0; transform: translateX(-50%); min-height: 70px; background: var(--sh-beige); max-width: 83.4%; border-radius: 0 0 20px 20px; transition: all 0.5s; justify-content: space-between; padding: 0 50px; border: 1px solid rgba(21,71,38,0.15); border-top: none; }

.header_logo { width: 10%; }
.header_logo a { display: block; width: 100%; }
.header_logo a img { width: 100%; }

.header_gnb { width: 50%; }
.header_gnb a { color: var(--sh-black); font-size: 17px; font-weight: 500; }
.header_t.f-nav .header_gnb a { color: var(--sh-black); }



.header_gnb .main_menu { display: flex; align-items: center; justify-content: flex-start; }
.header_gnb .main_menu .menu { position: relative; padding: 0 17px; }
.header_gnb .main_menu .menu > a { padding: 25px 0; display: block; }

.header_gnb .snb_menu{ display: none; position: absolute; top: 76px; background: var(--sh-black); padding: 5px; width: 150%; left: 0; left: 50%; margin: auto; border-radius: 15px; transform: translateX(-50%); }
.header_gnb .snb_menu li { display: flex; justify-content: center; margin-bottom: 1px; }
.header_gnb .snb_menu a { font-weight: 300; display: inline-block; padding: 10px 0; color: #fff; font-size: 17px; text-align: center; position: relative; }


/*hover*/
.header_gnb .snb_menu li > a:focus,
.header_gnb .snb_menu li:hover > a::after { width: 100%; left: 0; }
.header_gnb .snb_menu li a::after { content: ''; display: block; position: absolute; width: 0; height: 2px; background: #fff; bottom: 2px; transition-duration: 0.5s; right: 0; }
.header_gnb .main_menu li.active > a::after { display: block; content: ''; width: 100%; height: 3px; border-radius: 50px; background: var(--sh-black); top: -1px; position: absolute; left: 50%; transform: translateX(-50%); } /*1댑스 현재 페이지 on*/
.header_gnb .snb_menu .sub_active > a { border-bottom: 1px solid #fefcf7; } /*2댑스 현재 페이지 on*/
/*.header_gnb .snb_menu a:hover{color: #fff; } 2댑스 hover*/

.header_btn{width: 30%;display: flex; justify-content: flex-end; align-items: center; }
.header_btn .language_btn{position: relative; text-align: center; width: 60px; }
.header_btn .language_btn > a { color: var(--sh-black); font-size: 17px; width: 100%; text-align: center; position: relative; font-weight: 500; }
.header_btn .language_btn ul { position: absolute; top: 50px; width: 100%; display: none; background: var(--sh-black); padding: 5px 10px; border-radius: 15px; }
.header_btn .language_btn ul li a { display: block; font-size: 15px; color: #FEFCF7; padding: 5px 0; text-align: center; }

.header_btn .down_btn img { padding-left: 5px; width: 100%; max-width: 18px; height: auto; }

.header_btn .down_btn { display: inline-block; position: relative; margin-right: 15px; margin-left: 10px; }
.header_btn .down_btn .a_bg { width: 110px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 60px; background: var(--sh-black); font-weight: 600; transition: all 0.5s; }
.header_btn .down_btn .label { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;color: #FEFCF7; font-weight: 300; }
.header_btn .down_btn:hover .a_bg { scale: 1.1}
.header_btn .down_btn:hover .label { animation: play_a 0.5s forwards linear; }

.header_btn .store_btn { display: inline-block; position: relative; }
.header_btn .store_btn .a_bg { width: 110px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 60px; background: var(--sh-black); font-weight: 600; transition: all 0.5s; }
.header_btn .store_btn .label { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;color: #FEFCF7; font-weight: 300; }
.header_btn .store_btn:hover .a_bg { scale: 1.1}
.header_btn .store_btn:hover .label { animation: play_a 0.5s forwards linear; }

.header_t.f-nav .header_btn .language_btn { margin-right: 20px; }
.header_t.f-nav .header_btn .language_btn a{color: #121212; }
.header_btn .language_btn > a::after { content: ''; display: block; position: absolute; width: 0; height: 2px; background: var(--sh-black); bottom: 0; transition-duration: 0.5s; right: 0; }
.header_btn .language_btn a:hover::after { width: 100%; left: 0; }
/* .header_btn .language_btn a:hover, .header_btn .language_btn a:focus{color: #ea002b !important; } */

.header_btn .login_btn { display: flex; flex-direction: column; align-items: flex-end; }
.header_btn .login_btn a { display: block; font-size: 14px; color: #fff; padding: 3px 0; }
.f-nav .header_btn .login_btn a { color: #121212; }

/* 햄벅 */
.mo_nav {display: none; }
.mo_nav * {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out; }
.mo_nav .navbar-toggle { position: relative; background-color: transparent; background-image: none; border-radius: 3px; border: 0; }
.mo_nav .navbar-toggle:focus { outline: 0; }
.mo_nav .navbar-toggle .icon-bar { background: var(--sh-black); display: block; width: 28px; height: 4px; border-radius: 5px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; height: 4px; width: 24px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar { margin-top: 6px; width: 32px; height: 4px; }

.mo_nav:hover .navbar-toggle .icon-bar { transform: translateX(5px); }
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar { transform: translateX(16px); }
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar { transform: translateX(3px); }

.mo_head_tab { display: inline-block; margin-top: 21px; }
.mo_btn { display: flex; justify-content: center; padding: 20px 0; align-items: center; }
.mo_btn .down_btn a { display: flex; align-items: center; width: 110px; height: 35px; border-radius: 50px; background: var(--sh-black); color: #fff; justify-content: center; margin-right: 15px; }
.mo_btn .down_btn a img { padding-left: 5px; }
.mo_btn .store_btn a { display: flex; align-items: center; width: 110px; height: 35px; border-radius: 50px; background: var(--sh-black); color: #fff; justify-content: center; }
.mo_btn .language_btn_mo { margin-left: 15px; color: var(--sh-black); font-size: 15px; font-weight: 500; }


/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/

.inner { width: 100%; max-width: 1500px; margin: 0 auto; }
.inner1 { width: 100%; max-width: 1550px; margin: 0 auto; }
.view_inner { width: 100%; max-width: 1000px; margin: 0 auto; }



/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all { border-bottom: 1px solid #ddd; }
.navi_in { width: 100%; max-width: 1300px; margin: 0 auto; display: flex; }
.navi_in .home_btn_all a { display: flex; align-items: center; justify-content: center; padding: 15px; }
.navi_in .down_btn { position: relative; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.navi_in .down_btn2 { border-right: 1px solid #ddd; border-left: 0; }
.navi_in .down_btn .down_btn_title { display: flex; align-items: center; padding: 17px 30px; cursor: pointer; width: 240px; }
.navi_in .down_btn .down_btn_title h3 { font-size: 15px; font-weight: 600; line-height: 1; transition: all .2s; }
.navi_in .down_btn:hover .down_btn_title h3 { color: #ea002b; }
.navi_in .down_btn .down_btn_title img { position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; transition: all .3s; }

ul.extend { position: absolute; background: #fff; width: calc(100% + 2px); top: 50px; border: 1px solid #ddd; z-index: 5; left: -1px; padding: 10px 0; display: none; }
ul.extend li { }
ul.extend li a {  font-size: 15px; font-weight: 600; display: block; margin: 0 30px; padding: 13px 0; transition: all .3s; }
ul.extend li a:hover { color: #ea002b; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/

/* 푸터 */

#wrap_footer  { width: 100%; position: fixed; bottom: 0; z-index: -2; background: var(--bg); color: var(--sh-black); padding: 130px 0 85px; }

.footer_t { border-bottom: 1px solid rgba(254, 252, 247, 0.1); }
.footer_t .wrap { display: flex; padding-bottom: 80px; }
.footer_t .f_left { width: 50%; }
.footer_t .f_left h1 { padding: 10px 0 25px; font-weight: 700; }
.footer_t .f_left p { font-weight: 400; }
.footer_t .f_left ul { display: flex; }
.footer_t .f_left li:first-child { margin-right: 15px; }
.footer_t .f_left li a { display: inline-block; position: relative; }
.footer_t .f_left li .a_bg { width: 140px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 60px; background: var(--sh-black); font-weight: 600; transition: all 0.5s; }
.footer_t .f_left li a .label { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; color: #fff; font-weight: 500; display: flex; align-items: center; justify-content: center; }
.footer_t .f_left li a:hover .a_bg { scale: 1.1}
.footer_t .f_left li a:hover .label { animation: play_a 0.5s forwards linear; }
.footer_t .f_left li:first-child img { padding-left: 8px; }
.footer_t .f_right { display: flex; flex-flow: row wrap; padding-left: 50px; width: 50%; }
.footer_t .f_right li { display: flex; align-items: center; width: 50%; }
.footer_t .f_right li a { font-weight: 600; color: var(--sh-black); position: relative;; }
.footer_t .f_right li a::after { content: ''; display: block; position: absolute; width: 0; height: 2px; background: var(--sh-black); bottom: -2px; transition-duration: 0.5s; margin-right: 0; right: 0; }
.footer_t .f_right li a:hover::after { width: 100%; left: 0; }

.footer_b .wrap { display: flex; padding-top: 80px; }
.footer_b .f_left { width: 50%; display: flex; flex-flow: column nowrap; align-items: start; justify-content: end; }
.footer_b .f_left img { margin-bottom: 20px; width: 40%; }
.footer_b .f_right { width: 50%; display: flex; padding-left: 50px; }
.footer_b .f_right .footer_add { width: 50%; }
.footer_b .f_right .footer_site { width: 50%; }
.footer_b .footer_txt { padding-bottom: 35px; font-weight: 300; }
.footer_b .footer_txt p,
.footer_b .footer_txt a { color: var(--sh-black); font-weight: 600; line-height: 1.6; }
.footer_b .footer_txt a { display: block; }
.footer_b .footer_txt p:first-child { margin-bottom: 10px; }
.footer_b .footer_txt p span { font-weight: 600; color: var(--sh-black)}
.footer_b .f_right .footer_add ul { display: flex; align-items: center; flex-wrap: wrap; }
.footer_b .f_right .footer_add li { /* margin-bottom: 20px; */ }
.footer_b .f_right .footer_add li:not(:last-child) { margin-right: 40px; }
.footer_b .f_right .footer_add li img { opacity: 0.7; transition: all 0.5s; filter: brightness(0.3); }
.footer_b .f_right .footer_add li img:hover { opacity: 1; }
.footer_b .f_right .footer_site { color: var(--sh-black); }
.footer_b .f_right .footer_site ul { padding-bottom: 60px; }
.footer_b .f_right .footer_site li:not(:last-child) { margin-bottom: 8px; }
.footer_b .f_right .footer_site li:first-child { line-height: 1.6; margin-bottom: 10px; }
.footer_b .f_right .footer_site a { color: var(--sh-black); font-weight: 600; }
.footer_b .f_right .footer_site a:hover { color: #fff; }

.footer_empty { width: 100%; opacity: 0; position: relative; z-index: -5; }

/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb { }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display: block;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border: none;
	text-indent: 100%;
	z-index: 999999;
	background: url("../images/icon_logo/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background: url("../images/icon_logo/ui.totop6.png") no-repeat left -51px;
	width: 51px;
	height: 51px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop: active,
#toTop:focus { outline: none; }
/************************* ui.totop 끝 *************************/



.font-1 { font-size: 52px; }
.font-2 { font-size: 44px; }
.font-3 { font-size: 42px; }
.font-4 { font-size: 38px; }
.font-5 { font-size: 21px; }
.font-6 { font-size: 18px; }
.font-7 { font-size: 17px; }
.font-8 { font-size: 16px; }
.font-9 { font-size: 14px; }
.font-10 { font-size: 90px; }
.font-11 { font-size: 35px; }





@media(max-width: 1581px){

	.header_t { max-width: 96%; }

}

@media (max-width: 1550px){
	.view_inner,
	.inner,
	.inner1 { padding: 0 4%; }
}

@media (max-width: 1280px){

	.header_t { padding: 0 3.3%; }
	.header_btn .down_btn a { margin: 0 10px; }
	.header_btn .down_btn a, .header_btn .store_btn a { width: 90px; height: 25px; }

	.header_gnb .main_menu .menu { padding: 0 5%; }
	.footer_t .wrap { padding-bottom: 60px; }
	.footer_b .wrap { padding-top: 60px; }

	#wrap_footer { padding: 110px 0 75px; }
}

@media(max-width: 1100px) {

	.sub_left { display: none; }

}

@media (max-width: 1080px){

	.header_gnb .main_menu .menu { padding: 0 2%; }
	.header_gnb .main_menu .menu > a{font-size: 16px; }

	#wrap_footer { padding: 90px 0 65px; }

	.footer_t .wrap { padding-bottom: 50px; }
	.footer_b .wrap { padding-top: 50px; }

}

@media(max-width: 1050px){

	.navi_in .down_btn .down_btn_title { width: 200px; padding: 20px; }

}

@media (max-width: 900px){

	.mo_nav { display: block; }
	.header_btn .login_btn,
	.header_btn .language_btn { display: none; }
	.header_btn,
	.header_logo { width: 40%; }
	.header_logo a img { max-width: 150px; }

	.header_btn .down_btn,
	.header_btn .store_btn { display: none; }
	.header_t { justify-content: space-between; }
	.header_gnb{ display: none; }

	#wrap_footer { padding: 70px 0 55px; position: static; z-index: 1; }

	.footer_empty { display: none; }
	.footer_b .f_right .footer_site ul { padding-bottom: 85px; }

}

@media (max-width: 768px){

	ul.extend { top: 55px; }
	ul.extend li a { font-size: 14px; margin: 0px 20px; padding: 10px 0; }

	.footer_t .wrap { padding-bottom: 30px; flex-direction: column; }
	.footer_t .f_left { padding-bottom: 35px; width: 100%; }
	.footer_t .f_left p { padding: 5px 0 15px; }
	.footer_t .f_left li .a_bg { width: 100px; height: 30px; }
	.footer_t .f_right { display: flex; width: 100%; padding-left: 0; flex-wrap: wrap; }
	.footer_t .f_right li { width: 50%; }
	.footer_t .f_right li:not(:last-child) { margin-bottom: 10px; }

	.footer_b .wrap { flex-direction: column; padding-top: 30px; }
	.footer_b .f_right { flex-direction: column; width: 100%; padding-left: 0; }
	.footer_b .f_right .footer_add { display: flex; flex-direction: column-reverse; width: 100%; }
	.footer_b .f_right .footer_add li { margin-bottom: 0; }
	.footer_b .f_right .footer_site { width: 100%; }
	.footer_b .footer_txt { padding-bottom: 20px; }
	.footer_b .footer_txt p:first-child { margin-bottom: 5px; }
	.footer_b .f_right .footer_site ul { padding-bottom: 25px; }
	.footer_b .f_left { padding-bottom: 35px; }
	.footer_b .f_right .footer_add ul { padding-bottom: 15px; }

}

@media(max-width: 600px){

	.navi_in .home_btn_all { display: none; }
	.navi_in .down_btn { width: 50%; }
	.navi_in .down_btn .down_btn_title { width: 100%; padding: 15px; }
	.navi_in .down_btn .down_btn_title h3 { font-size: 13px; }
	.navi_in .home_btn_all a { padding: 8px; }
	.navi_in .down_btn .down_btn_title img { right: 15px; }

	ul.extend { top: 43px; }
	ul.extend li a { font-size: 13px; margin: 0px 17px; padding: 8px 0; }

}

@media (max-width: 500px){

	#wrap_footer { padding: 50px 0 45px; }

	.footer_t .wrap { padding-bottom: 20px; }
	.footer_t .f_left { padding-bottom: 15px; }

	.footer_b .wrap { padding-top: 20px; }
	.footer_b .footer_txt { padding-bottom: 10px; }
	.footer_b .f_right .footer_site ul { padding-bottom: 15px; }
	.footer_b .f_left { padding-bottom: 15px; }

}

@media(max-width: 768px) {

	.sub_title_navi { display: block; }
	.sub_tab { display: none; }

}

@media (max-width: 1280px){
	.font-1 { font-size: 46px; }
	.font-2 { font-size: 38px; }
	.font-3 { font-size: 36px; }
	.font-4 { font-size: 32px; }
	.font-5 { font-size: 20px; }
	.font-6 { font-size: 17px; }
	.font-7 { font-size: 16px; }
	.font-8 { font-size: 15px; }
	.font-9 { font-size: 14px; }
	.font-10 { font-size: 80px; }
	.font-11 { font-size: 30px; }
}
@media (max-width: 1080px){
	.font-1 { font-size: 42px; }
	.font-2 { font-size: 31px; }
	.font-3 { font-size: 30px; }
	.font-4 { font-size: 28px; }
	.font-5 { font-size: 19px; }
	.font-6 { font-size: 16px; }
	.font-10 { font-size: 64px; }
	.font-11 { font-size: 24px; }
}
@media (max-width: 768px){
	.font-1 { font-size: 30px; }
	.font-2 { font-size: 28px; }
	.font-3 { font-size: 24px; }
	.font-4 { font-size: 22px; }
	.font-5 { font-size: 18px; }
	.font-6 { font-size: 16px; }
	.font-7 { font-size: 15px; }
	.font-8 { font-size: 14px; }
	.font-9 { font-size: 13px; }
	.font-10 { font-size: 52px; }
	.font-11 { font-size: 20px; }
}
@media (max-width: 500px){
	.font-1 { font-size: 26px; }
	.font-2 { font-size: 22px; }
	.font-3 { font-size: 20px; }
	.font-4 { font-size: 18px; }
	.font-5 { font-size: 17px; }
	.font-6 { font-size: 15px; }
	.font-10 { font-size: 48px; }
	.font-11 { font-size: 17px; }
}

@keyframes play_a {
	0% {
		opacity: 0;
	}
	50%{
		opacity: 0;
		top: 70%;
	}

	100% {
		opacity: 1;
		top: 50%;
	}
}