@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600&display=swap');

.header button,
.right_menu button,
.footer button,
.t_left_menu .click_area button { outline:none; -webkit-appearance:none; -webkit-border-radius:0;background:none; border:none; cursor:pointer;}
	
.banner_wrap *,
.main_wrap *,
.sub_wrap .header *,
.t_left_menu *,
.footer,
.footer *{line-height: 1; vertical-align: baseline; margin:0; padding:0; box-sizing:border-box; 
	word-break: break-word; font-family:'Roboto', 'Noto Sans KR', sans-serif; }

.sub_wrap .t_header *,
.sub_wrap .t_common_bg,
.sub_wrap .sub_common_bg,
.sub_wrap .right_menu .side *,
.sub_wrap .t_left_menu,
.sub_wrap .t_left_menu *,
.sub_contents .sub_menu,
.sub_contents .sub_menu *,
.sub_common_bg h2{box-sizing: border-box;line-height: 1; vertical-align: baseline; font-family:'Roboto', 'Noto Sans KR', sans-serif;}

.sub_wrap .depth2_menu *{font-family:'Roboto', 'Noto Sans KR', sans-serif; box-sizing: border-box;}

ul#lv3_286 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 24em;
}	
	
.sub_menu .right button{outline:none; -webkit-appearance:none; border:none; cursor:pointer;border-right: 1px solid #CFCFCF;}
.sub_menu .right button.print{border-right: 0;}

.banner_wrap a,
.main_wrap a,
.t_left_menu a,
.footer a{color: inherit;}

.banner_wrap a:hover,
.main_wrap a:hover,
.sub_wrap a:hover,
.footer a:hover{text-decoration: none;}

.main_wrap h2,
.main_wrap h3,
.sub_common_bg h2,
.sub_common_bg h3{background: none; margin: 0; padding: 0; }


/* 'Noto Serif KR', serif; */
.textAL {
	text-align:left !important;
}

.textAC {
	text-align:center !important;
}

.textAR {
	text-align:right !important;
}

.textCut {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.textCut_two
{
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.clearfix:after {
	clear:both;
	content:'';
	display:block;
}

.hide {
	display:none !important;
}

.objectFit img {
	object-fit:cover;
	width:100%;
	height:100%;
}

.objectFitIE {
	/* height:100vh; */
	background-size:cover;
	background-position:center center;
}

.objectFitIE img {
	opacity:0;
}


.flex_between_center
{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.flex_center_center
{
	display:flex;
	justify-content:center;
	align-items:center;
}

.flex_center_stretch
{
	display:flex;
	justify-content:center;
	align-items:stretch;
}

.flex_center_end
{
	display:flex;
	justify-content:center;
	align-items:flex-end;
}

.ls_0
{
	letter-spacing:0 !important;
}

.mb_100
{
	margin-bottom:100px;
}

.tab_content > div:not(:first-child)
{
	display:none;
}
.tab_content > div.visible_tab:not(:first-child)
{
	display:inherit;
	visibility:hidden;
	height:0;
}
.sub_contents .layout{ max-width: 1200px;}
.layout
{
	position:relative;
	max-width:1200px;
	margin:0 auto;
}



/* checkbox */
.common_chk input[type="checkbox"]
{
	display:none;
}
.common_chk input[type="checkbox"] + label
{
	cursor:pointer;
}
.common_chk input[type="checkbox"] + label span
{
	background:#fff;
	display:inline-block;
	width:13px;
	height:13px;
	border:1px solid #DDDDDD;
	vertical-align:-1px;
	cursor:pointer;
	margin-right:4px;

}
.common_chk input[type="checkbox"]:checked + label span
{
	background:#fff url(/wbbs/assets/images/common/c_banner_chk.png) no-repeat center center;
	background-size:13px;
	cursor:pointer;
}
 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
	-webkit-box-shadow:0 0 0 30px white inset !important;
}





/* header */
.header_wrap
{
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 120px);
	z-index:12;
	background: url(/wbbs/assets/images/common/black_bg.png);
}
.header_wrap.active
{
	background:#fff;
	/* backdrop-filter:blur(50px);
	-webkit-backdrop-filter:blur(50px); */
}
.header
{
	/* position:absolute;
	top:0;
	left:0;
	width:calc(100% - 120px); */
	position:relative;
	height:101px;
	border-bottom:1px solid rgba(255,255,255,0.15);
	z-index:12;
	display:flex;
	justify-content:space-between;
	align-items:center;
	transition:all .3s;
}
.header .logo
{
	padding-left:79px;
}
.header .menu
{
	display:flex;
	align-items:center;
	height:100%;
}
.header .menu *
{
	height:100%;
}
.header .menu > li > a
{
	position:relative;
	display:flex;
	align-items:center;
	padding:0 25px;
	font-size:20px;
	color:#fff;
	letter-spacing:-1.54px;
	transition:all .3s;
}
.header .menu > li:hover > a:after
{
	content:'';
	position:absolute;
	top:32px;
	right:15px;
	width:6px;
	height:6px;
	background:#DA2127;
	border-radius:100%;
}
.header .right
{
	display:flex;
	height:100%;
	align-items:center;
}
.header .right .social
{
	display:flex;
	height:100%;
	align-items:center;
	margin-right:14px;
}
.header .right .social > *
{
	height:100%;
	display:flex;
	align-items:center;
	padding:0 7px;
}
.header .right .social img
{
	width:33px;
}
.header .right .info,
.header .right .lang_wrap
{
	position:relative;
	display:block;
	text-align:center;
	width:100px;
	height:100%;
	padding-top:37px;
	border-left:1px solid rgba(255,255,255,0.15);
	
	box-sizing: border-box;
}
.header .right .lang_wrap,
.header .right .lang_wrap button
{
	font-size:20px;
	letter-spacing:2px;
	color:#fff;
}
.header .right .info span
{
	display:none;
	position:absolute;
	bottom:-15px;
	left:50%;
	transform:translateX(-50%);
	width:69px;
	padding:8px 0 7px;
	background:rgba(255,255,255,0.67);
	border-radius:150px;
	font-size:15px;
	font-weight:300;
	color:#363636;
	letter-spacing:-0.75px;
}
.header .right .info span:after
{
	content:'';
	width:10px;
	height:1px;
	border-left:6px solid rgba(255,255,255,0.67);
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	position:absolute;
	top:-12px;
	left:26px;
	z-index:10000;
	transform:rotate(-90deg);
}

.header .right .lang_wrap
{
	text-align:left;
	padding-top:0;
}
.header .right .lang_wrap button
{
	position:relative;
	font-size:20px;
	color:#fff;
	letter-spacing:2px;
	width:100%;
	height:100%;
	text-align:left;
	padding-left:20px;
	cursor:pointer;
	transition:all .3s;
}
.header .right .lang_wrap button:after
{
	content:'';
	position:absolute;
	top:45px;
	right:20px;
	width:13px;
	height:8px;
	background:url(/wbbs/assets/images/common/header_lang_arrow_off.png) no-repeat center center;
	background-size:13px;
	transition:all .3s;
}
.header .right .lang_wrap.active button:after
{
	transform:rotate(180deg);
}
.header .right .lang_wrap ul
{
	display:none;
	background:rgba(255,255,255,0.67);
}
.header .right .lang_wrap ul li
{
	font-size:16px;
	font-weight:300;
	color:#464646;
	letter-spacing:1.6px;
}
.header .right .lang_wrap ul li:hover
{
	color:#000;
	font-weight:400;
}
.header .right .lang_wrap ul li + li
{
	border-top:1px solid rgba(0, 0, 0, 0.37);
}
.header .right .lang_wrap ul li a
{
	display:block;
	padding:12px 18px;
}

/* .header.active
{
	background:#fff;
	backdrop-filter:blur(50px);
	-webkit-backdrop-filter:blur(50px);
} */
.header.active .menu > li > a
{
	color:#000
}
.header.active .right .lang_wrap button
{
	color:#000
}
.header.active .right .lang_wrap button:after
{
	background:url(/wbbs/assets/images/common/header_lang_arrow_on.png) no-repeat center center;
	background-size:13px;
}
.header.active .right .info,
.header.active .right .lang_wrap
{
	border-left:1px solid rgba(0,0,0,0.06)
}
.header.active .right .info span,
.header.active .right .lang_wrap ul
{
	background:#DFDFDF;
}
.header.active .right .info span:after
{
	border-left:6px solid #dfdfdf;
}


/* 2차메뉴 */
.depth2_menu
{
	display:none;
	/* position:absolute;
	top:0;
	transform:translateY(-100%);
	left:0;
	width:calc(100% - 120px);*/
	position:relative;
	width:100%;
	/* min-height:520px; */
	min-height: 400px;
	padding:35px 0 44px;
	/* background:#fff;
	backdrop-filter:blur(50px);
	-webkit-backdrop-filter:blur(50px); */
	z-index:10;
	/* transition:all .3s; */
	border-top:1px solid #DA2127;
	box-shadow:2px 4px 9px rgba(0,0,0,0.05);
	overflow: hidden;
}
.depth2_menu:after
{
	content:'';
	position:absolute;
	bottom:-30px;
	right:-40px;
	width:343px;
	height:348px;
	background:url(/wbbs/assets/images/common/header_down_bg.png) no-repeat center center;
	background-size:343px;
}
.depth2_menu.active
{
	/* top:101px;
	transform:translateY(0); */
}
.depth2_menu .layout
{
	max-width:1214px;
	margin: 0 auto;
	z-index: 10; 
}
.depth2_menu .menu_list
{
	display:none;
}
.depth2_menu .menu_list.active
{
	display:block;
}
.depth2_menu .menu_list *
{
	position:relative;
}
/* .depth2_menu .menu_list > ul
{
	display:flex;
	justify-content:space-between;
} */
.depth2_menu .menu_list > ul > li
{
	/* float:left;
	margin:0 65px 20px 0;
	padding:0 10px; */
	
	float:left;
	margin-bottom: 20px;
	padding:0 20px;
	min-width: 20%;
	box-sizing: border-box;
}
.depth2_menu .menu_list > ul > li:not(.border_del):after
{
	content:'';
	position:absolute;
	top:-3px;
	right:-57px;
	width:1px;
	height:317px;
	background:rgba(0,0,0,0.09);
}
.depth2_menu .menu_list > ul > li > a
{
	display:inline-block;
	font-size:20px;
	font-weight:600;
	letter-spacing:-0.6px;
	margin-bottom:18px
}
.depth2_menu .menu_list > ul > li > ul > li
{
	font-size:17px;
	color:#707070;
	letter-spacing:-0.85px;
	line-height:1.4;
	transition:all .3s;
	margin-top: 10px;
	margin-right: 30px;
}
.depth2_menu .menu_list > ul > li > ul > li:hover
{
	color:#DB393E;
}
.depth2_menu .menu_list > ul > li > ul > li + li
{
	margin-top:10px;
}
.depth2_menu .menu_list .quick_go a:after
{
	content:'';
	position:absolute;
	top:3.5px;
	right:-22px;
	width:10px;
	height:10px;
	background:url(/wbbs/assets/images/common/header_quick_link.png) no-repeat center center;
	background-size:13px;
}





/* right fixed menu */
.right_menu
{
	position:absolute;
	top:0;
	right:0;
	width:120px;
	height:100vh;
	box-shadow:0px 0px 2px #cdcdcd;
	background:#fff;
	z-index:12;
	transition:all .3s;
}
.right_menu.remove_banner
{
	top:0;
	height:100%;
}
.search_show_btn
{
	height:100px;
	overflow:hidden;
}
.search_show_btn img{vertical-align: bottom;}
.search_bg,
.t_common_bg
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.5);
	z-index:10;
	display:none;
}
.t_common_bg
{
	z-index:13;
}
.search_menu
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:336px;
	background:#F8F8F8;
	z-index:11;
}
.search_menu .top
{
	position:relative;
	width:100%;
	height:102px;
	background:#DA2127;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2;
}
.search_menu .top .close
{
	position:absolute;
	top:0;
	right:0;
	padding:36px 50px;
}
.search_menu .bottom
{
	position:relative;
	width:100%;
	height:calc(100% - 102px);
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
}
.search_menu .bottom .search_submit
{
	position:relative;
	width:898px;
	height:60px;
}
.search_menu .bottom .search_submit input[type="text"]
{
	width:100%;
	height:100%;
	border:0;
	border-bottom:1px solid #464646;
	padding:0 50px 14px 10px;
	font-size:27px;
	letter-spacing:-0.81px;
	background:transparent;
	box-sizing: border-box;
}
.search_menu .bottom .search_submit input[type="text"]:focus
{
	outline:none
}
.search_menu .bottom .search_submit input[type="text"]::placeholder
{
	color:#D6D5D5;
}
.search_menu .bottom .search_submit .submit_btn
{
	position:absolute;
	top:-5px;
	right:20px;
	cursor:pointer;
}
.right_menu .side
{
	position:relative;
	width:100%;
	margin-top:-3px;
}

