@charset "utf-8";

/* layers */
#wrap {
	width:100%; 
	/*background:url(/bweb/images_2016/en_img/bg_main.jpg) center top no-repeat;	*/
}
#header, #content {
	max-width:990px;
	margin:0 auto;
}

.bg_main {
	background:url(/bweb/images_2016/en_img/bg_main.jpg) center top no-repeat;
}

.bg_sub {
	background:url(/bweb/images_2016/en_img/bg_sub.jpg) center top no-repeat;
}
.sub {
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	background:#fff;
	margin-top:10px !important;
	height:100%;
	overflow:hidden;
	background:url(/bweb/images_2016/en_img/bg_gray.gif) #fff 20.101010% top repeat-y;
}
#header #nav ul li img, 
#content .mimg img, 
#content .mts .part1 .part1_1 img,
#content .mts .part2 .mbans li img {
	width:100%;
	max-height:356px;
}

/* main menu */
#header {
	padding:10px 0;
}
#header h1 {
	display:inline-block;
}
#header p {
	display:inline-block;
	float:right;
	font-size:12.5px;
	margin-top:10px;
}
#header p a {
	display:inline-block;
	padding-left:20px;
	background:url(/bweb/images_2016/en_img/bg_tpline.gif) 5px 50% no-repeat;
}
#header p a:first-child {
	background:none;
}
#header .tps {
	display:none;
}
#header #nav {
	background:#fff;
}
#header #nav ul {
	margin:auto;
	padding:0;
	text-align:center;
	font-size:0;
	line-height:0;
}
#header #nav ul li {
	display:inline-block;
	line-height:0;

}
#header #nav ul li.no1 {
	width:13.35353535%;
}
#header #nav ul li.no2 {
	width:22.12121212%;
}
#header #nav ul li.no3 {
	width:20.34343434%;
}
#header #nav ul li.no4 {
	width:19.74747474%;
}
#header #nav ul li.no5 {
	width:13.63636363%;
}
#header #nav ul li.no6 {
	width:10%;
}

#header #nav ul li a {
	display:inline-block;
	color:#2e90d0;
}
#header #nav ul li a:hover {
	display:inline-block;
	color:#2e90d0;
}
#header .opmenu {
	position:relative;
	height:0px;
}
#header .opmenu .opme {
	position:absolute;
	background:#fff;
	font-size:0;
	padding:10px;
	z-index:999;
	border-top:4px solid #1b73b7;
	border-bottom:4px solid #1b73b7;
}
#header .opmenu .opme .op1,
#header .opmenu .opme .op2,
#header .opmenu .opme .op3,
#header .opmenu .opme .op4,
#header .opmenu .opme .op5,
#header .opmenu .opme .op6 {
	display:inline-block;
	vertical-align:top;
	border:0px solid #f00;
	font-size:12px;
	p
}
#header .opmenu .opme .optit {
	display:block;
	color:#1960af;
	background:#d3e5f4;
	margin-right:1px;
	border-radius:3px;
	padding:2px 0 2px 4px;
	margin-bottom:4px;
	display:none;
}
#header .opmenu .opme .op1 {
	width:14%;
}
#header .opmenu .opme .op2 {
	width:23%;
}
#header .opmenu .opme .op3 {
	width:20%;
}
#header .opmenu .opme .op4 {
	width:19%;
}
#header .opmenu .opme .op5 {
	width:13%;
}
#header .opmenu .opme .op6 {
	width:11%;
}
#header .opmenu .opme ul {
	margin-left:5px;
}
#header .opmenu .opme ul li {
	color:#000;
	background:url(/bweb/images_2016/en_img/point2.gif) left 8px no-repeat;
	padding-left:6px;
	line-height:110%;
	margin-bottom:8px;
}
#header .opmenu .opme ul li a {
	display:block;
	font-size:1.2em;
	line-height:120%;
	font-family: 'Nanum Gothic Bold';
	letter-spacing:-0.25px;
}
#header .opmenu .opme ul li a:hover, #header .opmenu .opme ul li a.on {
	color:#1960af;
}
#header .opmenu .opme ul li div {
	border-radius:3px;
	background:#f6f6f6;
	padding:5px 0;
	font-size:0.9em;
	line-height:1.4em;
	margin-top:5px;
}
#header .opmenu .opme ul li ul {
	margin-left:4px;
	margin-top:5px;
	margin-right:2px;
}
#header .opmenu .opme ul li ul li {
	color:#777;
	background:url(/bweb/images_2016/en_img/point3.gif) left 6px no-repeat;
	padding-left:6px;
	letter-spacing:-0.25px;
}


