@charset "utf-8";




#adminSet{margin-top:0px;top:10px;}
#mainToggleMenuWrap{margin-top:30px;}
#subMenu_wrap{margin-top:30px;}







html,body{font-size:0;--max-width:1190px;font-family:'NEXON Lv2 Gothic', sans-serif;}
body > *{font-size:13px;}



@media screen and (max-width:780px) {
	html,body{font-family:'Noto Sans KR', Apple SD Gothic Neo,Dotum,돋움,sans-serif;}
}





#header{
	--font-family:'NEXON Lv2 Gothic', sans-serif;
	--navSize:17px;
	--bold:bold;
	--header-height:100px;
	--menu-color:
	--menu-hover-color:var(--mainColor);
}


/*____________________________ Header ____________________________*/

#header{position:relative;}
#header .inner{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;display:flex;align-items:center;}

#header .fullCover{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;}
#header .fullCover .arrow-left{position:absolute;left:500px;top:50%;font-size:80px;margin-top:-0.5em;z-index:3;opacity:0;cursor:pointer;transition:all .2s ease-in-out;}
#header .fullCover:hover .arrow-left{opacity:1;}
#header .fullCover .arrow-left:before{content:'\e00f';font-family:'newfont';font-weight:normal;color:#fff;}




/* _top_sub _______________________________ */
#header #_top_sub{font-size:14px;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;height:50px;}
#header #_top_sub .mobile-logo{flex-shrink:0;}
	
	#_top_sub{}
	#_top_sub .fx-l{display:inline-flex;align-items:center;}
	#_top_sub .fx-l > *:not(:first-child):before{content:'·';margin:0 10px;}
	#_top_sub .event{}
	#_top_sub #top-search-set{}
		#top-search-set .inputContainer{position:relative;display:inline-flex;align-items:center;}
		#top-search-set .inputContainer #hdSchStx{height:30px;border:0;background:#f6f7fb;font-size:12px;padding:0 25px 0 8px;width:200px;box-shadow:none;}
		#top-search-set #sch_submit{font-size:0;background:transparent;border:0;position:absolute;right:0;top:0;z-index:9;width:40px;height:100%;display:inline-flex;align-items:center;justify-content:center;}
		#top-search-set #sch_submit:before{content:'\e94e';font-family:'intaefont';font-size:13px;font-weight:normal;}





/* .topSection _______________________________ */
#header .topSection{position:absolute;z-index:99;width:100%;padding:0 90px 0 90px;background:#fff;color:#1e1e1e;}
#header .topSection .inner{gap:20px;}
#header .topSection:after{content:'';display:block;position:absolute;left:0;bottom:0;z-index:5;width:100%;height:4px;background:var(--mainColor);}
#header .topSection.scroll{position:fixed;top:0;}
#header .topSection .top-header-logo{position:relative;display:inline-flex;align-items:center;gap:12px;flex-shrink:0;}
#header .topSection .top-header-logo img{max-height:52px;}
#header .topSection .top-header-logo .tmp-logo{font-size:26px;}
#header .topSection .top-header-logo .top_logo_w{position:absolute;left:0;top:0;opacity:0;}
#header .topSection .top-header-logo .logoSub{font-family:'Noto Sans KR', sans-serif;font-weight:500;font-size:17px;opacity:0.9}

#header .topSection #nav{margin-left:auto;font-family:var(--font-family);font-size:var(--navSize);font-weight:var(--bold);display:flex;align-items:center;justify-content:center;}
#header .topSection .nav_ul{position:relative;align-self:start;display:inline-flex;align-items:flex-start;justify-content:center;gap:5px;height:100%;color:inherit;}
#header .topSection.open{}
#header .topSection .nav_ul a{color:inherit;}
#header .topSection .nav_ul [class*='_link']{white-space:nowrap;}
#header .topSection .nav_ul li{position:relative;transition:all .2s ease-in-out;}
#header .topSection .nav_ul .active > [class*='_link'],
#header .topSection .nav_ul .hover > [class*='_link'],
#header .topSection .nav_ul [class*='_link']:hover{color:var(--menu-hover-color);opacity:1 !important;}
/*1차메뉴*/
#header .topSection .nav_ul .nav_li{}
#header .topSection .nav_ul .nav_li.active{color:var(--mainColor);}
#header .topSection .nav_ul .nav_li.hover:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--menu-hover-color);}
#header .topSection .nav_ul .dep1_link{padding:0 20px;height:var(--header-height);display:flex;align-items:center;justify-content:center;}
/*2차메뉴*/
#header .topSection .nav_ul .sub2cha_ul{display:flex;flex-direction:column;gap:0;position:absolute;min-width:100%;left:0;z-index:9;margin-top:-3px;background:var(--mainColor);color:#fff;
	transform:translateY(-10px) scale(0.3);opacity:0;visibility:hidden;transform-origin:50% top;transition:all 0.2s cubic-bezier(0.5,0,0,1.25);box-shadow:0 6px 6px rgba(0,0,0,0.07);}
