/* 기본레이아웃 */
#sidebar-box					{width:300px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#ffffff; overflow-y:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0);  line-height:100%;}
.sidebar-btn					{position:absolute; text-align:center; width:100px; height:100%; padding-top:30px; top:0px; left:0px; z-index:999997; font-size:35px; color:black; transition:all .3s; }
.sidebar-btn:hover			{color:red; transition:all .3s;}
#navi_head.top1 .sidebar-btn {color:black;}
#navi_head.top2 .sidebar-btn {color:black;}

.share_btn					{position:absolute; text-align:center; width:100px; height:100%; padding-top:30px; top:0px; left:100px; z-index:999997; font-size:30px; color:black; transition:all .3s; cursor:pointer;}

#sidebar-box-mask .close				{text-align: left; font-size: 25px; color: white; position: absolute; top: 30px; left: 330px;}
#sidebar-box-mask .close img		{width:20px;}



/*==================================================================================*/
/* 로고 */
.logo_box									{position:relative; top:0; left:0; width:100%; height:150px; background:#610d00;}
.logo_box .lb_cvr						{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.0); z-index:1; }
.logo_box .lb_ment			{position:absolute; top:20px; right:20px; font-size:0;}
.logo_box .lb_ment i			{display:inline-block; vertical-align:middle; font-size:11px; color:white; padding-right:5px;}
.logo_box .lb_ment span	{display:inline-block; vertical-align:middle; font-size:11px; color:rgba(255,255,255,0.5);  font-family:tahoma;}
.logo_box .lc_sym			{position:absolute; top:25px; left:35px; width:130px;}
.logo_box .lc_sym img	{width:100%;}


/* 
	sc section 
	.sc_section::-webkit-scrollbar {display:none;}
*/
::-webkit-scrollbar-button { display: none; }
.sc_section		{position:relative; top:0; left:0; width:100%;  height:calc(100% - 150px); overflow-x:hidden; overflow-y:overlay;}
.sc_section:: {-ms-overflow-style: none;}
.sc_section::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.sc_section::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }

#navi_mb			{width:100%; text-align:left; float:left; padding:0px 0;}
#navi_mb ul		{width:100%; margin:0; padding:0; }
#navi_mb ul.menu li				{position:relative; float:left; width:100%; font-size:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em;}
#navi_mb ul.menu li a			{display:block; width:100%; padding:22px 0px 22px 25px; border-bottom:1px solid #eeeeee; color:rgba(0,0,0,0.8);  background:#ffffff;}
#navi_mb ul.menu li a:hover {color:#2e0356; font-weight:500; background:#f5f5f5;}
#navi_mb ul.menu li .sub a				{position:relative; float:left; padding:17px 0px 17px 40px; font-size:13px; border-bottom:1px solid rgba(158,158,158,0.1); width:100% !important; color:rgba(0,0,0,0.7); display:block; width:100%; background:#fafafa; }
#navi_mb ul.menu li .sub a:hover	{background:#ffffff; color:#004c82; }
#navi_mb ul.menu .plus			{float:right; margin-right:30px; color:black; opacity:0.6; font-size:11px; padding-top:3px;}
#navi_mb ul.menu .icon				{width:30px; text-align:right; margin-right:10px; color:black; opacity:0.2;}
#navi_mb ul.menu .ft_as_arr	{margin-right:10px; color:black; opacity:0.2;}


