@charset "utf-8";
.transition{
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out
    -o-transition:all 0.3s ease-in-out;
    transition::all 0.3s ease-in-out;
}

.inner {position: relative; display: block; width:100%; max-width:1400px; margin:0 auto;}

#lo_top {position: relative; z-index: 9999;}

/* header */
.topbg {padding:11px 0 10px 0;}
.topbg .btn_close {position: absolute; right:20px; top:103px;}

#nheader {border-bottom:1px solid #e9e9e9;}
#nheader .search_wrap {display: none;}

#nheader .header_top .logo {position: relative; left:-18px; top:6px; z-index: 1;}

#nheader .header_top {position: relative; display: flex; width: 100%; justify-content: space-between; align-items: flex-start; padding-top:19px;}
#nheader .header_top .top_menu > * {text-align: right;}
#nheader .header_top .top_menu div > ul li  {display: inline-block; margin-left:15px;}

#nheader .header_top button.top_search {display: inline-block; padding:8px 23px 6px 26px; color:#c61747; background:#fff; border:2px solid #dba7b6; border-radius: 21px; font-size:16px; font-weight: 500; margin-top:27px;}
#nheader .header_top button.top_search:hover {background:#c61747; color:#fff;}
#nheader .header_top .top_search::before {content: ''; display: inline-block; background:url('../images/renew/common/icon_topsearch.png') center no-repeat; width:15px; height:21px; vertical-align: top; margin-right: 10px;}
#nheader .header_top button.top_search:hover::before {background:url('../images/renew/common/icon_topsearch_on.png') center no-repeat;}

#nheader .gnb_warp {position:relative; width:100%; display: block; margin:40px 0 20px 0; font-size:16px; font-weight: 500; color:#1a1a1a; background: #fff;}
#nheader .gnb_warp .inner {position:relative; width:100%; display: flex; flex-wrap: nowrap; justify-content: space-between;}
#nheader .gnb_warp .inner .gnb > ul > li {position:relative; display: inline-block; margin-right:30px;}
#nheader .gnb_warp .inner .gnb > ul li span.tool {position:absolute; top:-23px; left:50%; transform: translate(-50%, -10px); border: 2px dotted #7c7c7c; text-align: center; padding: 4px 8px; font-size:12px; border-radius: 5px; word-break: keep-all; font-weight: 600;}
#nheader .gnb_warp .inner .gnb > ul li span.tool::after {content: ''; border-right:2px dotted #7c7c7c; position: absolute; bottom: -7px; left: 50%; height: 5px;}
/*#nheader .gnb_warp .inner .gnb > ul li:nth-child(5) span.tool,*/
#nheader .gnb_warp .inner .gnb > ul li:nth-child(6) span.tool {width:66px;}
#nheader .gnb_warp .inner .gnb > ul li:last-child  span.tool {width:61px;}
#nheader .gnb_warp .inner .gnb > ul li span.lock {width:48px; height:38px; display: inline-block; position: absolute; background-color:#f4f4f4; border:1px solid #626262; border-radius: 3px; opacity: .85; text-align: center; top: -8px; left: 10%;}
#nheader .gnb_warp .inner .gnb .all_view {background:url('../images/renew/common/all_menu.png') left no-repeat; padding-left:30px; cursor: pointer;}
#nheader .gnb_warp .inner .gnb .sub_menu_wrap {z-index: 999; position: absolute; top: -20px; left: -27px;width: 202px; display: none; padding: 5px; text-align: center; background-color: #fff; border: solid 2px #1a1a1a;}
#nheader .gnb_warp .inner .gnb .sub_menu {padding: 13px 20px 30px 20px;}
#nheader .gnb_warp .inner .gnb .sub_menu > .all_view {margin-bottom:25px; padding-left:0;}
#nheader .gnb_warp .inner .gnb .sub_menu ul > li {text-align: left; padding:8px 0; font-weight: 400;}
#nheader .gnb_warp .inner .gnb .sub_menu ul > li > ul {margin:10px 0;}
#nheader .gnb_warp .inner .gnb .sub_menu ul > li > ul > li {font-size:14px; padding:0 0 0 10px; line-height: 26px;}