#header .topSection .nav_ul .nav_li:hover .sub2cha_ul{transform:translateY(0) scale(1);opacity:1;visibility:visible;}
#header .topSection .nav_ul .sub2cha_ul:before{content:'';width:10px;height:10px;background:var(--mainColor);transform:rotate(45deg);position:absolute;top:-6px;left:50%;margin-left:-6px;}
#header .topSection .nav_ul .sub2cha_ul li{font-size:0.88em;font-weight:normal;}
#header .topSection .nav_ul .sub2cha_ul li [class*='_link']{min-width:100%;display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:15px 10px;}
#header .topSection .nav_ul .sub2cha_ul li [class*='_link']:hover,
#header .topSection .nav_ul .sub2cha_ul li.active [class*='_link']{background:rgba(255,255,255,0.1);}
/*3차메뉴*/
#header .topSection .nav_ul .sub3cha_ul{padding-top:10px;}
#header .topSection .nav_ul .sub3cha_ul li{font-size:0.9em;font-weight:var(--bold);padding:4px 0;}
#header .topSection .nav_ul .sub3cha_ul li [class*='_link']{opacity:0.8;}


#header .topSection .topSec-right{display:flex;align-items:center;justify-content:flex-start;gap:20px;flex-shrink:0;}
#header .topSection .snsContainer{margin-left:auto;display:inline-flex;align-items:center;gap:10px}




/* 검색 오프너 */
#header #hd-search-opener{margin-left:auto;color:rgba(0,0,0,0.9);cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
#header #hd-search-opener:before{content:'\e94c';font-family:'intaefont';font-size:19px;font-weight:normal;transition:all 0.45s cubic-bezier(0.5,0,0,1.25);}
#header #hd-search-opener:hover:before{transform:rotate(90deg) scale(1.1);}

/* 풀메뉴 오프너 */
#header .navSecOpener, #Search-page-header .navSecOpener{}
#header .navSecOpener{}
	.navSecOpener{width:48px;height:48px;padding-left:12px;display:inline-flex;justify-content:center;flex-direction:column;gap:5px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,0.03);box-shadow:3px 4px 7px rgba(0,0,0,0.07);}
	.navSecOpener [class*='line-']{display:block;width:20px;height:2px;background:var(--mainColor);border-radius:2px;transition:all 0.4s cubic-bezier(0.5, 0, 0, 1.55);}
	.navSecOpener .line-2{position:relative;width:12px;}
	.navSecOpener .line-2:after{content:'';display:block;width:6px;height:6px;border:2px solid var(--mainColor);border-radius:50%;position:absolute;top:-2px;right:-10px;transition:all .15s ease-in-out;}
	.navSecOpener:hover .line-2{}
	.navSecOpener:hover .line-2:before{opacity:1;}
	.navSecOpener:hover .line-2:after{opacity:0;}
	.navSecOpener .line-2:after{right:-10px;}
	.navSecOpener:hover .line-1, .navSecOpener:hover .line-3{width:16px;margin-left:5px}
	.navSecOpener:hover .line-2{width:22px;}

#header .topSection .btnSetting{position:absolute;right:10px;order:2;}
#header #hd-search-set + .btnSetting{}