/* main */

/* main contents */
#content .mimg {
	line-height:0;
}
#content .mts {
	width:100%;
	vertical-align:top;
	font-size:0;
}
#content .mts .part1 {
	width:63.636363%;
	position:relative;
	max-width:630px;
}
#content .mts .part2 {
	width:36.363636%	
}
#content .mts .part1, #content .mts .part2 {
	display:inline-block;
	vertical-align:top;
	font-size:12px;
}

#content .mts .part1 .hlights {
	position:absolute;
	background:url(/bweb/images_2016/en_img/bg_hlights.png) no-repeat;
	width:140px;
	height:34px;
	margin:20px 0 0 -5px;
	z-index:10;
	color:#fff;
	font-size:16px;
}
#content .mts .part1 .hlights strong {
	display:inline-block;
	padding:6px 0 0 15px;
	font-family: 'Nanum Gothic Bold';
}
#content .mts .part1_1 {
	position:relative;
	max-width:630px;
	max-height:480px;
	border-radius:10px;
	/* overflow:hidden; */
}
#content .mts .part1_1 .hotnews {
	position:absolute;
	background:url(/bweb/images_2016/en_img/bg_bk.png) repeat;
	color:#fff;
	height:160px;
	z-index:5;
	bottom:-123px;
	border-radius:0 0 10px 10px;
}
#content .mts .part1_1 .hotnews p {
	margin:15px 20px;
	line-height:140%;
}
#content .mts .part1_1 .hotnews p span {
	display:block;
	font-size:20px;
	margin-bottom:8px;
}
#content .mts .part2 {
	position:relative;
	max-width:360px;
	height:100%;
	font-size:0;
}
#content .mts .part2 .mbans {
	max-height:316px;
	line-height:0;

}
#content .mts .part2 .mbans li {
	display:inline-block;
    width:48.611111%;
	max-width:175px;
	overflow:hidden;
	vertical-align:top;
	margin-left:1.3888888%;
	margin-bottom:3px;
}

#content .mts .part2 .bds {
	border:1px solid #dddddd;
	border-radius:10px;
	margin-left:5px;
	height:163px;
	overflow:hidden;
	font-size:15px;
	position:relative;
	background:#fff;
}
#content .mts .part2 .bds dt {
	width:100%;
	height:36px;
	overflow:hidden;
}
#content .mts .part2 .bds dt ul {
	vertical-align:top;
}
#content .mts .part2 .bds dt ul li {
	float:left;
	vertical-align:top;
	font-size:0;
	height:34px;
}

#content .mts .part2 .bds dt ul li.more {
	width:25%;
	background:#e3e3e3;
	text-align:center;
	height:36px;
}
#content .mts .part2 .bds dt ul li.news {
	width:25%;
}
#content .mts .part2 .bds dt ul li.rp {
	width:50%;
}
#content .mts .part2 .bds dt ul li.more a {
	display:block;
    margin:8px auto;
	background:#e3e3e3;
	border-bottom:1px solid #dddddd;
	font-size:15px;
	text-align:center;
}
#content .mts .part2 .bds dt strong {
	display:inline-block;
	width:100%;
	padding:8px 0px;
	font-size:15px;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-family:'Nanum Square';
}
#content .mts .part2 .bds dt a:hover strong,
#content .mts .part2 .bds dt ul li.more a:hover {
	font-family: 'Nanum Gothic Bold';
	font-size:15px;
}
#content .mts .part2 .bds dt a.on strong {
	border-bottom:1px solid #fff;
	font-family: 'Nanum Gothic Bold';
	font-size:15px;
}
#content .mts .part2 .bds dt ul li.rp {
	letter-spacing:-0.75px;
}

#content .mts .part2 .bds div {
	position:absolute;
	border:0px solid #f00;
	top:40px;
	line-height:150%;
	padding:5px 0px 0 14px;
	width:92%;
	font-size:14px;
}
#content .mts .part2 .bds div a {
	color:#555;
	background:url(/bweb/images_2016/en_img/point.gif) 5px 50% no-repeat;
	padding-left:14px;
}
#content .mts .part2 .bds div a:hover {
	color:#000;
	text-decoration:underline;
}
#content .mts .part2 .bds dd span {
	float:right;
	display:inline-block;
}