#nheader .gnb_warp .inner .gnb_right {position: relative; top:-4px;}
#nheader .gnb_warp .inner .gnb_right ul li {position: relative; display: inline-block; margin:0 10px; vertical-align: middle;}
#nheader .gnb_warp .inner .gnb_right ul li a {position: relative;}
#nheader .gnb_warp .inner .gnb_right ul li:nth-child(3)  { padding-right:50px;}
#nheader .gnb_warp .inner .gnb_right ul li:nth-child(3)::after {content: ''; display: inline-block; background:#cacaca; width:1px; height:19px; left: 50%; position: relative; vertical-align: middle;}
/* header fix */
#nheader .gnb_warp.active {position: fixed; left:0; top:10px; background:#fff; padding:35px 0 20px 0; z-index:999; }
/*#nheader .gnb_warp.active .inner .gnb ul li span.tool {display: none;}*/
#nheader .gnb_warp .inner li.active a {color:#c61747;}
#nheader .gnb_warp .inner .gnb li.active a::before {content: ''; display: inline-block; width: 100%; height: 5px; background: #c61747; position: absolute; bottom: -26px; left: 0;}
#nheader .gnb_warp .inner .gnb_right li.active a::before {content: ''; display: inline-block; width: 100%; height: 5px; background: #c61747; position: absolute; bottom: -26px; left: 0;}
.topbg.active {position: fixed; height:50px; display: block; left:0; top:0px; z-index:2; }

