@charset "utf-8";

/* color:#0064dc; */

/* common */
.a11y, .blind {width:1px; height:1px; overflow:hidden; position:absolute; top:-9999em; left:-9999em; display:block; text-indent:-9999em; font-size:0 !important; line-height:0 !important;}
.pc_block {display:block;}
.m_block {display:none;}

body {min-width:320px; overflow-x:hidden;}
.inner {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; padding:0 20px; margin:0 auto; box-sizing:border-box;}

/* header */
#header {position:fixed; top:0; left:0; right:0; width:100%; min-width:320px; background:#ffffff; box-sizing:border-box; z-index:2000;}
#header:after {content: "";display: block;width: 100%;height: 1px;background: #eee;position: absolute;top: 10rem;left: 0;right: 0;}
#header a {font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;}
.header_wrap {position:relative; height:100px; padding:0; background:#ffffff; transition:all 0.3s ease; overflow:hidden; box-sizing:border-box; box-shadow:0 14px 36px rgba(0, 0, 0, 0);}
.header_wrap.open {box-shadow:0 14px 36px rgba(0, 0, 0, 0.06);}
.header_wrap.open:before {opacity:1; transition-delay:0.15s;}
/* .header_wrap:after {content:""; display:block; position:absolute; top:117px; left:0; right:0; width:100%; height:1px; background-color:#eeeeee;}*/
.header_wrap .inner {display: block;max-width: 1460px;width: 100%;margin: 0 auto;padding: 0 20px;position: relative;}

.header_logo {position:absolute; top:30px;}
.header_logo a {display: block;width: 300px;height: 37px;background: url('../img/Layout/logo.svg') no-repeat left center;background-size: auto 100%;}

.nav {width: 100%;max-width: 720px;position: absolute;left: 56%;transform: translateX(-50%);}
.nav .gnb {display:flex; align-items:stretch; justify-content:space-between; position:relative;}
.nav .gnb .mn_l1 {position:relative; width:calc(100% / 7);}
.nav .gnb .mn_l1:nth-child(2), .nav .gnb .mn_l1:nth-child(4), .nav .gnb .mn_l1:nth-child(7) {max-width:120px;}
.nav .gnb .mn_l1 .mn_a1 {font-size: 1.9rem;font-weight: 600;transition: all 0.3s ease;border-bottom: 2px solid transparent;height: 100px;display: flex;align-items: center;justify-content: center; box-sizing:border-box;}
.nav .gnb .mn_l1:hover .mn_a1, .nav .gnb .mn_l1:focus .mn_a1, .nav .gnb .mn_l1 .mn_a1:hover, .nav .gnb .mn_l1 .mn_a1:focus {color:#F37060; border-color:#F37060;}
.nav .gnb .mn_l1 .mn_a1.lh {gap:0 6px;}
.nav .gnb .mn_l1 .mn_a1.lh .lh_mn {display:block; width:28px; height:15px; background:url('../img/Layout/menu_lh.svg')center left no-repeat; background-size:28px 15px;}
.nav .gnb .depth2 {display:block; position:relative; padding:30px 0; transition:all 0.3s ease; transition-delay:0.1s; box-sizing:border-box;}
.nav .gnb .depth2 .mn_l2 {position:relative; width:100%; text-align:center;}
.nav .gnb .depth2 .mn_l2 + .mn_l2 {margin-top:18px;} 
.nav .gnb .depth2 .mn_l2 .mn_a2 {display:inline-flex; align-items:center; justify-content:center; position:relative; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#444444; transition:all 0.3s ease;}
.nav .gnb .depth2 .mn_l2 .mn_a2 span {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.nav .gnb .depth2 .mn_l2 .mn_a2:hover span, .nav .gnb .depth2 .mn_l2 .mn_a2:focus span {color:#F37060;}
.nav .gnb .depth2 .mn_l2 .mn_a2 + .depth3 {margin-top:10px;}
.nav .gnb .depth3 {position:relative;}
.nav .gnb .depth3 .mn_l3 + .mn_l3 {margin-top:10px;}
.nav .gnb .depth3 .mn_l3 .mn_a3 {display:inline-flex; align-items:center; justify-content:center; position:relative; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#707070; transition:all 0.3s ease;}
.nav .gnb .depth3 .mn_l3 .mn_a3 span {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#707070; transition:all 0.3s ease;}
.nav .gnb .depth3 .mn_l3 .mn_a3:hover span, .nav .gnb .depth3 .mn_l3 .mn_a3:focus span {color:#000000; text-decoration:underline;}  
.gnb .mn_l2:nth-child(4) .depth3 {display: none;}

.rnb {position: absolute;top: 37px; right: 20px;}
.rnb .utill {display:flex; align-items:center; justify-content:flex-start; gap:3rem; position:relative; z-index:10;}
.rnb .utill a {width:26px; height:26px}
.rnb .utill a.search_btn {display:block; background:url('../img/Layout/ico_search.svg') no-repeat center center;background-size: auto 100%;}
.rnb .utill a.close_btn {display:none; background:url('../img/Layout/ico_close.svg') no-repeat center center;background-size: auto 83%;}
.rnb .utill a.sitemap {display:block; background:url('../img/Layout/ico_list.svg') no-repeat center center;background-size: auto 80%;}
.rnb .utill a.mobile_btn {display:none; background:url('../img/Layout/ico_list.svg') no-repeat center center;background-size: auto 80%}

/* footer */
#footer {position:relative; background:#F8F8F8;}
#footer p, #footer a {font-size: 1.5rem;}
.footer_wrap {max-width: 1460px; width: 100%; margin: 0 auto; padding: 7rem 20px;}
.footer_top {padding-bottom: 25px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between;align-items: flex-end;}
.footer_top img {width:100%; max-width: 320px;}
.footer_top .sns_wrap {display: flex;gap: 10px;}
.footer_top .sns_wrap .sns_box {width: 36px;height: 36px;background: #fff; border: 1px solid #ddd;border-radius: 50px;}
.footer_top .sns_wrap .facebook {background: url('../img/Layout/sns_facebook.svg') no-repeat center center; background-size: auto;}
.footer_top .sns_wrap .kakao {background: url('../img/Layout/sns_kakaotalk.svg') no-repeat center center; background-size: auto;}
.footer_top .sns_wrap .blog {background: url('../img/Layout/sns_blog.svg') no-repeat center center; background-size: auto;}
.footer_bottom {margin-top: 25px; display:flex;justify-content: space-between;align-items: flex-end;}
.footer_bottom .footer_nav {display:flex; gap: 25px;margin-bottom: 30px;}
.footer_bottom .footer_nav a {color:#444;}
.footer_bottom .footer_nav a.privacy {color:#222;font-weight: 700;}
.footer_bottom  .footer_info p {line-height: 1.3;}
.footer_bottom  .footer_info p.copyright {color:#777;margin-top: 10px;}
.family_site {display: flex;gap: 2rem;}
.family_site .select_wrap {position:relative;}
.family_site .select_wrap a.select_tit {background: #fff;border: 1px solid #ddd;border-radius: 5px;padding: 15px 20px; width: 190px;display: flex;align-items: center;justify-content: space-between;}
.family_site .select_wrap a.select_tit i {background: url('../img/Layout/ico_arrow_down.svg') no-repeat center center;margin-left: 20px;width: 13px;height: 7px;transition: all 0.3s ease;}
.family_site .select_wrap a.select_tit.open i {transform: rotate(180deg);}
.family_site .select_wrap .select_list {display:none; position: absolute;bottom: 55px; left: 0;width: 100%; padding: 15px 20px;border-radius: 5px;border: 1px solid #dddddd; background: #ffffff;z-index: 3000;}
.family_site .select_wrap .select_list li a {line-height: 1.6;transition: all 0.3s ease;}
.family_site .select_wrap .select_list li a:hover, .family_site .select_wrap .select_list li a:focus {color: #F37060;}

.footer_banner {position:relative; padding:20px 0; background:#ffffff; border-top:1px solid #dddddd; box-sizing:border-box;}
.footer_banner .footer_bn_inner {max-width: 1460px;display: flex;gap:3rem;justify-content: space-between;padding: 0 2rem;margin: 0 auto;}
.footer_banner .footer_banner_slide {position:relative; width:calc(100% - 155px);}
.footer_banner .footer_banner_slide * {font-size:0; line-height:0;}
.footer_banner .slick-initialized .slick-slide {margin: 0 10px;}
.footer_banner .footer_banner_slide .slide-item a {display:block; position:relative; max-width:190px; max-height:60px; padding:15px; margin:0 10px; border:1px solid #dddddd; border-radius:4px; box-sizing:border-box; overflow:hidden;}
.footer_banner .footer_banner_slide .slide-item a img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; object-fit:cover;}
.footer_banner .slick-slide img {width: 100%;max-width: 225px;}
.footer_banner .footer_banner_ctrl {display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative;}
.footer_banner .footer_banner_ctrl  .banner_btn {display:block; width:35px; height:35px; border-radius:150px; border:1px solid #ddd; box-sizing:border-box;transition: all 0.3s ease;}
.footer_banner .footer_banner_ctrl  .banner_btn.banner-prev {background:url('../img/default/ico_bn_arrow_left.svg')center center no-repeat; background-color:#fff; background-size:auto;}
.footer_banner .footer_banner_ctrl  .banner_btn.banner-next {background:url('../img/default/ico_bn_arrow_right.svg')center center no-repeat; background-color:#fff; background-size:auto;}
.footer_banner .footer_banner_ctrl  .banner_btn.banner-auto {background:url('../img/default/ico_bn_stop.svg')center center no-repeat; background-color:#fff; background-size:auto;}
.footer_banner .footer_banner_ctrl  .banner_btn.banner-auto.stop {background:url('../img/default/ico_bn_play.svg')center center no-repeat; background-color:#fff; background-size:auto;}
.footer_banner .footer_banner_ctrl .banner_btn:hover, .footer_banner .footer_banner_ctrl .banner_btn:focus {outline: none; box-shadow: 0 3px 8px rgb(0 0 0 / 10%);}

/* mobile_nav */
.mobile_nav {display:none;}
.mnb_bg {display:none;}

/* search_panel */
.search_panel {display:none; position: absolute;top: 100px;width: 100%;z-index: 1999; background: #fff;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);}
.search_panel .panel_inner {max-width: 800px; margin: 0 auto;padding: 6.5rem;text-align: center;}
.search_panel h3 {color: #F37060;font-size: 2rem; font-weight: 600;margin-bottom: 2rem;line-height: 1.2;}
.search_panel .search_box {position: relative;}
.search_panel input {width: 100%; padding: 2rem 4.5rem;border: 2px solid #F37060; border-radius: 50px;font-size: 17px;}
.search_panel input::placeholder {color: #888;}
.search_panel button {background: url('../img/Layout/ico_search.svg') no-repeat center center; background-size: auto 100%; width: 26px; height: 26px;position: absolute;right: 45px;top: 50%;transform: translateY(-50%);filter: opacity(0.7);}
.search_panel button:focus {outline: none;}

@media screen and (max-width:1680px){
	
	.header_wrap:before {right:20px;}
	.header_wrap .inner {padding:0 20px;}
	.header_logo {left:20px;}
	.rnb {right:20px;}
	#sitemap .close-btn {right:20px;}
	
}

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

	.nav .gnb .mn_l1 .mn_a1 {font-size:17px;}
	.nav .gnb .mn_l1 .mn_a1.lh {gap:0 4px;}
	.nav .gnb .mn_l1 .mn_a1.lh .lh_mn {width:25px; height:14px; background-size:25px 14px;}
	
}

@media screen and (max-width:1300px){
	
	.nav {max-width: 620px;}
	.footer_bottom {align-items: flex-start;flex-direction: column;gap: 30px;}
}


@media screen and (max-width:1280px){
	
	#header:after {display:none;}
	.header_wrap {height:80px !important; border-bottom:1px solid #eeeeee;}
	.header_wrap:after {display:none;}
	.header_logo {top:20px;}
	.nav {display:none;}
	.rnb {top:28px;}
	.rnb .utill {gap:2rem;}
	.rnb .utill a {width: 23px;height: 23px;}
	.rnb .utill .utill_btn.sitemap {display:none;}
	.rnb .utill a.mobile_btn {display:block;}
	.search_panel {top: 80px;}

	/* mobile menu */
	.mobile_nav {display:block;background: #fff;position: absolute;right: -320px;top: 0;width: 320px;height: 100%;z-index: 9999;overflow-y: auto;}
	.mobile_nav .nav {display:block;position: static;transform: translateX(0);}
	.mobile_nav .nav .gnb {display:block;position: static;}
	.mobile_nav .nav .gnb .mn_l1 {width: 100%;max-width: 100%;}
	.mobile_nav .mnb_top {display: flex;padding: 27px 20px;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
	.mobile_nav .mnb_logo {display: block;width: 210px;height: 26px; background: url("../img/Layout/logo.svg") no-repeat left center;background-size: auto 100%;}
	.mobile_nav .mnb_close_btn {display:block;width: 15px;height: 15px;background:url('../img/Layout/ico_close.svg') no-repeat center center; filter: opacity(0.8);}
	.mobile_nav .nav .mn_l1 .mn_a1 {border-bottom: 1px solid #ddd;width: 100%; padding: 22px 20px;display: block;height: 63px; font-weight: 600;}
	.mobile_nav .nav .mn_l1 .mn_a1 span {font-size: 18px; font-weight: 700;}
	.mobile_nav .nav .mn_l1 .mn_a1:hover, .mobile_nav .nav .mn_l1 .mn_a1:focus {color:#222; border-color: #ddd;}
	.mobile_nav .nav .depth2 {display:none;border-bottom: 1px solid #ddd; background: #F9F9F9;padding: 30px 0;transition: none;}
	.mobile_nav .nav .depth2 .mn_l2 {color: #666; font-weight: 600; padding: 0 20px;text-align: left;}
	.mobile_nav .nav .depth2 .mn_l2:last-child {padding: 0 20px;}
	.mobile_nav .nav .depth2 .mn_l2 .mn_a2:hover, .mobile_nav .nav .depth2 .mn_l2 .mn_a2:focus {text-decoration:underline;color:#F37060;}
	.mobile_nav .nav .gnb .depth2 .mn_l2 .mn_a2 span {font-weight: 500;}
	.mnb_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.60); z-index:9000;}
}


@media screen and (max-width:1024px){
	
	.pc_block {display:none;}
	.m_block {display:block;}
}

@media screen and (max-width:768px){
	
	.search_panel input {padding: 2rem 3rem;}
	.search_panel button {right: 30px;}
	
}

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

	.family_site {gap: 1rem;flex-wrap: wrap;}
	.family_site .select_wrap a.select_tit {width: 100%;}
}

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

	.search_panel .panel_inner {padding: 5rem 4rem;}

	.footer_banner {display:none;}
	.footer_top {align-items: flex-start;flex-direction: column;gap: 20px;}
	.footer_top .sns_wrap .sns_box {width:32px;height:32px;}
	.footer_bottom .footer_nav {flex-wrap: wrap;gap: 2rem;}
}

@media screen and (max-width:420px){
	.rnb .utill {gap:1.5rem;}
	.rnb .utill a {width: 20px;height: 20px;}
	.header_wrap .header_logo a {background-size: auto 72%;}
}


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

	.family_site {flex-direction: column;width: 100%;}
}