.right_menu .side > li:nth-child(5)
{
	margin-top:20px;
	border-top:1px solid #DBDBDB;
	padding-top:20px;
}
.right_menu .side > li > a
{
	height:45px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
	color:#000000;
	letter-spacing:-1.12px;
	transition:all .3s;
}
.right_menu .side > li:not(.not_hover):hover > a
{
	background:#B78236;
	color:#fff;
}
.right_menu .side > li > a.red
{
	color:#DA2127 !important;
	font-weight:500;
}
.right_menu .side > li > ul
{
	position:absolute;
	top:0;
	left:-180px;
	width:180px;
	height:auto;
	overflow-y:auto;
	background:#B78236;
	padding: 5px 10px;
	display:none;
	box-sizing: border-box;
}
.right_menu .side > li > ul::-webkit-scrollbar
{
	width:5px;
	height:12px;
}
.right_menu .side > li > ul::-webkit-scrollbar-button:start:decrement,
.right_menu .side > li > ul::-webkit-scrollbar-button:end:increment
{
	display:block;
	width:3px;
	height: 3px;
}
.right_menu .side > li > ul::-webkit-scrollbar-track
{
	background: #6c4a17;
}
.right_menu .side > li > ul::-webkit-scrollbar-thumb
{
	background: #b78236;
}