/* 풀메뉴 */
#fullmenuSection{position:fixed;top:0;right:-380px;z-index:9100;width:380px;height:100%;overflow-y:auto;background:#f7f8fa;border-left:1px solid rgba(0,0,0,0.1);box-shadow:-5px -5px 6px rgba(0,0,0,0.06);transition:all .3s ease-in-out;}
#fullmenuSection .navSecCloser:before{position:absolute;top:0;right:0;z-index:15;content:'\e929';font-family:'intaefont';font-size:14px;color:rgba(0,0,0,0.4);font-weight:normal;width:54px;height:54px;cursor:pointer;
	display:flex;align-items:center;justify-content:center;}
#fullmenuSection a{color:inherit;}
#fullmenuSection [class*='_link']{white-space:nowrap;}
#fullmenuSection [class*='_link']:hover{opacity:1 !important;}

#fullmenuSection .inner{position:relative;z-index:5;width:100%;}
#fullmenuSection .header{height:60px;display:flex;align-items:center;font-size:20px;font-weight:bold;color:var(--mainColor);padding:0 15px;border-bottom:3px solid var(--mainColor);background:#fff;}
#fullmenuSection .top{padding:10px;position:relative;}
#fullmenuSection .top .lt-box{flex:1;}
#fullmenuSection .top .lt-box a{height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#fff;border-radius:8px;box-shadow:2px 4px 5px rgba(0,0,0,0.06);}
#fullmenuSection .top .lt-box .title{font-size:15px;font-weight:700;display:flex;align-items: center;gap:5px;}
#fullmenuSection .top .lt-box .title.siren::before{content:'';background:url("/theme/banner/img/ic_siren.png") no-repeat center / 100%; width: 27px;height:27px;display:inline-flex;}
#fullmenuSection .top .lt-box .title.point::before{content:'';background:url("/theme/banner/img/ic_point.png") no-repeat center / 100%; width: 27px;height:27px;display:inline-flex;}
#fullmenuSection .top .lt-box .title.calendar::before{content:'';background:url("/theme/banner/img/ic_calendar.png") no-repeat center / 100%; width: 27px;height:27px;display:inline-flex;}
#fullmenuSection .top #fullmenu_banner{position:relative;margin-top:10px;}
#fullmenuSection .top #fullmenu_banner .banner_empty{min-height:40px;display:flex;align-items:center;justify-content:center;background:rgba(71,78,103,0.02);border:1px dashed rgba(71,78,103,0.3);color:rgba(71,78,103,0.5);font-size:15px;border-radius:8px;}
#fullmenuSection .top #fullmenu_banner .banner_empty:before{content:'배너를 등록해 주세요.';}
#fullmenuSection .top #fullmenu_banner .btnSetting{top:-5px;left:-5px;}

#fullmenuSection .nav_ul{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;font-size:14px;font-weight:normal;}
#fullmenuSection .nav_ul .nav_li{position:relative;transition:all .2s ease-in-out;width:100%;}
#fullmenuSection .nav_ul .nav_li .dep1_link{cursor:pointer;font-size:15px;font-weight:bold;padding:12px 15px;width:100%;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,0.1);
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(0,0,0,0.06) 100%);}
#fullmenuSection .nav_ul li.active > [class*='_link']{color:var(--mainColor);}
#fullmenuSection .nav_ul .sub2cha_ul{display:flex;align-items:flex-start;flex-wrap:wrap;border-bottom:1px solid #efefef;margin-bottom:-1px;}
#fullmenuSection .nav_ul .sub2cha_ul li{position:relative;width:33.33%;border-bottom:1px solid rgba(0,0,0,0.1);}
#fullmenuSection .nav_ul .sub2cha_ul li a{display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;}
#fullmenuSection .nav_ul .sub2cha_ul li a:hover{color:var(--mainColor);}
#fullmenuSection .nav_ul .sub2cha_ul li:not(:nth-child(3n)){border-right:1px solid #efefef;}
#fullmenuSection .nav_ul .sub3cha_ul{padding-top:10px;}
#fullmenuSection .nav_ul .sub3cha_ul li{padding:5px 0;font-size:0.85em;font-weight:300;}
#fullmenuSection .nav_ul .sub3cha_ul li [class*='_link']{opacity:0.8}
#fullmenuSection .btnSetting{position:absolute;bottom:50px;left:50px;}

