/* top banner*/
.top_banner{position:relative;}

.top_banner .banner a img{width:100%;}
.top_banner .b_close{
    position: absolute;
    right: 19%;
  	top:50%;
	transform: translate(0, -50%);
	cursor: pointer;
}

/* top nav */
.top_nav{    width: 100%;
    border-bottom: 1px solid #e2e2e2;}
.top_nav .inner{
	max-width: 1200px;
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 4px 0 8px;
}
.top_nav .inner .lt{
	float:left;
}
.top_nav .inner .lt a{
	font-size:14px;
	color:#25292c;
} 
.top_nav .inner .rt{
	float:right;
	position: relative;
}
.top_nav .inner .rt ul li{
	display:inline-block;
	position:relative;
	margin-left:15px;
}
.top_nav .inner .rt ul li a{
	font-size:14px;
	color:#25292c;
}
.top_nav .inner .rt ul li::before{
	content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    background: #f0f0f0;
    left: -10px;
    top: 12px;
}
.top_nav .inner .rt ul li:first-child::before{
	display:none;
}
.top_nav .inner .rt ul li.new{
	padding-right:22px;
}
.top_nav .inner .rt ul li.new::after{
	content:'';
	position: absolute;
	width:18px;
	height:18px;
	background:url(/img/marketer/pc/new_icon.png) no-repeat center center;
	right:0;
	top:4px;
}


/* nav */
nav{
	border-bottom:1px solid #e2e2e2;
    position: relative;
	z-index: 100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
nav.main{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
nav.fixed{
	position:fixed;
	top:0;
	width: 100%;
	left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom: 1px solid #bebebe;
}
nav.main .inner > div.logo a{
	height:25px;
	width:100%;
	background:url(/img/marketer/pc/logo.png) no-repeat center center;
	display:table;
}
nav.fixed .inner > div.logo a, nav .inner > div.logo a {
	height:25px;
	width:100%;
	display:table;
	background: url(/img/marketer/pc/logo_b.png) no-repeat center center;
}

nav .inner{
	max-width:1200px;
	margin:0 auto;
	height:75px;
	line-height:75px;
	display:table;
	width:100%;
}
nav .inner > div{
	display:table-cell;
	vertical-align: middle;
}
nav .inner > div.logo{
	width:160px;
}
 nav .inner > div ul li a{
	height:75px;
	line-height:75px;
	display: block;
}
nav .inner > div.nav_center ul{
	margin-left:30px;
}
nav .inner > div.nav_center ul li{
	display:inline-block;
	margin-left:40px;
	text-align:center;
}
nav .inner > div.nav_center ul li a{
	font-size:16px;
	position:relative;
}
nav.main .inner > div.nav_center ul li a{
	color:#fff;
}
nav .inner > div.nav_info ul{
	display:table;
	width:100%;
	text-align:right;
}
nav .inner > div.nav_info ul li{
	display: inline-block;
	margin-left:30px;
	position:relative;
	font-sizE:16px;
}
nav .inner > div.nav_info ul li::before{
	content:'';
	position:absolute;
	width:1px;
	height:14px;
	background:#505050;
	left:-15px;
	top:31px;
}
nav .inner > div.nav_info ul li:first-child{
	margin-left:0;
}
nav .inner > div.nav_info ul li:first-child::before{
	display:none;
}
nav.main .inner > div.nav_info ul li, nav.main .inner > div.nav_info ul li a{
	font-size:16px;
	color:#adadad;
}
nav .inner > div.nav_center ul li a, nav .inner > div.nav_info ul li a,
nav.fixed .inner > div.nav_center ul li a, nav.fixed .inner > div.nav_info ul li a,
nav.fixed .inner > div.nav_info ul li, nav.fixed .inner > div.nav_info ul li a{
    color: #000;
	font-size:16px;
}
nav .inner > div.nav_center > ul > li.act > a::before, nav .inner > div.nav_center > ul > li:hover > a::before{
	content:'';
	position:absolute;
	width:100%;
	height:3px;
	background:#ec2338;
	left:0;
	bottom:-2px;
	z-index: 100;
}
nav .inner > div.nav_center > ul > li.act > a, nav .inner > div.nav_center > ul > li:hover > a{
	color:#ec2338;
	font-weight: 400;
}
nav .inner > div.nav_center > ul > li .sub-menu ul > li:hover > a{
	color:#ec2338;
}

nav .inner > div.nav_center .sub-menu{
    position: absolute;
    width: 100%;
	height:0;
    left: 0;
    margin: 0;
	overflow: hidden;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
nav .inner > div.nav_center .sub-menu ul{
	max-width:1016px;
	margin:0 auto;
	text-align:left;
	display:none;
}
nav .inner > div.nav_center .sub-menu.sub-post ul{
	padding-left: 165px;
}
nav .inner > div.nav_center .sub-menu.sub-cpa ul{
	padding-left: 322px;
}
nav .inner > div.nav_center .sub-menu.sub-my ul{
	padding-left: 260px;
}
nav .inner > div.nav_center .sub-menu.sub-cs ul{
	text-align: right;
}
nav .inner > div.nav_center .sub-menu li{
	margin:0 20px;
}
nav.main .inner > div.nav_center > ul > li:hover > .sub-menu{
	background: rgba(0,0,0,0.46);
    border-bottom: 1px solid rgba(215,215,215,0.25);
	border-top: 1px solid rgba(215,215,215,0.25);
}
nav .inner > div.nav_center > ul > li:hover > .sub-menu{
	height:75px;
}
nav .inner > div.nav_center > ul > li:hover > .sub-menu,
nav.fixed .inner > div.nav_center > ul > li:hover > .sub-menu{
	background:#fff;
	border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
}

nav .inner > div.nav_center > ul > li:hover > .sub-menu ul{
	display:block;
}

/* �˸� */
.nav-notice{
	position: absolute;
    z-index: 1000;
    width: 500px;
    right: 0;
    background: #fff;
    /* height: 700px; */
	display:none;
	-webkit-box-shadow: rgb(100 100 111 / 15%) 0px 0px 10px 0px;
    -moz-box-shadow: rgb(100 100 111 / 15%) 0px 0px 10px 0px;
    -o-box-shadow: rgb(100 100 111 / 15%) 0px 0px 10px 0px;
    box-shadow: rgb(100 100 111 / 15%) 0px 0px 10px 0px;
}
.nav-notice.act{
	display:block;
}
.nav-notice .inner{
	padding:0;
}
.nav-notice .notice-top{
	background: #f9f9f9;
    padding: 10px 15px;
    display: table;
    width: 100%;
}
.nav-notice .notice-top .rt button{
	background:#fff;
	border:1px solid #e2e2e2;
	padding:2px 10px;
	font-size:14px;
}
.nav-notice .notice-box .title{
	padding:10px 15px;
	border-bottom:1px solid #e2e2e2;
	position: relative;
	cursor: pointer;
}
/* .nav-notice .notice-box .title::before{
	content:'';
	position:absolute;
	width:13px;
	height:13px;
	background:url(/img/marketer/pc/sm_close.png) no-repeat center center;
	opacity: 0.4;
	right:20px;
	top:50%;
	transform: translate(0, -50%);
} */
.noti-close{
	position:absolute;
	width:13px;
	height:13px;
	opacity: 0.4;
	right:20px;
	top:50%;
	transform: translate(0, -50%);
	z-index: 10;
}
.nav-notice .notice-box .title > div{
	font-size:16px;
}
.nav-notice .notice-box .title .t-cont b, .nav-notice .notice-box .title .t-cont ul{
	display: inline-block;
}
.nav-notice .notice-box .title .t-cont ul li{
	font-size:16px;
}
.nav-notice .notice-box .title .t-cont ul li:last-child{
	color:#c1c1c1;
}
.nav-notice .notice-box .title .t-cont ul li::before {
	background: #262a2d;
}
.nav-notice  .notice-box .content{
	font-size:16px;
	padding:25px 35px;
	background:#f9f9f9;
	display: none;
}
.nav-notice .notice-box .title.on{
	color: #c1c1c1;
}
.nav-notice .notice-box .title.on .t-cont ul li::before {
    opacity: 0.2;
}
.nav-notice .notice-content{
	height: 642px;
    overflow-y: scroll;
}