/* 네비카테 */
.sc_section ul.cate_menu		{display:inline-block; width:100%; font-size:0; border-bottom:1px solid #eeeeee;}
.sc_section ul.cate_menu li		{display:inline-block; vertical-align:top; width:33.3333%; border:1px solid #eeeeee; border-width:0 1px 1px 0; background:#fafafa;transition:all .3s;}
.sc_section ul.cate_menu li:nth-child(4n) {border-width:0 1px 0 0;}
.sc_section ul.cate_menu li:nth-child(5n) {border-width:0 1px 0 0;}
.sc_section ul.cate_menu li:nth-child(6n) {border-width:0 1px 0 0;}
.sc_section ul.cate_menu li:hover		{background:#ffffff; transition:all .3s;}
.sc_section ul.cate_menu li a		{display:block; width:100%; padding:30px 0; text-align:center; color:black;  position:relative; transition:all .3s;}

.sc_section ul.cate_menu li i		{display:inline-block; width:100%; font-size:22px; padding:5px 0 10px 0;  transition:all .3s;}
.sc_section ul.cate_menu li .icon		{display:inline-block; width:100%; font-size:22px; padding:5px 0 10px 0;  transition:all .3s;}
.sc_section ul.cate_menu li .counter		{position:absolute; top:25px; right:15px; width:auto; background:#999999; color:white; padding:0 5px; border-radius:35px; line-height:18px; font-size:11px; font-family:tahoma; transition:all .3s; display:none;}
.sc_section ul.cate_menu li .lk_name		{display:inline-block; width:100%; font-size:13px; color:rgba(0,0,0,0.9); transition:all .3s; padding-top:10px;}


.event_list		{float:left; width:100%; font-size:0; padding:35px 30px; border-bottom:1px solid #eeeeee; background:#f5f3f3;}
.event_list .sym		{display:inline-block; vertical-align:middle; width:25px; height:25px; padding-top:5px;; background:url(/images/event_on.png) no-repeat; background-size:cover; font-size:11px; font-family:tahoma; color:white; text-transform:uppercase; text-align:center;}
.event_list .tit				{display:inline-block; vertical-align:middle; width:calc(100% - 85px); font-size:12px; padding-left:10px; color:black;}
.event_list .tit .point	{color:#e51736;}
.event_list .tit .hd		{}
.event_list .cnt			{display:inline-block; vertical-align:middle; width:60px;font-size:20px; text-align:right; font-family: 'Roboto', sans-serif; font-weight: 300; color:black; line-height:100%; padding-bottom:3px;}


.map_position		{float:left; width:100%; background:#ffffff/* url(/images/bg_sl_map.png) no-repeat; background-size:cover*/;}
.map_position .mp_cvr		{float:left; width:100%; font-size:0; padding:30px 30px; background:rgba(255,255,255,0.8); position:relative;}
.map_position .pick_link		{position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;}
.map_position i		{display:inline-block; vertical-align:middle; width:70px; text-align:right;font-size:45px; color:#333333; transition:all .3s;}
.map_position .mp_txt		{display:inline-block; vertical-align:middle; width:calc(100% - 70px); padding:5px 30px 5px 0; border-right:0px solid #eeeeee;}
.map_position .mp_txt .mt_tt		{float:left; width:100%; font-size:18px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; line-height:120%; padding-bottom:7px; color:black;}
.map_position .mp_txt p		{float:left; width:100%; font-size:11px; line-height:150%; color:rgba(0,0,0,0.6);}
.map_position .mp_txt p .last		{color:rgba(0,0,0,0.9);}
.map_position:hover i		{color:red; transition:all .3s;}

.cimg_slide img	{width:50%;}
.contest_ntc		{float:left; width:100%; padding:45px; text-align:center; background:rgba(0,0,0,0.5); color:white; text-align:left; position:relative;}
.contest_ntc span	{position:absolute; top:20px; right:20px; color:white; font-size:11px; padding:0 5px; line-height:20px;border-radius:2px;background:#d6083d;}
.contest_ntc .cnt_l			{float:left; width:100%; color:rgba(255,255,255,0.8); font-size:11px;}
.contest_ntc .cnt_h		{float:left; width:100%; font-size:18px; line-height:120%; padding:10px 0 0 0; }
.contest_ntc .cnt_d		{float:left; width:100%; font-family:'Roboto', sans-serif; font-weight:300; font-size:14px; padding-top:15px;}

ul.pick_li {float:left; margin: 0;  width:100%;}
ul.pick_li li {float: left; width:50%; text-align:center; }
ul.pick_li li a {float:left; display:block; width:100%;  background:#1e2835; transition:all .2s;}
ul.pick_li li a:hover {background:red; transition:all .2s;}

.call_box			{float:left; width:100%; font-size:0; color:white;padding:35px 0;}
.call_box.bg1	{background:rgba(0,0,0,0.3);}
.call_box.bg2	{background:rgba(0,0,0,0.0);}
.call_box i			{display:inline-block; vertical-align:middle; width:100%;font-size:27px;}
.call_box .sec		{display:inline-block; vertical-align:middle; width:100%;}
.call_box .sec .txt				{float:left; width:100%; font-size:12px; padding-top:15px; line-height:120%; }
.call_box .sec .stx				{float:left; width:100%; font-size:11px; padding-top:5px;opacity:0.5; font-family:tahoma;}

.app_down		{float:left; width:100%; font-size:0; padding:30px 30px 30px 20px; color:black; background:#fafafa; border-bottom:1px solid #eeeeee;}
.app_down .icon				{display:inline-block; vertical-align:middle; width:70px; text-align:center;}
.app_down .icon i				{float:left; width:100%; font-size:45px;}
.app_down .icon i.clr1				{color:black;}
.app_down .icon i.clr2				{color:#029600;}
.app_down .icon span			{float:left; width:100%; font-family:tahoma; font-size:11px; padding-top:5px; color:rgba(0,0,0,0.5);}
.app_down .ad_if		{display:inline-block; vertical-align:middle; width:calc(100% - 70px); padding:5px 0 5px 20px; border-left:1px solid #eeeeee;}
.app_down .ad_if .ap_nm		{float:left; width:100%; font-size:18px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; line-height:120%;}
.app_down .ad_if .ap_eng		{float:left; width:100%; font-size:11px; font-family:tahoma; padding:1px 0 7px 0; color:rgba(0,0,0,0.5); letter-spacing:0.05em;}
.app_down .ad_if .ap_txt		{float:left; width:100%; font-size:11px; line-height:130%; color:rgba(0,0,0,0.6);}

/* 카피라이트 */
.mn_s_copy					{float:left; width:100%; padding:18px 0 20px 0; text-align:center; line-height:100%; font-size:11px; font-family:tahoma;}
.mn_s_copy .df				{opacity:0.6;}
.mn_s_copy .name		{margin:0 5px 0 0;}

.lng_box			{width:100%; text-align:center; float:left; padding:0px 0;}
.lng_box ul		{width:100%; margin:0; padding:0; }
.lng_box ul li				{float:left; width:50%; font-size:11px; font-family:tahoma; letter-spacing:0em;}
.lng_box ul li a			{display:block; width:100%; height:40px; padding:15px 0px; color:rgba(0,0,0,0.8); line-height:100%; background:#fafafa;}
.lng_box ul li a:hover {color:white; font-weight:500;}
.lng_box ul .on a {background:#bf1d2d; color:white;}
.lng_box ul .off a {background:#737373;color:rgba(255,255,255,0.6);}

/* 퀵 */
.qm_set					{float:left; width:100%;}
.qm_set .fic			{float:left; width:100%; font-size:18px;}
.qm_set .fnm		{float:left; width:100%; font-size:9px; padding-top:7px; opacity:0.6;}
.actor_profile_mb {float:left; width:100%; height:136px; background:url("/images/actor_bg_mb.jpg"); background-size:100% auto; text-align:left;}
.actor_profile_mb .count {float:left; width:100%; padding:80px 0 0 27px;;font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:22px; color:#002985;}

/* 최근글 / 최근글출력글은 실제파일에 적용 */
.latest_section_mb		{float:left; width:100%; padding:25px 30px 0px 30px; background:white; border-bottom:1px solid #eeeeee;}
.notice_lt				{text-align:left; float:left; width:100%; background:white;}
.notice_lt .title		{float:left; height:22px;  padding:0 10px;background:#bf1d2d; color:white; line-height:22px; text-align:center; font-size:9px; text-transform:uppercase; font-family:tahoma; font-weight:bold; margin:15px 0 0 15px; border-radius:0px 0;}
.notice_lt .call		{float:left; width:100%;  padding:15px 0 15px 0; }

/* 배너리스트 */
.mb_banner					{float:left; width:100%; border-top:1px solid #eeeeee;}
.mb_banner img			{width:250px; }

/* SNS */
#mb_sns					{float:left; width:100%; background:#fafafa;; padding:13px 30px 8px 30px; text-align:center;}
#mb_sns .sns_cnt		{float:left; margin:0; padding:0 0 0 0; font-size:0; width:100%; border:0px solid red; text-align:center;}
#mb_sns .sns_cnt li		{display:inline-block; width:25%;margin:0 0px; border:0px solid red; text-align:center;float:none;}
#mb_sns .sns_cnt li a	{display:inline-block; font-size:18px; color:black; transition:all .2s; float:none;}


/* 파트너회원가입바로가기 */
.partner_join_exp		{position:relative; top:0; left:0; width:100%; background:#ffeb00; font-size:0; overflow:hidden; margin-top:-1px;}
.partner_join_exp:after		{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/pat tern_block.png);}
.partner_join_exp .exp		{display:inline-block; vertical-align:middle; width:100%; position:relative; padding:50px 35px; z-index:1;}
.partner_join_exp .exp h3		{display:inline-block; width:100%; font-family: 'GmSansM'; font-weight:normal; font-size:20px; position:relative; line-height:100%; color:#000;}
.partner_join_exp .exp h3:before		{content:"무료"; position:absolute; top:-40px; left:-25px; background:red; line-height:100%; font-family:NanumBarunGothic, sans-serif; font-weight:normal; font-size:12px; color:#fff; border-radius:3px; padding:5px;}
.partner_join_exp .exp p			{display:inline-block; width:100%; position:relative; font-size:13px; padding-top:7px; color:rgba(0,0,0,0.7);}
.partner_join_exp .house		{position:absolute; top:30px; right:25px; width:75px; z-index:1; }
.partner_join_exp .house img		{width:100%;}

/* 기타메뉴동선 */
nav.etc_add_menu {position:relative; font-size:0; text-align:left; padding:25px; width:100%;}
nav.etc_add_menu li {display:inline-block; vertical-align:top; width:33.3333%;}
nav.etc_add_menu li a {display:block; width:100%; font-size:12px; padding:5px 0 5px 0px; color:#333;}


/* 마스크 / 키프레임=적용시간 */
#sidebar-box-mask{
	display:none; position:fixed; z-index:99999997; background:rgba(0,0,0,0.6); left:0; top:0; width:100%; height:100%; 
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	-o-animation: fadein 2s; /* Opera */
}

	@keyframes fadein {
		from {opacity:0;}
		to {opacity:1;}
	}
	@-moz-keyframes fadein { /* Firefox */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-webkit-keyframes fadein { /* Safari and Chrome */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-o-keyframes fadein { /* Opera */
		from {opacity:0;}
		to {opacity: 1;}
	}
	@keyframes fadeout {
		from {opacity:1;}
		to {opacity:0;}
	}
	@-moz-keyframes fadeout { /* Firefox */
		from {opacity:1;}
		to {opacity:0;}
	}
	@-webkit-keyframes fadeout { /* Safari and Chrome */
		from {opacity:1;}
		to {opacity:0;}
	}
	@-o-keyframes fadeout { /* Opera */
		from {opacity:1;}
		to {opacity:0;}
	}

/* 메인공유영역 */
.main_share_box		{position:fixed; top:-170px; left:0; width:100%; background:#fff; text-align:center; z-index:10000000; transition:all .3s; border-bottom:1px solid #eee;}
.main_share_box.show		{top:0; transition:all .3s;}
.main_share_box .con_bx		{display:inline-block; max-width:1000px; width:100%; padding:30px; text-align:left; position:relative;}
.main_share_box .con_bx > i		{position:absolute; top:25px; right:25px; font-size:25px;}
.main_share_box .con_bx .hdbx		{display:inline-block; width:100%; padding-bottom:15px;}
.main_share_box .con_bx .hdbx h3		{display:inline-block; width:100%; font-family:Noto Sans KR, sans-serif; font-size:18px; font-weight:500; letter-spacing:-0.05em; color:#000; line-height:120%;}
.main_share_box .con_bx .hdbx p		{display:inline-block; width:100%; font-size:11px; color:#777; padding-top:3px;}
.main_share_box .con_bx .sr_icon		{display:inline-block; width:100%; padding-bottom:15px;}


.main_share_box .con_bx .sr_icon ul.sns_share li {margin: 0 5px 0 0 !important;}
.main_share_box .con_bx .sr_icon ul.sns_share li img {width: 35px !important; height:auto;}