#fullmenuSection .nav_ul .nav_li:nth-child(2) .sub2cha_ul li,
#fullmenuSection .nav_ul .nav_li:nth-child(3) .sub2cha_ul li,
#fullmenuSection .nav_ul .nav_li:nth-child(7) .sub2cha_ul li{width:50%;}
#fullmenuSection .nav_ul .nav_li:last-child .sub2cha_ul{border-bottom:0;}

#fullmenuSection::-webkit-scrollbar{width:8px;height:8px;}
#fullmenuSection::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(0,0,0,0.3);}
#fullmenuSection::selection{background-color:rgba(0,0,0,0.3);color:#fff;}
#fullmenuSection-webkit-::selection{background-color:rgba(0,0,0,0.3);color:#fff;}
#fullmenuSection::-moz-selection{background-color:rgba(0,0,0,0.3);color:#fff;}

#fullmenuSection.open{right:0px;}



#mySection{position:fixed;top:0;right:-380px;z-index:9100;width:380px;height:100%;overflow-y:auto;background:#f7f8fa;border-left:1px solid rgba(0,0,0,0.1);box-shadow:-5px -5px 6px rgba(0,0,0,0.06);transition:all .3s ease-in-out;}
#mySection.open{right:0px;}
#mySection .mySecCloser:before{position:absolute;top:0;right:0;z-index:15;content:'\e929';font-family:'intaefont';font-size:14px;color:rgba(0,0,0,0.4);font-weight:normal;width:54px;height:54px;cursor:pointer;
	display:flex;align-items:center;justify-content:center;}
#mySection .inner{position:relative;z-index:5;width:100%;}
#mySection .header{height:60px;display:flex;align-items:center;font-size:20px;font-weight:bold;color:var(--mainColor);padding:0 15px;border-bottom:3px solid var(--mainColor);background:#fff;}
#mySection .body{display:flex;flex-direction:column;gap:10px;padding:20px 0;}
#mySection .body .myCon{padding:0 20px;display:flex;align-items:center;gap:20px;}
#mySection .body .myCon .profile_img{width:56px;height:56px;border-radius:50%;overflow:hidden;}
#mySection .body .myCon .mb_con{flex:1;}
#mySection .body .myCon .mb_con .mb_name{}
#mySection .body .myCon .mb_con .mb_name .sv_wrap{font-size:16px;font-weight:600;}
#mySection .body .myCon .mb_con .mb_name .sv_wrap a{display:flex;align-items:center;gap:5px;}
#mySection .body .myCon .mb_con .mb_name .sv_wrap img{width:20px;}
#mySection .body .myCon .mb_con .logout{margin-left:auto;font-size:12px;height:22px;padding:0 6px;border:1px solid rgba(0,0,0,0.8);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;}
#mySection .body .myCon .mb_con .label{display:inline-flex;align-items:center;gap:5px;}
#mySection .body .myCon .mb_con .label:before{content:'';width:10px;height:20px;display:inline-flex;background:url('./img/icon_mb_lv_medal.png') no-repeat center / 100%;}

#mySection .body .mb_progress{padding:0 20px;}
#mySection .body .mb_progress{display:flex;align-items:center;gap:15px;padding:10px 20px;}
#mySection .body .mb_progress .label{font-size:12px;font-family:var(--mont);}
#mySection .body .mb_progress .progressContainer{flex:1;position:relative;height:24px;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.1);}
#mySection .body .mb_progress .progressContainer .barContainer{position:relative;width:100%;border-radius:24px;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#mySection .body .mb_progress .progressContainer .txt{font-size:11px;font-family:var(--mont);margin-right:auto;}
#mySection .body .mb_progress .progressContainer .bar{position:relative;height:24px;width:0;border-radius:24px;background:var(--mainColor);color:#fff;border:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;margin-right:auto;}
#mySection .body .mb_progress .progressContainer .bar .txt{margin:0;}

#mySection .body .mb_point{padding:0 20px;display:flex;align-items:center;gap:5px;}
#mySection .body .mb_point a{height:19px;padding:0 5px;border-radius:3px;background:var(--mainColor);font-size:11px;color:#fff;display:inline-flex;align-items:center;justify-content:center;}
#mySection .body .mb_point a.win_point{background:#000;}

