@charset "UTF-8";
/* CSS Document */
html{height:100%;margin:0;padding:0;overflow-y:scroll;overflow-y:none;}
body{margin:0;padding:0;color:#555;font-size:14px;-webkit-text-size-adjust:none}
body, input, textarea, select, button, table{color:#555;font-size:14px;font-family: 'Nanum Gothic', sans-serif;}
h1, h2, h3, h4, p{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block}
i, em{font-style:normal;}
a{text-decoration:none;color:#555;font-size:12px}
a:active{outline:none;color:inherit;}
/* img{border:0 none;vertical-align:top} */
img {border: medium none;vertical-align: middle;}
ul, ol, dl{margin:0;padding:0;list-style:none}
dt, dd, li{margin:0;padding:0;list-style:none;}
fieldset{border:0 none;margin:0;padding:0;}
legend{font-size:0;line-height:0;text-indent:-9999px;}
label{cursor:pointer;}
table{border-collapse:collapse}
* {
    box-sizing: border-box;
    moz-box-sizing: border-box;
    webkit-box-sizing: border-box;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* .clearfix {clear:both;}
.bold {font-weight:bold;} */

.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}

.per5{width:5%;}
.per10{width:10%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%}
.per55{width:55%;}
.per60{width:60%}
.per65{width:65%;}
.per70{width:70%}
.per75{width:75%;}
.per80{width:80%}
.per85{width:85%;}
.per90{width:90%}
.per95{width:95%;}
.per100{width:100%;}

.px10{width:10px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px60{width:60px;}
.px70{width:70px;}
.px80{width:80px;}
.px90 {width:90px;}
.px100{width:100px;}
.px150{width:150px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px350{width:350px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:550px;}
.px600{width:600px;}
.px650{width:650px;}
.px700{width:700px;}

.btn-primary {color: #fff;background-color: #ff3399;border-color: #ff3399;background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #ff3399;
  border-color: #ff3399;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ff3399;
  border-color: #ff3399;
}
.btn-primary .badge {
  color: #ff3399;
  background-color: #fff;
}

.btn-danger {
	color: #fff;
	background-color: #ff3399;
	border-color: #ff3399;
	background-image: none;
	padding: 4px;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ce4741;
  border-color: #ce4741;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger
,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff5c57;
  border-color: #ff5c57;
}
.btn-danger .badge {
  color: #ff5c57;
  background-color: #fff;
}

.btn-turquoise {
  color: #fff;
  background-color: #00acac;
  border-color: #00acac;
  background-image: none;
}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
  color: #fff;
  background-color: #008a8c;
  border-color: #008a8c;
}
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active {
  background-color: #00acac;
  border-color: #00acac;
}
.btn-turquoise .badge {
  color: #00acac;
  background-color: #fff;
}

.btn-royalblue {
  color: #fff;
  background-color: #717bb6;
  border-color: #717bb6;
  background-image: none;
}r
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue {
  color: #fff;
  background-color: #464a6f;
  border-color: #464a6f;
}
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active {
  background-color: #717bb6;
  border-color: #717bb6;
}
.btn-royalblue .badge {
  color: #717bb6;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f49b1b;
  border-color: #f49b1b;
  background-image: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #c57e00;
  border-color: #c57e00;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f49b1b;
  border-color: #f49b1b;
}
.btn-warning .badge {
  color: #f49b1b;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #ff3399;
  border-color: #ff3399;
  background-image: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #3492ac;
  border-color: #3492ac;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #ff3399;
  border-color: #ff3399;
}
.btn-info .badge {
  color: #ff3399;
  background-color: #fff;
}

.btn-success {
	color: #ffffff;
	background-color: #ff3399;
	border-color: #ff3399;
	background-image: none;
	padding: 4px;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #ff3399;
  border-color: #ff3399;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5db75d;
  border-color: #5db75d;
}
.btn-success .badge {
  color: #5db75d;
  background-color: #fff;
}


.btn-silver {
  color: #fff;
  background-color: #b7c2c8;
  border-color: #b7c2c8;
  background-image: none;
}
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {
  color: #fff;
  background-color: #929ba2;
  border-color: #929ba2;
}
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active {
  background-color: #b7c2c8;
  border-color: #b7c2c8;
}
.btn-silver .badge {
  color: #b7c2c8;
  background-color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #2c353c;
  border-color: #2c353c;
  background-image: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active {
  background-color: #2c353c;
  border-color: #2c353c;
}
.btn-black .badge {
  color: #2c353c;
  background-color: #fff;
}
.menu li{float:left; margin-left:20px;height:30px;}
.menu li:first-child{margin-left:0}
.menu li a{font-size:22px;font-weight:bold;}
.menu li a.on{color:#ff3399;}
.menu li a:hover{color:#ff3399;}
.menu li>a{padding: 0;}
.menu li.active>a, .menu li>a:hover, .menu li>a:focus, .menu .open>a{color: #ff3399;padding: 0;display: inline-block;}
.menu .dropdown-menu{display:none;margin-top: 2px;position:fixed;z-index:1000;width:130px;border:1px solid #ff3399;}
.menu .dropdown-menu li{float:left;height: 36px;background-color:#fff;margin-left:0;border-bottom:1px solid #c2c2c2;}
.menu .dropdown-menu li:last-child{border-bottom:0}
.menu .dropdown-menu li a{display:block;width:128px;color:#000;padding-left:17px;font-weight:500;font-size:13px;line-height:15px;height: 36px;line-height: 36px;}
.menu .dropdown-menu li a:hover{background-color:#ff3399;color:#fff;}
/*.menu .dropdown-menu li.active>a, .menu .dropdown-menu li>a:hover, .menu .dropdown-menu li>a:focus {color: #000;padding: 0;display: block;}*/
.menu .dropdown-menu {display:none;}
.menu .open .dropdown-menu {display:block;}

.wrapper{margin:0 auto; overflow:hidden; width:100%;}
.container{width:1170px; margin:0 auto;}
.container h3{
	font-size: 18px;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 20px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}

.form-control{background-color: #FFFFFF;background-image: none;border: 1px solid #e5e6e7;border-radius: 5px;color: inherit;display: inline-block;padding: 6px 12px;font-size: 14px;vertical-align: middle;  }
.panel-heading{font-size:14px;}

/* header */
.header{position:relative;width:100%;}
.header .tw_login_section{width:1130px;margin:0 auto;}
.header .tw_login_section .tw_section{float:left;border-left:1px solid #ddd;border-right:1px solid #ddd}
.header .tw_login_section .tw_section a{display:block;padding:6px 24px 5px 11px;}
.header .login_section{float:right;padding-top: 0px;}

.header .header-top-menu {float: right;height: 30px;line-height: 30px;}
.header .header-top-menu .fa{color:#666;}
.header .header-top-menu li{float:left; padding:0 4px;color:#666; font-size:12px;}
.header .header-top-menu li a{ olor: #909090;
    font-size: 14px;
    font-weight: bold;}
.header .fa{padding-right:5px;}

.header .login_section .login a{display:block;float:left;padding:8px 9px 6px 11px;}
.header .login_section .join a{display:block;float:left;padding:8px 24px 6px 7px;}
.header .login_section .line{width:1px;height:10px;position:absolute;top:8px;left:51px;background-color:#ddd}

.header .main_head{width: 100%;
    height: 148px;
    border-bottom: 5px solid #dddddd;}
.header .main_head .main_head_section{width:1130px;margin:0 auto;}
.header .main_head .main_head_section h1{float:left;padding-top:28px;/**/padding-left:3px;}
.header .main_head .main_head_section .menu_section{width:100%;padding-top:6px;}
.header .main_head .main_head_section .menu_section .tit_img{text-align:center;}
.header .main_head .main_head_section .menu_section .menu{overflow:hidden;width:720px;margin:7px auto 0;float:left}


.header .main_head .main_head_section .m_menu_btn{display:none;}

.header .main_head .banner_search{float:left;}
.header .main_head .banner_search .search fieldset{position:relative;}
.header .main_head .banner_search .banner{padding-top:8px;padding-bottom:4px}
.header .main_head .banner_search .search input{width:160px;height:26px;padding-left:3px;border:1px solid #b5b5b5;}
.header .main_head .banner_search .search button{position:absolute;top:0;right:0;background-color:#ff3399;border:0;color:#fff;cursor:pointer;height:26px;}
/*
header{background: #082a47;color: #fff;display: block;clear: both; width:100%;}
header .header-top-menu {float:right;height:30px;line-height: 40px;}
header .header-top-menu .fa{color:#ccc;}
header .header-top-menu li{float:left; padding:0 10px;color:#ccc; font-size:12px;}
header .header-top-menu li a{ color:#ccc; font-size:12px;}
header .fa{padding-right:5px;}
header .badge{margin-left:5px;font-size: 10px;}
*/
.header_line {background: #082a47; height:3px; line-height:3px;clear: both; width:100%;}


.header .sub_head{display:none;width:100%;height:29px;background-color:#f1f0e6;border-bottom:1px solid #cacac1;}
.header .sub_head .section{width:1130px;height:30px;margin:0 auto;overflow:hidden;}
.header .sub_head .section .location{float:left;font-size:12px;padding-top:7px;}
.header .sub_head .section .location a.location_arrow{margin-left:8px;padding-left:18px;background:url('/assets/img/ico_location.png') no-repeat 0 1px;}
.header .sub_head .info_list{float:right}
.header .sub_head .info_list li{border-left:1px solid #acaca4;float:left;height:28px;width:120px;}
.header .sub_head .info_list li:last-child{border-right:1px solid #acaca4;margin-right:150px}
.header .sub_head .info_list li a{display:block;height:100%;text-align:center;line-height:30px;}
.header .sub_head .info_list li a.point_ranking{padding-right:15px;background:url('/assets/img/point_ranking_img.png') no-repeat top 6px right 12px;}
.header .sub_head .info_list li a.etc{padding-right:15px;background:url('/assets/img/etc_img.png') no-repeat top 5px right 20px;}
.header .m_menu{display:none;}
.header .m_category_kind{display:none;}
.header .m_select{display:none;}
.header .m_menu_area{display:none;}

/* content */
.main_wrap{position:relative;width:1130px;margin:-1px auto;/*overflow:hidden;*/}

.ad_list{margin:30px 0 30px 0; padding: 0 6px 0 0;}
.ad_list ul{ overflow:hidden; margin:-20px auto 0 auto; max-width:1200px;}
.ad_list ul li{ margin:6px 2px 0 0; float:left; width:33%;}
.ad_list ul li a{ display:block; margin:0 1px;}
.ad_list ul li a .img{ overflow:hidden; position:relative;border-radius: 2px;}
.ad_list ul li a .img .new{ display:none; position:absolute; z-index:2; top:0; left:0;}
.ad_list ul li a .img .top{ display:block; position:absolute; z-index:1; top:0; right:0; width:100%;}
.ad_list ul li a .img .bottom{ display:block; width:100%; height:auto;}
.ad_list ul li a .number{ float:left; margin:10px 10px 0 0; line-height:40px; font-size:40px; font-weight:100; color:#333;}
.ad_list ul li a .tit{ margin:10px 0 5px 0; line-height:20px; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ad_list ul li a .genre{ line-height:15px; font-size:13px; color:#999;margin: 5px 0 5px 0;}
.ad_list ul li a .date{ line-height:15px; font-size:13px; color:#999;}
.ad_list ul li.new a .img .new{ display:block;}

.main_gallery_list_ul {
	border-collapse: collapse;
	width: 99.8%;
	white-space: nowrap;
	overflow: auto;
	overflow-x: hidden;
	margin: 0 auto;
	margin-bottom: 5px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.main_gallery_list_ul li {
	width:24%;
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
	padding:20px 10px 0 4px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    max-height: 200px;
}
.caption p {
	margin-top: 6px;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
}
@media(max-width:1000px){
	.ad_list ul li{ width:50%;}
}

@media(max-width:767px){
	.event_head{margin-top:200px;}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		max-height: 180px;
	}

	.main_gallery_list_ul {
		overflow-x: auto;
	}

	.main_gallery_list_ul li {
		width:48%;
		display: inline-block;
		white-space: nowrap;
		margin-right: 10px;
		padding:20px 10px 0 4px;
	}

	.ad_list{/*margin-top:226px;*/ padding: 0 6px 0 0;}
	.ad_list ul li{ width:100%;}
	.ad_list{ padding:0 2px;}
	.ad_list ul{ margin:-20px 0 0 0;}
	.ad_list ul li{ margin:4px 0 0 0;}
	.ad_list ul li a .img .new{ width:auto; height:35px;}
	.ad_list ul li a .tit{ margin:8px 5px 0 0; font-size:13px;}
	.ad_list ul li a .date{ font-size:10px;}
}


.video_head{ overflow:hidden; padding:0;}
.video_head .row{ position:relative; margin:0 auto; padding:10px 0 10px 0; max-width:1200px;}
.video_head .tit{ height:35px; line-height:37px; font-size:30px; color:#333;font-weight:bold;}
.video_head .tit h2{ height:35px; line-height:37px; font-size:30px; color:#333;font-weight:bold;}
.video_head .row h2{ height:35px; line-height:37px; font-size:30px; color:#333;font-weight:bold;}
.video_head .tit font{ color:#999;}

@media(max-width:767px){
	.video_head{ padding:0 10px;}
	.video_head .row{ padding:20px 0 0 0;}
	.video_head .tit{ height:30px; line-height:30px; font-size:25px;}
}





.main_wrap .left_ct{width:1130px;float:left;margin-top: 20px;}
.main_wrap .left_ct .page_head{overflow:hidden;border-bottom:3px solid #241d1e;padding-bottom:13px;}
.main_wrap .left_ct .page_head > h3 {
    display: inline-block;
    position: relative;
    height: inherit;
    margin: 0;
    background-image: none;
    color: #222;
    font-weight: 500;
    font-size: 36px;
    text-align: left;
    vertical-align: middle;
    font-family: Arial, nbgr, '나눔바른고딕', '돋음';
}
.main_wrap .left_ct .page_head .range{float:right;margin-top:18px;}
.main_wrap .left_ct .page_head .range li{float:left;margin-left:20px}
.main_wrap .left_ct .page_head .range li:first-child{margin-left:0}
.main_wrap .left_ct .page_head .range li a{font-size:14px;color:#666;}
.main_wrap .left_ct .page_head .range li a.on{color:#ff3399;}
	.page_head_mobile{
		display: none;
	}


.main_wrap .left_ct .page_head2{overflow:hidden;border-bottom:3px solid #241d1e;padding-bottom:13px;}
.main_wrap .left_ct .page_head2 .range{float:right;margin-top:18px;}
.main_wrap .left_ct .page_head2 .range li{float:left;margin-left:8px}
.main_wrap .left_ct .page_head2 .range li:first-child{margin-left:0}
.main_wrap .left_ct .page_head2 .range li a{font-size:14px;color:#666;}
.main_wrap .left_ct .page_head2 .range li a.on{color:#ff3399;}
.main_wrap .left_ct .detail_list_section{overflow:hidden;}
.main_wrap .left_ct .detail_list_section.mt0{margin-top:0}
.main_wrap .left_ct .detail_list_section .business_check_list{overflow:hidden;}
.main_wrap .left_ct .detail_list_section .business_check_list li{float:left;margin-right:15px;font-size:12px;}
.main_wrap .left_ct .detail_list_section .business_check_list li input{vertical-align:text-top;margin:0}
.main_wrap .left_ct .detail_list_section .detail_list{overflow:hidden;margin-top:20px;}
.main_wrap .left_ct .detail_list_section .detail_list li{float:left;margin-left:112px;margin-bottom:50px;}
.main_wrap .left_ct .detail_list_section .detail_list li.first{margin-left:0}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item{width:197px}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .num{border:6px solid #000;background-color:#333;/*font-size:20px;*/color:#fff;text-align:center;padding-top:7px;padding-bottom:5px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .num.on{background-color:#ff3399;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .str{border:6px solid #000;background-color:#333;font-size:16px;color:#fff;text-align:center;padding-top:7px;padding-bottom:5px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .str.on{background-color:#ff3399;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .img{border:6px solid #000;margin-top:4px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .sale_img{position:absolute;/*width: 15%;*/}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .big_img{float:right;position:absolute;margin-left: 150px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .sale_event_pc_img{position:absolute;margin-top:11%;width:16%;text-align: center;}
.sale_event_mo_img{display:none}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section{overflow:hidden;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section .tit{margin-top:10px;float:left;width:auto;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section .tit .spot_nam{font-size:16px;color:#333;overflow: hidden;text-overflow: ellipsis;width: 120px;height:22px;white-space: nowrap;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section .tit .spot_nam h3{font-size:16px;line-height: 1.4;color:#333;overflow: hidden;text-overflow: ellipsis;width: 120px;height:24px;white-space: nowrap;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section .tit .nick_nam{font-size:16px;color:#000000;font-weight:bold;overflow: hidden;text-overflow: ellipsis;width: 120px;height:24px;white-space: nowrap;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section .tit .nick_nam h4{font-size:16px;line-height: 1.4;color:#000000;font-weight:bold;overflow: hidden;text-overflow: ellipsis;width: 120px;height:22px;white-space: nowrap;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section .point_num{margin-top:10px;float:right}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section .point_num .egg_num{display:inline-block;color:#000;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info{overflow:hidden;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info{float:left;width:90px;border-right:1px solid #d7d3c9;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info dl{overflow:hidden;width:86px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info dt{float:left;font-weight:bold;font-size:12px}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info dd{float:right;font-size:12px}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info .like_number{margin-top:10px;width:74px;height:26px;background:url('/assets/img/heart_num.png') no-repeat 0 0;text-align:right;padding-top:4px}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info .like_number_phone{margin-top:8px;width:80px;height:30px;text-align:left;padding-top:4px}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info .like_number .n_tx{margin-right:6px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .appear_info{float:right;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .appear_info dl{overflow:hidden;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .appear_info dt{text-align:right;font-weight:bold;font-size:12px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .appear_info dt h6{display: inline;font-weight:bold;font-size:12px;line-height:1.0;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .appear_info dd{text-align:right;font-size:12px;}
.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .appear_info .btn{float:right;margin-top:8px;padding:0px;}


/* category */
.newicon{
	vertical-align: inherit;
}

.category_all{overflow:hidden;margin-top:25px;}
.category_all .category_kind{overflow:hidden;}
.category_all .category_kind li{float:left;text-align:center;border-top:1px solid #333;border-bottom:2px solid #333;border-left:1px solid #333;}
.category_all .category_kind li:last-child{border-right:1px solid #333;}
.category_all .category_kind li.on a{color:#fff;background-color:#333;}
.category_all .category_kind li a{display:block;width:107.7px;font-size:14px;font-weight:bold;padding-top:9px;padding-bottom:8px}
.category_all .category_location{overflow:hidden;background-color:#f2f0e6;padding:21px;}
.category_all .category_country{overflow:hidden;}
.category_all .category_country li{float:left;}
.category_all .category_country li.on a{border-left:2px solid #353535;border-top:2px solid #353535;border-right:2px solid #353535;}
.category_all .category_country li.br_ri a{border-right:0}
.category_all .category_country li a{display:block;width:104px;text-align:center;padding-top:8px;padding-bottom:5px;border-top:2px solid #acaba2;border-right:2px solid #acaba2;}
.category_all .category_country li:first-child{border-left:2px solid #acaba2;}
.category_all .sub_location{overflow:hidden;border-top:2px solid #353535}
.category_all .sub_location li{float:left;width:116px;text-align:center;color:#333;padding-top:25px;font-weight:bold;}
.category_all .sub_location li a{font-size:14px;}
.category_all .sub_location li.on a{color:#ac262a;}

/* notice_search */
.notice_search{text-align:right;margin-top:10px;}
.notice_search input{height:25px;padding-left:4px;vertical-align: middle;}
.notice_search select{height:25px;vertical-align: middle;}
.notice_search button{background-color:#ff3399;border:0;color:#fff;cursor:pointer;height:26px;/*margin:0 0 4px 0;*/padding:4px 8px;}
.notice_search button{vertical-align:middle;}
.notice_search2{text-align:right;margin-top:10px;}
.notice_search2 input{height:19px;padding-left:4px;}
.notice_search2 select{height:25px;}
.notice_search2 button{background-color:#fff;border:0;color:#fff;cursor:pointer;height:26px;margin:0 0 4px 0;padding:0}
.notice_search2 button{vertical-align:middle;}

/* notice */
.note_tble table{width:100%;}
.note_tble table th{text-align:left;border-bottom:2px solid #dcdcdb;padding:10px 0 10px 5px;font-size:12px;}
.note_tble table td{border-bottom:1px solid #dcdcdb;padding:10px 0 10px 5px;font-size:12px;vertical-align:bottom;}
.note_tble table td .noti_tit{display:block;width:27px;background-color:#f36464;color:#fff;border-radius:3px;text-align:center;padding:1px 0}
.note_tble table td a{/*font-weight:bold;*/}
.note_tble table td .class_img img{vertical-align:bottom;}

/* notice view */
.notice_view{width:100%;border-top:1px solid #dcdcdb;border-bottom:1px solid #dcdcdb}
.notice_view .view_section{overflow:hidden;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #dcdcdb}
.notice_view .view_section .img{float:left;margin-right:15px;}
.notice_view .view_section .img .tit{text-align:center; margin-top: 10px; margin-bottom: 10px;}
.notice_view .view_section .notice_view_tx{float:left;width:735px;}
.notice_view .view_section .notice_view_tx .tit_nam{font-size:12px;font-weight:bold;color:#241d1e;margin-bottom:8px;}
.notice_view .view_section .notice_view_tx .tit_nam .noti_tit{display:inline-block;width:36px;background-color:#f36464;color:#fff;border-radius:3px;text-align:center;padding:1px 0}
.notice_view .view_section .notice_view_tx .tit_p{font-size:18px;font-weight:bold;color:#241d1e;margin-bottom:8px;}
.notice_view .view_section .notice_view_tx .notice_view_info{color:#241d1e;font-size:12px;margin-bottom:8px;}
.notice_view .view_section .notice_view_tx .notice_view_info span{margin-right:20px;}
.notice_view .view_section .notice_view_tx .notice_view_info .id img{vertical-align:bottom;margin-right:5px;}
.notice_view .view_section .notice_view_tx .notice_view_info .time img{vertical-align:middle;margin-right:5px;margin-bottom:3px;}
.notice_view .view_section .notice_view_tx .notice_view_info .view img{vertical-align:middle;margin-right:5px;margin-bottom:3px;}
.notice_view .view_section .notice_view_tx .notice_view_info .reply img{vertical-align:middle;margin-right:5px;margin-bottom:3px;}
.notice_view .view_section .notice_view_tx .tx_p{color:#241d1e;}

/* notice detail */
.notice_detail{overflow:hidden;margin-top:40px;border-bottom:1px solid #dcdcdb;padding-bottom:30px;margin-bottom:20px}
.notice_detail .notice_detail_tit{font-size:16px;font-weight:bold;border-bottom:1px solid #dcdcdb;padding-bottom:10px;margin-bottom:20px}
.notice_detail .notice_view_info span{margin-right:20px;}
.notice_detail .notice_view_info .right_info{float:right;}
.notice_detail .notice_view_info .id img{vertical-align:bottom;margin-right:5px;}
.notice_detail .notice_view_info .time img{vertical-align:middle;margin-right:5px;margin-bottom:3px;}
.notice_detail .notice_view_info .view img{vertical-align:middle;margin-right:5px;margin-bottom:3px;}
.notice_detail .notice_view_info .reply img{vertical-align:middle;margin-right:5px;margin-bottom:3px;}
.notice_detail .notice_write_view{padding-top:40px;padding-bottom:50px;}
.notice_detail .notice_write_view img{max-width:100%;}
.notice_reply{margin-bottom:40px;}
.notice_reply li{width:100%;display:table;overflow:hidden;border-top:1px solid #999;padding-top:13px;padding-bottom:13px;}
.notice_reply li:last-child{border-bottom:1px solid #999}
.notice_reply .section{width:150px;vertical-align:middle;display:table-cell;text-align:center;}
.notice_reply .tx{vertical-align:middle;display:table-cell;}
.notice_reply .date{vertical-align:middle;display:table-cell;text-align:right;padding-right:10px;}
.notice_reply .section .member_tx{text-align:center;font-size:12px;margin-top:8px;}
.notice_reply .section .member_tx .tx_c{color:#7b0005;}
.notice_detail .writing{border:1px solid #dcdcdb;background-color:#ececec;padding:10px 10px;}
.notice_detail .writing textarea{width:90%;height:67px;margin-right:10px;}
.notice_detail .writing3{border:1px solid #dcdcdb;background-color:#ececec;padding:10px 10px;}
.notice_detail .writing3 textarea{width:90%;height:67px;margin-right:10px;}
.notice_reply_btn{margin-top:15px;}
.notice_reply_btn .left{float:left;}
.notice_reply_btn .right{float:right;}



/* notice view 2*/
.notice_view2{width:100%;border-top:1px solid #dcdcdb;border-bottom:1px solid #dcdcdb}
.notice_view2 .view_section .img{width: 25%;float: left;/* margin-right: 25px; */text-align: center;}
.notice_view2 .view_section .img .tit{text-align:center; margin-top: 10px; margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_view2 .view_section{overflow:hidden;padding-top:15px;padding-bottom:15px;}
.notice_view2 .view_section .notice_view_info span{margin-right:20px;}
.notice_view2 .view_section .notice_view_info .view img{vertical-align:middle;margin-right:5px;margin-bottom:3px;}

/* page */
.page{/*position:relative;overflow:hidden;*/width:100%;}
.page .paging{overflow:hidden;width:auto;margin:40px auto 80px;display: table;
    margin-left: auto;
    margin-right: auto;}
.page .m_paging{display:none;}
.page li{float:left;margin-right:15px;padding-top:7px}
.page li:last-child{margin-right:0}
.page li.on{color:#983234;text-decoration:underline}
.page li a{font-size:14px;font-weight:bold;}
.page li.prev_10{width:30px;border:1px solid #cacac1;padding:4px 4px;background-color:#fff;text-align: center;}
.page li.prev_20{width:30px;border:1px solid #cacac1;padding:4px 4px;background-color:#fff;text-align: center;}
.page li.next_10{width:30px;border:1px solid #cacac1;padding:7px;background-color:#fff;text-align: center;}
.page li.next_20{width:30px;border:1px solid #cacac1;padding:7px;background-color:#fff;text-align: center;}
.page .write_btn{position:absolute;top:40px;right:0}
.page .write_btn_left{position:absolute;top:40px;left:0;width:10%;}
.page .write_btn_right{position:absolute;top:40px;right:0;}

  .mpage .mpaging{display:none;}
.border_button {
    overflow: hidden;
}
.write_btn_left{float: left;margin-top:40px;}
.write_btn_right{float: right;margin-top:40px;}

/* evet_winner */
.evet_winner{overflow:hidden;margin-top:11px;margin-bottom:100px;}
.evet_winner .eventli {float:left;border:1px solid #d1d1d1;padding:5px 0 5px 5px;width:179px;margin-right:10px;margin-bottom:10px;}
.evet_winner .eventli  span{margin-right:4px;}

/* calendar */
.calendar{overflow:hidden;margin:10px 0 20px 0;}
.calendar .member_info{width:800px;margin:0 auto;overflow:hidden;}
.calendar .member_info .section{float:left;width:50px;text-align:center;margin-right:133px}
.calendar .member_info .section:last-child{margin-right:0}
.calendar .member_info .member_tx{font-size:12px;margin-top:8px;}
.calendar .member_info .member_tx .tx_c{color:#7b0005;}
.calendar .member_info .section .tx .tx_c{display:block;margin-top:16px;margin-bottom:16px;color:#7b0005;font-size:20px}
.calendar .member_info .section .tx{font-size:12px;}

.calendar .calendar_tbl table{width:99%;border-top:1px solid #999;margin-top:5px}
.calendar .calendar_tbl table th{text-align:center;color:#3d445b;background-color:#f2f2f2;font-size:14px;padding-top:15px;padding-bottom:15px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.calendar .calendar_tbl table th.sun{color:#d81213;}
.calendar .calendar_tbl table th:last-child{border-right:0}
.calendar .calendar_tbl table td{position:relative;width:140px;height:138px;font-size:14px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.calendar .calendar_tbl table tr td:first-child{color:#d81213;}
.calendar .calendar_tbl table tr td:last-child{border-right:0;color:#3987fe;}
.calendar .calendar_tbl table tr td .num{position:absolute;top:5px;left:5px}
.calendar .calendar_tbl table td.on{background-color:#f2ffe8;}
.calendar .calendar_tbl table td.top{vertical-align:top}
.calendar .calendar_tbl table td.bottom{vertical-align:bottom}
.calendar .calendar_tbl table td .check_info{text-align:center;margin-top:23px;}
.calendar .calendar_tbl table td .check_info .coin_tx{color:#8a8989;font-size:12px;margin-top:5px;}
.calendar .calendar_tbl table td .check_info .check_complete{font-size:12px;margin-top:12px;color:#e9515a;}
.calendar .calendar_tbl table td .check_info .check_complete img{vertical-align:middle;margin-bottom:1px}
.calendar .calendar_tbl table td .take_member{color:#8a8989;font-size:12px;margin-top:8px;margin-bottom:13px;}
.calendar .calendar_tbl table td .check_btn{background-color:#e9525a;color:#fff;padding:2px 7px;border-radius:3px;}

.ranking_tbl{margin-top:30px;margin-bottom:50px;}
.ranking_tbl table{width:100%;}
.ranking_tbl table th{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #999;text-align: center;}
.ranking_tbl table td{text-align:center;font-size:12px;border-bottom:1px solid #999;padding-top:13px;padding-bottom:12px;}
.ranking_tbl table td .section .member_tx{font-size:12px;margin-top:8px;}
.ranking_tbl table td .section .member_tx .tx_c{color:#7b0005;}

.note_tble .tble_tab{display:none;}
.page_head2 .only_mobile{display:none;}
.calendar_mobile{display:none;}

/* view member_mark */
.member_mark{position:relative;width:95%;margin:20px auto;}
.member_mark .btn01{position:absolute;top:19.5%;right:10.2%;width:9%}
.member_mark .btn02{position:absolute;top:19.5%;right:0.7%;width:9%}
.score{overflow:hidden;margin:30px auto;width:450px;}
.score .egg_score .tx{font-size:35px;}
.score .egg_score{vertical-align:middle}
.score .egg_score .img{float:left;}
.score .egg_score .score_num{float:left;margin-top:10px;margin-left:5px;}
.score .p_tx{float:left;text-align:center;color:#333;margin-left:40px;}
.score .p_tx .tx01{font-size:30px;}
.score .p_tx .tx02{color:#7b0005;}


.footer .bt_bg{width:1130px;margin:0 auto;padding-bottom:125px;}
.footer .bt_bg p{margin-top:12px;text-align:center;}
.footer .bt_bg .copy{color:#141414;font-size: 26px;}


.notifications{position: relative;cursor:pointer;}
.notifications-list {color: #060606;border-bottom: 1px solid #ededed;display: block;overflow: hidden;line-height: 25px;}
.notifications-list a:link{color: #060606;}
.notifications-list a:active, .notifications-list a:hover {color:#2773ae;}
.notifications-menu{position: absolute;  top: 100%; left: 0;  z-index: 9999;  display: none;  width: 330px;  background-color: #f5f5f6;  -webkit-border-radius: 0 0 3px 3px;  -webkit-background-clip: padding-box;  -moz-border-radius: 0 0 3px 3px;  -moz-background-clip: padding;  border-radius: 0 0 3px 3px;  background-clip: padding-box;  -moz-box-shadow: 0 1px 0px rgba(0,0,0,.05);  -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.05);  box-shadow: 0 1px 0px rgba(0,0,0,.05);  border: 1px solid #f8f8f8; padding: 5px 15px; }
.notifications-menu .external { background-color: #FFF; display: block; }
.notifications-menu .external a { background-color: #fff; color: #e9423f;}
.notifications-list .point{ color:#ec5956 !important;  text-align: center; }
.notifications-list span{ padding-top: 10px;  font-size: 11px; }

.m_nav{padding: 8px 10px 0 0;}
nav , .pagination{text-align:center;}

#side_menu {display: block;position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:9999;margin:0;background-color: rgba( 0, 0, 0, 0.5 );display:none}
#side_menu .side_wr{width:264px;background:#fef7de;opacity:1;position:absolute;top:0;right:0;box-shadow:0 0 10px #000;overflow-x:hidden;height:100%;overflow-y:auto}
#side_menu .side_wr.add_side_wr{}
#side_menu .side_wr .side_inner_rel{position:relative;height:100%;display:block;overflow:hidden}
#side_menu .side_wr .side_inner_abs{position: absolute;width:100%;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none}
#side_menu .side_wr{webkit-overflow-scrolling:touch}

#side_menu .m_menu li{display: block;  line-height: 40px;border-top: 1px solid #323232; position:relative;padding-left: 20px; }
#side_menu .m_menu li a.text_link{display:inline-block;width:65%;white-space:nowrap}
#side_menu .m_menu li a:hover{color: #7080b1;}
#side_menu .m_menu span{ position: absolute; right: 20px; top: 15px; } 

#side_menu li, #side_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {color: #555;}
#side_menu .dropdown-custom-menu{background: #fef7de;overflow:hidden; width:100%;display:none;}
#side_menu .dropdown-custom-menu li{height: 40px; line-height: 40px; border:none !important; padding-left: 10px; background:none; }
#side_menu .dropdown-custom-menu li a{color: #888; }
#side_menu .dropdown-custom-menu li a:hover{color: #7080b1;}

#side_menu .m_login{text-align: center; margin: 10px;}
#side_menu .m_login span{ padding: 0 5px;}
#side_menu .m_board{background: #fef7de; clear: both; margin:0; }
#side_menu .m_board li { display:block; line-height: 40px;position:relative; padding-left: 35px;}
#side_menu .m_board li a:hover{color: #7080b1; }
#side_menu .m_board span{position: absolute;top: 13px;left: 10px; padding-right: 10px; }
#side_menu .m_search{margin: 0 auto;padding: 20px 0 0;width: 100%;text-align:center;}

body.over_hidden{overflow:hidden} 


/* main */
.main{width:100%; clear:both; margin: 20px 0;}
.main .navbar-form{margin-top:0; margin-bottom:0;padding: 0 15px;}

/* footer */
footer{border-top: 1px solid #e5e5e5;background-color: #f5f5f5;padding:15px 0;}
footer .company {margin-bottom:7px;clear:both;float:left;}
footer .company li{float:left; padding-right:10px;}
footer .see_mobile{clear:both; margin:0 auto; text-align:center;}
footer .copyright{font-size:12px;clear:both;}
footer .copyright span{padding-right:7px;}

/* footer */
.footer{display: flex;background-color: #eeeeee;width:100%;}
.footer .bt_bg{width:1130px;height: 270px;margin:0 auto;padding-bottom:100px;}
.footer .bt_bg p{margin-top:12px;text-align:center;font-weight: bold;font-size: 16px;color: #313131;}
.footer .bt_bg .copy{color:#141414;font-size: 26px;}

/* a-side */
.aside_banner{position:absolute;top:78px;right:0}
.aside_banner .aside_bg{width:116px;height:auto;border:3px solid #ff3399;border-radius:8px;padding-bottom:15px;}
.aside_banner .aside_bg .banner{text-align:center;margin-top:10px}


.media{clear:both;}
.media-body, .media-left, .media-right {display: table-cell;vertical-align: top;}
.media-left, .media>.pull-left {padding-right: 10px;}
.media-right, .media>.pull-right {padding-left: 10px;}
.media-heading{font-size:14px;overflow:hidden;}
.media-body .media-info{font-size:11px; color:#666;}
.media-body .media-info span{padding-right:10px;}


/* modal */
.modal .modal-body .number{padding-bottom:10px;}
.modal .modal-body .profile-info{overflow:hidden;}


.help-inline { display: inline-block;color: #737373;margin-left:10px; padding-top:7px;vertical-align:middle;}
.nopost {text-align:center; padding:120px 0 !important; }

textarea.dhtmleditor {width:100%;height:350px;}

.latest_comment_count {font-size:11px; color:#FF7700; margin-left:5px;font-weight:bold;}
.highlight {font-weight:bold; color:#7519FF}

/* Sideview */
#nameContextMenu { background:#000; color:#fff; padding:4px 8px 6px;z-index:10000; }
#nameContextMenu a { color:#fff; font-size:12px; line-height:20px; display:block; }
#nameContextMenu a:hover { color:#ff0000; }
#nameContextMenu td { border:0px !important; }
.p_pointranking{
	display:block;
}
.m_pointranking{
	display:none;
}

.main_wrap .left_ct .page_head2 {
	display: none;
}
span.level_business  {
	font-size: 12px;
    padding: 2px 5px 2px 5px;
    height: 20px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 3px;
    background-color: #fc7e27;
    color: #000;
}
@media (max-width: 1170px) {
	.container{width:98%;}
	
}
.newiconimg{
	position: relative;right: 28px;top: 4px;float: right;
}

@media screen and (max-width:900px){	
	.newiconimg{
		position: relative;right: 5px;top: -195px;float: right;
	}
	.newiconimgmo{
		position: relative;right: 12px;top: -165px;float: right;
	}
	.sale_event_pc_img{display:none}
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .img .sale_event_mo_img{display:block;position:absolute;text-align: center;margin:50px 0px 0px 4px;width:80px;vertical-align: middle;}
}
.m_logo{display:none}
.m_login_op{display:none}

	.header .main_head .main_head_section .main_head_logo {
		margin-top:25px;
	}
@media screen and (max-width:768px){	
.p_logo{display:none}
.m_logo{display:block;margin-left: 10px;}
.m_login_op{display:block}
.header .m_login_op{float:right;width: 100%; margin-top: 15px;position: absolute;}
.header .m_login_op .login a{display:block;float:left;padding:8px 9px 6px 11px;}
.header .m_login_op .join a{display:block;float:left;padding:8px 24px 6px 7px;}
.header .m_login_op .line{width:1px;height:10px;position:absolute;top:8px;left:51px;background-color:#ddd}
	.notice_write_view video {
		width: 100%;
		object-fit: fill;
	}
	.header .main_head .main_head_section .menu_section {
		padding-top: 10px;
	}
	.header .main_head .main_head_section .main_head_logo {
		display: flex;
		padding-top: 30px;
		margin-top:54px;
	}
	.menu li {
		margin-left: 20px;
	}
}
.business_aside_banner {
	position: absolute;
    top: 78px;
    left: -140px;
}
.business_aside_banner .business_aside_bg {
    width: 126px;
    height: auto;
    /* border: 3px solid #ff3399;
    border-radius: 8px; */
    padding-bottom: 15px;
}
.business_aside_banner .business_aside_bg .business_banner {
    text-align: center;
    margin-top: 10px;
}
.business_aside_banner .business_aside_bg .textcolor1 {
	font-weight: bold;
    text-align: center;
    margin-top: 10px;
	color: #ff3399;
	font-size: 16px;
    vertical-align: middle;
    font-family: Arial, nbgr, '나눔바른고딕', '돋음';
}
.business_aside_banner .business_aside_bg .textcolor2 {
	font-weight: bold;
    text-align: center;
    margin-top: 10px;
	color: #222;
	font-size: 12px;
    vertical-align: middle;
    font-family: Arial, nbgr, '나눔바른고딕', '돋음';
}
.business_aside_banner .business_aside_bg .textcolor3 {
    text-align: center;
    margin-top: 0px;
	color: #222;
    vertical-align: middle;
    font-family: Arial, nbgr, '나눔바른고딕', '돋음';
}
.business_aside_banner .business_aside_bg .textcolor4 {
	width: 90%;
	display: inline-block;
    padding: 2px;
    color: #fff;
    font-size: 13px;
}
.business_aside_banner .business_aside_bg .textcolor4 > span {
	font-weight: bold;
	font-size: 11px;
}
.business_aside_banner .business_aside_bg .textcolor5 {
	width: 90%;
	display: inline-block;
    padding: 2px;
    color: #fff;
    font-size: 13px;
}
.business_aside_banner .business_aside_bg .textcolor5 > span {
	font-weight: bold;
	font-size: 11px;
}
.business_aside_banner .business_aside_bg .textcolor6 {
	font-weight: bold;
    text-align: center;
    margin-top: 10px;
	color: #e71a0f;
	font-size: 11px;
    vertical-align: middle;
    font-family: Arial, nbgr, '나눔바른고딕', '돋음';
}
.footer_mo {
		display: none;
	}
@media (max-width: 900px) {
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .tx_section {
		width: 200px;
	}
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info dd {
		width: 50%;
		text-align: right;
	}
}
@media (max-width: 399px) {

	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .img {
		margin-right: 10px !important;
	}
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info {
		/* width: 45%; */
		width: 92px !important;
	}
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info dl {
	  /* width: 100px; */
	}
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info dt {
	  width: 50%;
	}
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .click_info dd {
	  width: 50%;
	}
	.main_wrap .left_ct .detail_list_section .detail_list li .detail_item .etc_info .appear_info {
	  float: right !important;
	  margin-left: 1px !important;
	}
}

.scroll_top {
	display: none;
    position: fixed;
    z-index: 200;
    right: 40px;
    bottom: 40px;
    width: 50px;
    height: 50px;
    background: #ff3399;
    text-align: center;
    line-height: 30px;
    font-size: 25px;
    cursor: pointer;
    transition: transform 0.5s, background 0.5s;
    transition: all .5s;
	color: #fff;
	padding-top: 10px;
}



.wrapper .contentlist {
	/* margin: 6px auto;
	height: 40px; */
	padding-top:0px;
	width: 1130px;
    margin: 0 auto;
	height: 84px;
}


@media (max-width:768px) {
	.contentlist .lt_more_select li {
		display: inline-block;
		margin-right: 15px;
		color: #777;
	}
	a.brand_box {
		display: block;
		text-align: left;
		cursor: pointer;
	}
	
	.brand_box > .iconname {
		position: relative;
		font-size: 12px;
		bottom: -6px;
		font-weight: 600;
	}
	.header .login_section {
		display: none;
	}
}
.contentlist .lt_more_select li {
	display: inline-block;
	width: 100%;
    vertical-align: top;
    /* border-radius: 8px; */

	/*
    line-height: 15px;
    margin-right: 10px;
    font-size: 12px;
    color: #777;
	*/
}
.contentlist .lt_more_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 0;
	width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-perspective: 1;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
/*
	width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-perspective: 1;
    perspective: 1;
    margin-bottom: -10px !important;
	*/
}

	.contentlist .lt_more_select::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}
.contentlist .lt_more a {
    color: #fff;
    text-align: center;    
	font-weight: bold;
	text-decoration: none;
}


.category_menu1 {
	margin: 5px auto;
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #000;
	width: 1130px;
    margin: 0 auto;
	margin-bottom: 5px;
}
.category_menu1 .area1_txt {
	color: #ff3399;
    font-size: 16px;
    font-weight: bold;
    line-height: 200%;
    padding-left: 8px;
}
.category_menu1 .area1_txt2 {
	color: #777;
    font-size: 10px;
    font-weight: bold;
    line-height: 200%;
    padding-left: 8px;
}
.category_menu2 {
	margin: 5px auto;
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #000;
	width: 1130px;
    margin: 0 auto;
	margin-bottom: 5px;
}
.category_menu2 .area2_txt {
	color: #ff3399;
    font-size: 16px;
    font-weight: bold;
    line-height: 200%;
    padding-left: 8px;
}
.category_menu2 .area2_txt2 {
	color: #777;
    font-size: 10px;
    font-weight: bold;
    line-height: 200%;
    padding-left: 8px;
}


#menu_area1 {
	border-collapse: collapse;
	width: 99.8%;
	height: 40px;
    white-space: nowrap;
    overflow: auto;
    overflow-x: auto;
	width: 1130px;
    margin: 0 auto;
	margin-bottom: 5px;
}
@media (max-width:768px) {
	.wrapper .contentlist {
		width: 100%;
	}
	#menu_area1 {
		border-collapse: collapse;
		width: 99.8%;
		height:54px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
		margin: 0 auto;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}
}

ul.tabs li.current a {
    color: #ff3399;
}
ul.tabs3 li.current3 a {
    color: #ff3399;
}
.tab-content.current {
    display: inherit;
	height: 36.84px;
	/* margin-bottom:12px !important; */
	width: 1130px;
    margin: 0 auto;
}
.tab-content3.current3 {
    display: inherit;
}
.tabs2 li.current2 a {
    color: #ff3399;
}
.tabs4 li.current4 a {
    color: #ff3399;
}
.tab-content {
    display: none;
}
.tab-content3 {
    display: none;
}
#menu_area2 ul {
    display:block;
}
#menu_area2 {
    border-collapse: collapse;
     /* width: 99.8%; */
   height: 40px;
    white-space: nowrap;
    overflow: auto;
    overflow-x: auto;
    margin: 0 auto;
    margin-bottom: 5px;
}


	#menu_area2::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}
@media (max-width:768px) {
	#menu_area2 {
		border-collapse: collapse;
		/* width: 99.8%; */
		white-space: nowrap;
		overflow: auto;
		overflow-x: auto;
		margin: 0 auto;
		margin-bottom: 5px;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}
	.tab-content.current {
		width: 100%;
	}
}
#menu_area2 li {
    display:inline-block;
    /* line-height: 15px; */
    margin-right: 0px;
    font-size: 12px;
    color: #777;
}
#menu_area2 ul li.current2 {
    display:inline-block;
}

	#menu_area1::-webkit-scrollbar {
		overflow-x: auto;
	}
.menucategory li {
    display: table-cell;
	/*margin:4px 0;*/
    color: #000;
    background: #fff;
	border: solid 1px #c7c2c2;
    padding: 6px 10px;
}
.menucategory li a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
	font-size: 16px;
}
.category_menu {
    background-color: #eeeeee;
    /* width: 100%; */
    /* width: 980px; */
    /* margin: 0 auto; */
    position: relative;
    width: 100%;
    height: 275px;
    padding-top: 20px;
}

	input,
input:focus,
textarea,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}
.menu_business {
	display: none;
}

.search-mobile-business {
	display: none;
}

.search-pc-business {
	display: none;
}
.search-pc-business {
    /* width: 50%;
	margin-top: 34px;
	float: inline-end;
	display: block;
	text-align: center;
	z-index: 99999;
	margin-right: 10px; */
	position: absolute;
    margin-top: -40px;
    display: block;
    z-index: 99999;
    margin-left: 900px;
}

form.navbar-logosearch-pc-business {
	margin-top: 0;
}

form.navbar-logosearch-pc-business .fa {
	margin-left: -24px;
	color: #ff3399;
	position: absolute;
	margin-top: 12px;
	cursor: pointer;
}

.searchInput-business-pc {
	width: 100%;
	height: 40px;
	background-color: #FFFFFF;
	background-image: none;
	/* border-radius: 5px; */
	color: inherit;
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	border-bottom: solid 2px #ff3399;
	vertical-align: middle;
	border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

@media (max-width:768px) {

	.header {
		position: fixed;
		width: 100%;
		height: 140px;
		top: 0;
		z-index: 20;
		background-color: #ffffff;
	}
	.header .main_head {
		background-color: #ffffff;
	}

	.search-pc-business {
		display: none;
	}
	.search-mobile-business {
		display: block;
		text-align: center;
		margin-bottom: 20px;
		z-index: 99999;
	}
	form.navbar-logosearch-mobile-business {
		margin-top: 0;
	}

	.searchInput-business {
		width: 90%;
		height: 40px;
		background-color: #FFFFFF;
		background-image: none;
		border-radius: 5px;
		color: inherit;
		display: inline-block;
		padding: 6px 12px;
		font-size: 14px;
		border: solid 1px #ff3399;
		vertical-align: middle;
	}
	form.navbar-logosearch-mobile-business .fa {
		margin-left: -24px;
		color: #ff3399;
		position: absolute;
		margin-top: 12px;
		cursor: pointer;
	}

	.search-mobile {
		width: 100%;
		margin: 50px 0 30px 0;
		text-align: center;
	}
	form.navbar-logosearch-mobile {
		margin-top: 0;
	}
	form.navbar-logosearch-mobile .searchInput {
		/* width: 90%;
		height: 40px;
		background-color: #fff;
		-webkit-box-shadow: none;
		border: none;
		border: solid 1px #ff3399;
		color: #ffffff;
		*/
	}

	.searchInput {
		width: 90%;
		height: 40px;
		background-color: #FFFFFF;
		background-image: none;
		border-radius: 5px;
		color: inherit;
		display: inline-block;
		padding: 6px 12px;
		font-size: 14px;
		border: solid 1px #ff3399;
		vertical-align: middle;
	}
	form.navbar-logosearch-mobile .fa {
		margin-left: -24px;
		color: #ff3399;
		position: absolute;
		margin-top: 12px;
		cursor: pointer;
	}
	.category_menu {
		margin-top: 200px;
		height: auto;
	}
	.header .main_head .main_head_section .m_menu_btn {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.menutop::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}
	.menutop {
		width: 99.8%;
		white-space: nowrap;
		overflow: auto;
		overflow-x: auto;
		margin: 0 auto;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}
	.wrapper .contentlist {
		height: auto;
		padding-bottom: 5px;
	}
	.menu_business {
		display: none;
		text-align: center;
		margin-bottom: 20px;
	}
}

.lt_more_select .brand_box {
    width: 100%;
    height: 70px;
    text-align: center;
}

.brand_box > .iconname {
    position: relative;
    font-size: 12px;
    bottom: -6px;
    font-weight: 600;
}

.brand_box {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    cursor: pointer;
}






#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #000000;
    display: none; }
}
	.vmd_textbtn_w3 {
		position: fixed;
		overflow: auto;
		    left: 30%;
		right: 50%;
		width: 130px;
		bottom: 20px;
	}
	
	.vmd_textbtn_w3.type3 .vmd_tb_inner {
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
	.vmd_tb_inner3 {
		float: left;
		margin:4px;
		width: 98%;
		padding: 0 3px;
		box-sizing: border-box;
		text-align: center;
	}
	.vmd_tb_inner {
		float: left;
		width: 50%;
		padding: 0 3px;
		box-sizing: border-box;
		text-align: center;
	}
	.cb_banner img{
		max-width: 100%;
	}
	/*.mo_business_box {background:red;border:1px solid red;border-radius: 30px;}
	.mo_business_box a {color:white;display:block;padding:10px 30px 10px 30px;line-height:30px; text-align:center; text-decoration:none;font-weight: bold;font-size: 14px;border-radius: 30px;}
	.mo_business_box a:hover {color:white;font-weight: bold;font-size: 14px;}*/
	.vmd_textbtn_w3h {
		padding: 4px 7px;
		overflow: hidden;
	}
	
	.vmd_textbtn_w3h.type3h .vmd_tb_inner {
		width: 100%;
		height: 35px;
		line-height: 35px;
	}
	
	.vmd_textbtn_w3h.type3h .vmd_tb_inner {
		width: 100%;
		height: 35px;
		line-height: 35px;
	}


	.uilayer.fixed {
		position: fixed;
		left: 50%;
		top: 50%;
		height: 0;
	}
	.uilayer.view {
		visibility: visible;
		width: auto;
		height: auto;
		z-index: 10000;
	}
	.uilayer {
		visibility: hidden;
		width: 0;
		height: 0;
	}
	.uilayer.fixed .uilayer_wrap {
		position: static;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
.uilayer.view .uilayer_wrap {
    width: auto;
    height: auto;
    left: 50%;
    top: 0;
}
.uilayer .uilayer_wrap {
    position: absolute;
    left: -500%;
    top: 0;
    z-index: 9999;
    opacity: 1;
}
.uilayer_visitres .uilayer_box {
    width: 230px;
}
.uilayer_box {
    width: 260px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}
.uilayer_visitres .base_detail_common .desc_noti {
    margin-top: 15px;
    line-height: 26px;
}
.base_detail_common .desc_noti {
    margin-top: 14px;
    text-align: center;
    font-size: 25px;
    line-height: 23px;
    font-weight: 700;
    color: #5d5959;
}
.base_detail_common .desc_noti2 {
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    /* font-weight: 700; */
    color: #f70606;
}
.uilayer_visitres .base_detail_common .desc_tip {
    margin-top: 10px;
}
.base_detail_common .desc_tip {
    margin: 13px -10px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
    letter-spacing: -1px;
}
.base_detail_common .btn_set {
    margin-top: 20px;
}
.uialign_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.uibtn_red {
    color: #fff;
    border-radius: 50px;
    background-image: -webkit-linear-gradient(223deg,#ff2020 6%,#fb6612 88%);
    background-image: -o-linear-gradient(223deg,#ff2020 6%,#fb6612 88%);
    background-image: linear-gradient(313deg,#ff2020 6%,#fb6612 88%);
}
.uibtn {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: -.5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.uiarea_listresult p, .uibtn {
    font-size: 16px;
    text-align: center;
}
.uilayer .uilayer_x {
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    height: 54px;
}
.blind {
    margin: -1px;
    clip: rect(0 0 0 0);
}
.blind, .skip_navi {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


	.backType_header {
		background: #fff!important;
	}
	.backType_header.fixed {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
		width: 100%;
	}
	.backType_header {
		position: relative;
		height: 44px!important;
		text-align: center;
		border-bottom: 1px solid #d9d9d9!important;
		background: #fff!important;
	}
	.backType_header .subject {
		line-height: 46px;
		text-align: center;
		font-size: 16px;
		color: #3d3d3d;
		font-weight: 700;
	}
	.backType_header .area_left {
		position: absolute;
		left: 0;
		top: 0;
	}
	.uibtnico_x {
		display: inline-block;
		width: 44px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 30%;
  left: 40%;
  height: auto;
  background-color: #fff;
  z-index: 10;border-radius: 10px;
}
	.desc_tip_mo {display:none;}
	.desc_tip_pc {display:block;}
@media (max-width:768px) {
	.pop-layer {
	  display: none;
	  position: absolute;
	  top: 30%;
	  left: 20%;
	  height: auto;
	  background-color: #fff;
	  z-index: 10;border-radius: 10px;
	}
	.desc_tip_mo {display:block;}
	.desc_tip_pc {display:none;}

	.detail_list .url-qrcode {
		display:none;
	}
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  margin-left: 0px;
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  font-size: 18px;
  color: #5b5b5b;
  line-height: 25px;
}

a.btn-layerClose:hover {
  color: #5b5b5b;
}
.base_detail_common .btn_set {
    margin-top: 20px;
}
.uialign_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.uibtn_red {
    color: #fff;
    border-radius: 50px;
    background-image: -webkit-linear-gradient(223deg,#ff2020 6%,#fb6612 88%);
    background-image: -o-linear-gradient(223deg,#ff2020 6%,#fb6612 88%);
    background-image: linear-gradient(313deg,#ff2020 6%,#fb6612 88%);
}

.uiarea_listresult p, .uibtn {
    font-size: 16px;
    text-align: center;
}

.area_connect.active {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.cardetailWrap .area_connect {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    visibility: hidden;
    -webkit-transition: transform .3s,visibility .3s;
    transition: transform .3s,visibility .3s;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0);
}
.uialign_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.uifix_bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2000;
    padding: 0 20px 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.uialign_flex>.uialign_item {
    padding: 0 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
a, a:active, a:hover {
    text-decoration: none;
}
.uibtn_shadow {
    border: 0 none;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.50);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.50);
}
.uibtn_red {
    color: #fff;
    border-radius: 50px;
    background-image: -webkit-linear-gradient(223deg,#ff2020 6%,#fb6612 88%);
    background-image: -o-linear-gradient(223deg,#ff2020 6%,#fb6612 88%);
    background-image: linear-gradient(313deg,#ff2020 6%,#fb6612 88%);
}
.uibtn {
	margin: 0 auto;
    display: block;
    overflow: hidden;
    width: 60%;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: -.5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.uiarea_listresult p, .uibtn {
    font-size: 16px;
    text-align: center;
}


.mo_menu_business {
	display:none;
}
.mo_menu_business_main {
	display:none;
}
@media(max-width:767px){
	.mo_menu_business {
		display: block;
		margin-top: -20px;
		margin-bottom: 20px;
		padding-top: 14px;
		text-align: center;
		width: 100%;
		height: 160px;
		background-color: #fff;
	}
	.menu_li_business {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: auto;
		padding: 0;
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-perspective: 1;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-bottom: 20px;
	}
	.menu_li_business li {
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}
	.business_banner_color {
		margin-top: 20px;
		margin: 0 auto;
		width: 200px;
		height: 40px;
		line-height: 260%;
		text-align: center;
		background-color: #ff3399;
		color: #FFFFFF;
	}
	.mo_menu_business_main {
		display: block;
		/* position: absolute; */
		margin-top: 200px;
		margin-bottom: -216px;
		padding-top: 14px;
		text-align: center;
		width: 100%;
		height: 160px;
		background-color: #fff;
	}
	.menu_li_business_main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: auto;
		padding: 0;
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-perspective: 1;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-bottom: 20px;
	}
	.menu_li_business_main li {
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}
	.business_banner_color_main {
		margin-top: 20px;
		margin: 0 auto;
		width: 200px;
		height: 40px;
		line-height: 260%;
		text-align: center;
		background-color: #ff3399;
		color: #FFFFFF;
	}
}



/* CSS SelectArea */
.category_menu_area {
    background-color: #eeeeee;
    /* width: 100%; */
    /* width: 980px; */
    /* margin: 0 auto; */
    position: relative;
    width: 100%;
    height: 92px;
	margin-bottom: 50px;
    padding-top: 20px;
    border-bottom: 5px solid #dddddd;
}

.select_box_area_pc {
	display:block;
	margin: 18px 0 32px 36px;
}
.select_box_area_mo {
	display:none;
}
.select_ul {
	isplay: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	padding: 0;
	/* width: 700px; */
	white-space: nowrap;
	overflow-x: auto;
	-webkit-perspective: 1;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.select_ul li {
    display: inline-block;
}
.select_ul .area_li_1 {
	width:100px;
	height: 32px;
	padding: 5px;
	border: none;
	background: #e51052;
	border-radius: 0;
	color: white;
	text-align:center;
	/* font-weight: bold; */
}
.select_ul .area_li_1 a {
	width:100px;
	height: 32px;
	padding: 5px;
	border: none;
	background: #e51052;
	border-radius: 0;
	color: white;
	text-align:center;
	/* font-weight: bold; */
}
.select_ul .area_li_1_select select {
	margin-top: -2px;
    border-radius: 0;
    height: 35px;
    border: 1px solid #eeeeee;
}
.select_ul .area_li_1_select option {
    border: 1px solid #eeeeee;
}
.select_ul .area_li_1_select select option {
	margin: 40px;
    background: #ffffff;
    color: #333;
    border-radius: 0;
}
.select_ul .area_li_2 {
	width:100px;
	height: 32px;
	padding: 5px;
	border: none;
	background: #000000;
	border-radius: 0;
	color: #ffffff;
	text-align:center;
	/* font-weight: bold; */
}
.select_ul .area_li_2_select select {
	margin-top: -2px;
    border-radius: 0;
    height: 35px;
    border: 1px solid #eeeeee;
}
.select_ul .area_li_2_select option {
    border: 1px solid #eeeeee;
}
.select_ul .area_li_2_select select option {
	margin: 40px;
    background: #ffffff;
    color: #333;
    border-radius: 0;
}
.select_ul .area_li_3 {
	width:100px;
	height: 32px;
	padding: 5px;
	border: none;
	background: #000000;
	border-radius: 0;
	color: #ffffff;
	text-align:center;
	/* font-weight: bold; */
}
.select_ul .area_li_3_select select {
	margin-top: -2px;
    border-radius: 0;
    height: 35px;
    border: 1px solid #eeeeee;
}
.select_ul .area_li_3_select option {
    border: 1px solid #eeeeee;
}
.select_ul .area_li_3_select select option {
	margin: 40px;
    background: #ffffff;
    color: #333;
    border-radius: 0;
}


@media(max-width:767px){
	.category_menu_area {
		margin-top: 200px;
		height: auto;
	}
	.select_box_area_pc {
		display:none;
	}
	.select_box_area_mo {
		display:block;
		margin: 18px 4px 10px 4px;
	}
	.select_ul {
		width: 100%;
	}
	.select_ul .area_li_1 {
		width: 80px;
	}
	.select_ul .area_li_2 {
		width: 80px;
	}
	.select_ul_mo {
		margin-top: 10px;
		width: 100%;
	}
	.select_ul_mo {
		isplay: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: auto;
		padding: 0;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-perspective: 1;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.select_ul_mo li {
		width: 100%;
		display: inline-block;
	}
	.select_ul_mo .area_li_3 {
		width:80px;
		padding: 5px;
		border: none;
		background: #000000;
		border-radius: 0;
		color: #ffffff;
		text-align:center;
		/* font-weight: bold; */
	}
	.select_ul_mo .area_li_default {
		width:250px;
		height: 32px;
		padding: 5px;
		border: none;
		background: #e51052;
		border-radius: 0;
		color: white;
		text-align:center;
		/* font-weight: bold; */
	}
	.select_ul_mo .area_li_default a {
		width:100px;
		height: 32px;
		padding: 5px;
		border: none;
		background: #e51052;
		border-radius: 0;
		color: white;
		text-align:center;
		/* font-weight: bold; */
	}
	.select_ul_mo .area_li_3_select select {
		margin-top: -2px;
		border-radius: 0;
		height: 35px;
		border: 1px solid #eeeeee;
	}
	.select_ul_mo .area_li_3_select option {
		border: 1px solid #eeeeee;
	}
	.select_ul_mo .area_li_3_select select option {
		margin: 40px;
		background: #ffffff;
		color: #333;
		border-radius: 0;
	}
}


/* 지역 1차 2차 3차 업종*/
/* 빠르게 찾기 레이어 */
/* 레이어 */
.vc {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.hc {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.job_search_box .layer_open .pop_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
}

.job_search_box .layer_open.on .pop_wrap {
    display: block;
}

.job_search_box .layer_open .pop_wrap .dimmed {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.job_search_box .layer_open.on .pop_wrap .dimmed {
    display: block;
}

.main_contents .find_sch_box .title_box {
    margin-bottom: 22px;
}

.main_contents .find_sch_box .pop_wrap .btn_box {
    text-align: center;
}

.main_contents .find_sch_box .pop_wrap .btn_box a {
    display: inline-block;
    width: 100px;
    height: 42px;
    margin: 0 5px;
    line-height: 42px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1.3px;
}

.main_contents .find_sch_box .pop_wrap .btn_box a:hover {
    text-decoration: none;
}

.main_contents .find_sch_box .pop_wrap .btn_box a.confirm {
    background-color: #e51052;
}

.main_contents .find_sch_box .pop_wrap .btn_box a:hover.confirm {
    background-color: #e51052;
}

.main_contents .find_sch_box .pop_wrap .btn_box a.delete {
    background-color: #aaa;
}

.main_contents .find_sch_box .pop_wrap .btn_box a:hover.delete {
    background-color: #888;
}

/* 지역선택 레이어 */
.main_contents .find_sch_box .title_box .title {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -2.1px;
    color: #222;
    margin-right: 12px;
}

.main_contents .find_sch_box .title_box .tit_txt {
    font-size: 13px;
    letter-spacing: -1.2px;
    color: #888;
}

.main_contents .find_sch_box .local .lay_content .noti {
    font-size: 12px;
    color: #888;
    letter-spacing: -1.2px;
    margin-bottom: 50px;
}

.job_search_box .local .pop_wrap .lay_content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 50px;
    width: 740px;
    height: 500px;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #fff;
    z-index: 505;
}

/* 셀렉트박스 */
.main_contents .lay_content .select_wrap {
    margin-bottom: 18px;
}

.main_contents .lay_content .select_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.main_contents .lay_content .select_box {
    position: relative;
    float: left;
    margin-left: 9px;
}

.main_contents .lay_content .select_box:first-child {
    margin-left: 0;
}

.main_contents .lay_content .select_box select {
    position: relative;
    display: inline-block;
    min-width: 204px;
    height: 50px;
    padding: 11px 10px 14px 10px;
    font-size: 13px;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 2px;
    line-height: 2.2;
    letter-spacing: -1.2px;
    /* font-family: '맑은 고딕', 'Malgun Gothic'; */
    cursor: pointer;
    background: transparent;
}

.wrapper .lay_content .select_box select option {
    height: 300px;
    font-size: 13px;
    color: #222;
    letter-spacing: -1.2px;
    padding: 15px 0;
}
@media(max-width:767px){

	.job_search_box .local .pop_wrap .lay_content {
		width: 100%;
		height: auto;
		padding: 40px 30px;
	}

	.main_contents .lay_content .select_box {
		display: contents;
	}

	.main_contents .lay_content .select_box select {
		margin: 10px 0 10px 0;
		min-width: 100%;
	}

	.main_contents .find_sch_box .pop_wrap .btn_box a {
		width: 80px;
	}

}














/* CSS Selectmenu */

.my-select-menu::part(button) {
	color: white;
	background-color: #f00;
	padding: 5px;
	border-radius: 5px;
}

.my-select-menu::part(listbox) {
	padding: 10px;
	margin-top: 5px;
	border: 1px solid red;
	border-radius: 5px;
}

.my-custom-select [slot='button'] {
	display: flex;
	align-content: center;
}
.my-custom-select button {
	padding: 5px;
	border: none;
	background: #f06;
	border-radius: 5px 0 0 5px;
	color: white;
	font-weight: bold;
}
.my-custom-select .label {
	padding: 5px;
	border: 1px solid #f06;
	border-radius: 0 5px 5px 0;
}




.AreaMenu li.area_li_31 {
	width:100px;
	height: 34px;
	padding: 5px;
	border: none;
	background: #f25a57;
	border-radius: 0;
	color: white;
	text-align:center;
	margin-right: 0;
}
.AreaMenu li.area_li_1 {
	width:100px;
	height: 34px;
	padding: 5px;
	border: none;
	background: #e51052;
	border-radius: 0;
	color: white;
	text-align:center;
	margin-right: 0;
}
.AreaMenu li.area_li_1 a {
	display: inline;
	line-height: 24px;
	padding: 5px;
	border: none;
	background: #e51052;
	border-radius: 0;
	color: #ffffff;
	text-align:center;
	margin-right: 0;
}
.AreaMenu li.area_li_3 {
	width:100px;
	height: 34px;
	padding: 5px;
	border: none;
	background: #3b3b3b;
	border-radius: 0;
	color: #ffffff;
	text-align:center;
	margin-right: 0;
}
.AreaMenu li.area_li_3 a {
	display: inline;
	line-height: 24px;
	padding: 5px;
	border: none;
	background: #3b3b3b;
	border-radius: 0;
	color: #ffffff;
	text-align:center;
	margin-right: 0;
}
.AreaMenu {display:block;margin-top:20px;}
.AreaMenu:after {display:block; content:''; clear:both;}
.AreaMenu > li.area_li_31_w {width: 130px;}
.AreaMenu > li {width: 120px;text-align: center;position:relative; float:left; margin-right:5px;z-index:10;}
.AreaMenu > li > a {display:block; padding:0 6px; background:#fff; height:34px; line-height:32px; color:#555;font-size: 14px;border: 1px solid #eeeeee;}
.AreaMenu > li:hover .depth_1 {display:block;background: #ffcccc;}
.AreaMenu .depth_1 {display:none; position:absolute; left:0; right:0; text-align:center;border: solid 1px #ddd;}
.AreaMenu .depth_1 a {display:block; padding:5px; background:#fff; color:#555;font-size: 16px;}
.AreaMenu > ul > li > ul > li:hover {
	background: orange;
	transition: ease 1s;
	}
.AreaMenu .depth_1 li a.selected {
	background-color: #ededed;
}	
ul.area_li_1 {
	width:100px;
	height: 32px;
	padding: 5px;
	border: none;
	background: #000000;
	border-radius: 0;
	color: #ffffff;
	text-align:center;
}
ul.area_li_1 a{
	color: #ffffff;
}
.select_box_area_mo_M {
	display: none;
}
@media(max-width:767px){
	.category_menu_area {
		margin-bottom: 10px;
	}
	.ad_list {
		margin: 180px 0 30px 0;
	}
	.search_title {
		margin: 10px 0 0 10px !important;
	}
	.select_box_area_mo_M {
		display: block;
		margin: 10px 4px;
		width: 100%;
	}
	.AreaMenu_M li.area_li_31 {
		width:100px;
		height: 34px;
		padding: 5px;
		border: none;
		background: #f25a57;
		border-radius: 0;
		color: white;
		text-align:center;
		margin-right: 0;
	}
	.AreaMenu_M li.area_li_1 {
		width:100px;
		height: 34px;
		padding: 5px;
		border: none;
		background: #e51052;
		border-radius: 0;
		color: white;
		text-align:center;
		margin-right: 0;
	}
	.AreaMenu_M li.area_li_1 a {
		display: inline;
		line-height: 24px;
		padding: 5px;
		border: none;
		background: #e51052;
		border-radius: 0;
		color: #ffffff;
		text-align:center;
		margin-right: 0;
	}
	.AreaMenu_M li.area_li_3 {
		width:100px;
		height: 34px;
		padding: 5px;
		border: none;
		background: #3b3b3b;
		border-radius: 0;
		color: #ffffff;
		text-align:center;
		margin-right: 0;
	}
	.AreaMenu_M li.area_li_3 a {
		display: inline;
		line-height: 24px;
		padding: 5px;
		border: none;
		background: #3b3b3b;
		border-radius: 0;
		color: #ffffff;
		text-align:center;
		margin-right: 0;
	}
	.AreaMenu_M {display:block;margin-top:20px;}
	.AreaMenu_M:after {display:block; content:''; clear:both;}
	.AreaMenu_M > li.area_li_31_w {width: 130px;}
	.AreaMenu_M > li {width: 120px;text-align: center;position:relative; float:left; margin-right:5px;z-index:10;}
	.AreaMenu_M li.area_li_default_m {width: 48%;}
	.AreaMenu_M li.area_li_default_m a {display:block; padding:0 6px; background:#e51052; height:34px; line-height:32px; color:#fff;font-size: 14px;border: 1px solid #eeeeee;}
	.AreaMenu_M > li > a {display:block; padding:0 6px; background:#fff; height:34px; line-height:32px; color:#555;font-size: 14px;border: 1px solid #eeeeee;}
	.AreaMenu_M > li:hover .depth_1 {display:block;background: #ffcccc;}
	.AreaMenu_M .depth_1 {display:none; position:absolute; left:0; right:0; text-align:center;border: solid 1px #ddd;}
	.AreaMenu_M .depth_1 a {display:block; padding:5px; background:#fff; color:#555;font-size: 16px;}
	.AreaMenu_M > ul > li > ul > li:hover {
		background: orange;
		transition: ease 1s;
		}
	.AreaMenu_M .depth_1 li a.selected {
		background-color: #ededed;
	}	
	ul.area_li_1 {
		width:100px;
		height: 32px;
		padding: 5px;
		border: none;
		background: #000000;
		border-radius: 0;
		color: #ffffff;
		text-align:center;
	}
	ul.area_li_1 a{
		color: #ffffff;
	}

}