@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date :2017-07-25
******************************************************** */

/* layout */
body, table, th, td, button, select {
	font-size:13px;
	color:#666;
	-webkit-text-size-adjust:none;
	/* font-family:sans-serif; */
	font-family: 'Play','Noto Sans KR', 'Noto Sans TC',  'Noto Sans SC', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
body { background-color:#fff; }
#wrap{width:100%; min-width:320px; }

/* 공통클래스 */
.area{padding:0 15px; margin:0px auto;}

/* ******************  Header ********************** */
#header{position:relative; height:70px;}
#headerWrap{position:absolute; top:0px; left:0px; width:100%; height:70px; z-index:9999; background-color:#fff; border-bottom: 1px solid #dadada;}
#headerInner{position:relative; height:100%; margin:0px auto; padding:0 15px;}
#header .logo{position:relative; z-index:100; float:left; padding:13px 0;}		/* padding값 적절히 바꿔주세요 */
#header .logo a{display:block;}
#header .logo img{height:44px; display:block; vertical-align:top;}

/* HEADER :: Fixed */
#header.fixed #headerWrap{position:fixed; top:0px; z-index:99;}

/* -------- Header :: UTIL BOX -------- */
.header-util-box{
	/* 20250620 - 김효민 - 모바일환경에서의 불필요한 간격제거 */
	position:absolute; 
	top:50%; 
	transform: translateY(-50%);
	/* right:60px;  */
	right:40px;
	/* margin-top:-20px;  */
	z-index:100; 
	padding-right:0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 0.7rem;
}

/* Header :: 언어선택 */
.header-lang {position:relative; float:left; width:40px; height:30px; border-bottom:2px solid #373737; z-index:100;}
.header-lang .lang-open-btn {overflow:hidden; position:relative; display:block; width:100%; text-align:left; height:100%; padding:0 4px; font-size:10px; line-height: 30px; color:#373737;}
.header-lang .lang-open-btn .arrow{position:absolute; top:0px; right:0px;}
.header-lang .lang-open-btn .arrow i{font-size:14px; margin-top: -1px;}
.header-lang > ul {display:none; position:absolute; top:30px; left:-1px; z-index:10; width:100%; border:1px solid #5c5c5c; background-color:#fff;}
.header-lang > ul > li > a{display:block; padding:0 3px; font-size:10px; line-height: 30px; color:#333;}
.header-lang > ul > li > a:hover{background-color:#f2f2f2;}
.header-lang.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}

/* 마이페이지&장바구니 */
.header-ico-list{
	display: flex;
	align-items: center;
	justify-content: center;
	
	.clearfix{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;

		&::after{
			content: initial;
		}
	}
}

.header-ico-list ul li a{display: block; position: relative; height: 22px;}
.header-ico-list ul li a img{height: 100%;}
.header-ico-list ul li a .cart-num{position: absolute; bottom: -5px; right: -7px; display: block; width: 17px; height: 17px; line-height: 17px; text-align: center; font-size: 8px; letter-spacing: -0.25px; font-weight: 600; color: #fff; background-color: #373737; -webkit-border-radius: 100%; border-radius: 100%;}


/* NAV OPEN BUTTON */
/* -------- Header :: 네비게이션 오픈 버튼 -------- */
/* 20250620 - 김효민 - 위치 조절을 위한 스타일 변경 */
.nav-open-btn{
	display:block; 
	position:absolute; 
	top: 50%;
	transform: translateY(-50%);
	right:15px; 
	z-index:10000; 
	height:30px;
	margin-top: 5px;
}

.nav-open-btn .line{
	display:block; width:20px; height:1px; background-color:#3b3b3b; margin: 6px auto;
	-webkit-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}
.nav-open-btn.active .line{background-color:#fff;}
.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
.nav-open-btn.active .line:nth-child(1){
	 -webkit-transform: translateY(6px) rotate(45deg);
	  transform: translateY(6px) rotate(45deg);
}
.nav-open-btn.active .line:nth-child(3){
	 -webkit-transform: translateY(-8px) rotate(-45deg);
	  transform: translateY(-8px) rotate(-45deg);
}
#header.fixed .nav-open-btn{position:fixed; top:20px;}

/* -------- Header :: GNB(Mobile/기본스타일) -------- */
.gnb-overlay-bg-m{display:none; position:fixed; top:100px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}	
#gnbM{ 
	display:block; 
	position:fixed; 
	top:0px; 
	right:-102%;
	width:100%; 
	height:100%;  
	background-color:#f0f0f0; 
	z-index:9999; 
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	visibility:hidden;
}
#gnbM.open{
	right:0px; 
	visibility:visible;
}

/* GNB Mobile :: 레이아웃 */
.gnb-navigation-wrapper{position:relative; height:calc(100% - 83px); box-sizing:border-box; overflow-y:auto; margin:0 25px; padding:0 25px; background-color:#fff; border-radius:5px 5px 0 0}
.gnb-close-btn{position:absolute; top:25px; right:15px; font-size:24px; color:#fff;}

/* GNB Mobile :: 상단 */
.gnb-navigation-myinfo-box{position:relative; padding:25px 40px 25px 25px;}
.gnb-navigation-myinfo-box:before{position:absolute; top:0px; left:0px; right:0px; bottom:-50px; background-color:#0ca5a6; content:"";}
.gnb-navigation-myinfo-box .gnb-myinfo-inner{position:relative; padding-left:76px; color:#fff;}
.gnb-navigation-myinfo-box .gnb-myinfo-inner:before{position:absolute; top:50%; left:0px; transform:translateY(-50%); content: "\e9f2"; font-family: 'xeicon'; font-size:63px; opacity:0.5;filter:Alpha(opacity=50);}
.gnb-navigation-myinfo-box .gnb-navigation-my-info{font-size:19px; font-weight:500; letter-spacing:-0.5px; margin-bottom:10px;}
.gnb-navigation-myinfo-box .gnb-navigation-my-info b{font-weight:600;}
.gnb-navigation-myinfo-box .gnb-navi-login-menu li{float:left; position:relative; margin-left:18px;}
.gnb-navigation-myinfo-box .gnb-navi-login-menu li:before{position:absolute; top:2px; bottom:2px; left:-9px; width:1px; background-color:#fff; opacity:0.5; content:"";}
.gnb-navigation-myinfo-box .gnb-navi-login-menu li:first-child{margin-left:0}
.gnb-navigation-myinfo-box .gnb-navi-login-menu li:first-child:before{display:none;}
.gnb-navigation-myinfo-box .gnb-navi-login-menu li a{color:#fff; opacity:0.5; font-size:14px; letter-spacing:-0.5px;}
/* GNB Mobile :: 메뉴영역 :: 1차 */
#navigation{margin-top: 15px;}
#navigation > li{border-bottom:1px solid #d2d2d2;}
#navigation > li:first-child{}
#navigation > li > a {position:relative; display:block; padding:15px; color:#525252; font-size:17px; letter-spacing: -0.5px; font-weight:500;}
#navigation > li.active > a{color:#0ca5a6;}
#navigation > li.has-2dep > a{}
#navigation > li.has-2dep.active > a{}
#navigation > li .gnb-icon{position:absolute; top:50%; right:15px; margin-top:-10px;}
#navigation > li .gnb-icon i{font-size:18px;}
/* GNB Mobile ::  메뉴영역 :: 2차 */
#navigation > li .gnb-2dep{display:none; padding:20px 0; background-color:#f2f2f2;}
#navigation > li .gnb-2dep > li{height:auto !important;}
#navigation > li .gnb-2dep > li > a{position:relative; display:block; color:#373737; font-size:12px; padding:10px 0; margin:0 15px; padding-left:10px;}
#navigation > li .gnb-2dep > li > a:before{position:absolute; width:2px; height:2px; background-color:#525252; content:""; top:50%; margin-top: -2px; left:0px;}
#navigation > li .gnb-2dep > li.on > a{font-weight:600;}
/* GNB Mobile :: 메뉴영역 ::  3차 */
#navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
#navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
#navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}


/* ****************** FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#footer{background-color:#1d1d1d;}
#footerInner{position:relative;}
.footer-left-con{float:left;}
.footer-right-con{float:right;}

/* -------- FOOTER :: 파트너리스트 -------- */
#footerPartnerListContent{padding:25px 0 5px; background-color: #1d1d1d; border-bottom:1px solid rgba(255,255,255,0.15);}
.footer-partner-tit{font-size: 14px; font-weight: 600; color: #d6d6d6; text-align: center;}
.footer-partner-wrapper{padding: 15px 0;}
.footer-partner-list{position:relative; padding:0 25px;}
.footer-partner-list .partner-item{float:left;}
.footer-partner-list .partner-item-inner{position:relative; height:30px; padding:0 10px;}
.footer-partner-list .partner-item-inner span{display:block; position:relative; height:100%; width:100%;}
.footer-partner-list .partner-item-inner span img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; max-width:100%; max-height:100%; margin:auto; }
.footer-partner-list .slick-arrow{position:absolute; top:50%; margin-top:-15px; width:20px; height:30px; cursor:pointer; border:0; cursor:pointer; z-index:9; font-size:20px;}
.footer-partner-list .slick-arrow i{line-height:30px; vertical-align:top; font-size: 18px;}
.footer-partner-list .slick-arrow.slick-prev{left:-5px;}
.footer-partner-list .slick-arrow.slick-next{right:-5px;}
.footer-partner-list i{color:#575757;}

/* -------- FOOTER :: 레이아웃 -------- */
#footer{
	padding: 25px 0 90px 0;
	padding-bottom:calc( 90px + constant(safe-area-inset-bottom));
	padding-bottom: calc( 90px + env(safe-area-inset-bottom));
}
#footerInner{position:relative;}
.footer-left-con{float:none;}
.footer-right-con{float:none;}

/* Footer :: TOP버튼 */
.to-top-btn{
	position:fixed; bottom:-100px; right:15px; display:block; width:46px; height:46px; background-color:#fff; text-align:center; color:#333; z-index:99;
	border:1px solid #eee;
	box-sizing:border-box;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.to-top-btn.fixed{bottom:70px; opacity:1.0;filter:Alpha(opacity=100);}
.to-top-btn i{display:inline-block; font-size:16px; line-height:46px; transition:all 0.3s}
.to-top-btn:hover i{transform:translateY(-3px)}

/* -------- FOOTER :: 상단 -------- */
#footerTop{padding-bottom: 15px;}

/* Footer :: 푸터메뉴 */
.foot-menu{text-align: center; width: 100%;}
.foot-menu li{display: inline-block; margin: 0 13px; line-height:30px;}
.foot-menu li a{color:#d6d6d6; font-size:10px; font-weight: 300; letter-spacing: -0.75px;}
.foot-menu li a b{font-weight:600;}

/* -------- FOOTER :: 하단 -------- */
#footerBottom{}
#footerBottom .area{position: relative;}
/* Footer :: 왼쪽정보 style02 */
.footer-address-info-box{margin-bottom:20px; text-align: center;}
.footer-address-list dl{display:inline-block; vertical-align:middle; color:#8a8a8a; font-size:10px; line-height:1.7; font-weight: 300; margin-left:35px; letter-spacing: -0.5px;}
.footer-address-list dl:first-child{margin-left:0}
.footer-address-list dl dt,
.footer-address-list dl dd{vertical-align:middle; display:inline-block;}
.footer-address-list dl dt{color:#8a8a8a;}
.footer-address-list a{color:inherit}
/* Footer :: Copyright */
.footer-copyright{font-size:10px; color: #d6d6d6; text-align: center;}

/* Footer :: SNS 리스트 */
.foot-sns-menu{margin-top: 30px; width: 100%; text-align: center;}
.foot-sns-menu li{display: inline-block; margin: 0 4px;}
.foot-sns-menu li a{display:block; width:35px;}
.foot-sns-menu li a img{width: 100%; height: auto;}


/* ******************  서브 레이아웃 ********************** */
/* SUB LAYOUT :: 상단 정보 */
#contentInfoCon.mypage{position:relative; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom: 0;}
#contentInfoCon.mypage .content-info-tit{background-color:#fff; height:48px; line-height:48px; color:#333; font-size:18px; font-weight:600; text-align:center; letter-spacing:-0.3px; }
.to-prev-page-btn{position:absolute; top:0px; width:40px; height:48px; left:0%;}
.to-prev-page-btn i{font-size:30px; color:#a7a7a7; vertical-align:middle;}

/*  SUB LAYOUT :: 서브메뉴(스타일4) */
#topMenu04{position:relative; width:100%; height:60px; background-color: #f0f0f0;}
#topMenu04 .side-menu-inner{width:100%; height:59px; border-bottom:1px solid #dadada;}
#topMenu04 .location-to-home-btn{float:left; width:59px; height:59px; text-align:center; border-right:1px solid #dadada;}
#topMenu04 .location-to-home-btn i{color:#6c6c6c; font-size:20px; line-height:59px;}
#topMenu04 .menu-location{position:relative; float:left; width:253px;}
#topMenu04 .menu-location > .cur-location{position:relative; display:block; width:100%; height:59px; padding:0 60px 0 30px; border-right:1px solid #ddd; text-align:left}
#topMenu04 .menu-location > .cur-location span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:59px; color:#6c6c6c; font-weight:400; font-size:15.5px; letter-spacing:-0.5px;}
#topMenu04 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:30px; width:22px; height:22px; margin-top:-11px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #dadada; text-align: center;}
#topMenu04 .menu-location > .cur-location .arrow:before{position: absolute; top: 1px; left: 1px; width: 100%; line-height: 22px; display: inline-block; content: "\e936"; font-family: xeicon; font-size: 18px; color: #222;}
#topMenu04 .menu-location.open > .cur-location .arrow:before{transform:rotate(-180deg); top: 0; left: 0;}
#topMenu04 .menu-location .location-menu-con{display:none; position:absolute; top:59px; left:-1px; width:calc(100% - 1px); border:1px solid #ddd; border-top: 1px solid #dadada; background-color:#fff; z-index:11; padding-bottom:10px;}
#topMenu04 .menu-location .location-menu-con li:first-child{padding-top: 10px;}
#topMenu04 .menu-location .location-menu-con li a{display:block; padding:10px 30px; font-size:15px; word-break:keep-all; line-height:1.5;}
#topMenu04 .menu-location .location-menu-con li.on{position:relative;}
#topMenu04 .menu-location .location-menu-con li.on a{color:#0ca5a6; font-weight:500;}

@media all and (max-width:800px){
	/*  SUB LAYOUT :: 서브메뉴(스타일4) */
	#topMenu04{height:45px;}
	#topMenu04 .side-menu-inner{height:44px; padding-left:44px; width:auto;}
	#topMenu04 .side-menu-inner .area{padding: 0;}
	#topMenu04 .location-to-home-btn{position:absolute; width:44px; height:44px; left:0px; top:0px; border:0;}
	#topMenu04 .location-to-home-btn i{font-size:20px; line-height:44px;}
	#topMenu04 .menu-location{width:50%;}
	#topMenu04 .menu-location > .cur-location{height:44px; border-right:0; border-left:1px solid #ddd; padding:0 35px 0 15px}
	#topMenu04 .menu-location > .cur-location span{line-height:44px;font-size:12.5px;}
	#topMenu04 .menu-location > .cur-location .arrow{right:15px; width:20px; height:20px; margin-top:-10px;}
	#topMenu04 .menu-location > .cur-location .arrow:before{top: 0px; left: 0px; line-height: 20px; font-size: 16px;}
	#topMenu04 .menu-location .location-menu-con{top:44px; left:0; padding-bottom:10px}
	#topMenu04 .menu-location .location-menu-con li a{font-size:12.5px; padding:7px 15px;}
}

/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; margin:0 auto 20px; text-align: center;}
#contentInfoCon .content-tit{color:#222; font-size:23px; font-weight:600; letter-spacing:-1.25px;}
#contentInfoCon .content-sub-tit{color:#6c6c6c; font-weight:400; padding-top:10px; font-size:13px; word-break:keep-all;}

/* 서브 레이아웃 :: 상단메뉴 */
#content{min-height:200px; padding: 35px 15px 50px;}
#content.mypage{padding: 0 15px;}

/* 브랜드 뷰 페이지일 때 패딩 오버라이드 */
#content[class*="event-page"],
.event-page #content{
    padding: 35px 0 0 0 !important;
}

/* ****************** MODAL LAYERPOPUP ********************** */
/* 개인정보, 이용약관 등 */
.footer-inner-box{padding:3%; }
.footer-inner{padding:2%; height:350px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }
/* 사이트맵 */
.sitemap-wrapper{padding:5%;}
.sitemap-wrapper > ul{overflow:hidden;}
.sitemap-wrapper > ul > li{float:left; width:20%; text-align:center;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */
.sitemap-wrapper.menu4 > ul > li{width:25%;}
.sitemap-wrapper.menu6 > ul > li{width:16.6%;}
.sitemap-wrapper.menu7 > ul > li{width:14.2%;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; font-size:16px; border-bottom:1px solid #888; letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5%;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:13px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; text-decoration:underline;}


/* ******************  모바일 전용 레이어 인트로 팝업 ********************** */
.mobile-fixed-pop-wrapper{overflow-y:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; opacity:1.0;filter:Alpha(opacity=100);}
.mobile-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.75); }
.mobile-fixed-pop-inner-box{ position:relative; display:table-cell; vertical-align:middle; top:0px;}
.mobile-fixed-img-con{display:inline-block; min-width:250px; max-width:92%; margin:4% auto; }
.mobile-popup-img{display:block;}
.mobile-popup-img img{max-width:100%; max-height:100%;}
.mobile-popup-btn-controls{overflow:hidden; text-align:center; background-color:#f2f2f2; border-top:1px solid #f2f2f2;}
.mobile-popup-btn-controls button{float:left; border:0; padding:0; margin:0px; background:none; width:50%; height:50px; background-color:#fff; font-size:14px; color:#333; cursor:pointer;}
.mobile-popup-btn-controls .today-close-btn{background-color:#eee;}


/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

@media all and ( max-width: 800px ){
	/* modal layer content */
	.modal-fixed-pop-inner{display: block;}
	.modal-inner-box{display: block;}
	.footer-modal-content{width:auto; margin:50px 15px}
	.footer-modal-content h1{font-size:18px; text-align:left; padding:0 30px 15px 0}
	.footer-modal-content.vote h1 {text-align:center;}
	.modal-close-btn{right:-3px; top:-3px;}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
}

/* ********* 201216 추가 페이지 코딩 ********* */
/* 알림설정 */
.alarm-setting-con{}
.alarm-setting-item{padding: 10px 0; border-bottom: 1px solid #ddd;}
.alarm-setting-con .alarm-setting-item:first-child{padding: 15px 0; border-top: 1px solid #ddd;}
.alarm-setting-tit{float: left; font-size: 14px; line-height: 30px; font-weight: 600; color: #444;}
.alarm-setting-tit.total{float: none; font-size: 15px; line-height: 1;}
.alarm-setting-tit span{display: inline-block; color: #ccc; font-size: 11px; line-height: 30px;}
.alarm-setting-tit span:before{margin: 0 10px; display: inline-block; content: '|'; display: inline-block; line-height: 30px; font-size: 10px; color: #ccc;}
.alarm-setting-tit i{display: inline-block; margin-left: 3px; color: #0ca5a6;}
.alarm-setting-txt{margin-top: 10px; font-size: 11px; line-height: 1.4; color: #999; font-weight: 400; -ms-word-break: keep-all; word-break: keep-all;}
.alarm-setting-btn{float: right; width: 50px;}
.alarm-setting-btn:before{display: block; content: '\e9cb'; font-family: xeicon; font-size: 30px; color: #ddd; -webkit-transition: all 0.3s; transition: all 0.3s;}
.alarm-setting-btn.on:before{content: '\e9cd'; color: #0ca5a6;}
.new-setting-btn{float: right; width: 70px; border: 1px solid #ddd; margin-top: 3px; font-size: 11px; height: 27px; letter-spacing: -0.25px; color: #ddd; -webkit-border-radius: 5px; border-radius: 5px;}
.new-setting-btn.on{border-color: #0ca5a6; color: #0ca5a6;}
/* 쿠폰 */
.coupon-list-m-con{margin-top: 30px;}
.coupon-list-m{}
.coupon-list-item{margin-top: 15px; padding: 20px; border: 1px solid #dcdcdc; border-top: 1px solid #575757;}
.coupon-list-m .coupon-list-item:first-child{margin-top: 0;}
.coupon-list-item .category01{font-size: 12px; font-weight: 600; letter-spacing: -0.5px; color: #3d3d3d;}
.coupon-list-item .category02{margin-top: 10px;}
.coupon-list-item .category02 span{margin-left: 3px; display: inline-block; padding: 5px 10px; font-size: 12px; font-weight: 400; letter-spacing: -0.5px; color: #fff; -webkit-border-radius: 40px; border-radius: 40px;}
.coupon-list-item .category02 span:first-child{margin-left: 0;}
.coupon-list-item .category02 span.bgc-blue{background-color: #5e9ad1;}
.coupon-list-item .category02 span.bgc-red{background-color: #d15e5e;}
.coupon-list-item .category02 span.bgc-green{background-color: #0ca5a6;}
.coupon-list-item .tit{margin-top: 13px; font-size: 18px; line-height: 1.1; font-weight: 400; letter-spacing: -1.5px; color: #3d3d3d;}
.coupon-list-item .date{margin-top: 10px; font-size: 11px; line-height: 1.1; font-weight: 400; letter-spacing: -0.5px; color: #afafaf;}
.coupon-list-item .btn-list{margin-top: 20px;}
.coupon-list-item .btn-list ul{margin: 0 -2.5px;}
.coupon-list-item .btn-list ul li{float: left; width: calc(50% - 5px); margin: 0 2.5px;}
.coupon-list-item .btn-list ul li .btn-style{display: block; width: 100%; height: 43px; line-height: 43px; border: 1px solid #0ca5a6; background-color: #0ca5a6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; font-weight: 400; letter-spacing: -1px; color: #fff; text-align: center;}
.coupon-list-item .btn-list ul li:first-child .btn-style{background-color: #e8f4f4; color: #0ca5a6;}
.coupon-list-item .btn-list ul li .btn-style.close{background-color: #b6b6b6; border-color: #b6b6b6;}
/* ******** 210217 추가 썸네일 ******** */
.coupon-list-item.new{position: relative; padding-left: 150px;}
.coupon-list-item.new .thum-img{position: absolute; width: 120px; height: 120px; top: 50%; margin-top: -60px; left: 15px;}
.coupon-list-item.new .thum-img .img{position: relative; width: 100%; height: 0; padding-top: 100%;}
.coupon-list-item.new .thum-img .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.coupon-list-item.new .category02{margin-top: 0;}
.coupon-list-item.new .btn-list{margin-top: 15px;}
.coupon-list-item.new .btn-list ul li .btn-style{height: 35px; line-height: 33px; font-size: 13px;}

/* 사용팝업 */
.popup-use-con{position: relative; padding: 45px 20px 25px; background-color: #fff;}
.popup-use-con .close-btn{position: absolute; top: 20px; right: 20px;}
.popup-use-con .close-btn i{font-size: 24px; color: #b6b6b6;}
.popup-use-con .txt{font-size: 18px; line-height: 1.3; font-weight: 400; letter-spacing: -1px; color: #585858; text-align: center;}
.popup-use-con .btn-list{margin-top: 25px;}
.popup-use-con .btn-list ul{margin: 0 -7px;}
.popup-use-con .btn-list ul li{float: left; width: calc(50% - 14px); margin: 0 7px;}
.popup-use-con .btn-list ul li button{width: 100%; height: 43px; background-color: #0ca5a6; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; color: #fff;}
.popup-use-con .btn-list ul li:first-child button{background-color: #222;}

/* 쿠폰 뷰페이지 */
.coupon-list-item.view{padding: 0;}
.coupon-list-view-top{padding: 20px; background-color: #f2f2f2;}
.coupon-list-item.view .category01 a{margin-left: 7px; display: inline-block; font-size: 11px; color: #aaa;}
.coupon-list-item.view .category01 a i{position: relative; top: 1px; font-size: 13px;}
.coupon-list-item.view .tit{line-height: 1.4; -ms-word-break: keep-all; word-break: keep-all;}
.coupon-list-view-bottom{padding: 20px;}
.coupon-list-view-bottom dl{margin-top: 17px; font-size: 12px; letter-spacing: -1px; line-height: 1.4;}
.coupon-list-view-bottom dl:first-child{margin-top: 0;}
.coupon-list-view-bottom dl dt{margin-bottom: 5px; font-weight: 600; color: #3d3d3d;}
.coupon-list-view-bottom dl dd{font-weight: 400; line-height: 1.6; color: #686868;}
.coupon-list-view-btn{margin-top: 20px; text-align: center;}
.coupon-list-view-btn a{display: inline-block; width: 150px; height: 43px; font-size: 15px; line-height: 43px; font-weight: 400; letter-spacing: -0.5px; color: #fff; background-color: #b6b6b6; text-align: center;}
/* ******** 210217 추가 썸네일 ******** */
.coupon-list-item.view.new .coupon-list-view-top{position: relative; padding-right: 135px;}
.coupon-list-item.view.new .thum-img{position: absolute; width: 116px; height: 116px; top: 50%; margin-top: -58px; right: 15px; left: auto;}
.coupon-list-item.view.new .thum-img .img{position: relative; width: 100%; height: 0; padding-top: 100%;}
.coupon-list-item.view.new .thum-img .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.coupon-list-item.view.new .category02{margin-top: 10px;}
.coupon-list-item.view.new .tit {margin-top: 10px;}

/* 다운 가능 쿠폰 */
.coupon-list-item.download{position: relative; padding-right: 95px;}
.coupon-list-item.download .tit{line-height: 1.4; -ms-word-break: keep-all; word-break: keep-all;}
.coupon-list-item.download .download-btn{position: absolute; top: 50%; margin-top: -30px; right: 25px; width: 60px; height: 60px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #e8e8e8;}
.coupon-list-item.download .download-btn i{font-size: 30px; color: #3d3d3d;}
/* ******** 210217 추가 썸네일 ******** */
.coupon-list-item.download.new{padding-right: 135px; padding-left: 20px;}
.coupon-list-item.download.new .thum-img{position: absolute; width: 116px; height: 116px; top: 50%; margin-top: -58px; right: 15px; left: auto;}
.coupon-list-item.download.new .thum-img .img{position: relative; width: 100%; height: 0; padding-top: 100%;}
.coupon-list-item.download.new .thum-img .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.coupon-list-item.download.new .thum-img .btn-style{position: absolute; bottom: 10px; right: 10px; display: block; width: 20px; height: 20px; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(255,255,255,0.8); z-index: 1; text-align: center;}
.coupon-list-item.download.new .thum-img .btn-style i{font-size:12px; color: #3d3d3d; line-height: 20px;}
.coupon-list-item.download.new .category02{margin-top: 10px;}
.coupon-list-item.download.new .tit {margin-top: 10px;}

/* 메인 팝업 */
#mainPopupCon{}
.popup-main-con{background-color: #fff;}
.popup-main-con .tit{position: relative; font-size: 18px; line-height: 45px; font-weight: 400; letter-spacing: -1px; color: #585858; text-align: center; border-bottom: 1px solid #000;}
.popup-main-con .close-btn{position: absolute; top: 50%; margin-top: -12px; right: 10px;}
.popup-main-con .close-btn i{font-size: 24px; color: #000;}
.popup-main-con .bottom-txt{padding: 20px; text-align: center; letter-spacing: -1px;}
.popup-main-con .bottom-txt .txt01{font-size: 18px; line-height: 1.5; font-weight: 600; color: #333;}
.popup-main-con .bottom-txt .txt02{margin-top: 5px; font-size: 13px; line-height: 1.5; font-weight: 400; color: #999;}
.popup-main-con .bottom-txt .txt03{border-top: 1px solid #ddd; margin-top: 10px; padding-top: 15px; font-size: 11px; font-weight: 400; color: #999;}
.popup-main-con .btn-style{margin-top: 5px; width: 100%; height: 43px; background-color: #0ca5a6; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; color: #fff;}

#addressWrap_tr td{border: 0; padding: 0;}

/* 리뉴얼 푸터 수정 20230707 : lkm */
#footerBottom{
}
#footerBottom .area{
	width: 80%;
	min-width: 327px;
	max-width: 327px;
}
.footer-address-info-box{
	text-align:left;
}
.footer_menu_renew{
	width: 80%;
	min-width: 327px;
	max-width: 327px;
	display: flex;
	font-size: 10px;
	/* gap: 2.4%; */
	margin: 0 auto;
	text-align: center;
	justify-content: space-between;
	font-weight:600;
}
.footer-address-list dl{
	margin-left: 0px;
}
.footer-address-list dl:first-child::before{
	content:none;
}
.footer-address-list dl::before{
	content:"|";
	padding:0 4px;
}
@media screen and (max-width:400px) {
	.foot-menu li{
		margin:0 4px;
	}
}

.other_areas{
	margin: 0;
	display: flex;
	align-items: center;
	/* height: 95px; */

	.other_areas_link_btn{
		/* padding: 3px 10px; */
		padding: 2px 7px;
		border: 1px solid #0ca5a6;
		border-radius: 5000px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		background-color: #fff;

		/* margin-right: 20px; */

		transition: background-color 0.3s ease;

		span{
			color: #0ca5a6;
			/* font-size: 15px; */
			font-size: 12px;
			font-weight: 500;

			transition: color 0.3s ease;
		}
	}

	.other_areas_link_btn:hover{
		background-color: #05A5A6;
		span{
			color: #fff;
		}
	}
}
.gnb-magok-link{display:flex!important;align-items:center;justify-content:center;height:95px;padding:0 35px;line-height:normal;}
/* .other_areas img{height:30px;display:block;margin:0;} */