#mySection .body .mb_quick{padding:0 20px;}
#mySection .body .mb_quick ul{display:flex;align-items:center;justify-content:center;justify-content:space-between;}
#mySection .body .mb_quick ul li{display:flex;align-items:center;justify-content:center;}
#mySection .body .mb_quick ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-weight:600;}
#mySection .body .mb_quick ul li a:before{content:'';width:60px;height:60px;background:#fff;color:var(--mainColor);border-radius:50%;box-shadow:3px 4px 5px rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:center;}
#mySection .body .mb_quick ul li a.link_memo:before{content:'\e169';font-family:'newfont';font-size:27px;font-weight:normal;}
#mySection .body .mb_quick ul li a.link_scrap:before{content:'\e965';font-family:'intaefont';font-size:24px;font-weight:normal;}
#mySection .body .mb_quick ul li a.link_mypage:before{content:'\e9e6';font-family:'intaefont';font-size:24px;font-weight:normal;}
#mySection .body .mb_profile{margin:0 20px;padding:6px 13px;background:#fff;border-radius:20px;box-shadow:0 5px 6px rgba(0,0,0,0.05);color:rgba(71,78,103,0.85);}

#mySection .body .mb_date{background:#fff;margin-top:10px;}
#mySection .body .mb_date li{padding:10px 20px;display:flex;align-items:center;gap:10px;}
#mySection .body .mb_date li:not(:first-child){border-top:1px solid rgba(71,78,103,0.1);}
#mySection .body .mb_date li .label{font-weight:600;}
#mySection .body .mb_date li .con{margin-left:auto;}

#mySection .body #mb_banner{position:relative;margin-top:10px;margin:10px;}
#mySection .body #mb_banner .banner_empty{min-height:40px;display:flex;align-items:center;justify-content:center;background:rgba(71,78,103,0.02);border:1px dashed rgba(71,78,103,0.3);color:rgba(71,78,103,0.5);font-size:15px;border-radius:8px;}
#mySection .body #mb_banner .banner_empty:before{content:'배너를 등록해 주세요.';}
#mySection .body #mb_banner .btnSetting{top:-5px;left:-5px;}





#header #quickMenuWrap{position:relative;width:100%;z-index:40;transition: all .2.5s ease-in-out;padding:0;margin-top:15px;}
#header #quickBannerWrap{margin-top:30px;}







#wrapper{margin-top:30px;background:#f7f8fa;}
	
	#container_wr{position:relative;width:100%;max-width:1195px;display:flex;gap:25px;}
		#sidebanner{position:absolute;left:-175px;top:0;width:150px;}
		#sidebanner .banner_empty{height:300px;display:flex;align-items:center;justify-content:center;background:rgba(71,78,103,0.02);border:1px dashed rgba(71,78,103,0.3);color:rgba(71,78,103,0.5);font-size:13px;border-radius:8px;}
		#sidebanner .banner_empty:before{content:'배너를 등록해 주세요.';}
		#sidebanner .btnSetting{position:absolute;top:-6px;left:-6px;}
		#sideContainer{width:300px;display:flex;flex-direction:column;gap:20px;margin-bottom:80px;}
			#leftbanner{position:relative;}
			#leftbanner .btnSetting{position:absolute;top:-5px;left:-5px;}
			#leftbanner .banner_empty{height:40px;display:flex;align-items:center;justify-content:center;background:rgba(71,78,103,0.02);border:1px dashed rgba(71,78,103,0.3);color:rgba(71,78,103,0.5);font-size:13px;border-radius:8px;}
			#leftbanner .banner_empty:before{content:'배너를 등록해 주세요.';}
		#container{flex:1;width:calc(100% - 325px);margin:0;}


/* 반응형 사이즈 관련 */
#wrapper{padding-top:100px;}

/* 최소 사이즈 //////////////////////////////////////////////////////////////////////////////////////////// */
#header .topSection, #wrapper{/*min-width:1000px;*/}


.list_bundle{top:160px;}