/* footer */
.btmlinks {
	border:1px solid #ddd;
	margin:12px auto;
	background:#fff;
}
.btmlinks ul {
	margin:15px;
	vertical-align:top;
	text-align:center;
}
.btmlinks ul li {
	display:inline-block;
	line-height:0;
	vertical-align:top;
}
.btmlinks ul li.no1 {
	text-align:left;
	width:5%;
}
.btmlinks ul li.no2 {
	width:88%;
	overflow:hidden;
	max-height:30px;
}
.btmlinks ul li.no3 {
	width:5%;
	text-align:right;
}
.btmlinks ul li.no1 img,
.btmlinks ul li.no3 img {
	width:100%;
	max-width:18px;
}
.btmlinks ul li.no2 a {
	display:inline-block;
	width:24%;
	text-align:center;

}
.btmlinks ul li.no2 a img {
	width:100%;
	max-width:155px;
}
#footer {
	border-top:1px solid #ddd;
	padding:30px 0;
}
#footer ul {
	margin:auto;
	max-width:990px;
}
#footer ul li {
	display:inline-block;
	vertical-align:top;
}
#footer ul li.no1 {
	max-width:205px;
	margin-right:45px;
}
#footer ul li.no2 {
	max-width:770px;
	color:#606060;
	line-height:130%;
}
#footer ul li.no2 span {
	display:block;
}
#footer ul li.no2 span.cp {
	color:#8e8e8e;
}

/* sub contents */

/* left_menu */

.subnavi {
	display:inline-block;
	vertical-align:top;
	width:20%;
	max-width:198px; 
	height:100%; 
	min-height:750px;
}
.subnavi h2 {
	display:table;
	font-family: 'Nanum Gothic';
	line-height:0;
	background:url(/bweb/images_2016/en_img/bg_snavtit.gif) left top no-repeat;
}
.subnavi h2 img {
	width:100%;
}
.subnavi  h2 span {
	display:table-cell;
	vertical-align:middle;
	max-width:198px;
}
.subnavi .snav ul {
	display:block; 
	position:relative; 
}
.subnavi .snav ul li a {
	display:block; 
	position:relative; 
	padding:8px 20px; 
	border-bottom:1px solid #eeeeee; 
	font-size:14px;
	color:#444;
	font-family: 'Nanum Gothic Bold';
}
.subnavi .snav ul li a:hover, .subnavi ul li a.on {
	background:url(/bweb/images_2016/en_img/snav_arr.gif) 94% 50% no-repeat #007e8f;
	color:#fff;
}
.subnavi .snav ul li div {
	background:#fefefe;
	padding:4px 10px;
	border-bottom:1px solid #ddd;
}
.subnavi .snav ul li ul {
	margin-left:15px;
}
.subnavi .snav ul li ul li a {
	background:url(/bweb/images_2016/en_img/snav_line.gif) left 6px no-repeat ;
	padding:4px 0px 4px 15px;
	border-bottom:0;
	font-size:12.5px;
	font-family: 'Nanum Gothic';
}
.subnavi .snav ul li ul li a:hover, .subnavi .snav ul li ul li a.on {
	/*background:url(/bweb/images_2016/en_img/snav_line.gif) left 6px no-repeat;
	color:#111;*/
	background:url(/bweb/images_2016/en_img/snav_line.gif) left 6px no-repeat;
    color:#2c61c0;
    font-family: 'Nanum Gothic Bold';
}


.sbody {
	display:inline-block;
	vertical-align:top;
	width:72.727272%;
	max-width:720px;
	margin-left:3.4%;
	padding:30px 0;
}
.sbody .subinfo {
	position:relative;
	background:url(/bweb/images_2016/en_img/subtit_bg.gif) left bottom no-repeat;
}
.sbody h3 {
	font-size:28px;
	font-family: 'Nanum Gothic Bold';
	color:#1e1e1e;
	padding-bottom:20px;
	width:100%;
	clear:both;
	padding-top:20px;
	line-height:120%;
	font-family: 'Arial Narrow', Arial;
	font-stretch:condensed;
}
.sbody .loca {
	float:right;
	text-align:right;
	letter-spacing:-0.5px;
	color:#8f8f8f;
	font-size:13px;
	display:inline-block;
	margin-top:4px;
}
.sbody .loca ul, .sbody .loca ul li {
	display:inline-block;
}

.sbody .loca ul li {
	background:url(/bweb/images_2016/en_img/loca_bg.gif) left 50% no-repeat;
	padding-left:10px;
	margin-left:6px;
}
.sbody .loca ul li:first-child {
	background:url(/bweb/images_2016/en_img/bg_home.gif) left 2px no-repeat;
	padding-left:20px;
}
.sbody .loca span {
	color:#003455;
}
.sbody .stxt {
	margin-top:20px;
}