.right_menu .side > li > ul > li > a
{
	display:block;
	padding:10px 0;
	border-bottom:1px solid rgba(219, 191, 152, 0.3);
	font-size:15px;
	color:#FFFFFF;
	letter-spacing:-1.05px;
	line-height:1.2;
}
.right_menu .side > li > ul > li:last-child > a
{
	border-bottom:0;
}
.right_menu .side > li > ul > li:first-child > a
{
	border-bottom:1px solid rgba(219, 191, 152, 0.3);
}








/* footer */
.footer
{
	position:relative;
	width:100%;
	height: auto;
	background:#2E3240
}
.footer .top
{
	position:relative;
	width:100%;
	height:60px;
	overflow:hidden;
	border-bottom:1px solid #242C31;
}
.footer .top > ul
{
	height:100%;
	display:flex;
	position: relative;
}
.footer .top > ul::BEFORE{
	content: '';    
	position: absolute;
    top: 20px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/wbbs/assets/images/common/footer_down.png) no-repeat center center;
    background-size: auto 100%;
    z-index: 10;
    transition: 0.3s;
    cursor: pointer;
}
.footer .top > ul.active::BEFORE{
    transform: rotate(180deg);
	
}

.footer .top ul li
{
	font-size:18px;
	font-weight:300;
	color:#FFFFFF;
	letter-spacing:-0.9px;
}
.footer .top ul li a
{
	height:40px;
	display:flex;
	align-items:center;
	padding:0 10px;
	line-height: 20px;
}
.footer .top > ul > li > a{
	height:60px;
	background: #2e3240;
}
.footer .top > ul > li
{
	position:relative;
	flex-basis:25%;
	flex-shrink:0;
	background: #1e1f25;
}
.footer .top > ul > li:last-child
{
	border-right:0;
}
.footer .top > ul > li > a
{
	position:relative;
}
.footer .top > ul > li > a:after
{
	content:'';
	position:absolute;
	top:21px;
	right:30px;
	width:15px;
	height:15px;
	/*background:url(/wbbs/assets/images/common/footer_plus.png) no-repeat center center;*/
	background-size:15px;
	transition:all .3s;
}
.footer .top > ul > li.active > a:after
{
	transform:rotate(180deg);
	/*background:url(/wbbs/assets/images/common/footer_minus.png) no-repeat center center;*/
	background-size:15px;
}
.footer .top > ul > li > ul
{
	/* display:none;
	position:absolute;
	bottom:59px;
	left:0;
	width:100%;
	background:#1E1F25;
	outline:1px solid #1E1F25;
	z-index:10;
	border-right:1px solid #242C31;
	height: 400px;
    overflow-y: scroll; */
	background:#1E1F25;
	border:1px solid #242C31;
	margin-top: 1px;
	border-top: 0;
}
.footer .top > ul > li:last-child > ul
{
	border-right:0;
}
.footer .top > ul > li > ul p{
	height: 40px;
	display: flex;
    align-items: center;
    padding: 0 15px;
    background: #2e3240;
    font-size: 16px;
    color: #9B9EAC;
    width: 100%;
}
.footer .top > ul > li > ul li
{
	border-bottom:1px solid #242C31;
	font-size: 15px;
	width: 50%;
	display: inline-block;
	float: left;
}
.footer .middle
{
	position:relative;
	width:100%;
	padding:27px 0;
	border-bottom:1px solid rgba(255,255,255,0.15);
}
.footer .middle .layout
{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footer .middle .left
{
	float: none;
}
.footer .middle .left .scroll
{
	font-size:15px;
	color:#9B9EAC;
	letter-spacing:-0.45px;

}
.footer .middle .left .scroll > * + *
{
	margin-left:20px;
}
.footer .middle .left .scroll > *.white
{
	color:#fff;
}
.footer .middle .right
{
	display:flex;
	align-items:center;
}
.footer .middle .right a
{
	position:relative;
	width:165px;
	height:36px;
	display:flex;
	align-items:center;
	font-size:15px;
	color:#9B9EAC;
	letter-spacing:-0.45px;
	border:1px solid #4D515D;
	padding:0 16px;
}
.footer .middle .right a + a
{
	border-left:0;
}
.footer .middle .right a:after
{
	content:'';
	position:absolute;
	top:12px;
	right:15px;
	width:6px;
	height:10px;
	background:url(/wbbs/assets/images/common/footer_arrow.png) no-repeat center center;
	background-size:6px;
}

.footer .bottom
{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:41px;
	padding-bottom: 50px;
}
.footer .bottom p
{
	font-size:15px;
	color:#D1D1D2;
	letter-spacing:0;
	line-height:1.4;
}
.footer .bottom ul
{
	display:flex;
	align-items:center;
}
.footer .bottom ul li + li
{
	margin-left:15px;
}



/* media */
@media screen and (max-width:1760px)
{
	.footer
	{
		padding:0 150px 100px 30px;
	}
}

@media screen and (max-width:1650px)
{
	.header .logo
	{
		padding-left:30px;
	}
	.header .menu > li > a
	{
		padding:0 15px;
		font-size:19px
	}
	.depth2_menu .layout
	{
		max-width:100%;
		padding:0 50px;
	}
}

@media screen and (max-width:1400px)
{
	.header .logo img
	{
		width:140px;
	}
	.header .menu > li > a
	{
		font-size:18px;
		padding:0 10px;
	}
	.header .right .info, .header .right .lang_wrap
	{
		width:90px
	}
	.header .right .lang_wrap button
	{
		font-size:18px
	}
	.depth2_menu .layout
	{
		padding:0 30px;
	}
	.depth2_menu .menu_list > ul > li > a
	{
		font-size:18px;
	}
	.depth2_menu .menu_list > ul > li > ul > li
	{
		font-size:16px;
	}
}

@media screen and (max-width:1279px)
{
	.sub_contents .layout{ max-width: 960px;}
	.footer
	{
		height:auto;
		padding-bottom:100px;
		padding:0 20px 100px 30px
	}
	.footer .top ul li
	{
		font-size:17px
	}
	.footer .top ul li a
	{
		padding:0 5px;
	}
}

@media screen and (max-width:1023px)
{
	.footer
	{
		padding:0 20px 30px 30px;
	}
	.footer .layout
	{
		padding:0;
	}
	.footer .top,
	.footer .top ul li a
	{
		display: none;
		height:55px;
	}
	.footer .top > ul
	{
		padding:0;
	}
	.footer .top ul li
	{
		font-size:16px;
	}
	.footer .top ul li a
	{
		height:50px;
		padding:0 15px;
	}
	.footer .top > ul > li > a:after
	{
		top:16px;
		right:15px;
		width:13px;
		height:13px;
		background-size:13px;
	}
	.footer .top > ul > li > ul
	{
		bottom:55px;
	}
	.footer .bottom
	{
		margin-top:20px;
	}
	.footer .middle .layout,
	.footer .bottom
	{
		flex-flow:column wrap;
		justify-content:flex-start;
		align-items:flex-start;
	}
	.footer .middle .right,
	.footer .bottom ul
	{
		margin-top:15px;
	}
}

@media screen and (max-width:767px)
{
	.footer
	{
		padding-bottom:50px;
		padding:0 0 50px
	}
	.footer .top
	{
		border-bottom:0;
	}
	.footer .top,
	.footer .top ul li a
	{
		height:auto;
	}
	.footer .top > ul
	{
		flex-flow:row wrap;
	}
	.footer .top > ul > li
	{
		flex-basis:50%;
		border-bottom:1px solid #242C31;
		font-size:13px;
	}
	.footer .top ul li a
	{
		padding:12px 10px;
	}
	.footer .top ul li
	{
		font-size:13px;
	}
	.footer .top > ul > li > a:after
	{
		top:13px;
		width:10px;
		height:10px;
		background-size:10px;
	}
	.footer .top > ul > li > ul
	{
		bottom:38px;
	}
	.footer .middle
	{
		border-bottom:0;
		padding-bottom:0;
	}
	.footer .middle .layout
	{
		display:block;
	}
	.footer .middle .left
	{
		overflow-x:auto;
	}
	.footer .middle .left .scroll
	{
		width:max-content;
		font-size:13px;
		padding:0 10px 10px 18px
	}
	.footer .middle .left .scroll > *
	{
		position:relative;
		display:inline-block;
	}
	.footer .middle .left .scroll > *:not(:first-child):before
	{
		content:'';
		position:absolute;
		top:1px;
		left:-11px;
		width:1px;
		height:11px;
		background:#9B9EAC;
	}
	.footer .middle .right
	{
		width:100%;
		padding:0 18px;
		margin-top:5px;
	}
	.footer .middle .right a
	{
		height:28px;
		font-size:12px;
	}
	.footer .middle .right a + a
	{
		margin-left:4px;
		border:1px solid #4D515D;
	}
	.footer .middle .right a:after
	{
		top:9px;
		right:10px;
		width:5px;
		height:8px;
		background-size:5px
	}
	.footer .bottom
	{
		padding:0 18px;
		padding-top:14px;
	}
	.footer .bottom p
	{
		font-size:13px;
	}
	.footer .bottom ul li + li
	{
		margin-left:10px;
	}
	.footer .bottom ul li img
	{
		width:23px;
	}
}




/* Tablet */
.t_header
{
	position:relative;
	width:100%;
	height:61px;
	display:none;
	justify-content:space-between;
	z-index:12;
	background:#2E3240;
	box-sizing: border-box;
}
.t_header > *
{
	height:100%;
	display:flex;
	align-items:center;
	padding:0 30px;
}
.t_menu_user
{
	width:100px;
}

.t_left_menu
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:400px;
	height:100vh;
	background:#2E3240;
	z-index:14;
	transition:all .3s;
}
.t_left_menu .close
{
	position:absolute;
	top:11px;
	right:-30px;
	display:none;
}
.t_left_menu .top
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:15px 0 0;
	background:#2E3240;
	z-index:1;
}
.t_left_menu .top > ul,
.t_left_menu .click_area
{
	display:flex;
	justify-content:center;
	align-items:center;
}
.t_left_menu .top > ul
{
	margin-top:15px;
}
.t_left_menu .click_area
{
	margin-top:14px;
}
.t_left_menu .top > ul > li
{
	margin:0 8px
}
.t_left_menu .click_area > *,
.t_left_menu .click_area .lang_wrap button
{
	font-size:15px;
	color:#FFFFFF;
	letter-spacing:1.2px;
}
.t_left_menu .click_area .search_show_btn
{
	display:block;
}
.t_left_menu .click_area > *
{
	position:relative;
	width:33.333334%;
	text-align:center;
	height:100%;
	padding:20px 0;
}
.t_left_menu .click_area .lang_wrap button
{
	position:relative;
	width:100%;
}
.t_left_menu .click_area .lang_wrap button:after
{
	content:'';
	position:absolute;
	top:4px;
	right:31px;
	width:11px;
	height:8px;
	background:url(/wbbs/assets/images/common/header_lang_arrow_off.png) no-repeat center center;
	background-size:11px;
	transition:all .3s;
}
.t_left_menu .click_area .lang_wrap.active button:after
{
	transform:rotate(180deg)
}
.t_left_menu .click_area .lang_wrap ul
{
	display:none;
	position:absolute;
	top:50px;
	right:0;
	width:90px;
	padding:10px 20px;
	background:#2E3240;
	padding-left:11px;
	text-align:left;
}
.t_left_menu .click_area .lang_wrap ul li + li
{
	margin-top:10px;
}