#side_ranking .rankingContainer{display:flex;flex-direction:column;gap:5px;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 4px 5px rgba(0,0,0,0.04);}
	.rankingContainer .hover-tabs{position:relative;display:flex;align-items:center;}
	.rankingContainer .hover-tabs:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1);}
	.rankingContainer .hover-tabs .tab{flex:1;position:relative;font-size:15px;font-weight:bold;height:45px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
	.rankingContainer .hover-tabs .tab.active{color:var(--blue);}
	.rankingContainer .hover-tabs .tab.active:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue);}

	.rankingContainer .tabsContainer{padding:15px;}
	.rankingContainer .tabsContainer ul{display:flex;flex-direction:column;gap:5px;}
	.rankingContainer .tabsContainer ul li{display:flex;align-items:center;gap:10px;width:100%;font-size:14px;white-space:nowrap;height:25px;}
	

	.rankingContainer #rank_lv{counter-reset:list-number;}
	.rankingContainer #rank_lv li{counter-increment:list-number;}
	.rankingContainer #rank_lv li:before{content:counter(list-number);font-size:11px;font-family:'Montserrat', sans-serif;height:18px;width:18px;border-radius:3px;background:rgba(71,78,103,0.15);display:inline-flex;align-items:center;justify-content:center;}
	.rankingContainer #rank_lv li .lv{margin-left:auto;font-size:12px;font-weight:bold;}

	.rankingContainer #rank_point{counter-reset:list-number;}
	.rankingContainer #rank_point li{counter-increment:list-number;}
	.rankingContainer #rank_point li:before{content:counter(list-number);font-size:11px;font-family:'Montserrat', sans-serif;height:18px;width:18px;border-radius:3px;background:rgba(71,78,103,0.15);display:inline-flex;align-items:center;justify-content:center;}
	.rankingContainer #rank_point li .point{margin-left:auto;font-size:12px;font-weight:bold;display:inline-flex;align-items:center;}
	.rankingContainer #rank_point li .point img{margin-right:5px;}
	
	.rankingContainer .tabsContainer ul li:first-child .name,
	.rankingContainer .tabsContainer ul li:nth-child(2) .name,
	.rankingContainer .tabsContainer ul li:nth-child(3) .name{font-weight:bold;}
	.rankingContainer .tabsContainer ul li:first-child .lv,
	.rankingContainer .tabsContainer ul li:nth-child(2) .lv,
	.rankingContainer .tabsContainer ul li:nth-child(3) .lv{color:var(--orange);}
	.rankingContainer .tabsContainer ul li:first-child .point,
	.rankingContainer .tabsContainer ul li:nth-child(2) .point,
	.rankingContainer .tabsContainer ul li:nth-child(3) .point{color:var(--orange);}

	.rankingContainer .tabsContainer ul li:first-child:before{content:'' !important;width:21px !important;height:25px !important;border:0 !important;background:transparent url('./img/icon_rank_1.png') no-repeat center !important;}
	.rankingContainer .tabsContainer ul li:nth-child(2):before{content:'' !important;width:21px !important;height:25px !important;border:0 !important;background:transparent url('./img/icon_rank_2.png') no-repeat center !important;}
	.rankingContainer .tabsContainer ul li:nth-child(3):before{content:'' !important;width:21px !important;height:25px !important;border:0 !important;background:transparent url('./img/icon_rank_3.png') no-repeat center !important;}






@media screen and (max-width:1224px) {
	#header #_top_sub{padding:0 15px}
	#sidebanner{display:none;}
	#wrapper{padding-left:0;padding-right:0;}
	#wrapper #container_wr{padding:15px;}
}
@media screen and (max-width:1010px) {
	#header .topSection{padding:0 30px;}	
	#sideContainer{width:260px}
	#header .topSection .nav_ul{justify-content:flex-start;flex-wrap:wrap;}
	#header .topSection .nav_ul .dep1_link{height:calc(var(--header-height) / 2);}
}
@media screen and (max-width:900px) {
	#container_wr{flex-direction:column;}
	#container_wr > *{width:100%;}
	#container_wr #sideContainer{order:2;}
	#sise_outlogin, #leftbanner{display:none}
}