/* 모바일 메뉴 */
#nheader .gnb_wrap_m {display: none; background: #f3f3f3; font-size:16px;}
#nheader .gnb_wrap_m a {display: block;}
.gnb_wrap_m .mg_top {display: block; width:100%; position: relative; background:#aa3253; padding:30px 20px 20px 20px;}
.gnb_wrap_m .mg_top .m_close {position: absolute; right:15px; top:30px; width:27px; }
.gnb_wrap_m .mg_top h1 img {width:100px;}
.gnb_wrap_m .mg_top > .m_login {display: block; padding-top:30px;}
.gnb_wrap_m .mg_top > .m_login a {color:#fff; font-size:14px; font-weight: 400;}
.gnb_wrap_m .mg_top > .m_login a::after {content:''; display: inline-block; width:10px; height:14px; background:url('../images/renew/common/m_login_arrw.png') left no-repeat; vertical-align: middle;    margin-left: 10px; background-size: cover;} 

.gnb_wrap_m .mg_icon {display: block; width:100%; position: relative; margin-bottom:15px; background:#fff; padding:15px;}
.gnb_wrap_m .mg_icon > ul {display: flex; width:100%; flex-wrap: nowrap; gap: 0 20px;}
.gnb_wrap_m .mg_icon > ul > li {display: inline-block; flex:1 1 25%; text-align: center; border:1px solid #efefef; border-radius: 20px;}
.gnb_wrap_m .mg_icon > ul > li a { padding:20px; font-size:14px;}
.gnb_wrap_m .mg_icon img {display: block; margin:0 auto 10px auto;}

.gnb_wrap_m .mg_menu {display: block; width:100%; position: relative; margin-bottom:15px; background:#fff; padding:15px; }
.gnb_wrap_m .mg_menu > ul {}
.gnb_wrap_m .mg_menu > ul > li {position: relative;font-size:16px; font-weight: 800; border-bottom:1px solid #f3f3f3; padding:0 15px;}
.gnb_wrap_m .mg_menu > ul > li > a {padding:15px 0;}
.gnb_wrap_m .mg_menu > ul > li:last-child {border-bottom:none;}
.gnb_wrap_m .mg_menu > ul > li span.tool {border: 2px dotted #7c7c7c; text-align: center; padding: 4px 8px; font-size: 12px; border-radius: 5px; word-break: keep-all; font-weight: 400; margin-left:10px;} 
.gnb_wrap_m .mg_menu > ul > li.event_m {padding:0 15px; color:#c71748;}
/*.gnb_wrap_m .mg_menu > ul > li.event_m::after {content:''; display: inline-block; position: absolute; top:22px; right:20px; background:url('../images/renew/common/m_iconon.png') left no-repeat; ; width:10px; height:10px; background-size: cover;}*/
.gnb_wrap_m .mg_menu > ul > li.event_m > ul {padding:0 20px; font-size:14px; margin-top:5px;}
.gnb_wrap_m .mg_menu > ul > li.event_m > ul > li a {padding:5px 0;font-weight: 500; color:#595959; }
/*.gnb_wrap_m .mg_menu > ul > li.board_m a::after {content:''; display: inline-block; position: absolute; top:22px; right:20px; background:url('../images/renew/common/m_iconoff.png') left no-repeat; ; width:10px; height:10px; background-size: cover;}*/

.gnb_wrap_m .mg_bot {display: block; position: relative; width:100%; background:#fff; padding:15px; }
.gnb_wrap_m .mg_bot > ul {display: flex; flex-wrap: wrap; width: 100%; gap:10px;}
.gnb_wrap_m .mg_bot > ul > li {flex:1 1 48%; background:#f7f7f7; padding:15px;}
.gnb_wrap_m .mg_bot > ul > li span {display:inline-block; width:calc(100% - 70px); margin-left:10px;}
.gnb_wrap_m .mg_bot > ul > li a > * {vertical-align: middle;}

@keyframes box-ani {
	from {
		transform: translate(130px, 0px);
	}
	to {
		transform: translate(130px, 5px);
	}
}
@keyframes box-anim {
	from {
		transform: translate(-70px, 0px);
	}
	to {
		transform: translate(-70px, 5px);
	}
}
.tooltip {
	border-radius:3px;
	animation: box-ani 1s linear infinite alternate; /* 애니메이션 적용 */
	font-size: 11px;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 3px 7px;
	position: absolute;
    z-index: 999;
}
.tooltip::after {
     content: ' ';
     position: absolute;    
    top: -5px;
     left: 16px;
     height: 0;
     width: 0;
     border: 6px solid transparent;
     border-top-width: 0;
     border-bottom-color: #000;  
}
/* footer */
footer {}
footer .stit {font-size:16px; font-weight: 600; color:#1a1a1a; }

footer .fo_top {position: relative; width:100%; display: block; border-top:1px solid #e9e9e9; margin-bottom:90px;}
footer .fo_top .inner {display: flex; width:100%; flex-wrap: nowrap; }

footer .fo_top .inner .com_menu {flex:1 1 28%; margin-top:58px; padding-left:15px;}
footer .fo_top .inner .com_menu .flogo {margin-bottom:40px;}
footer .fo_top .inner .com_menu .fmenu li {height:40px; line-height: 40px; font-size:16px;}
footer .fo_top .inner .com_menu .fmenu li a { color:#666;}

footer .fo_top .inner .com_serv {flex:1 1 22%; margin-top:78px;}
footer .fo_top .inner .com_serv .cnum {display: inline-block; width:283px; height:52px; line-height: 52px; text-align: center; border-radius: 10px; -webkit-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1);-moz-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1);box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1); font-size:16px; font-weight: 600; margin-bottom:63px; }
footer .fo_top .inner .com_serv .cnum span {font-size:20px; font-weight: 500; color:#c61747; padding-left:10px;}
footer .fo_top .inner .com_serv > div ul {margin-top:28px;}
footer .fo_top .inner .com_serv > div ul li span {display: inline-block; width:73px;}
footer .fo_top .inner .com_serv > div ul li {color:#666666; line-height: 26px;}

footer .fo_top .inner .com_info {flex:1 1 50%; margin-top:77px; padding-left: 120px;}
footer .fo_top .inner .com_info .info > ul {margin-top:28px; width: 80%; line-height:26px;}
footer .fo_top .inner .com_info .info > ul li {display: inline-block; color:#666; margin-right:5px;}
footer .fo_top .inner .com_info .info > ul li span {font-weight: 600;}
footer .fo_top .inner .com_info .info .foot_copy {font-size:12px; color:#666; margin-top:30px; letter-spacing: 0;}

footer .fo_top .inner .fsns {margin-bottom: 50px;}
footer .fo_top .inner .fsns > div {display: inline-block;}
footer .fo_top .inner .fsns > div:first-child {font-size:16px; color:#1a1a1a;}
footer .fo_top .inner .fsns > div:first-child span {font-weight: 600; text-decoration: underline; padding-left:15px;}
footer .fo_top .inner .fsns > div > ul li {display: inline-block; padding:0 13px;}
footer .fo_top .inner .fsns > div > ul li:first-child {padding:0 13px 0 33px;}

footer .fo_bt {position: relative; width:100%; display: block; background:#eeeeee;}
footer .fo_bt .inner {display: flex; width:100%; flex-wrap: wrap; padding:18px 0; }
footer .fo_bt .inner > * {position:relative; background:#fff; display: block; border-radius: 10px; padding:30px 40px; color:#666666; width:calc(50% - 10px);}

footer .fo_bt .inner .num {width:calc(50% - 10px); margin-right:20px;}
footer .fo_bt .inner .num > div {padding-bottom:5px;}
footer .fo_bt .inner .num > ul li {display: inline-block; color:#1a1a1a;}
footer .fo_bt .inner .num > ul li:last-child {padding-left:40px;}
footer .fo_bt .inner .num > ul li div {display: inline-block; font-size:20px; font-weight: 500; color:#000;}
footer .fo_bt .inner .num > ul li span {display: inline-block; color:#666666; margin-right:17px;}

footer .fo_bt .inner .rec > div {display: flex; flex-wrap: nowrap; justify-content: space-between; padding-bottom:10px;}
footer .fo_bt .inner .rec > div p {display: inline-block; font-size:14px; font-weight: 400;}
footer .fo_bt .inner .rec > span {display: block; color:#666;}

footer .flo_warp {position: fixed; bottom:20px; right:20px;}
footer .flo_warp ul li {width:48px; height:48px; margin-bottom:10px;}
footer .flo_warp ul li:nth-child(1) {background:url('../images/renew/common/icon_today.png') center no-repeat; background-size: contain;}
footer .flo_warp ul li:nth-child(2) {background:url('../images/renew/common/flo_kakapc.png') center no-repeat;}
footer .flo_warp ul li:nth-child(3) {background:url('../images/renew/common/flo_toppc.png') center no-repeat;}
footer .flo_warp ul li a {display: block; text-indent: -9999px; height: 100%;}

/* sub _warp */
/*#lo_main {padding-bottom:115px;}*/
.sub_top {padding-top:45px;}
.sub_top h2.tit-st1 {text-align: center; font-size:40px; font-weight: 700; color:#1a1a1a; margin-bottom:5px;}
.sub_top div.tabs_st1_w {text-align: center;}

@media (max-width:1375px){
	.over-pc {display: none !important;}
	
	/*	header */
	#nheader .gnb_warp.active {padding:0 15px ;}
	#nheader .gnb_warp .inner .gnb ul li {margin-right:11px; font-size:14px;}
	#nheader .gnb_warp .inner .gnb_right ul li {margin-right:4px; font-size:14px;}
	#nheader .gnb_warp .inner .gnb_right ul li:nth-child(3) {padding-right: 15px; }
	#nheader .gnb_warp .inner .gnb_right ul li:nth-child(3)::after {left:20%;}
}
@media (max-width:1062px){
	#nheader .gnb_warp .inner .gnb_right ul li {margin-right:0px; font-size:14px;}
}
@media (min-width:1025px){
	
	.only-m {display:none;}
	.only-pc {display:block;}
	.viewall {display:none;}
}

@media (max-width:1024px){
	.only-m {display:block;}
	.only-pc {display:none !important;}	
	.inner {padding:0 15px;}
	#container_all {overflow-x:hidden;}

	/*	header */
	#nheader .header_top {align-items: center; padding:0;}
	#nheader .top_banner, header .top_menu {display: none;}
	 
	#nheader .search_wrap {width: 100vw; margin-left: calc(-50vw + 50%); display: block; border-bottom:1px solid #e1e1e1; padding:10px 0;}
	#nheader .search_wrap .search a {display: block;}
	#nheader .search_wrap .search a::before {content: ''; display: inline-block; background:url('../images/renew/common/icon_sewr01.png') center no-repeat; width:20px; height:28px; vertical-align: middle; margin-right:10px;}
	#nheader .search_wrap .search a::after {content: ''; display: inline-block; position: absolute; right:20px; top:7px; background:url('../images/renew/common/icon_sewr02.png') center no-repeat; width:21px; height:16px; vertical-align: middle; background-size:cover;}
	
	.topbg .btn_close {right:10px;}
	.topbg .btn_close img {width:80%;}
	.topbg div.couponarea {padding:0 15px; text-align: left;}
	
	#nheader .header_top .logo {left: auto; padding:20px 0; text-align: center;}
	#nheader .header_top .logo img {width:70%;}
	#nheader .header_top .m_my img {width:27px; margin-top:10px;}
	#nheader .gnb_warp .inner .gnb .all_view {background:none; padding:0;}
	#nheader .gnb_warp .inner .gnb_right {display: none;}
	#nheader .gnb_warp {overflow-x: scroll; margin:0;}
	#nheader .gnb_warp .inner {padding:0; display: block; width: 100%; min-width: 680px; overflow: hidden;}
	#nheader .gnb_warp .inner .gnb ul li a {display: block; padding:5px 0 5px 0;}
/*	#nheader .gnb_warp .inner .gnb ul li span.tool {display: none;}*/
	/*header .gnb_warp .inner .gnb ul li span.lock {top:12px;}*/
	#nheader .gnb_warp .inner .gnb ul li:first-child {display: none;}
	#nheader .gnb_warp .inner .gnb li.active a::before {bottom:0;}
	#nheader .gnb_warp .inner .gnb > ul li span.tool {font-size:11px; padding:2px 4px; top: -3px; left: 9px; position: relative;}    
    #nheader .gnb_warp .inner .gnb > ul li:nth-child(2) span.tool {left:13px;}
	#nheader .gnb_warp .inner .gnb ul li {padding: 15px 0; font-size:16px;}
	
	#nheader .gnb_warp.active {top:0 !important;}

	/* 모바일 GNB */
	#nheader .gnb_wrap_m {display: block; position: fixed; top:0; left:-100%; width:100%; height:100%; z-index: 999; overflow: scroll; padding-bottom:110px;}
	#nheader .gnb_wrap_m.active {left:0;}
	
    .tooltip {width:110px;animation: box-anim 1s linear infinite alternate; /* 애니메이션 적용 */}
    .tooltip::after {left:76px;}
	
	/* footer */	
	footer .fo_top {border-top:none;}
	footer .fo_top .inner {display: block; width:100%; }
	
	footer .fo_top .inner .com_menu {margin:0; background: #aa3253; width:100vw; margin-left: calc(-50vw + 50%);}
	footer .fo_top .inner .com_menu .fmenu li {display: inline-block; height:auto; line-height: auto;}
	footer .fo_top .inner .com_menu .fmenu li a {display: inline-block; color:#fff; padding:15px 20px;}
	footer .fo_top .inner .com_menu .fmenu li:last-child a {font-weight:600;}	
	
	footer .fo_top .inner .com_serv {margin-top:130px;}	
	
	footer .fo_top .inner .com_info {margin-top:60px; padding:0;}
	
	footer .fo_top .inner .fsns {position: absolute; top:100px; left:0; right:auto;}
	
	footer .fo_bt .inner {flex-direction: column; padding: 30px 15px 125px 15px;}
	footer .fo_bt .inner > * {width:100%;}
	footer .fo_bt .inner .num {width:100%; margin-bottom:15px;}
	
	/* 모바일 하단 메뉴 */
	footer .fo_menu {width:100%; position: fixed; bottom:0; display: block; border-top:1px solid #e8e8e8; background:#fff; z-index: 1;}
	footer .fo_menu .inner {}
	footer .fo_menu .inner .f_menu > ul {display: flex; width:100%; flex-wrap: nowrap;}
	footer .fo_menu .inner .f_menu  > ul > li {display: inline-block; width: 25%; font-size:16px; text-align: center; padding:10px 0 ;}
	footer .fo_menu .inner .f_menu  > ul > li a {display: block; color:#1a1a1a;font-size:14px;}
	footer .fo_menu .inner .f_menu  > ul > li a:hover  {color:#c61747;}
	footer .fo_menu .inner .f_menu  > ul > li span {display: block; width:36px; height:35px; margin: 0 auto; background-size:85% !important;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(1) a span {background:url('../images/renew/common/f_menu01.png') center no-repeat;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(2) a span {background:url('../images/renew/common/f_menu02.png') center no-repeat;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(3) a span {background:url('../images/renew/common/f_menu03.png') center no-repeat;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(4) a span {background:url('../images/renew/common/f_menu04.png') center no-repeat;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(1) a:hover span {background:url('../images/renew/common/f_menu01_ov.png') center no-repeat;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(2) a:hover span {background:url('../images/renew/common/f_menu02_ov.png') center no-repeat;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(3) a:hover span {background:url('../images/renew/common/f_menu03_ov.png') center no-repeat;}
	footer .fo_menu .inner .f_menu  > ul > li:nth-child(4) a:hover span {background:url('../images/renew/common/f_menu04_ov.png') center no-repeat;}
	
	footer .fo_top .inner .fsns > div > ul li:first-child {padding: 0 13px 0 15px;}
	
	footer .flo_warp {bottom:100px;}
	footer .flo_warp ul li {width:38px; height:38px;}
	footer .flo_warp ul li:nth-child(1) {background:url('../images/renew/common/flo_kakamo.png') center no-repeat; background-size: cover;}
	footer .flo_warp ul li:nth-child(2) {background:url('../images/renew/common/flo_topmo.png') center no-repeat; background-size: cover;}	
    footer .flo_warp ul li:nth-child(1) {background:url('../images/renew/common/icon_today.png') center no-repeat;background-size: cover;}
    footer .flo_warp ul li:nth-child(2) {background:url('../images/renew/common/flo_kakamo.png') center no-repeat;background-size: cover;}
    footer .flo_warp ul li:nth-child(3) {background:url('../images/renew/common/flo_topmo.png') center no-repeat;background-size: cover;}
	
	.sub_top h2.tit-st1 {font-size:35px;}

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

@media screen and (max-width:520px){
	
	footer .fo_bt .inner .num > ul li span {width:60px;}
	footer .fo_bt .inner .num > ul li {display: block;}
	footer .fo_bt .inner .num > ul li:last-child {padding-left:0;}
	
	footer .fo_bt .inner .rec > div {flex-wrap: wrap; flex-direction: column;}
	
	.gnb_wrap_m .mg_icon > ul {gap:0 5px;}
	.gnb_wrap_m .mg_icon > ul > li a {padding:8px;}
	
}
@media screen and (max-width:425px) {	
	
	footer .fo_top .inner .com_menu .fmenu li a {padding:15px 4px;}

}

@media screen and (max-width:375px) {
	html{font-size: 14px;}
	
	.gnb_wrap_m .mg_icon > ul {flex-wrap: wrap; gap: 10px;}
	.gnb_wrap_m .mg_icon > ul > li {flex: 1 1 45%;}	
	.gnb_wrap_m .mg_bot > ul > li a {text-align: center;}
	.gnb_wrap_m .mg_bot > ul > li span {display: block; width:100%; text-align: center; margin:0;}
	
/*	footer .fo_top .inner .fsns {top:180px;}*/
	footer .fo_top .inner .fsns > div > ul li {padding:0 3px;}
	footer .fo_top .inner .fsns > div > ul li:first-child {padding:0 3px 0 15px;}
	footer .fo_bt .inner > * {padding:30px 20px;}
	footer .fo_top .inner .com_menu .fmenu li a {padding:15px 2px;}
}

@media (max-width:320px){
	html{font-size: 13px;}
}