.main_hero_wrap{
	height:520px;
	max-height: 520px;
	box-sizing: border-box;
	overflow-x: hidden;
	position: relative;
}

.main_hero_wrap .contents_section{
	width:1024px;
	margin:0 auto;
	position: relative;
}

.hero_title_section{
	margin-left:70px;
	padding-top:120px;
	position: relative;
	z-index: 99;
	width:50%;
}
.hero_title_section h1{
	color:#000;
	font-weight: 700;
	font-size:30px;
	font-family: 'Noto Sans KR','notokr-bold', 'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',Dotum;
}
.main_hero_wrap .main_text{
	font-size:32px;
	font-weight: 300;
	color:#090d30;
	line-height: 1.3;
	letter-spacing: -1px;
	margin-bottom:15px;
	font-family: 'Noto Sans KR','notokr-light', 'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',Dotum;
}
.main_hero_wrap .title_btn_section{margin-top:50px;}
.main_hero_wrap .title_btn_section .firstBtnN{color:#22222b;border:1px solid #a2a0ad;padding:16px 0;width:200px;text-align:center;font-size:14px;display:inline-block;letter-spacing:-1px;}
.main_hero_wrap .title_btn_section .secndBtn{margin-left:5px;background-color:#22222b;color:#fff;border:1px solid #22222b;padding:16px 0;width:200px;text-align:center;font-size:14px;display:inline-block;letter-spacing:-1px;}
.main_hero_wrap .title_btn_section .firstBtnN:hover{border-color:#000;}
.main_hero_wrap .title_btn_section .secndBtn:hover{background-color:#4b4b5d;}
.maintitle{
	background-color: #1c4353;
	text-align: center;
	width: 100%;
	max-width: 100%;
    height: 500px;
	background:url(/hive/template/LOUD_IMG/update/titlebg.jpg) repeat-x;
	background-size: cover;
	margin-top:-59px;
}

.imgBox{
    width: 1024px;
    position: relative;
	padding:226px 0 160px 0;
    margin: 0 auto;

}

.title_text{
   width: 680px;
    border-bottom: 1px solid #ff574b;
    height: 45px;
    margin: 0 auto;
    font-size: 40px;
    letter-spacing: -1px;
    color: #fff;

}
.btn_wrap{
	padding-top:44px;
}
.howtotext{
	font-size: 14px;
	letter-spacing:-0.5px;
    color: #777;
    font-weight: 500;
    text-decoration: underline;display:inline-block;
    margin-top: 20px;

}
.howtotext:hover{color:#555;}

.btn_wrap a{
	display:inline-block;
}


.main_hero_wrap .btn_wrap a{
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
  color: #31333b;
	padding:18px 50px;
	border: solid 1px #a0a1a5;
	font-family: 'Noto Sans KR','notokr-light', 'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',Dotum;
}
.main_hero_wrap .btn_wrap a:hover{
	border-color:#fc4e51;
}
.title_btn{
    padding: 16px 50px;
    font-size: 18px;
    color: #fff;
    background-color: #ff6c6d;
    background-image: linear-gradient(156deg,#ff6c6d 0,#ff4040 100%);
    box-shadow: inset 0 -1px 0 #f65f52;
    font-weight: 600;
    letter-spacing: -1px;
}


.main_hero_wrap .right_hero_wrap{
	position: absolute;
	top:0;
	width:1380px;
	margin-top: 64px;
}

.main_hero_wrap .bxslider > div{
	/*right: -600px;*/
	text-align: right;
}

.main_hero_wrap .bxslider a{

}

.main_hero_wrap .right_hero_wrap img{
	max-width: 100%;transition: transform .3s ease;
}
.main_hero_wrap .right_hero_wrap img:hover{
	 transform: scale(1.03);
 }

.main_hero_wrap .slide_control{

}

.main_hero_wrap .slide_control a{
	position: absolute;
	z-index: 53;
	top:0;
	bottom:0;
	margin:auto;
	width:32px;
	height:82px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	font-size:0;
}

.main_hero_wrap .slide_control a.bx-next{
	right: 10px;
	background-image:url(/hive/template/LOUD_IMG/main/main_slider/ic_right_big.png);
}
.main_hero_wrap .slide_control a.bx-next:hover{
	opacity:0.8;
}

.main_hero_wrap .slide_control a.bx-prev{
	left: 10px;
	background-image:url(/hive/template/LOUD_IMG/main/main_slider/ic_left_big.png);
}
.main_hero_wrap .slide_control a.bx-prev:hover{
	opacity:0.8;
}

.go_bestbtn{
	border: solid 1px #ebeff2;
	display: inline-block;
	border-radius: 16px;
  background-color: #ebeff2;
	font-size: 12px;
  text-align: center;
  color: #777777;
	position: absolute;
	right: 0px;
	top: 23px;
	z-index: 51;
}

.go_bestbtn:hover{
	border-color: #cccccc;
}

.go_bestbtn a{
	display: inline-block;
	font-size: 12px;
  text-align: center;
  color: #777777;
	padding: 8px 18px;
}

.bx-controls .bx-pager{
	display: block;
	position: absolute;
	bottom:0;
	left: 370px;
	z-index: 51;
}
.bx-controls .bx-pager .bx-pager-item{
	float:left;
	margin-right: 5px;
}

.bx-controls .bx-pager .bx-pager-item a{
	font-size: 0;
	display: inline-block;
	width:11px;
	height:11px;
	background: #e8e8e8;
	border-radius: 50%;
}

.bx-controls .bx-pager .bx-pager-item a.active{
	background: #acacaf;
}

.bx-controls-direction .bx-prev{
	position: absolute;
	left:0;
}
	.section_grey .grey_inner .greytop_body {
        height: 385px;
        background-color: #ffffff;
        padding: 30px 25px 30px 30px;
        box-sizing: border-box;
        box-shadow: 1.5px 2.6px 4px 0 #00000011;
        position: relative;
        z-index: 10;
        font-size: 0;
    }
	.section_grey .grey_inner .greytop_left_body .greytop_left_main .cl_row_title{max-width: 184px;}
	.raundBox{
		width: 110px;
		border: 1px solid #f4f5f6;
		border-radius: 8px;
		padding: 2px 0;
		margin: 1px 0px;
		background-color: #f4f5f6;
		text-align: center;
		font-size: 0;
	}
	.raung_text{
		font-size: 12px;
	}
	.raung_text strong{
		color: #444 !important;
	}
	.raung_text strong span{
		color: #ccc !important;
	}
.cl_row_num{
	font-weight: 800;
}
.cl_row_title{
	max-width: 150px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align: left;
	padding-left: 5px;
}
.cl_row_title a{

}
.cl_row_title a:hover{
	color:#e54e50;
}
.greytop_left_title2{height:45px;}
.greytop_left_title2 span{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: -0.4px;
    text-align: left;
    color: #292a33;
    vertical-align: middle;
}
    .section_grey .grey_inner .greytop_title2 span {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -0.45px;
        text-align: left;
        color: #292a33;
        vertical-align: middle;
        display: inline-block;
        padding: 12px 0 25px 10px;
    }

.greybot{width: 1024px; margin: auto;}

/* 콘테스트, 1:1 프로젝트, 채용소식 */
.section_grey.dg_section_grey{background-color: #ebeff2; padding: 70px 0 70px 0;}
.section_grey .grey_inner{width: 1024px; margin: 0 auto;}
.section_grey .grey_inner .grey_inner_top{margin-bottom: 32px;}
.section_grey .grey_inner .greytop_left{width: 690px;display:inline-block;float: left;}
.section_grey .grey_inner .greytop_left_main{margin-top: 8px;}
.section_grey .grey_inner .greytop_left_title img{vertical-align: middle; width: 6px; height: 9px; margin-right: 8px;}
.section_grey .grey_inner .greytop_left_title span{font-size: 15px;font-weight: bold;line-height: 1.33;letter-spacing: -0.4px;text-align: left;color: #292a33; vertical-align: middle;}
.section_grey .grey_inner .greytop_left_cate{font-size: 13px;font-weight: 400;line-height: 2.05;letter-spacing: -0.3px;text-align: center;color: #292a33; float: right;}
.section_grey .grey_inner .greytop_left_cate .cate_li{width: 118px; padding: 9px 0; background-color: #64636d; float: left; margin-right: 5px; cursor:pointer; color: #ffffff;}
.section_grey .grey_inner .greytop_left_cate .cate_li:hover{background-color: #302f3a;}
.section_grey .grey_inner .greytop_left_cate .cate_li.active{background-color: #ffffff; border-top: 2px solid #222222; color:#292a33; font-weight: bold;}
.section_grey .grey_inner .greytop_left_body{width:690px; height:385px; background-color: #ffffff; padding: 20px 19px 22px 25px; box-sizing: border-box; box-shadow: 1.5px 2.6px 4px 0 #00000011;}
.section_grey .grey_inner .greytop_left_body .subt_left{float: left; margin-bottom: 12px;}
.section_grey .grey_inner .greytop_left_body .subt_left span{font-size: 14px; letter-spacing: -0.3px; color: #292a33; font-weight: 400; vertical-align: middle;}
.section_grey .grey_inner .greytop_left_body .subt_left img{vertical-align: middle; margin-right: 7px;}
.section_grey .grey_inner .greytop_left_body .subt_right{float: right;width: 90px; height: 25px; font-size: 12px; font-weight: bold; line-height: 25px; letter-spacing: -0.3px; text-align: center; color: #292a33; border-radius: 12.5px; background-color: #ebeff2;}
.section_grey .grey_inner .greytop_left_body .subt_cl_right{float: right; width: 100%; height: 25px; font-size: 12px; font-weight: bold; line-height: 25px; letter-spacing: -0.3px; text-align: center; color: #292a33;     border: solid 1px #dddddd; background-color: #ffffff;}
.section_grey .grey_inner .greytop_left_body .subt_right:hover,
.section_grey .grey_inner .greytop_left_body .subt_cl_right:hover{color: #Ff4D4D;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl{margin-top: -4px; display: inline-block; width: 300px;border-radius: 5px; text-align: center; line-height: 32px; font-size: 12px; font-weight: 400; letter-spacing: -0.3px; color: #292a33;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl img{width: 300px; height: 204px;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl p{font-size: 13px;font-weight: bold;line-height: 1.5;letter-spacing: -0.3px;text-align: left;color: #292a33; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl p font{color: #e54e40;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl .user_id{ font-size: 12px;font-weight: 400;letter-spacing: -0.3px;text-align: left;color: #666666;display: inline-block; width: 100%; line-height: 25px; margin-bottom: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl .left_sublb{height: 32px; border-radius: 5px; background-color: #ebeff2;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl .left_sublb img{width: 16px; height: 16px; margin-bottom: 3px; margin-right: 7px; vertical-align: middle;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subr{float: right; margin-top: -12px;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subr table {width: 100%; letter-spacing: -0.5px; color: #444; font-size: 12px; margin-bottom: 8px}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .cl_row_title{max-width: 184px;}
.conban_imgbx{display: inline-block; margin-bottom: 15px; position: relative;}
.section_grey .grey_inner .greytop_left_body .greytop_left_main .left_subl .conban_titlebx:hover p{color: #e54e40;}
.mtom_tab, .recruit_tab{display: none;}
.mtom_tab table{width: 100%; border-spacing: 0px;margin-top:14px;}
.mtom_tab table td{background-color: #ebeff2; padding: 13px 12px; width: 49%; border-bottom: 6px solid #ffffff;}
.mtom_tab table td.td_border_left{border-left: 3px solid #ffffff;}
.mtom_tab table td.td_border_right{border-right: 3px solid #ffffff;}
.mtom_tab table td:hover p{color: #e54e40;}
.mtom_tab table tr{height: 90px;}
.mtom_tab p{font-size:12px;font-weight:bold;letter-spacing:-0.3px;text-align:left;color:#64636d;margin-bottom: 3px; width: 210px; overflow: hidden; text-overflow: ellipsis;max-height:34px;line-height:17px;}
.mtom_tab p font{color: #e54e40;}
.mtom_tab .user_id{ font-size: 12px;font-weight: 400;letter-spacing: -0.3px;text-align: left;color: #666666;display: inline-block; line-height: 12px;margin-top: 3px;}
.mtom_tab .left_sublb{width: 215px;height: 23px;border-radius: 9px;background-color: #ffffff; text-align: center; margin-top:6px; line-height: 23px;}

.recruit_tab{position: relative;}
.recruit_tab table{border-spacing: 6px; width: calc(100% + 6px); margin-top: 7px;}
.recruit_tab table td{width: 33.333%; height: 100%; border: solid 1px #cccccc; background-color: #ffffff; box-sizing: border-box; position: relative; padding-top: 23px; padding-bottom: 20px;}
.recruit_tab table td:hover .recruit_title{color: #Ff4D4D;}
.recruit_tab .recruit_innertxt{display: block; width: 86.3%; margin-right: auto; margin-left: auto; height: 100%; position: relative; height: 95px;}
.recruit_tab table tr{height: 140px;}
.recruit_tab p{width: 100%; font-size: 12px; font-weight: 400; letter-spacing: -0.3px; text-align: left; color: #64636d; margin-bottom:2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recruit_tab .recruit_title{ font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.4px; text-align: left; color: #64636d; display: block; margin-bottom: 12px; width: 100%;}
.recruit_tab span{text-align: center;}
.recruit_tab .left_sublb{position: absolute; bottom: 0;box-sizing: border-box;width: 100%;; height: 28px;border-radius: 10px; background-color: #ebeff2; text-align: center;line-height:28px;text-align: left; padding-left: 7px; margin-right: auto; margin-left: auto;}
.recruit_tab .left_sublb img{vertical-align: middle;width:16px;height:16px;margin-right:7px;}
.recruit_tab .left_sublb span{vertical-align: middle; font-size: 12px; font-weight: 400; letter-spacing: -0.3px; color: #64636d;}
.recruit_tab .left_sublb span strong{color: #64636d;}
.greytop_right{width: 312px; display: inline-block; margin-left: 19px;float: left;}
.clearfix::after,
.clearfix:after{content:" "; display: block; width:100%; height:0; clear:both;}
 .greytop_right .subt_right{float: right; width: 85px; height: 25px; font-size: 12px;  line-height: 25px; letter-spacing: -0.3px; text-align: center; color: #292a33; border-radius: 12.5px; background-color: #fff;margin-top:3px;padding-left:5px;}
 .greytop_right .subt_right:hover{color: #Ff4D4D;}
.greytop_right .greytop_rightt{width: 312px; height: 280px; box-shadow: 1.5px 2.6px 4px 0 #00000011; background-color: #ffffff; margin-bottom: 17px;}
.greytop_right .greytop_rightt li{ border-bottom: 1px solid #ebeff2; height: 82px; box-sizing: border-box;}
.greytop_right .greytop_rightt li a{display: inline-block; height: 100%; width: 100%; position: relative;}
.greytop_right .greytop_rightt li a:hover .hover_noti{color: #Ff4D4D;}
.greytop_right .greytop_rightt .greytop_alert{width: 84px; height: 32px; border-radius: 10px; background-color: #ebeff2;font-size: 12px; font-weight: 400; margin-right: 18px; margin-bottom: 5px;line-height: 31px; letter-spacing: -0.3px; text-align: center;color: #292a33; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 6%; vertical-align: middle;}
.greytop_right .greytop_rightt .greytop_alert img{width: 14px; height: 14px; vertical-align: middle;}
.greytop_right .greytop_rightt .greytop_alert span{vertical-align: middle;}
.greytop_right .greytop_rightt .greytop_alert_t{font-size: 13px;font-weight: 400;line-height: 1.31;letter-spacing: -0.3px;text-align: left;color: #495162; display: inline-block; vertical-align: middle; width:173px; position: absolute; top: 50%; transform: translateY(-50%); left: 39%;}
.greytop_right .greytop_rightt .greytop_alert_t p{margin-bottom: 4px;}
.greytop_right .greytop_rightt .greytop_alert_t span{font-size: 12px; letter-spacing: -0.3px; color: #a8a8a8; }
.greytop_right .greytop_rightt .see_more{font-size: 12px;font-weight: 400;line-height: 32px;letter-spacing: -0.3px;text-align: center;color: #292a33;display: block;}
.greytop_right .greytop_rightt .see_more:hover{color: #Ff4D4D;}
.greytop_rightb{box-shadow: 1.5px 2.6px 4px 0 #00000011; background-color: #ffffff; display: inline-block; height: 54px; line-height:54px;width: 307px;
	box-sizing: border-box;text-align:center;vertical-align:middle;user-select: none}
.greytop_rightb .micicon{vertical-align:middle; margin-right: 3px; margin-bottom: 7px; margin-left: 6px}
.greytop_rightb .notice{font-size:15px; letter-spacing: -0.8px; font-weight: bold}
.greytop_rightb .rightarrow{ vertical-align: middle; width: 16px; margin-bottom: 5.5px; margin-left: 8px;}
.vbank_banner .left_btn, .vbank_banner .right_btn{background-size: contain; width: 10px; height: 14px; display: inline-block; margin: 20px 0 20px 24px; cursor: pointer; opacity: .5; background-repeat: no-repeat;}
.vbank_banner .left_btn{background-image: url("/hive/template/LOUD_IMG/mypage/ic-left-h.png"); float: left; }
.vbank_banner .right_btn{background-image: url("/hive/template/LOUD_IMG/mypage/ic-right-h.png"); float: right; display: block; margin-right: 24px;margin-left: 0;}
.vbank_banner .left_btn:hover, .vbank_banner .right_btn:hover{opacity: 1;}
.banner_bot2{display: none}

.greytop_right{width: 307px; display: inline-block; margin-left: 25px;float: left;}
.clearfix::after,
.clearfix:after{content:" "; display: block; width:100%; height:0; clear:both;}
.greytop_right .greytop_rightt{width: 307px; height: 314px; box-shadow: 1.5px 2.6px 4px 0 #00000011; background-color: #ffffff; margin-bottom: 17px;position:relative;}


    .section_grey .grey_inner .greytop_cate {
        font-size: 13px;
        font-weight: 400;
        line-height: 2.05;
        letter-spacing: -0.3px;
        text-align: center;
        color: #292a33;
        float: right;
        margin-bottom: -3px;
        padding-right: 10px;
    }
    .section_grey .grey_inner .greytop_cate .cate_li:hover {
        background-color: #302f3a;
    }
    .section_grey .grey_inner .greytop_cate .cate_li.active {
        background-color: #ffffff;
        border-top: 2px solid #222222;
        color: #292a33;
        font-weight: bold;
    }
    .section_grey .grey_inner .greytop_cate .cate_li {
        width: 118px;
        background-color: #64636d;
        float: left;
        margin-right: 5px;
        cursor: pointer;
        color: #ffffff;
        padding: 15px 0;
    }

    .section_grey .grey_inner .greytop_body .box_title{
        font-size: 15px;
        font-weight: bold;
        line-height: 20px;
        letter-spacing: -0.38px;
        color: #292a33;
        padding-bottom: 30px;
    }
    .section_grey .grey_inner .greytop_body .step .num{
        border-radius: 50%;
        overflow: hidden;
        background-color: #ebeff2;
		color: #fd6569;
        font-size: 16px;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 0;
        width: 36px;
        padding: 9px 0;
    }
	    .section_grey .grey_inner .greytop_body .step 	.blue{color:#8762dc}
    .section_grey .grey_inner .greytop_body .step .img{
		height: 164px;
		padding-top: 24px;
		padding-bottom: 4px;
	}
    .section_grey .grey_inner .greytop_body .step .img img{
		height:100%;
	}

    .section_grey .grey_inner .greytop_body .step{
        text-align: center;
        position: relative;
        vertical-align: top;
        width: 185px;
    }
    .section_grey .grey_inner .greytop_body .step .text .title{
        font-size: 14px;
        font-weight: bold;
        color: #64636d;
        letter-spacing: -0.35px;
        padding: 20px 0 10px 0;
    }
    .section_grey .grey_inner .greytop_body .step .text .content{
        font-size: 12px;
        color: #64636d;
        letter-spacing: -0.3px;
        line-height: 18px;
    }
    .section_grey .grey_inner .greytop_body .point{
        vertical-align: top;
        padding: 100px 8px 0 8px;
    }
    .right_content, .left_content {
        vertical-align: top
    }


    .right_content ul li img{width: 14px;vertical-align: middle;}
    .right_content ul li div{
        color: #514f5d;
        font-size: 14px;
        letter-spacing: -0.35px;
        vertical-align: middle;
        font-weight: bold;
    }
    .right_content{padding-left: 30px;}
    .right_content ul li:first-child{padding-top: 0}
    .right_content ul li{
        border-bottom: 1px solid #e1e1e1;
        padding: 8px 0;
        cursor: pointer;
        width: 310px;
    }
    .right_content ul li:hover{opacity:0.8;}
    .right_content ul li:last-child{border-bottom: 0;}
    .right_content ul li .num{
        padding-right: 18px;
    }
    .right_content ul li div .info{
        font-size: 12px;
        font-weight: normal;
    }
    .right_content ul li .text div{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 250px;
    }
    .right_content ul li .text div:first-child {
	   padding-bottom: 5px;
    }
    .right_content .box_title .right{
        background-color: #ebeff2;
        font-size: 12px;
        font-weight: bold;
        color: #292a33;
        letter-spacing: -0.3px;
        width: 90px;
        padding: 2px 0;
        border-radius: 50px;
        text-align: center;
        margin-top: -2px;
    }
    .greybot_body{
        background-color: #ffffff;
        box-sizing: border-box;
        position: relative;
        z-index: 10;
        font-size: 0;
				text-align: left;
    }
		.greybot_body .item:not(:last-child){
			box-sizing: border-box;
			width: 25%;
		}
    .greybot_body .item:last-child{
        padding-right: 0;
				position: absolute;
		    right: 0;
		    top: 50%;
		    transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
    }
    .greybot_body .item  ul li{
        vertical-align: middle;
        font-size: 13px;
        color: #292a33;
        letter-spacing: -0.33px;
        padding-left: 12px;
		line-height: 1.4
    }
    .greybot_body .item  ul li strong{
        font-size: 28px;
        font-weight: bold;
    }
    .important-hide{display: none !important;}

    #Container .folio{text-align: left;s}
	#Container .foliio_info{padding: 10px 0 10px 4px;font-size: 13px;letter-spacing: -0.33px;line-height: 19px;}
	#Container .foliio_info_title{color: #292a33;font-weight: bold;font-size:15px;}
	#Container .foliio_info_cnt{color: #64636d}
	#Container .mix {
	    width: 244px;
	    height: 300px;
	    padding: 0 6px;
	    background-color: #fff;
	}
	#Container {
    	height: 300px;
    }
	#Container .img_h{border: 1px solid #dedede;}
	.tap_containter .viewmore{
		background-color: #fff;text-align: center;
		margin-top:3px;
    	width: 84px;
    	border-radius: 50px;
    	padding: 7px 0;
    	font-size: 13px;
	    border: 1px solid #ccc;
		cursor:pointer;
		color:#495161;
		letter-spacing:-1px;
		font-weight:bold;
		display: block;
	}
	.tap_containter .viewmore:hover{		border-color:#495161;}
    .tap_containter .filter{
    	width: 84px;
    	border-radius: 50px;
    	padding: 7px 0;
    	font-size: 13px;
    }
    .tap_containter .filterMove{
    	width: 84px;
    	border-radius: 50px;
    	padding: 7px 0;
    	font-size: 13px;
		display:inline-block;
	    border: 1px solid #ccc;
		cursor:pointer;
	    color: #495161;
		letter-spacing: -1px;
		font-size:13px;
		font-weight:bold;
    }
    .tap_containter .filterMove:hover{
		border-color:#495161;
	}
    .tap_title{
    	padding: 10px 0 40px 0;;
    	font-size: 18px;
    	font-weight: bold;
    	color: #302f3a;
    	letter-spacing: -0.45px;
    	text-align: left;
    	display: inline-block;
    }
    .tap_containter{float: right;}
    .slider_info{
		font-size: 13px;
		letter-spacing: -0.35px;
		color: #64636d;
		text-align: left;
		line-height: 20px;
		padding-top: 15px;
	}
	.slider_info .title{
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  padding-bottom:3px;
	}
	.slider_info strong{font-size: 15px;color: #292a33}
	.slider_info img{vertical-align: middle;padding-bottom: 2px;}
	.section_sub_slider .bx-controls .bx-pager{
		right: 12px;
		top: 14px;
		bottom:auto;
		left: auto;
		transform: none;
	}
	.section_sub_slider .bx-controls .bx-pager .bx-pager-item{
	    margin-right: 0;
	    margin-left: 6px;
	}
	.section_sub_slider .bx-controls .bx-pager .bx-pager-item a{
		width: 10px;
		height: 10px;
		background-color: #cecece;
		margin-right: 0;
	}
	.section_sub_slider .bx-controls .bx-pager .bx-pager-item a.active{
		background-color: #64636d;
	}
	.slide_control2{margin-top: -10px;}
	.slide_control2 a.bx-next {
	    right: -45px;
	    background-image: url(/hive/template/LOUD_IMG/main/main_slider/ic_right_big.png);
	}
	.slide_control2 a.bx-prev {
	    left: -45px;
	    background-image: url(/hive/template/LOUD_IMG/main/main_slider/ic_left_big.png);

	}
	.slide_control2 a:hover{opacity:0.6;}
	.slide_control2 a {
	    position: absolute;
	    z-index: 53;
	    top: 14px;;
	    bottom: 0;
	    margin: auto;
	    width: 32px;
	    height: 82px;
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: auto;
	    font-size: 0;
	}
	.dn_slider .dn_slide{text-align:center;color:#292a33;background-color:#fff;}
	.dn_slider .label{position:absolute;right:15px;top:0;background-image: url(/hive/template/LOUD_IMG/main/ic-label.png);color:white;font-weight:bold;text-align:center;width:50px;height:43px;font-size:12px;letter-spacing:-0.25px;padding-top:14px;}
	.dn_slider .thumb{border:5px solid #fff;width:297px;height:198px;overflow:hidden;cursor:pointer;}
	.dn_slider .thumb .thumb_h{
		display: none;
		background-color: #fff;
		width: 307px;
		height: 208px;
		background: rgba(255, 255, 255, 0.2);
		position: absolute;
		top: 0;
		left: 0;
	}
	.dn_slider .thumb img{width:100%;
		margin-top:-50px;
	}

	.dn_slider .pf_pic{width:80px;height:80px;overflow:hidden;border-radius:40px;margin-top:-50px;display:inline-block;position: relative;background-color: #ebeff2; transition: transform .3s ease; background-size: cover;}
	.dn_slider .pf_pic:hover{transform: scale(1.1);}
	.dn_slider .dn_id{font-weight:bold;font-size:16px;margin-top:10px;display:inline-block;}
	.dn_slider .dn_id:hover{color:#e54e50;}
	.dn_slider .dn_desc{margin-top:5px;}
	#dn_left_btn{
		background-image: url(/hive/template/LOUD_IMG/mypage/ic-left-h.png);
		position: absolute;
		z-index: 53;
		top: 257px;
		left:20px;
		margin: auto;
		width: 17px;
		height: 23px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto;
		opacity:0.6;
	}
	#dn_right_btn{
		background-image: url(/hive/template/LOUD_IMG/mypage/ic-right-h.png);
		position: absolute;
		z-index: 53;
		top: 257px;
		right:20px;
		margin: auto;
		width: 17px;
		height: 23px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto;
		opacity:0.6;
	}
	#dn_left_btn a,#dn_right_btn a{
		width: 30px;
		height: 40px;
		margin-top: -20px;
		margin-left: -5px;
		font-size:0;
	}
	#dn_left_btn:hover,#dn_right_btn:hover{opacity:1;}
	.graph_box{
		border-top:1px solid #e1e1e1;
	   font-size: 15px;
	   color: #292a33;
	   letter-spacing: -0.38px;
	   line-height: 24px;
	   padding: 42px 0;
	}
	.graph_box img{vertical-align: middle;padding-bottom: 2px;padding-left: 5px;}
	.skyblue{color:#6f79ff}
	.orange{color:#fd6569}
.sub_content{
	font-size: 0;
}
.sub_left{vertical-align: top;}
.sub_left a{font-size: 0;line-height: 0;}
.sub_left .item{
	margin-right: 10px;
	position: relative;
}
.sub_left .item .info{
	position: absolute;
	bottom: 20px;
	left: 25px;
	width: 250px;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.35px;
	font-weight: bold;
}
.sub_left .item .gradient{
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 100%) !important;
    opacity: 0.7 !important;
    position: absolute !important;
    height: 60% !important;
    width: 100% !important;
    left: 0px !important;
    bottom: 0px !important;
}
.sub_left .item .info img{
	vertical-align: middle;
	padding-bottom: 2px;
}
.sub_right{
	vertical-align: top;
	padding-left: 15px;
}
.sub_right .item{
	font-size: 0;
}
.sub_right .item .img{
	width: 74px;
	height: 74px;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: top;
}
.sub_right .item .img img{
	height: 74px;
}
.sub_right .item .content{
	vertical-align: top;
	padding-left: 12px;
	color: #292a33;
	letter-spacing: -0.33px;
	line-height: 20px;
	font-size: 12px;
	width: 228px;
	height:82px;overflow:hidden;
	margin-bottom:19px;
}
.sub_right .item .content img{
	vertical-align: middle;
	padding-bottom: 2px;
}
.sub_right .item .content .title{
	font-weight: bold;
	padding-top: 5px;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;;
}
.sub_right .item:hover{opacity:0.8;}
.sub_right .item .content .text{
    text-overflow: ellipsis;
}
.img_h:hover{opacity:0.7;}
.sub_content .item:hover{opacity:0.7;}
.playbtn{top: 62px;left:118px;width: 90px;height: 90px;position:absolute;}
.playbtn img{width:100%}

.section_sm_title{font-size: 14px;display: inline-block;padding-bottom: 22px;padding-top: 14px;}
.section_title_dc{position: relative;}
.section_title_dc img{position: absolute;left: 0;right: 0;margin: auto;width: 876px;top: -133px;}
.section_white.dg_sec_white{padding-top: 58px; padding-bottom: 83px;}
.section_white.dg_sec_white .section_inner{width: auto; min-width: 1024px; max-width: 1920px;}
.section_white.dg_sec_white .section_content{padding-left: 10px; margin-bottom: 45px;}
.section_title.dn_sec_title_num{font-size: 22px; padding: 15px 0 17px 0; border-bottom: 1px solid #ccc; margin: 0 auto; width: 550px; color: #302f3a;}
.section_title.dn_sec_title_num .section_title_number{font-size: 25px; font-weight: 600; letter-spacing: -1px; color: #302f3a;}
.section_white.dg_sec_white .con_title{text-align: left; width: 100%; height: auto; line-height: 1; background-color: #fff; font-size: 12px; text-indent: 14px; padding-top: 18px; padding-bottom: 18px;}
.section_white.dg_sec_white .con_title > b { font-size: 14px;}
.section_white.dg_sec_white .portfoliobox{box-sizing: border-box; position: relative; width: 265px; height: 312px; margin-bottom: 10px;display: inline-block; zoom: 1;vertical-align: top;margin-right: 10px;background: #fff;border: 1px solid #ddd;}
.section_white.dg_sec_white .imgbox{text-align: center;overflow: hidden;position: relative; width: 100%;}
.section_white.dg_sec_white .imgbox img{width: 100%; height: 260px;}
.section_white .seemore_pf{display: block; width: 228px; height: 46px; border: solid 1px #cccccc; font-size: 14px; font-weight: 400; line-height: 46px; letter-spacing: -0.4px; text-align: center; color: #292a33; margin-right: auto; margin-left: auto;}
.section_white .seemore_pf:hover{border: 1px solid #495161;}

.imghover { display: none; background: #fff; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; opacity: 0.4; z-index: 10;}
.pf_loading{display: none;}
#comment{padding: 20px !important; background-color: #EFF1F7; border-radius: 10px;}
#comment span{color: #000; font-weight: bold;}

.recommendbox{
  position: relative; width: 265px; height: 312px; margin-bottom: 10px; display: inline-block; zoom: 1; vertical-align: top; margin-right: 10px; border: 1px solid #64636d;background-color: #64636d; box-sizing: border-box;
}

.recommendbox_title{font-size: 14px; font-weight: bold; line-height: 1.9; letter-spacing: -0.4px; color: #ffffff; margin-top: 35px; margin-bottom: 25px;}
.recommendbox_txt{text-align: left; width:220px; position: absolute; left: 52%; transform: translateX(-50%);}
.recommendbox_txt a{width: 29%; border-radius: 10px; border: solid 0.5px #ffffff; font-weight: 400; letter-spacing: -0.4px; color: #ffffff; padding: 5px 0px; display: inline-block; margin-bottom: 7px; box-sizing: border-box;}
.r_line a{text-align: center;}
.r_line a:hover, .gosearch_bar a:hover{border-color: #fd6569;}
.gosearch_bar{position: absolute; left: 50%; transform: translateX(-50%); bottom: 35px; width: 215px;}
.gosearch_bar a{border: solid 0.5px #ffffff; padding: 12px 0; display: inline-block; width: 100%; font-size: 14px; font-weight: 400; color:#ffffff }

.pf_like_pop{
	position: absolute;
	top: 0;
	right: 37px;
	margin-top: 10px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	padding: 11px 10px;
	cursor: pointer;
}

.pf_like_pop img{
	opacity: 0.3;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.pf_like_pop img:hover{
	opacity: 1;
}

.pf_like_pop .liked{
	opacity: 1;
}

.main_pf_like{
  position: absolute;
  top: 0;
  right: 15px;
  margin-top: 10px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  padding: 11px 10px;
  cursor: pointer;
  border:1px solid #eee;
  z-index: 11;
}

.main_pf_like:hover img{
  opacity: 0.7;
}

.main_pf_like img{
  opacity: 0.3;
}

.section_content{position: relative;}
.see_likepf{width: 155px; height: 40px; line-height: 40px; border-radius: 5px; border: solid 1px #cccccc;float:right;position:relative;
  font-size: 14px; color: #888888; cursor:pointer;}
.see_likepf::after{
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 13px;
  width: 23px;
  height: 22px;
  background-size: contain;
  opacity: 0.3;
  z-index: 3;
  background-repeat: no-repeat;
}
.pf_likenot_showed::after{
  background-image: url(/hive/template/LOUD_IMG/main/ic_like.png);
}
.pf_likenot_showed:hover::after{opacity: 0.8;}
.see_likepf.pf_likenot_showed:hover{background-color: #f3f5f8;}
.see_likepf.pf_like_showed{
  color: #ffffff;
  background-color: #64636d;
  opacity: 1;
}
.pf_like_showed::after{
  background-image: url(/hive/template/LOUD_IMG/main/ic_checked.png);
  opacity:1;
}
.see_likepf > span{margin-left: 20px;}
.project_img{width: 60px; height: 60px; margin-right: 11px; vertical-align: middle;}
.inline_block{display: inline-block;}


/* event section */
.event_wrap{display: block; position: absolute; left: 0; top: 59px; z-index: 1000; width: 100%;}
.topsection{width:100%;background-color:#6decee;height: 455px;position:relative;}
.topsection .title{width: 1024px; top: 60px; position: absolute; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.topsection .image{text-align:center; padding-top: 30px;}
.topsection .image img{margin-left:50px;}
.topsection .bg{position:absolute;bottom:-40px;left:50%;margin-left:-900px;overflow:hidden;}
.topsection .bg img{max-width:100%;}
.secondsection{z-index: 1; background-color:#6f7cfa;padding:15px 0;text-align: center; height: 65px; box-sizing: border-box; box-shadow: 0 0 30px 0 rgba(9, 4, 4, 0.32);}
.secondsection .inner{width:1024px;margin:0 auto;}
.secondsection .inner .notice{text-align:center;vertical-align:middle;line-height:1.3;letter-spacing:-0.7px;}
.secondsection .inner .notice .howto{text-align:center;font-size:18px;font-weight:bold;color:#4935a8;background-color:white;width: 120px;height: 40px;line-height:40px;border-radius: 20px;display:inline-block;margin-right:40px;vertical-align:middle;}
.secondsection .inner .notice .guide{text-align:left;display:inline-block;font-size:17px;color:white;vertical-align:middle;}
.secondsection .inner .notice .guide h1{color:#6decee;font-weight:bold;font-size:17px;}
.secondsection .inner .nav{margin-top:50px;}
.secondsection .inner .nav li{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width:161px;height:50px;line-height:50px;border-radius:5px 5px 0 0;background-color:#2f54a2;color: #ffffff;letter-spacing: -1.2px;font-weight: 500;font-size: 16px;text-align:center;margin-right:8px;display:inline-block;float:left;}
.secondsection .inner .nav .active{background-color:#fff;color: #2f54a2;border-top:4px solid #56d6d8;line-height:46px;}
.secondsection .inner .nav .active a{background-color:#fff;color: #2f54a2;border-top:4px solid #56d6d8;line-height:46px;}
.secondsection .inner .nav li:hover{background-color:#fff;color: #2f54a2}
.secondsection .notice > span{display: inline-block;vertical-align: middle;font-size: 18.5px; letter-spacing: -0.93px; color: #ffffff; margin-right: 24px;}
.secondsection .notice_detail{display: inline-block; vertical-align: middle; border-radius: 17px; background-color: #ffffff; width: 135px;
	height: 34px; line-height: 34px; font-size: 14.5px; font-weight: bold; letter-spacing: -0.36px; text-align: center; color: #6f7cfa;     position: relative;
  z-index: 100;}
.secondsection .notice_detail span{margin-right: 10px;}
.secondsection .notice_detail img{vertical-align: middle;}
.event_close{display: inline-block; position: absolute; right: 30px; top: 30px; cursor: pointer; z-index: 10001}

/* event(delete later) */
.man10_wrap { width: 100%; display: block; text-align: center; background-color: #6163fc; top: 0px; left: 0; z-index: 1000;}
.man10_wrap img { width: 740px;}

.subt_right_wrap{ display: inline-block; float: right; font-size: 12px; line-height: 22px; letter-spacing: -0.3px; text-align: center; color: #666666; margin-top: -3px;margin-right:10px;}
.subt_right_wrap .cl_toggle{display: inline-block; font-size: 13px; letter-spacing: -0.33px; cursor: pointer}
.subt_right_wrap .cl_toggle.selected{font-weight: bold; border-bottom: 1px solid #292a33; color: #292a33; cursor: auto;}
.subt_right_wrap .cl_toggle:first-of-type{margin-right: 8px}

#pf_popup_wrap{z-index: 10000}

@media only screen and (max-width: 1024px) {
	.mobile_hide{display:none;}
	.slide_control2 a.bx-next{right:0;}
}