@media screen and (max-width:780px) {
	#fullmenuSection{left:-100%;right:auto;width:100%;}
	#fullmenuSection.open{right:auto;left:0;}

	#mySection{right:-100%;width:100%;}
	#mySection.open{right:0;}

	#header{--navSize:17px;--menu-hover-color:#fff;}
	#header #_top_sub{height:65px}
	#header #_top_sub .inner{height:100%;}
	#header #_top_sub .logo{display:block;}
	#header #_top_sub .logo img{max-height:36px;width:auto !important;}

	#header .topSection{background:var(--mainColor);color:#fff;padding:0;}
	#header .topSection .inner{gap:20px;}
	#header .topSection:after{display:none;}
	
	#header .inner{display:flex;align-items:center;gap:0 !important;}
	#header .topSec-left{}
	#header .navSecOpener{white-space:nowrap;border:0;font-size:17px;font-weight:400;box-shadow:none;color:#fff;width:auto;flex-direction:row;padding:0 5px 0 15px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
	#header .navSecOpener:before{content:'\e92d';font-family:'intaefont';font-size:16px;}
	#header #sm_nav{flex:1;position:relative;overflow:hidden;}
	#header #sm_nav:before{content:'';position:absolute;top:0;left:0;z-index:5;display:block;width:30px;height:100%;background:linear-gradient(to left, rgba(255,255,255,0) 0%, var(--mainColor) 100%);}
	#header #sm_nav:after{content:'';position:absolute;top:0;right:0;z-index:5;display:block;width:30px;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, var(--mainColor) 100%);}

	#header #sm_nav .sm_nav_ul{padding:0 15px;width:100%;display:flex;align-items:center;}
	#header #sm_nav .sm_nav_ul li{position:relative;font-size:16px;height:46px;padding:0 10px;min-width:80px;display:flex;align-items:center;justify-content:center;width:auto;}
	#header #sm_nav .sm_nav_ul li.active{background:var(--subColor);}
	#header #sm_nav .sm_nav_ul li:last-child{margin-right:20px;}
	
	#header #sm_subNav{position:absolute;top:46px;left:0;z-index:9;width:100%;padding:0 15px;color:#262626;background:#fff;box-shadow:0 3px 4px rgba(0,0,0,0.12);}
	#header #sm_subNav ul{display:flex;align-items:center;gap:15px;}
	#header #sm_subNav ul li{font-size:14px;height:42px;display:inline-flex;align-items:center;justify-content:center;}
	#header #sm_subNav ul li.active{color:var(--mainColor);border-bottom:2px solid var(--mainColor);}




	#wrapper{padding-top:0;margin-top:48px;}
	.hasSubMenu + #wrapper{margin-top:90px;}
	#wrapper .boWrap{padding-bottom:15px !important;}
		
}


@media screen and (max-width:630px) {
	#_botop_bannerSet .gall_ul li:nth-child(3){display:none !important;}
}






@media screen and (min-width:781px) {
	.mobile-only{display:none !important;}
}
@media screen and (max-width:780px) {
	.pc-only{display:none !important;}
}
















@media screen and (max-width:780px) {
	#footer{padding-bottom:0px !important;}
	#mobile-bottom-fixed{position:fixed;bottom:0;left:0;z-index:9;width:100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -6px 6px rgba(0,0,0,0.07);}
	#mobile-bottom-fixed ul{display:flex;align-items:center;justify-content:center;justify-content:space-between;height:50px;}
	#mobile-bottom-fixed ul li{font-size:12px;flex:1;display:flex;align-items:center;justify-content:center;}
	#mobile-bottom-fixed ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:11px;}
	#mobile-bottom-fixed ul li a.safety:before{content:'\e19e';font-family:'newfont';font-size:18px;line-height:18px;color:rgba(71,78,103,0.85);}
	#mobile-bottom-fixed ul li a.event:before{content:'\e1ea';font-family:'newfont';font-size:16px;line-height:18px;color:rgba(71,78,103,0.85);}
	#mobile-bottom-fixed ul li a.point:before{content:'\e1e0';font-family:'newfont';font-size:19px;line-height:18px;color:rgba(71,78,103,0.85);}
	#mobile-bottom-fixed ul li a.my:before{content:'\e98e';font-family:'intaefont';font-size:15px;line-height:18px;color:rgba(71,78,103,0.85);}
	#mobile-bottom-fixed ul li a.login:before{content:'\e98e';font-family:'intaefont';font-size:15px;line-height:18px;color:rgba(71,78,103,0.85);}
	#mobile-bottom-fixed ul li a.home{font-size:0;overflow:hidden;width:70px;height:70px;background:var(--mainColor) url('./img/icon_home.png') no-repeat center 16px / 34px;border-radius:50%;position:absolute;box-shadow:3px 3px 5px rgba(0,0,0,0.15);}
	#mobile-bottom-fixed ul li a.home:before{content:'';position:absolute;width:150px;height:150px;background:rgba(255,255,255,0.1);border-radius:70%;position:absolute;bottom:-5px;right:5px;display:flex;}
	#_gototop{margin-bottom:45px;}
}

