.t_left_menu .toggle_tab
{
	position:relative;
	width:100%;
	height:100%;
	overflow-y:auto;
	margin-top:140px;
	padding-bottom:100px
}
.t_left_menu .toggle_tab ul
{
	overflow-y:auto;
	height:calc(100% - 110px);
}
.t_left_menu .toggle_tab > ul:first-child > li
{
	position:relative;
}
.t_left_menu .toggle_tab > ul:first-child > li > a
{
	position:relative;
	font-size:17px;
	letter-spacing:-1.31px;
	color:#A1A1A1;
	text-align:center;
	display:block;
	padding:15px 19px;
	background:rgba(83, 83, 83, 0.17);
	text-align:left;
}
.t_left_menu .toggle_tab > ul:first-child > li > a.active_toggle
{
	color:#fff;
}
.t_left_menu .toggle_tab > ul:first-child > li > a:after,
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > a:after
{
	content:'';
	position:absolute;
	top:20px;
	right:20px;
	width:13px;
	height:9px;
	background:url(/wbbs/assets/images/common/tablet_toggle_arrow.png) no-repeat center center;
	background-size:13px;
	transition:all .3s;
	transform:rotate(180deg)
}
.t_left_menu .toggle_tab > ul:first-child > li > a.active_toggle:after,
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > a.active:after
{
	transform:rotate(0)
}
.t_left_menu .toggle_tab > ul:first-child > li > ul
{
	display:none;
	background:rgba(123, 123, 123, 0.17);
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li
{
	position:relative;
	font-size:15px;
	color:#D2D2D2;
	letter-spacing:-1.16px;
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li:last-child
{
	border-bottom:0;
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > a
{
	position:relative;
	display:block;
	padding:15px 17px;
    color: #D2D2D2;
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > a:after
{
	right:21px;
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > ul
{
	display:none;
	background:rgba(219, 219, 219, 0.17);
	padding:18px 16px;
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > ul > li
{
	font-size:14px;
	color:#FFFFFF;
	letter-spacing:-1px;
	margin-bottom:15px;
	position:relative;
	padding-left:7px
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > ul > li:before
{
	content:'';
	position:absolute;
	top:5px;
	left:6px;
	width:4px;
	height:1px;
	background:#fff;
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > ul > li:last-child
{
	margin-bottom:0;
}
.t_left_menu .toggle_tab > ul:first-child > li > ul > li > ul > li > a
{
	display:block;
	padding-left:8px;
	font-weight:100;
}


@media screen and (max-width:1279px)
{
	html, body
	{
		overflow-x:hidden;
	}
	.header_wrap
	{
		display:none;
	}
	.t_header
	{
		display:flex;
	}
	.search_show_btn
	{
		display:none;
	}
	.right_menu
	{
		top:0;
		right:-100% !important;
		height:auto;
		letter-spacing:-1.2px;
	}
	.right_menu.active
	{
		right:0 !important;
	}
	.right_menu.remove_banner
	{
		top:0;
		height:auto;
	}
	.right_menu .side > li > a.active
	{
		background:#B78236 !important;
		color:#fff !important;
	}
	.right_menu .side
	{
		margin-top:0;
	}

	.t_left_menu
	{
		display:block;
		transform:translateX(-100%)
	}
	.t_left_menu.active
	{
		transform:translateX(0);
	}

	.search_menu
	{
		height:auto;
	}
	.search_menu .top
	{
		height:90px;
	}
	.search_menu .bottom
	{
		height:auto;
		padding:55px 30px;
	}
	.search_menu .bottom .search_submit input[type="text"]
	{
		font-size:24px;
	}
	.search_menu .bottom .search_submit .submit_btn img
	{
		width:30px;
	}
	.search_menu .top .close
	{
		padding:30px;
	}

}

@media screen and (max-width:1023px)
{
	.search_menu .bottom
	{
		padding:45px 20px;
	}
	.search_menu .bottom .search_submit input[type="text"]
	{
		font-size:21px;
		padding:0 60px 14px 10px;
	}
	.search_menu .bottom .search_submit .submit_btn img
	{
		width:25px;
	}
}



@media screen and (max-width:767px)
{
	.search_menu .top
	{
		height:auto;
		padding:15px 15px;
		justify-content:space-between;
	}
	.search_menu .top > img
	{
		width:120px;
	}
	.search_menu .top .close
	{
		padding:21px 15px;
	}
	.search_menu .top .close img
	{
		width:17px
	}
	.search_menu .bottom
	{
		padding:25px 15px;
	}
	.search_menu .bottom .search_submit input[type="text"]
	{
		font-size:17px;
	}
	.search_menu .bottom .search_submit .submit_btn
	{
		top:3px;
		right:10px;
	}
	.search_menu .bottom .search_submit
	{
		height:auto;
	}
	.search_menu .bottom .search_submit .submit_btn img
	{
		width:20px;
	}


	.t_menu_user
	{
		width:40px;
	}
	.t_menu_user.active img
	{
		padding-left:10px !important
	}
	.t_header
	{
		padding:0 20px;
		height:48px
	}
	.t_header > *
	{
		padding:0;
	}
	.t_header .logo img
	{
		width:91px
	}
	.t_header .t_menu_click img
	{
		width:17px
	}
	.t_header .t_menu_user
	{
		width:26px;
	}
	.t_header .t_menu_user img
	{
		width:26px;
	}
	.t_header .t_menu_user.active img
	{
		padding-left:5px !important;
		width:21px;
	}
	.right_menu
	{
		width:105px;
	}
	.right_menu .side > li:nth-child(5)
	{
		margin-top:10px;
		padding-top:10px;
	}
	.right_menu .side > li > a
	{
		font-size:14px;
	}
	.right_menu .side > li > ul
	{
		left:-150px;
		width:150px;
		padding:10px 16px 0;
	}
	.right_menu .side > li > ul > li > a
	{
		font-size:14px;
	}
	.t_left_menu
	{
		width:280px;
	}
	.t_left_menu .click_area .lang_wrap ul
	{
		width:70px;
	}
	.t_left_menu .click_area .lang_wrap button:after
	{
		right:15px;
	}
}

@media screen and (min-width:1280px)
{
	.right_menu.fix_on
	{
		position:fixed !important;
		top:0;
		right:0;
	}
}




/***** sub common *****/
.sub_common_bg
{
	position:relative;
	width:100%;
	height:360px;
	overflow:hidden;
	padding-right:120px;
	box-sizing: border-box;
}
.sub_common_bg:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
}
.sub_common_bg h2
{
	position:absolute;
	top:190px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	text-align:center;
	font-size:50px;
	font-weight:500;
	color:#fff;
	letter-spacing:-2.08px;
	z-index:1;
}
.sub_menu
{
	position:relative;
	width:100%;
	height:53px;
	background:#fff;
	box-shadow: 2px 4px 9px #d3d3d3;
	display:flex;
	justify-content:space-between;
	margin-top:-30px;
	z-index:10;
}
.sub_menu .left
{
	height:100%;
	display:flex;
}
.sub_menu .left .s_home
{
	position:relative;
	width:60px;
	flex-basis:60px;
	flex-shrink:0;
	height:100%;
	background:#DA2127;
	display:flex;
	justify-content:center;
	align-items:center;
}
.sub_menu .left > ul
{
	display:flex;
}
.sub_menu .left > ul > li
{
	max-width: 200px;
}
.sub_menu .left > ul li a
{
	font-size:17px;
	letter-spacing:-1.31px;
}
.sub_menu .left > ul > li > a
{
	position:relative;
	width:200px;
	height:100%;
	display:block;
	border-right:1px solid #CCCCCC;
	padding:20px 40px 20px 19px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.sub_menu .left > ul > li > a:after
{
	content:'';
	position:absolute;
	top:24px;
	right:22px;
	width:11px;
	height:9px;
	background:url(/wbbs/assets/images/sub/submenu_arrow_off.png) no-repeat center center;
	background-size:11px;
}
.sub_menu .left > ul > li.active > a:after
{
	background:url(/wbbs/assets/images/sub/submenu_arrow_on.png) no-repeat center center;
	background-size:11px
}
.sub_menu .left > ul > li > ul
{
	display:none;
	width: 100%;
	line-height:1.3;
	overflow-y:auto;
	background:#fff;
	border:1px solid #cccccc;
	padding:5px 20px;
}
.sub_menu .left > ul > li > ul::-webkit-scrollbar
{
	width:4px;
	height:12px;
}
.sub_menu .left > ul > li > ul::-webkit-scrollbar-button:start:decrement,
.sub_menu .left > ul > li > ul::-webkit-scrollbar-button:end:increment
{
	display:block;
	width:0px;
	height:0px;
}
.sub_menu .left > ul > li > ul::-webkit-scrollbar-track
{
	background:#ccc;
}
.sub_menu .left > ul > li > ul::-webkit-scrollbar-thumb
{
	background:#525f78;
}
.sub_menu .left > ul > li > ul > li > a
{
	display:block;
	text-align: left;
	padding: 10px 15px 10px 0;
	border-bottom:1px solid #D4D4D4;
	word-break: keep-all;
	position: relative;
	line-height: 20px;
}
.sub_menu .left > ul > li > ul > li > a.link:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background: url(/wbbs/assets/images/common/header_quick_link.png) no-repeat center center;
    background-size: 13px;
}
.sub_menu .left > ul > li > ul > li:last-child > a
{
	border-bottom:0;
}
.sub_menu .right
{
	display:flex;
}
.sub_menu .right > *
{
	width:50px;
	height:100%;
	background:#EFEFEF;
	border-right:1px solid #CFCFCF;
	display:flex;
	justify-content:center;
	align-items:center;
}
.sub_menu .right > *:last-child
{
	border-right:0;
}

.sub_contents
{
	width:100%;
	min-height:700px;
	background:#fff;
	padding-bottom:120px;
	box-sizing: border-box;
}
.sub_contents .sub_title
{
	position:relative;
	width:100%;
	margin:67px 0 10px;
	font-size:50px;
	font-weight:500;
	letter-spacing:-2.69px;
}


/* media */
@media screen and (max-width:1760px)
{
	.sub_contents
	{
		padding-right:120px;
	}
}
@media screen and (max-width:1650px)
{
	.sub_contents .layout:not(.sub_menu)
	{
		padding:0 20px;
	}
	.sub_contents .sub_title
	{
		font-size:33px;
	}
}

@media screen and (max-width:1279px)
{
	.sub_contents
	{
		padding:0 0 100px;
	}
	.sub_contents .sub_title
	{
		font-size:30px;
	}
	.sub_common_bg
	{
		height:300px;
		padding:0;
	}
	.sub_common_bg h2
	{
		top:121px;
		font-size:45px;
	}
}

@media screen and (max-width:1023px)
{
	.sub_menu .left
	{
		width:100%;
	}
	.sub_menu .left > ul
	{
		width:100%;
	}
	.sub_menu .left > ul > li
	{
		width:33.333334%;
	}
	.banner_wrap .banner_zone .swiper-slide a > *{
		width: 100%;
    	max-width: none;
	}
	.banner_wrap .banner_zone .swiper-slide a{
		padding: 0 10px;
	}
	.sub_menu .left > ul > li > a,
	.sub_menu .left > ul > li > ul
	{
		width:100%;
	}
	.sub_menu .right
	{
		display:none;
	}
	.sub_common_bg h2
	{
		font-size:40px;
	}
}

@media screen and (max-width:767px)
{
	.sub_contents
	{
		min-height:auto;
		padding:0 0 50px	
	}
	.sub_contents .layout:not(.sub_menu)
	{
		padding:0 10px;
	}
	.sub_contents .sub_title
	{
		text-align:center;
		font-size:18px;
		letter-spacing:-1.39px;
		margin-top: 40px;
	}
	.sub_menu
	{
		height:40px;
	}
	.sub_menu .left .s_home
	{
		width:40px;
		flex-basis:40px;
	}
	.sub_menu .left .s_home img
	{
		width:17px;
	}
	.sub_menu .left > ul li a
	{
		font-size:14px;
		letter-spacing:-0.5px;
	}
	.sub_menu .left > ul > li > a
	{
		padding:13px 30px 13px 10px;
	}
	.sub_menu .left > ul > li > a:after
	{
		top:15px;
		right:14px;
		width:9px;
		height:7px;
		background-size:9px !important
	}
	.sub_menu .left > ul > li > ul
	{
		padding:3px 10px 0;
	}
	.sub_menu .left > ul > li > ul > li > a
	{
		padding:7px 0;
	}
	.sub_common_bg
	{
		height:210px;
	}
	.sub_common_bg h2
	{
		top:80px;
		letter-spacing:-1.5px;
		font-size:27px
	}
}