/*─────────────────────────────────────────────────
										[ mySwiper ]
─────────────────────────────────────────────────*/
.mySwiper{position:relative;margin:0 auto;max-width:100%;overflow:hidden;}
.mySwiper .swiper-container{position:relative;margin:0 auto;}
.mySwiper .swiper-container::focus{cursor:move}
.mySwiper .swiper-wrapper{width:100%;}
.mySwiper .swiper-slide{position:relative;top:0;padding:0;/*margin:0 auto;*/}
.mySwiper .swiper-slide img{}
.mySwiper .pagination{display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;bottom:auto !important;}
.mySwiper .swiper-pagination-bullet{display:inline-flex;width:7px;height:7px;border-radius:50%;background:rgba(53,57,69,0.25);margin:0 9px;vertical-align:middle;cursor:pointer;transition:all .1s ease-in-out;opacity:1}
.mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--mainColor)}
.mySwiper .pagination.inside{width:auto;position:absolute;bottom:12px !important;right:12px;left:auto;z-index:3;}
.mySwiper .pagination.inside .swiper-pagination-bullet{background:rgba(234,234,234,0.8);}
.mySwiper .pagination.inside .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--mainColor);opacity:0.85;}
/*pagination (fraction)*/
.mySwiper .pagination.fraction{width:46px;height:21px;font-family:'Montserrat', sans-serif;font-weight:400 !important;font-size:11px;font-weight:300;border-radius:16px;color:#fff;background:rgba(0,0,0,0.6);display:inline-flex;gap:2px;}
.mySwiper .pagination.fraction .swiper-pagination-current{color:#fff;margin:0;padding:0;position:relative}
/*slide button*/
.mySwiper .prev, .mySwiper .next{cursor:pointer;position:absolute;top:50%;margin-top:-20px;z-index:90;opacity:0.6;transition:all .2s ease-in-out;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;}
.mySwiper .prev{left:0px}
.mySwiper .next{right:0px}
.mySwiper .prev:before, .mySwiper .next:before{content:'';font-family:'intaefont';font-size:20px;font-weight:normal;color:#fff;}
.mySwiper .prev:before{content:'\e90c'}
.mySwiper .next:before{content:'\e90d'}
.mySwiper .prev:hover, .mySwiper .next:hover{opacity:1 !important;}
.mySwiper .swiper-button-disabled:before{display:none}
.mySwiper.auto{}

.mySwiper .controller{position:absolute;right:10px;bottom:10px;z-index:9;height:22px;font-size:11px;font-weight:300;border-radius:16px;color:#fff;padding:0 6px;background:rgba(0,0,0,0.3);display:inline-flex;gap:3px;transition:all .2s ease-in-out;}
.mySwiper .controller:hover{background:rgba(0,0,0,0.6);}
.mySwiper .controller .pagination.fraction{background:transparent;width:auto;min-width:30px;border-radius:0;}
.mySwiper .controller .prev, .mySwiper .controller .next{position:relative;top:auto;margin-top:0;opacity:0.8;width:auto;height:22px;}
.mySwiper .controller .swiper-button-disabled:before{display:block}
.mySwiper .controller .prev:before, .mySwiper .controller .next:before{font-size:10px;}