@charset "utf-8";
body{background:url(/images/common/bg.gif) 0 0 repeat;}
/*--------------------------------------------------*/
/*	LAYOUT	*/
/*--------------------------------------------------*/
	#wrap{
		position:relative;
		width:1200px;
		margin:0 auto;
		background:#fff;
	}
	#header{
		position:relative;
		width:1130px;
		height:auto;
		margin:0 auto;
		z-index:2;
	}
	#header.on{
		height:353px;
	}
	#container{
		position:relative;
		width:1130px;
		margin:22px auto 50px;
		font-family: 'Nanum Gothic', '나눔고딕', 'Noto Sans KR', sans-serif, 'Malgun Gothic', '돋움', Dotum, AppleGothic, Arial;
		overflow:hidden;
		z-index:1;
	}



/*--------------------------------------------------*/
/*	TOP_BOX	*/
/*--------------------------------------------------*/
	.top_box{overflow:hidden; border-bottom:1px solid #e9e9e9;}
	.top_box .top_set{
		float:left;
		padding:12px 0;
	}
	.top_box .top_set a{float:left; display:block; padding:0 16px; font-size:11px; color:#00506e; font-weight:bold; background:url(/images/common/top_set_bg.jpg) 0 center no-repeat; border-right:1px solid #ccc;}
	.top_box .top_set p{float:left; display:block; font-size:11px; color:#333;}
	.top_box .top_set p strong{margin:0 8px 0 12px;}

	.top_box .top_btn{float:right;}
	.top_box .top_btn .top_login{float:left;}
	.top_box .top_btn .top_login > ul{
		padding:10px 0;
	}
	.top_box .top_btn .top_login > ul.login_box{}
	.top_box .top_btn .top_login > ul.logout_box{display:none;}
	.top_box .top_btn .top_login > ul li{float:left; display:block;font-size:11px; color:#015071; line-height:16px;}
	.top_box .top_btn .top_login > ul li a{display:block; padding:0 10px; font-size:11px; color:#015071; line-height:16px; font-weight:bold;}
	.top_box .top_btn .top_login > ul li:first-child a{color:#333; border-right:1px solid #ccc; font-weight:normal;}

	.top_box .top_btn .util{float:left;}
	.top_box .top_btn .util ul{}
	.top_box .top_btn .util ul li{
		float:left;
		display:block;
		height: 39px;
		padding:0 15px;
		text-align:center;
	}
	.top_box .top_btn .util ul li.util01{background:#21bdba;}
	.top_box .top_btn .util ul li.util02{background:#df3a84;}
	/*
	.top_box .top_btn .util ul li.util02{background:#004f70;}
	*/
	.top_box .top_btn .util ul li.util03{background:#004f70;}
	.top_box .top_btn .util ul li.util04{background:#3c3a3b;}
	.top_box .top_btn .util ul li a{
		font-size:11px;
		color:#fff;
		line-height: 39px;
		font-weight:bold;
	}

	.top_ad{padding:4px 0; border-bottom:1px solid #e9e9e9; text-align:center;}


/*----------------------------------------------------
	TOP LOGO
----------------------------------------------------*/
	.top_logo{
		position:relative;
		width:1130px;
		height: 65px;
		margin: 28px auto;
		text-align:center;
		vertical-align:bottom;
	}
	.top_logo div.in{
		position:absolute;
		left:0;
		margin:0 0 0 20px;
	}
	.top_logo div.in > h1{
		float: left;
		display: inline-block;
		width: 400px;
		vertical-align: top;
		margin-left: -30px;
	}
	.top_logo div.in > h1 img{
		margin-left: -30px;
		margin-right: 10px;
	}
	.top_logo div.in > a{
		float:left;
		vertical-align: middle;
		margin-left:-50px;
		margin-top: 16px;
		padding-right: 7px;
		font-size: 24px;
		color:#014e71;
		font-weight:bold;
		letter-spacing: -1px;
	}
	.top_logo div.in > a{
	}
	.top_logo div.in .top_search{
		float:left;
		margin:9px 0 0 0px;
		display:inline-block;
	}
	.top_logo div.in .top_search .search_box{
		float:left;
		display:block;
		width: 280px;
		height:18px;
		padding:12px;
		background:url('/images/common/search_box.jpg') 0 0 no-repeat;
	}
	.top_logo div.in .top_search .search_box input{
		width:100%;
		font-size:16px;
		border:none;
		line-height:18px;
	}
	.top_logo div.in .top_search .search_btn{
		margin:0 0 0 4px;
	}
	.top_logo div.in .top_search dl{
		overflow:hidden;
		display:block;
		margin:15px 0;
		background:url('/images/common/top_search_bl.jpg') 65px 2px no-repeat;
	}
	.top_logo div.in .top_search dl dt{
		float:left;
		display:block;
		margin:0 8px 0 0;
		font-size:11px;
		color:#004f70;
		font-weight:bold;
	}
	.top_logo div.in .top_search dl dd{
		float:left;
		display:block;
		margin:0 0 0 13px;
	}
	.top_logo div.in .top_search dl dd a{
		font-size:11px;
		color:#666;
	}
	.top_logo div.in .top_ban{
		float:left;
		margin-left: 60px;
		display:inline-block;
	}
	/*
	.top_logo{position:relative; width:1130px; height:65px; margin:33px auto; text-align:center; vertical-align:bottom;}
	.top_logo div.in{position:absolute; left:0;  margin:0 0 0 0;}
	.top_logo div.in > h1{float:left; display:inline-block; width:330px;}
	.top_logo div.in > h1 > a{overflow:hidden; display:block;}
	.top_logo div.in > a{float:left; display:inline-block;margin:12px 10px 0 0;font-size:30px; color:#014e71; font-weight:bold; font-family:'나눔고딕','Nanum Gothic', 'NanumGothic'; }
	.top_logo div.in .top_search{float:left; margin:9px 0 0 0px; display:inline-block;}
	.top_logo div.in .top_search .search_box{float:left; display:block; width:280px; height:18px; padding:12px; background:url(/images/common/search_box.jpg) 0 0 no-repeat;}
	.top_logo div.in .top_search .search_box input{width:100%; font-size:16px; border:none; line-height:18px;}
	.top_logo div.in .top_search .search_btn{margin:0 0 0 4px;}
	.top_logo div.in .top_search dl{overflow:hidden; display:block; margin:15px 0; background:url(/images/common/top_search_bl.jpg) 65px 2px no-repeat;}
	.top_logo div.in .top_search dl dt{float:left; display:block; margin:0 8px 0 0; font-size:11px; color:#004f70; font-weight:bold;}
	.top_logo div.in .top_search dl dd{float:left; display:block; margin:0 0 0 13px;}
	.top_logo div.in .top_search dl dd a{font-size:11px; color:#666;}

	.top_logo div.in .top_ban{float:left; margin-left:60px;  display:inline-block;}
	*/



/*--------------------------------------------------*/
/*	GNB	*/	
/*--------------------------------------------------*/
	.gnb{
		position:relative;
		width: 1130px;
		height:43px;
		border-top: 0px solid #00A79D;
		border-bottom: 0px solid #00A79D;
		border-left: 0px solid #004e72;
		border-right: 0px solid #004e72;
		background:#117fa2;
		z-index:2;
	}
	.gnb.on{position:fixed; top:0;}
	.gnb > ul{float:left; display:block;}
	.gnb > ul > li{float:left; display:block;}
	.gnb > ul > li > a{
		display:block;
		padding:0 18px;
		font-size:15px;
		color:#fff;
		line-height:43px;
		font-weight:bold;
		text-align:center;
		background:url(/images/common/gnb_bg.jpg) right center no-repeat;
	}
	.gnb > ul > li.gnb_sub > a{width:68px;}
	.gnb > ul > li.gnb_sub:hover > a{width:66px; color:#024e68; border-left:1px solid #004f70; border-right:1px solid #004f70; background:#ffffff;}
	.gnb > ul > li.on > a{text-decoration:underline;}
	.gnb > ul > li > ul{position:absolute; display:none;}
	.gnb > ul > li:hover > ul{display:block;}
	.gnb > ul > li > ul > li{display:block; width:201px; height:36px;}
	.gnb > ul > li > ul > li > a{display:block; width:161px; height:35px; padding:0 19px; font-size:12px; color:#656565; line-height:35px; border-left:1px solid #004f70; border-right:1px solid #004f70; border-bottom:1px solid #004f70; background:#fff;}
	.gnb > ul > li > ul > li > a:hover{color:#014f7d; background:url(/images/common/icon_gnb_sub.gif) 185px center no-repeat #e5f4f9;}

	.gnb_sns{float:right; margin:6px 4px 0 0;}
	.gnb_sns a{margin:0 7px 0 0;}



/*--------------------------------------------------*/
/*	KEY_WORD	*/	
/*--------------------------------------------------*/
	.key_word{
		position:relative;
		width: 1130px;
		height: 33px;
		border-top: 0px solid #ccc;
		border-bottom: 1px solid #ccc;
		background:#fff;
		z-index:1;
	}
	.key_word.on{
		position:fixed;
		top: 45px
	}
	.key_word ul{float:left; display:block;}
	.key_word ul li{float:left; display:block;}
	.key_word ul li a{display:block; padding:0 9px 0 17px; font-size:12px; color:#333; line-height:33px; font-weight:bold; background:url(/images/common/icon_plus.gif) 0 center no-repeat;}
	.key_word ul li.on a{text-decoration:underline;}
	.key_word ul li:first-child a{background:none;}



/*----------------------------------------------
	main slides
----------------------------------------------*/
#main_slides {
	width: 100%;
	overflow:hidden;
}
.headline_right{
	float: right;
	width: 290px;
}
.headline_right > ul{
	width: 100%;
}
.headline_right > ul > li{
	width: 290px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.headline_right > ul > li img{
	max-width: 290px;
}





/* head line */
.head_line{overflow:hidden;}
.head_line.sub{padding:0 0 29px 0; border-bottom:1px solid #ddd;}
.head_line_left{float:left; position:relative; width:652px;}

.head_line_img1{display:block; width:652px; height:446px;}
.head_line_img1 p{position:absolute; top:0px; display:block; width:618px; height:52px; padding:10px 17px; font-size:15px; color:#333; line-height:26px; background:url(/images/common/w_bg.png) repeat;}
.head_line_img1 p strong{font-size:22px; line-height:26px;}
.head_line_img1 img{width:652px; height:376px; margin:72px 0 0 0;}

.head_line_right{float:right; position:relative; width:461px;}
.head_line_img2{display:block; width:461px; height:267px;}
.head_line_img2 p{position:absolute; top:0; display:block; width:461px; height:19px; padding:10px 0; font-size:15px; color:#333; line-height:19px; background:url(/images/common/w_bg.png) repeat;}
.head_line_img2 p strong{font-size:17px; line-height:19px;}
.head_line_img2 img{width:461px; height:228px; margin:40px 0 0 0;}

.head_line_ad{margin:17px 0 0 0;}
.head_line_ad a{float:left;}
.head_line_ad a:first-child{margin:0 17px 0 0;}
.head_line_ad a img{width:220px;height:160px; border:1px solid #ddd;}





/* 하단 동그라미 버튼 CSS*/
.slide_btn>li{float: left;}
.slide_btn>li>a{display:block; width: 28px; height:21px; background: url(/images/main/spr.png) -34px -126px; text-indent: -999em; }
.slide_btn>li>a.active{background-position: 0 -126px;}

.slide_btn{ z-index: 100; position: absolute; right: 0; top:400px;}

.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}




/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/images/main/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/images/main/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}






/* live news */
.live_news{overflow:hidden; position:relative; margin:23px 0 20px 0; width:1130px; height:40px;}
.live_news p{float:left;}
.live_news div.bx-wrapper{float:left; position:relative; width:976px; height:38px; padding:0 0 0 20px; border:1px solid #ddd; border-left:none;}
/*.bx-pager{display:none;}*/
/*.bx-controls{position:absolute; right:0px; top:0; width:78px;}*/
/*.bx-controls a{float:left; display:block; width:38px; height:38px; font-size:17px; color:#bebebe; line-height:38px; text-align:center; text-decoration:none;  font-weight:bold; border-left:1px solid #ddd;}*/
/*.bx-controls a:hover{color:#5f5f5f; background:#fbfbfb;}*/
/*.live_news div.slider{*/
/*	position: relative;overflow:hidden;width:100px;height:30px;border:#e0e2ef 1px solid;*/
/*}*/

/*.live_news div{overflow:hidden; float:left; position:relative; width:983px; height:38px; padding:0 0 0 13px; border:1px solid #ddd; border-left:none;}
.live_news div marquee{overflow:hidden; display:block; height:38px;}
.live_news div marquee ul{width:2700px; height:38px;}
.live_news div marquee ul li{display:block; float:left;}
.live_news div marquee ul li a{display:block; padding:0 15px 0 17px; font-size:12px; color:#666; line-height:38px; background:url(/images/common/icon_arrow2.gif) left center no-repeat;}*/
/* ad story */
.story{position:relative; overflow:hidden; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
.story ul{}
.story ul li{}
.story ul li a{display:block; float:left; width:257px; height:250px; padding:0 14px 0 14px; font-size:15px; color:#333; line-height:22px; font-weight:bold; border-left:1px solid #ddd;}
.story ul li:first-child a{padding:0 15px 0 0; border-left:none;}
.story ul li a img{width:257px;  margin:0 0 16px 0;}
.story ul li a img.cbo_widh_cmn{width:257px; height:250px; margin:0;}
.story ul li a img.2017_koreacosmetic{width:257px; height:250px; margin:0;}
.story ul li a img.img_ad{width:257px; height:250px; margin:0;}



.story_01{position:relative; width:100%; margin: 10px 0 0 0; }
	.story_tab {position:relative; width:1130px; height:46px; overflow:hidden;  margin: 0; padding: 0; list-style: none; width: 100%;}
	.story_tab:after { clear: both; display: block; content: ""; }
	.story_tab li { float: left; width: 565px; height: 46px; cursor: pointer; background: url("/images/main/tab.png") no-repeat; }
	.story_tab li.card { background-position: 0 0; }
	.story_tab li.list { background-position: -565px 0; }
	.story_tab li.card:hover  { background-position: 0 -46px; }
	.story_tab li.list:hover { background-position: -565px -46px; }
	.story_tab li a { display:block; width:100%; height:100%; text-indent: -9999px; }





/* in */
.in_top{position:relative; overflow:hidden; width:1130px; margin:0 0 20px 0; padding:0 0 21px 0; border-bottom:1px solid #ddd;}
.in_main,.in_sub{position:relative; overflow:hidden; width:1130px; margin:29px 0 50px 0; padding:0 0 50px 0;/* background:url(/images/common/line_bg.gif) 0 0 repeat;*/}
.in_main.no_head{margin:0 0 50px 0;}
.in_sub.no_head{margin:0 0 50px 0;}
.in_top > div{position:relative; float:left; overflow:hidden; width:358px; padding:0 0 0 28px;}
.in_main > div{position:relative; float:left; overflow:hidden; width:346px; padding:0 0 0 46px; background:url(/images/common/line_bg.gif) -346px 0 repeat;}
.in_sub > div{
	position:relative;
	float:left;
	overflow: hidden;
	width:346px;
	padding: 0 0 0 23px;
}
.in_sub > div.in_right{
	position:relative;
	float: right;
	overflow: hidden;
	width: 346px;
	padding: 0 0 0 23px;
}

.in_top > div:first-child{padding:0;}
.in_main > div:first-child{padding:0; background:none;}
.in_sub > div:first-child{width:759px; padding:0;border-right:1px solid #dedede;}
.in_top > div img{width:358px; /* height:298px; */ height:268px;}
.in_main > div > div{overflow:hidden;}
.in_top > div > .itype a{display:block; overflow:hidden; width:358px; font-size:17px; color:#1a1a1a; font-weight:bold;}
.in_main > div > .itype > a,
.in_main > div > .ttype > a{
	display:block;
	overflow:hidden;
	width: 346px;
	font-size:17px;
	color:#1a1a1a;
	font-weight:bold;
}
.in_top div .itype a img{
	padding: 17px 0 0 0;
}
.in_sub > div > div.itype > a,
.in_sub > div > div.ttype > a{
	font-size:17px;
	color:#1a1a1a;
	font-weight:bold;
}






.in_top > div > a strong{display:block; font-weight:bold;}
.in_main > div > .itype > a strong,
.in_main > div > .ttype > a strong,
.in_sub > div > .itype > a strong,
.in_sub > div > .ttype > a strong{display:block; font-weight:bold;}

.in_main > div > .itype > a span,
.in_main > div > .ttype > a span,
.in_sub > div > .itype > a span,
.in_sub > div > .ttype > a span{
	display:block;
	margin:10px 0 0 0;
	font-size:13px;
	color:#666;
	line-height:19px;
	font-weight:normal;
}
.in_main > div > div.itype > a > img,
.in_sub > div > div.itype > a > img{
	margin-top: 5px;
	width:346px;
}

.in_main > div > div.top > a,
.in_sub > div > div.top > a{
	/*
	padding: 0;
	padding:0 0 16px 0;
	*/
}

.in_main > div > div.ttop > a > img,
.in_main > div > div.top2 > a > img,
.in_main > div > div.in_ad.tline > a > img,
.in_sub > div > div.ttop > a > img,
.in_sub > div > div.in_ad.tline > a > img{margin:0;}






/*------------------------------------------------------
.in_main > div > .itype,
.in_sub > div > .itype
------------------------------------------------------*/
.in_main > div > .itype,
.in_sub > div > .itype{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #e6e6fa;
}

.in_main > div > .itype:nth-of-type(1),
.in_sub > div > .itype:nth-of-type(1){
	padding-top: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6fa;
}






/*------------------------------------------------------
.in_main > div > .in_ad,
.in_sub > div > .in_ad
------------------------------------------------------*/
.in_main > div > .in_ad,
.in_sub > div > .in_ad{
	display: block;
	margin: 0;
	width: 346px;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6fa;
}
.in_main > div > .in_ad:nth-of-type(1),
.in_sub > div > .in_ad:nth-of-type(1){
	padding-top: 0px;
	padding-bottom: 20px;
}
.in_main > div > .in_ad > a,
.in_sub > div > .in_ad > a{
	display:block;
	overflow:hidden;
	width: 346px;
	font-size: 17px;
	color:#1a1a1a;
	font-weight:bold;
}
.in_main > div > .in_ad.tline > a{
	margin-top: 20px;
	border-top:1px solid #e6e6fa;
}
.in_main > div > .in_ad > a > img,
.in_sub > div > .in_ad > a > img{
	padding-bottom: 0px;
	margin: 0;
	width:346px;
}
.in_main > div > .in_ad.top > a > img,
.in_sub > div > .in_ad.top > a > img{
	margin-top: 0;
}
.in_top > div > .in_ad img{
	width:358px; height:307px;
}
.in_sub > div > div.in_ad.tline > a{
	margin-top: 20px;
	border-top:1px solid #e6e6fa;
}












.paging{overflow:hidden; height:35px; margin:0 0 64px 0; font-size:0px; text-align:center;}
.paging > a{display:inline-block; margin:0 0 0 10px; padding:9px 0; font-size:15px; color:#666; cursor:pointer !important;_cursor:hand !important; vertical-align:top;}
.paging > a.btn_first{width:35px; height:35px; background:url(/images/common/icon_ll.gif) no-repeat;}
.paging > a.btn_prev{width:35px; height:35px; background:url(/images/common/icon_l.gif) no-repeat;}
.paging > a.btn_next{width:35px; height:35px; background:url(/images/common/icon_r.gif) no-repeat;}
.paging > a.btn_last{width:35px; height:35px; background:url(/images/common/icon_rr.gif) no-repeat;}
.paging > a.current{padding:6px 9px 7px 9px; font-size:17px; color:#fff; font-weight:bold; border:1px solid #ddd; background:#117fa2;}
.paging > a > span{display:none;}

/*.paging ul{width:1130px; height:35px; margin:0 0 64px 0; text-align:center;}
.paging.sub ul{width:866px; margin:37px 0 17px 0;}
.paging ul li{display:inline-block;}
.paging ul li a{display:inline-block; margin:0 0 0 10px; font-size:15px; color:#666; line-height:35px;}
.paging ul li a.img{margin:0 0 0 6px;}
.paging ul li a.on{font-size:18px;color:#004e71; font-weight:bold; text-decoration:underline;}
.paging ul li a:hover{color:#004e71; font-weight:bold;}*/

.view .paging ul{width:733px;}


/*--------------------------------------------------*/
/*	뉴스레터 구독신청	*/	
/*--------------------------------------------------*/
	.letter_subscribe{
		width:344px;
		height:145px;
		margin:19px 0 0 0;
		border:1px solid #ddd;
		font-family:'나눔고딕','Nanum Gothic', 'NanumGothic';
	}
	.letter_subscribe .oh{
		height:53px;
		border-bottom:1px solid #ddd;
		background:#fff;
	}
	.letter_subscribe .oh p{
		padding:12px;
		font-size:15px;
		color:#333;
		line-height:21px;
		font-weight:bold;
	}
	.letter_subscribe .oh p img{
		margin:0 6px 0 0;
	}
	.letter_subscribe .box{
		width:320px;
		height:57px;
		padding:17px 12px;
		background:#fafafa;
	}
	.letter_subscribe .box .subscribe{
		width:246px;
		height:28px;
		margin:0 0 13px 0;
		text-indent:10px;
		border:1px solid #ddd;
	}
	.letter_subscribe .box button{
		width:74px;
		margin:0 0 13px 0;
		font-size:11px;
		color:#fff;
		line-height:30px;
		text-align:center;
		background:#363636;
	}
	.letter_subscribe .box span{
		font-size:11px;
		color:#666;
		line-height:14px;
	}

	/*
	#topcontrol > div div.letter{width:267px; margin:0; border:none; background:none;}
	#topcontrol > div div.letter div.oh{height:21px; border:none; background:none;}
	#topcontrol > div div.letter div.oh p{padding:0; height:21px; font-size:16px; color:#fff; line-height:21px;}
	#topcontrol > div div.letter div.oh p img{display:none;}
	#topcontrol > div div.letter div.box{width:267px; padding:5px 0 0 0; border:none; background:none;}
	#topcontrol > div div.letter div.box input.subscribe{width:193px;}
	#topcontrol > div div.letter div.box input.privacy_newslatter{clear:both;}
	#topcontrol > div div.letter div.box span label{color:#fff;}
	#topcontrol iframe{margin-top:20px;}
	*/

.txt_type{}
.txt_type .oh{margin:25px 0 0 0; border-bottom:1px solid #333;}
.txt_type.top .oh{margin:0;}
.in_sub div .txt_type .oh{margin:0;}
.in_sub div .txt_type.bottom .oh{margin:25px 0 0 0;}
.in_sub div .txt_type .oh.mt25{margin:25px 0 0 0;}
.txt_type .oh p{padding:0 0 10px 0; font-size:17px; color:#1a1a1a; border-bottom:2px solid #333; font-weight:bold;}
.txt_type .oh a{padding:0 9px 0 0; font-size:13px;  line-height:15px; color:#666; background:url(/images/common/icon_arrow.gif) right center no-repeat;}
.txt_type ul{display:block;margin:7px 0 0 0;}
.txt_type ul li{}
.txt_type ul li a{font-size:13px; color:#666; line-height:24px;}
.txt_type ul li a img{margin:0 8px 0 0;}
.txt_type ul li a strong{font-size:13px; color:#36738e; font-weight:normal; line-height:24px;}

.poll_type{overflow:hidden; margin:25px 0 0 0; padding:0 0 24px 0; border-bottom:1px solid #ddd;}
.poll_type > p{display:block; width:324px; height:15px; padding:20px; font-size:15px; color:#fff; border:1px solid #ddd; background:#117fa2;}
.poll_type > p strong{color:#ffef01;}
.poll_type > div{overflow:hidden; width:304px; padding:20px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.poll_type > div > p{font-size:13px; color:#333; text-align:left; font-weight:bold;}
.poll_type > div > ul{overflow:hidden; display:block; margin:20px 0 13px 0; padding:15px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.poll_type > div > ul > li{display:block; padding:5px 0; font-size:12px; color:#343331; text-align:left;}
.poll_type > div > div{text-align:center;}
.poll_type > div > div > a{display:inline-block; margin:0 5px; padding:8px 13px; font-size:13px; color:#666; border:1px solid #ddd; background:#f7f7f7;}
.poll_type > div > div > a:first-child{color:#fff; border:1px solid #096481; background:#107899;}

.in_breeze{margin:19px 0 0 0;}
.in_breeze img{width:346px;}


/* footer */
#footer{clear:both; position:relative; width:1130px; height:204px; margin:0 auto;background-color:#fff;padding:0px 35px;}
.footer_btn{overflow:hidden; width:1130px; height:14px; padding:15px 0; background:#117fa2;}
.footer_btn ul li{float:left; display:block; padding:0 11px; border-left:1px solid #fefefc;}
.footer_btn ul li:first-child{border-left:none;}
.footer_btn ul li a{font-size:11px; color:#fefefc; line-height:14px;}
/*.footer_box{clear:both; position:relative; padding:29px 35px;}*/
.footer_box{clear:both; position:relative;}
.footer_box .mark{float:left; margin:10px 0 0 0;}
.footer_box .add{float:left; margin:0 0 0 41px; font-size:11px; color:#656565; line-height:18px;}
.footer_box .add span{margin-left:10px;}
.footer_box .qr{float:right;}
.footer_box .qr01{margin:20px;}
.footer_box .qr01 > img{margin:15px 0px 0px 20px;}
.footer_box .issn{position:absolute;top:0px;right:120px;}

/* main tap */
.banner{overflow:hidden; position:relative; width:1128px; height:137px; border:1px solid #ddd; background:#fafafa;margin:0px 35px;}
.banner > ul > li > button{position:absolute; top:-1px; display:block; width:139px; height:35px; border:1px solid #ddd; font-size:1.1em; color:#666; text-align:center; line-height:35px;}
.banner > ul > li > button.link01{left:-1px;}
.banner > ul > li > button.link02{left:137px;}
.banner > ul > li > button.link03{left:275px;}
.banner > ul > li > button.link04{left:413px;}
.banner > ul > li.on > button{color:#fff; font-weight:bold; background:#117fa2;}
.banner > ul > li > div{display:none;}
.banner > ul > li.on > div{display:block; padding:33px 0 0 0;}
.banner > ul > li > div > ul{overflow:hidden; display:block; padding:10px 25px 5px 25px; border-top:1px solid #ddd; background:#fff;}
.banner > ul > li > div > ul > li{float:left; display:block; margin:0 6px 5px 6px;}

.partners{overflow:hidden; position:relative; margin:32px auto 0; text-align:center; font-size:0px;}
.partners span{display:inline-block; height:36px; margin:0 14px; font-size:15px; color:#333; line-height:36px; font-weight:bold;}
.partners a{display:inline-block; margin:0 12px 0 0; vertical-align:top;}

/* view */
.view{}
.view > p{width:733px; font-size:17px;}
.view > p.s_title{display:block; margin:10px 0 25px 0; font-weight:bold;}
.view > p strong{display:block; font-size:26px;}
.view_ad{margin:0 0 15px 0;}

.sub_line{overflow:hidden; clear:both; width:721px; height:32px; padding:0 6px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fcfcfc;}
.sub_line p{float:left; font-size:11px; color:#666; line-height:32px;}
.sub_line p span{margin:0 0 0 15px;}
.sub_line ul{float:right; height:21px; padding:5px 0;}
.sub_line ul li{display:block; float:left; margin:0 0 0 5px;}
.sub_line ul li.no_mr{margin:0;}



.cosmetic_banner{overflow:hidden; display:block;clear:both; width:732px; height:250px; margin-top:20px;}
.cosmetic_banner .event_01{display:block; float:left; margin-left:50px;}
.cosmetic_banner .event_02{display:block; float:right; margin-right:50px;}



/*-------------------------------------------------
	/sub/news/news_view.asp
-------------------------------------------------*/
.sub_con{width:733px; margin:32px 0; overflow:hidden; font-size:15px; color:#666; line-height:1.7em; }
.sub_con p{font-family:'나눔고딕','Nanum Gothic', 'NanumGothic' !important;}
.sub_con span{font-family:'나눔고딕','Nanum Gothic', 'NanumGothic' !important;}
.sub_con img{max-width:733px; margin:30px 0;}
.sub_con .no_copy{clear:both; display:block; margin:54px 6px 0 0; text-align:right;}

/* img caption - 2015.10.02 */
.sub_con figure.image { width:auto; display:block !important; margin:0; text-align:left !important; }
.sub_con figure.image img { max-width:733px; margin:30px 0 0; }
.sub_con figure.image figcaption { margin-top:3px; margin-bottom:40px; font-style:normal; font-weight:normal; text-align:left;font-family:'맑은 고딕', 'Malgun Gothic', Dotum, 돋움, Sans-serif, Verdana;font-size: 13px;color: #004080; }

.sub_con figure.image[style*="float:left"] {margin-right: 1em;}
.sub_con figure.image[style*="float:right"] {margin-left: 1em;}

.sub_con figure.image[style*="float: left"] {margin-right: 1em;}
.sub_con figure.image[style*="float: right"] {margin-left: 1em;}

/*Styling floated images via CKEditor*/
.sub_con img[style*="float:left"] {margin-right: 1em;}
.sub_con img[style*="float:right"] {margin-left: 1em;}

.sub_con img[style*="float: left"] {margin-right: 1em;}
.sub_con img[style*="float: right"] {margin-left: 1em;}

.sub_con .img_l { float:left; margin-right: 1em; }
.sub_con .img_c { text-align: center; }
.sub_con .img_r { float:right; margin-left: 1em; }

.relation{overflow:hidden;}
.relation p{margin:29px 0 17px 0; font-size:17px; color:#333; font-weight:bold; clear:both;}
.relation p a{display:block;width:733px;height:36px;background:url(/images/common/icon_more.gif) no-repeat; text-indent:-9999px;}
.relation p a:hover{background:url(/images/common/icon_more_on.gif) no-repeat;}
.relation ul{}
.relation ul li{}
.relation ul li a{float:left; display:block; width:227px; height:245px; padding:0 26px 0 0; font-size:15px; color:#333; line-height:22px;}
.relation ul li a img{width:225px; height:169px; border:1px solid #ddd;}
/*.relation ul li a{float:left; display:block; width:227px; height:205px; padding:0 26px 0 0; font-size:15px; color:#333; line-height:22px;}
.relation ul li a img{width:225px; height:129px; border:1px solid #ddd;}*/
.relation ul li a span{display:block; margin:7px 0 0 0;}

.sub_link{overflow:hidden; width:1128px; border:1px solid #ddd;}
.sub_link p{height:41px; padding:0 0 0 16px; font-size:15px; color:#004e71; line-height:41px; font-weight:bold; border-bottom:1px solid #ddd;}
.sub_link ul{overflow:hidden;}
.sub_link ul li{float:left; display:block;}
.sub_link ul li a{float:left; display:block; width:160px; height:37px; padding:93px 0 0 0; font-size:15px; color:#666; text-align:center; font-weight:bold; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:top;}
.sub_link ul li.sub_link01 a,
.sub_link ul li.sub_link08 a{width:162px;}
.sub_link ul li.no_line a{border-bottom:none;}
.sub_link ul li.sub_link07 a{border-right:none;}
.sub_link ul li.sub_link01 a{background:url(/images/common/sub_link.jpg) center 0 no-repeat;}
.sub_link ul li.sub_link02 a{background:url(/images/common/sub_link.jpg) center -130px no-repeat;}
.sub_link ul li.sub_link03 a{background:url(/images/common/sub_link.jpg) center -260px no-repeat;}
.sub_link ul li.sub_link04 a{background:url(/images/common/sub_link.jpg) center -390px no-repeat;}
.sub_link ul li.sub_link05 a{background:url(/images/common/sub_link.jpg) center -520px no-repeat;}
.sub_link ul li.sub_link06 a{background:url(/images/common/sub_link.jpg) -3px -650px no-repeat;}
.sub_link ul li.sub_link07 a{background:url(/images/common/sub_link.jpg) -7px -780px no-repeat;}
.sub_link ul li.sub_link08 a{background:url(/images/common/sub_link.jpg) -3px -910px no-repeat;}
.sub_link ul li.sub_link09 a{background:url(/images/common/sub_link.jpg) center -1040px no-repeat;}
.sub_link ul li.sub_link10 a{background:url(/images/common/sub_link.jpg) center -1170px no-repeat;}
.sub_link ul li.sub_link11 a{background:url(/images/common/sub_link.jpg) -3px -1300px no-repeat;}
.sub_link ul li.sub_link12 a{background:url(/images/common/sub_link.jpg) center -1430px no-repeat;}
.sub_link ul li.sub_link13 a{background:url(/images/common/sub_link.jpg) -3px -1560px no-repeat;}
.sub_link ul li a:hover{background-image:url(/images/common/sub_link_on.jpg)}

.search_top{overflow:hidden; width:721px; margin:0 0 2px 0; padding:5px; border:1px solid #004e72; background:#117fa2; z-index:2;}
.search_top input{width:616px; height:36px; border:1px solid #096c8c; margin:0 5px 0 0; padding:0 10px;}
.search_top button{width:78px; height:38px; font-size:17px; color:#fefffd; line-height:38px; text-align:center; font-weight:bold;}
.search_view{width:679px; height:95px; margin:0 0 14px 0; padding:20px 26px; border:1px solid #dddddd; background:#fafafa;}
.search_view div{clear:both;}
.search_view div p{display:block; float:left; width:76px; height:24px; margin:0 16px 8px 0; padding:0 0 1px 11px; font-size:12px; color:#fffffd; line-height:24px; background:url(/images/common/search_view_btn.jpg) no-repeat;}
.search_view div ul{display:block; float:left; height:25px; margin:0 0 8px 0;}
.search_view div ul.no{margin:0 0 8px 103px;}
.search_view div ul li{display:block; float:left; height:25px; margin:0 23px 0 0; font-size:12px; color:#666; line-height:25px;}
.search_view div ul li input{margin:0 10px 0 0;}
.search_view div ul li span{margin:0 5px 0 0;}
.term_free_day{width:120px; height:20px; border:1px solid #d9d9d9;}

.power_ad{overflow:hidden; width:733px; padding:0 0 2px 0; border-top:3px solid #85b4c4; background:#dbedf1; z-index:1;}
.power_ad1{width:689px; height:292px; padding:18px 21px 0 21px; border-left:1px solid #b4d2dc; border-right:1px solid #b4d2dc; background:#e4f3f8;}
.power_ad1 p{height:17px; font-size:12px; color:#676765; margin:5px 0 19px 0;}
.power_ad1 p strong{font-size:15px; color:#333331;}
.power_ad1 p span{margin:0 9px 0 18px;font-size:12px; color:#303433;}
.power_ad1 p img{margin:0 0 0 8px;}
.power_ad1 div{}
.power_ad1 div a{display:block; clear:both;}
.power_ad1 div a img{float:left;width:307px; height:230px; border:1px solid #dddddd;}
.power_ad1 div a div{float:right; width:359px; font-size:12px; color:#666666; line-height:22px;}
.power_ad1 div a div strong{display:block; margin:7px 0; font-size:17px; color:#323232;}
.power_ad1 div a div span{display:block; margin:5px 0; font-size:13px; color:#656668;}
.power_ad2{}
.power_ad2 ul{overflow:hidden; display:block; width:695px; padding:0 18px; border:1px solid #c2dbe2; background:#f7fcff;}
.power_ad2 ul li{}
.power_ad2 ul li a{float:left; display:block; width:219px; margin:24px 0 24px 18px;}
.power_ad2 ul li:first-child a{margin:24px 0 24px 0;}
.power_ad2 ul li a img{width:219px; height:164px; margin:0 0 13px 0; border:1px solid #dcdedd;}
.power_ad2 ul li a span{font-size:15px; color:#333;}

.search_txt{overflow:hidden; width:733px; margin:39px 0 29px 0;}
.search_txt > p{margin:0 0 11px 0; font-size:12px; color:#666;}
.search_txt > p > strong{color:#117da3;}
.search_txt > p > span{color:#ff4304;}
.search_txt > ul{}
.search_txt > ul li{}
.search_txt > ul li a{overflow:hidden; display:block; height:105px; padding:20px 0; border-bottom:1px solid #dddddd;}
.search_txt > ul li:first-child a{border-top:1px solid #dddddd;}
.search_txt > ul li a div{overflow:hidden; float:left; display:block; width:138px; height:103px; margin:0 22px 0 0; text-align:center; border:1px solid #ddd; line-height:103px;}

.search_txt > ul li a div.gtype img{width:138px; margin:-1px 0 0 0;}
/*
.search_txt > ul li a div.gtype img{height:103px; margin:-1px 0 0 0;}
*/
.search_txt > ul li a div.stype img{height:103px; vertical-align:top;}
.search_txt > ul li a strong{display:block; font-size:15px; color:#343434; margin:0 22px 11px 0;}
.search_txt > ul li a span{display:block; font-size:12px; color:#666; line-height:20px; margin:0 22px 0 0;}

/*--------------------------------------------------*/
/*	QUICK MENU	*/	
/*--------------------------------------------------*/
	#topcontrol{}
	#topcontrol > a{display:block; width:67px; height:34px; text-indent:-9999px; z-index:10;}
	#topcontrol > a:first-child{display:block; width:67px; height:111px; margin:0 0 4px 0; text-indent:0px;}
	#topcontrol > a.top_btn{margin:0 0 1px 0; background:url(/images/common/quick_up.png) no-repeat;}
	#topcontrol > a.bottom_btn{background:url(/images/common/quick_down.png) no-repeat;}
	#topcontrol > a.top_btn:hover{background:url(/images/common/quick_up_on.png) no-repeat;}
	#topcontrol > a.bottom_btn:hover{background:url(/images/common/quick_down_on.png) no-repeat;}
	#topcontrol .quick_news{display:block; width:67px; height:111px; text-indent:-9999px; z-index:10; background:url("/images/common/quick_news.jpg")}
	/*
	#topcontrol > div{display:none; position:absolute; left:-303px; top:0px; width:267px; height:75px; padding:18px; background:#e73082; z-index:20;}
	#topcontrol > div.on{display:block;}
	#topcontrol > div div.letter{width:267px; margin:0; border:none; background:none;}
	#topcontrol > div div.letter div.oh{height:21px; border:none; background:none;}
	#topcontrol > div div.letter div.oh p{padding:0; height:21px; font-size:16px; color:#fff; line-height:21px;}
	#topcontrol > div div.letter div.oh p img{display:none;}
	#topcontrol > div div.letter div.box{width:267px; padding:5px 0 0 0; border:none; background:none;}
	#topcontrol > div div.letter div.box input.subscribe{width:193px;}
	#topcontrol > div div.letter div.box input.privacy_newslatter{clear:both;}
	#topcontrol > div div.letter div.box span label{color:#fff;}
	#topcontrol iframe{margin-top:20px;}
	*/

/* 미니캘린더 */
.mini_calendar{width:250px; border:1px solid #e97f24; background:#fff;}
.mini_sch_date{position:relative;  text-align:center; background:#e97f24; padding:8px 0;}
.mini_sch_date a{ background:url("/images/common/minical_arrow.png") no-repeat; width:5px; height:7px; margin:2px 0 0;}
.mini_sch_date .leftArrow{position:absolute; left:10px; top:12px; background-position:0 0;}
.mini_sch_date .rightArrow{position:absolute; right:10px; top:12px; background-position:-6px 0;}
.mini_sch_date span{ position:inline-block; font-weight:bold; font-size:14px; color:#fff;}
.mini_calendar .mini_days{width:100%; border-collapse: collapse; border-spacing: 0;}
.mini_days th{font-size:14px;background:#f9b479; color:#fff; padding:5px 0;}
.mini_days th, .mini_days td{text-align:center;}
.mini_days td{ padding:5px 0; font-size:14px; background:#fff;}
.mini_days td .calc_none, .mini_days td.sun,  .mini_days td.sat{color:#ccc;}
.mini_days td.sun a{color:#de090a;}
.mini_days td.sat a{color:#4495d3;}
.mini_days td.on{ background:#f58d34; color:#fff; font-weight:bold; }
.mini_days td.on a{color:#fff;}
.mcals{position:relative;}
.calserchs{width:110px; height:23px; text-indent:10px; background:url("/images/common/cal_icon.gif") 95% 50% no-repeat;}

/* company */
.standing{}
.standing h3{margin:0 0 30px 0; font-size:30px; color:#117fa2; font-weight:bold;}
.standing p{font-size:13px; color:#666; line-height:20px;}
.standing p.mt14{margin-top:14px;}
.standing p.mb14{margin-bottom:14px;}
.standing > p > strong{display:block; margin:47px 0 19px 0;}
.standing > p.nob > strong{display:inline-block; margin:0;}
.standing h4{margin:30px 0 14px 0; font-size:14px; color:#333; font-weight:bold;}
.standing h4.adt{margin:30px 0 14px 0; font-size:16px; color:#333; font-weight:bold;}
.standing_tb{border:1px solid #e3e3e3;}
.standing_tb th{height:40px; font-size:12px; font-weight:normal; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#f8f8f8;}
.standing_tb td{height:40px; font-size:12px; font-weight:bold; text-align:center;}
.standing_tb td.l_line{border-left:1px solid #e3e3e3;}
.standing_tb td.b_line{border-bottom:1px solid #e3e3e3;}
.medium_box{overflow:hidden; margin:21px 0 0 0; padding:21px 14px; border:1px solid #ddd;}
.medium_box > img{float:left; width:190px; margin:0 21px 0 0;}
.medium_box div{float:left; width:499px;}
.medium_box div p{margin:0 0 15px 0; padding:0 0 15px 0; font-size:17px; color:#117fa2; font-weight:bold; border-bottom:2px solid #ddd;}
.medium_box div dl{clear:both;}
.medium_box div dl dt{float:left; display:block; width:125px; margin:0 0 12px 0; padding:0 0 0 17px; font-size:12px; color:#666; line-height:20px; font-weight:bold; background:url(/images/company/medium_bg.jpg) 0 5px no-repeat;}
.medium_box div dl dt.qr{width:142px; padding:0; background:none;}
.medium_box div dl dt img{width:94px; height:76px;}
.medium_box div dl dd{float:left; display:block; width:357px; margin:0 0 12px 0; font-size:12px; color:#666; line-height:20px;}
.p47_105{padding:47px 0 105px 0; text-align:right;}
.num_area{float:left; position:relative; width:164px; height:48px; text-align:center; background:url(/images/codestr/codestr_bg.gif) repeat;}
.num_area_bg{position:absolute; left:0; top:0;}
.num_area_bt{float:left; position:relative; margin:10px 0 10px 10px;}
.num_area_bt a{margin:0 0 0 10px;}




/*
.ad_info_tap{overflow:hidden; height:60px;}
.ad_info_tap li{float:left; display:block; width:137px; height:48px; margin:0 0 0 11px; line-height:48px; text-align:center; border:1px solid #ddd; border-radius:5px;
box-shadow:0 4px 5px #dddddd;
-moz-box-shadow:0 4px 5px #dddddd;
-webkit-box-shadow:0 4px 5px #dddddd;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,Direction=150,Strength=5); background:#117fa2;}




.ad_info_tap li:first-child{margin:0;}
.ad_info_tap li a{font-size:13px;color:#fff;}
.standing p.ad_info2_p1{font-size:17px; color:#117fa2; font-weight:bold;}
.ad_info2_p2{margin:44px 0 0 0;}
*/







/* mypage */
.mypage{overflow:hidden; position:relative; width:1130px; background:url(/images/common/g_bg.jpg) 760px 0 repeat-y;}
.my_left{float:left; position:relative; width:740px; min-height:500px; padding:0 20px 0 0;}
.my_right{float:left; position:relative; width:346px; padding:0 0 0 24px;}

/* member */
.member{}
.member h2{margin:0 0 45px 0; font-size:30px; color:#333333; font-weight:bold;}
.mypage h2{margin:0 0 36px 0; font-size:30px; color:#333333; font-weight:bold;}
.mypage h2 a{float:right;display:inline-block; width:161px; height:36px; margin:0 5px; font-size:15px; color:#fff; line-height:36px; text-align:center; font-weight:bold;}










.member h3{margin:0 0 13px 0; font-size:24px; color:#004e71; font-weight:bold;}
.member h3.big{font-size:37px;}
.member h3.small{font-size:20px;}
.member .mb_title{clear:both; margin:0 0 17px 0; font-size:19px; color:#444; font-weight:bold;}
.mb_title2{margin:0 0 17px 0; font-size:19px; color:#004e71; font-weight:bold;}


.standing .mb_title2{margin:0 0 17px 0; font-size:19px; color:#004e71; font-weight:bold;}
.standing .mb_title2.mt30{margin:30px 0 17px 0;}



.member .mb_box{overflow:hidden; clear:both; margin:0 0 150px 0; padding:78px 85px; border:1px solid #ddd;}
.member .mb_box.last{padding:78px 85px 50px 85px;}
.member .mb_box p{font-size:15px; color:#666;}
.member .mb_box ul{overflow:hidden; display:block; margin:63px 0 0 0;}
.member .mb_box li{float:left; display:block; width:463px; height:208px; text-align:center; border:1px solid #ddd; background:url(/images/member/join_bt2.png) center center no-repeat;}
.member .mb_box li:first-child{margin:0 28px 0 0; background:url(/images/member/join_bt1.png) center center no-repeat;}
.member .mb_box li a{display:block; width:463px; height:55px; padding:153px 0 0 0; font-size:17px; color:#666; font-weight:bold; text-decoration:none;}
.member .mb_box li:hover{background-color:#fbfbfb;}
.mb_tap{float:right;}
.mb_tap li{float:left; height:51px; padding:0 36px 0 63px; font-size:17px; color:#343434; line-height:51px; font-weight:bold;}
.mb_tap li.mb_tap01{background:url(/images/member/mb_num.jpg) 0 0 no-repeat #f9f9f9;}
.mb_tap li.mb_tap01.on{color:#117fa2; background:url(/images/member/mb_num.jpg) 0 -51px no-repeat #f9f9f9;}
.mb_tap li.mb_tap02{background:url(/images/member/mb_num.jpg) 0 -102px no-repeat #f9f9f9;}
.mb_tap li.mb_tap02.on{color:#117fa2; background:url(/images/member/mb_num.jpg) 0 -153px no-repeat #f9f9f9;}
.mb_tap li.mb_tap03{background:url(/images/member/mb_num.jpg) 0 -204px no-repeat #f9f9f9;}
.mb_tap li.mb_tap03.on{color:#117fa2; background:url(/images/member/mb_num.jpg) 0 -255px no-repeat #f9f9f9;}
.member .mb_box2{overflow:hidden; margin:0 0 44px 0; padding:10px 13px; background:#fbfbfb;}
.member .mb_box2 ul{}
.member .mb_box2 ul li{font-size:12px; color:#666; line-height:24px;}
.mb_box3{overflow-y:scroll; height:281px; padding:21px 16px; font-size:12px; color:#666; line-height:18px; border:1px solid #ddd;}
.mb_box4{overflow:hidden; margin:0 0 46px 0; padding:19px 12px;font-size:12px; color:#676767; border:1px solid #ddd; border-top:none; background:#fbfbfb;}
.mb_box4.mt30{border-top:1px solid #ddd;}
.mb_box5{overflow:hidden; margin:0 0 46px 0; padding:10px; border:1px solid #ddd;}
.mb_box5.last{padding:0; border:none;}
.mb_box5.last.bb{overflow:hidden; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.mb_box5 > p{margin:10px 0 19px 0; font-size:12px; color:#666;}
.mb_box5.leave > p{margin:0 0 13px 0;}
.mb_box5.leave > p:first-child{margin:5px 0 13px 0;}
.mb_box5.leave > p.last{margin:0 0 23px 0;}
.mb_box5 > p > span{color:#e30d0d;}
.mb_box5 table{overflow:hidden; clear:both; display:block; border:1px solid #e3e3e3;}
.mb_box5 table th{padding:6px 14px 6px 29px; font-size:12px; color:#666; text-align:left; border-bottom:1px solid #e3e3e3; background:#f8f8f8;}
.mb_box5 table th span{margin:0 0 0 -12px; color:#e30d0d;}
.mb_box5 table td{min-height:28px; padding:6px 0 6px 13px; font-size:12px; color:#666; border-bottom:1px solid #e3e3e3;}
.mb_box5 table th.last,
.mb_box5 table td.last{border-bottom:none;}
.mb_box5 table td.point{color:#b2b2b2;}
.mb_box5 table td.h28{height:28px;}
.mb_box5 table td p{color:#b2b2b2; line-height:18px;}
.mb_box5 table td textarea{width:95%; height:200px; border:1px solid #ddd;}
.mb_box6{width:1128px; height:485px; border:1px solid #ddd;}
.mb_box6_l{float:left; width:562px; height:397px; padding:44px 54px; border-right:1px solid #ddd;}
.mb_box6_l2{float:none; width:492px; height:92px; padding:44px 115px; border-right:none; border-top:2px solid #117fa2; border-bottom:2px solid #117fa2;}
.mb_box6_l p{font-size:12px; color:#666; line-height:20px;}
.mb_box6_l > div{overflow:hidden; position:relative; display:block; margin:80px 0 0 0; padding:30px 0 30px 0; border-top:2px solid #117fa2;}
.mb_box6_l2 > div{margin:0 auto; border:0; padding:0;}
.mb_box6_l > div > div{float:left; width:344px; height:92px;}
.mb_box6_l > div > div > p{clear:both;}
.mb_box6_l > div > div > p:first-child{margin:0 0 15px 0;}
.mb_box6_l > div > div > p input{width:227px; height:38px; line-height:38px; border:1px solid #ddd}
.mb_box6_l > div > div > p label{float:left; display:block; width:70px; height:38px; padding:0 0 0 35px; font-size:13px; color:#666; line-height:40px; font-weight:bold;}
.mb_box6_l > div > a{float:left; display:block; width:148px; height:92px; font-size:13px; color:#fff; line-height:92px; text-align:center; font-weight:bold; background:#117fa1;}
.mb_box6_l > div > p{clear:both; overflow:hidden; display:block; padding:15px 0 0 36px;}
.mb_box6_r{float:left; width:457px;}
.mb_box6_r1{width:359px; height:163px; padding:34px 49px 49px 49px; border-bottom:1px solid #ddd;}
.mb_box6_r2{width:359px; height:155px; padding:38px 49px 45px 49px;}
.mb_box6_r div p{clear:both; font-size:12px; color:#666; line-height:20px;}
.mb_box6_r div.mb_box6_r1 p a{display:block; height:49px; margin:37px 0 0 0; font-size:15px; color:#fff; text-align:center; line-height:49px; font-weight:bold; background:#b5b5b5;}
.mb_box6_r div.mb_box6_r2 p a{display:block; height:49px; margin:31px 0 0 0; font-size:15px; color:#fff; text-align:center; line-height:49px; font-weight:bold; background:#3c3a3b;}

.mb_box7{overflow:hidden; width:1128px; margin:0 0 250px 0; border:1px solid #ddd; background:url(/images/common/g_bg.jpg) center 0 repeat-y;}
.mb_box7_l{float:left; width:458px; padding:44px 53px 56px 53px;}
.mb_box7 > div > p{clear:both; font-size:12px; color:#666; line-height:20px;}
.mb_box7_btn{overflow:hidden; margin:46px 0 0 0;}
.mb_box7_btn > div{}
.mb_box7_btn > div > p{clear:both;}
.mb_box7_btn > div > p:first-child{margin:0 0 15px 0;}
.mb_box7_btn > div > p input{width:285px; height:38px; line-height:38px; border:1px solid #ddd;}
.mb_box7_btn > div > p label{float:left; display:block; width:68px; height:38px; padding:0 0 0 38px; font-size:13px; color:#666; line-height:40px; font-weight:bold;}
.mb_box7_btn > a{display:block; width:356px; margin:25px 0 0 38px;; font-size:13px; color:#fff; line-height:49px; text-align:center; font-weight:bold; background:#117fa1;}
.mb_box7_btn > p{clear:both; overflow:hidden; display:block; padding:15px 0 0 110px;}

.mb_box7_btn2{overflow:hidden; margin:46px 0 0 0; display:none;}
.mb_box7_btn2 > div{}
.mb_box7_btn2 > div > p{clear:both;}
.mb_box7_btn2 > div > p:first-child{margin:0 0 15px 0;}
.mb_box7_btn2 > div > p input{width:285px; height:38px; line-height:38px; border:1px solid #ddd}
.mb_box7_btn2 > div > p label{float:left; display:block; width:68px; height:38px; padding:0 0 0 38px; font-size:13px; color:#666; line-height:40px; font-weight:bold;}
.mb_box7_btn2 > a{display:block; width:356px; margin:25px 0 0 38px;; font-size:13px; color:#fff; line-height:49px; text-align:center; font-weight:bold; background:#117fa1;}
.mb_box7_btn2 > p{margin:0 0 20px 0; font-size:13px; color:#666; line-height:30px; text-align:center;}
.mb_box7_l .mb_box7_btn2 > p{margin:0 0 20px 0; font-size:13px; color:#666; line-height:61px; text-align:center;}
.mb_box7_btn2 > p > strong{font-size:16px; color:#147f9f;}

.mb_box8{overflow:hidden; margin:0 0 30px 0; padding:56px 45px; border:1px solid #ddd;}
.mb_box8 h3{height:101px; padding:14px 0 18px 155px; font-size:30px; color:#117fa2; line-height:42px; font-weight:bold; border-bottom:1px solid #ddd; background:url(/images/common/mb_box8.jpg) no-repeat;}
.mb_box8 p{font-size:13px; color:#666; text-align:center;}
.mb_box8 p.p1{margin:47px 0 0 0; line-height:21px;}
.mb_box8 p.p2{display:block; margin:25px 0 0 0; padding:17px; background:#fbfbfb;}
.mb_box8 p strong{color:#117fa4; text-decoration:underline;}

.mb_box9{overflow:hidden; margin:0 0 30px 0; padding:10px 13px; border:1px solid #ddd; border-radius:5px;
box-shadow:0 4px 5px #ededed;
-moz-box-shadow:0 4px 5px #ededed;
-webkit-box-shadow:0 4px 5px #ededed;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ededed,Direction=150,Strength=5);
}
.mb_box9 table{}
.mb_box9 table td{padding:19px 10px 19px 110px; border-top:1px dotted #dedede;}
.mb_box9 table td.mb_box9_img1{border-top:none; background:url(/images/company/mb_box9_img1.jpg) 16px 19px no-repeat;}
.mb_box9 table td.mb_box9_img2{background:url(/images/company/mb_box9_img2.jpg) 16px 19px no-repeat;}
.mb_box9 table td.mb_box9_img3{background:url(/images/company/mb_box9_img3.jpg) 16px 19px no-repeat;}
.mb_box9 table td.mb_box9_img4{background:url(/images/company/mb_box9_img4.jpg) 16px 19px no-repeat;}
.mb_box9 table td.mb_box9_img5{background:url(/images/company/mb_box9_img5.jpg) 16px 19px no-repeat;}
.mb_box9 table td.mb_box9_img6{background:url(/images/company/mb_box9_img6.jpg) 16px 19px no-repeat;}
.mb_box9 table td > strong{font-size:15px; color:#117fa2;}
.mb_box9 table td > p{margin:10px 0 0 0; font-size:13px; color:#666; line-height:22px;}
.mb_box9 table td > p > strong{color:#454545;}

.mb_box7_r{float:left; width:458px; padding:44px 53px 56px 53px;}
.c_bt{clear:both; text-align:center; margin:0 0 87px 0;}
.c_bt.last{margin-bottom:0;}
.c_bt a{display:inline-block; width:161px; height:50px; margin:0 5px; font-size:15px; color:#fff; line-height:50px; font-weight:bold;}

.r_bt{clear:both; text-align:right; margin:28px 0 87px 0;}
.r_bt.last{margin-bottom:0;}
.r_bt a{display:inline-block; width:90px; height:40px; margin:0 0 0 6px; font-size:15px; color:#fff; line-height:40px; text-align:center; font-weight:bold;}

.btn_yes{background:#117fa2;}
.btn_no{background:#b5b5b5;}
.btn_box{display:inline-block; height:26px; margin:0 0 0 5px; padding:0 25px; font-size:12px; color:#666; line-height:26px; border:1px solid #dedede; background:#f6f6f6;}
select.basic{height:28px; color:#656565; border:1px solid #dedede;}
#JOIN_CHANNEL_CD{height:28px; color:#656565; border:1px solid #dedede;}
select.basic.w82{width:82px;}
select.basic.w196{width:196px;}
.mb_span{display:inline-block; line-height:28px;}
input.basic{width:196px; height:28px; color:#656565; border:1px solid #dedede;}
input.basic.w60{width:60%;}
input.basic.w61{width:61px;}
input.basic.w82{width:82px;}
input.basic.w93{width:93px;}
input.basic.w141{width:141px;}
input.basic.w175{width:175px;}
input.basic.w97{width:97%;}
.input_file{width:97%; height:28px; color:#656565;}
.ml18 div{width:100%; line-height:25px;}
.ml18.join_info div{width:917px;}
.ml18.join_info2 div{width:540px;}
.ml18 div input{margin-left:18px; margin-right:5px;}
.ml18.join_info div input.PART1{margin-left:0;}
.ml18.join_info2 div input.PART1{margin-left:0;}
.ml18.join_info2 div input.PART9{margin-left:0;}
.ml18.join_info2 div input.PART15{margin-left:0;}
.ml18.join_info2 div span.span14{margin-right:80px;}
.ml18 div input:first-child{margin-left:0;}
.ml18 div input.m0{margin:0;}
.mt9{margin-top:9px;}
.mt30{margin-top:30px;}
.mt140{margin-top:140px;}
.mb9{margin-bottom:9px;}
.mb30{margin-bottom:30px;}
.m5{margin:0 5px;}
.ml5{margin:0 0 0 5px;}
.mr5{margin:0 5px 0 0;}


/* mypage */
.board_search{overflow:hidden;}
.board_search > a{float:left; display:block; height:26px; padding:0 20px; font-size:12px; color:#666; line-height:26px; font-weight:bold; border:1px solid #dfdfdf; background:#f6f6f6;}
.board_search > p{float:right;}
.board_search > p > select{height:26px; font-size:12px; color:#656565; line-height:26px; border:1px solid #ddd;}
.board_search > p > input{width:165px; height:26px; margin:0 0 0 5px; font-size:12px; color:#656565; line-height:26px; border:1px solid #ddd;}
.board_search > p > a{float:right; display:block; width:70px; height:26px; margin:0 0 0 5px; font-size:12px; color:#fff; line-height:26px; text-align:center; background:#004e72;}
.board{clear:both; margin:16px 0 0 0;}
.board table{width:100%;}
.board table th{height:36px; font-size:13px; color:#318ba6; line-height:36px; text-align:center; font-weight:bold; border-top:2px solid #127ea2; border-bottom:1px solid #127ea2;}
.board table td{padding:14px 0; font-size:13px; color:#676767; line-height:20px; border-bottom:1px solid #ddd;}
.board table.tc td{text-align:center;}
.board table.tc td a{display:block; color:#666; text-align:left;}
.board table.tc td a span{float:left; display:block; width:38px; height:20px; margin:0 10px 0 0; font-size:12px; color:#fff; line-height:20px; text-align:center; border-radius:5px;}
.board table.tc td a span.ing{background:#ed3889;}
.board table.tc td a span.end{background:#a6a6a6;}
.board table tbody tr:hover{background:#fafafa;}
.board_view{}
.board_view table{width:100%;}
.board_view table th{padding:10px 0; font-size:13px; color:#676767; line-height:20px; text-align:center; font-weight:bold; border-top:2px solid #127ea2; border-bottom:1px solid #127ea2;}
.board_view table th a{display:block; color:#666; text-align:left; margin:0 0 0 7px;}
.board_view table th a span{float:left; display:block; width:38px; height:20px; margin:0 10px 0 0; font-size:12px; color:#fff; line-height:20px; text-align:center; border-radius:5px;}
.board_view table th a span.ing{background:#ed3889;}
.board_view table th a span.end{background:#a6a6a6;}
.board_view table td{overflow:hidden; padding:11px 9px; font-size:15px; color:#666; line-height:27px; border-bottom:1px solid #ddd;}
.board_view table td.file_line{padding:7px; font-size:13px; border-bottom:1px solid #127ea2;}
.board_view table td.file_line span{font-size:13px;}
.board_view table td a.file{display:inline-block; font-size:13px; color:#666;}

/* poll */
.poll_list{overflow:hidden; margin:0 0 20px 0; padding:0 37px 22px 37px; border:1px solid #ddd;}
.poll_list > div{height:65px; padding:40px 0 0 115px;}
.poll_list > div.poll_ing{background:url(/images/community/poll_ing.jpg) no-repeat;}
.poll_list > div.poll_end{background:url(/images/community/poll_end.jpg) no-repeat;}
.poll_list > div > p.poll_title{margin:0 0 15px 0; font-size:14px; color:#333; font-weight:bold;}
.poll_list > div > p.poll_day{font-size:12px; color:#a6a6a6;}
.poll_list > dl{overflow:hidden; width:664px; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.poll_list > dl > dt{float:left; display:block; width:310px; height:27px; font-size:12px; color:#666; font-weight:bold;}
.poll_list > dl > dd{float:left; display:block; width:354px; height:27px;}
.poll_list > dl > dd > div.poll_graph{overflow:hidden; float:left; position:relative; width:310px; height:11px; background:#ebebeb;}
.poll_list > dl > dd > div > div{position:absolute; left:-310px; top:0; width:0; height:11px; text-indent:-9999px; background:#117fa2;}
.poll_list > dl > dd > span{float:right; font-size:12px; color:#666; font-weight:bold;}
.poll_list > p{height:28px; margin:22px 0 0 0; font-size:12px; text-align:center;}
.poll_list > p.end_title{background:#ebebeb; line-height:28px;}
.poll_list > p > a{display:inline-block; width:73px; height:26px; font-size:12px; color:#fff; line-height:26px; border:1px solid #096481; background:#117c9e;}

/* event */
.event_cal{overflow:hidden; padding:15px; border:5px solid #117fa2;}
.event_cal_top{position:relative; padding:10px 0 20px 0; border-bottom:1px solid #ccc;}
.event_cal_top p{font-size:28px; text-align:center; font-weight:bold;}
.event_cal_top_l{position:absolute; left:38%; top:15px; font-size:18px; color:#ccc; font-weight:bold;}
.event_cal_top_r{position:absolute; right:38%; top:15px; font-size:18px; color:#ccc; font-weight:bold;}
.event_cal_bottom{overflow:hidden; border-top:2px solid #f5f5f5;}
.event_cal_bottom ul{}
.event_cal_bottom ul li a{float:left; display:block; width:20px; height:20px; margin:13px 1px 0 1px; font-size:12px; color:#666; text-align:center; line-height:20px;}
.event_cal_bottom ul li a.red{color:#de1111;}
.event_cal_bottom ul li a.on{color:#fff; background:#12a9a2; border-radius:10px;}
.event_in{}
.event_in > p{margin:11px 0 0 0; text-align:right;}
.event_in > div{overflow:hidden; padding:0 0 24px 0; border-bottom:1px solid #ddd;}
.event_in > div > p.title{overflow:hidden; position:relative; width:530px; margin:32px 0 20px 0; padding:0 210px 0 0; font-size:16px; color:#004e72; line-height:20px; font-weight:bold;}
.event_in > div > p.title span{position:absolute; right:0; top:0; font-size:13px; color:#333; font-weight:normal;}
.event_in > div > div{font-size:13px; color:#666; line-height:24px;}
.event_in > div > div > span,
.event_in > div > div > p,
.event_in > div > div > p > span{line-height:24px;}

.data_tap{overflow:hidden; margin:0 0 30px 0;}
.data_tap.map_tap{width:100%; background:url(/images/company/map_bg.jpg) left bottom repeat-x;}
.data_tap li{}
.data_tap li a{float:left; display:block; width:100px; height:30px; font-size:15px; color:#666; line-height:30px; text-align:center; border:1px solid #ddd; border-bottom:2px solid #004e72; background:#f4f4f4;}
.data_tap.map_tap li a{width:151px; border-bottom:none;}
.data_tap li a.on{color:#117fa2; font-weight:bold; border:2px solid #004e72; border-bottom:2px solid #fff; background:#fff;}
.data_tap li:first-child a{color:#117fa2; font-weight:bold;}
.data_tap.map_tap li:first-child a{color:#666; font-weight:normal;}
.data_tap.map_tap li:first-child a.on{color:#117fa2; font-weight:bold;}

/* breeze */
.breeze_big{width:737px; height:522px;}
.breeze_big a img{width:735px; height:520px; border:1px solid #ddd;}
.breeze_select{overflow:hidden; margin:41px 0 0 0;}
.breeze_select select{float:right;}
.breeze_list{}
.breeze_list .year{clear:both; overflow:hidden; margin:30px auto 0;}
.breeze_list .year h3{font-size:20px; color:#333; font-weight:bold;}
.breeze_list .year ul{overflow:hidden; display:block; width:672px; margin:34px 0 0 0; padding:0 34px; background:url(/images/community/breeze_bg.jpg) center top repeat-y;}
.breeze_list .year ul li{}
.breeze_list .year ul li a{float:left; display:block; width:150px; height:283px; margin:0 9px; text-align:center; background:url(/images/community/breeze_li_bg.jpg) 0 196px no-repeat;}
.breeze_list .year ul li a img{width:148px; height:197px; margin:0 0 35px 0; border:1px solid #dedede;}
.breeze_list .year ul li a span{font-size:13px; color:#444; font-weight:bold;}

/* data */
.data_main{overflow:hidden; margin:0 0 50px 0;}
.data_main div{float:left; overflow:hidden; width:346px;}
.data_main div.data1{margin:0 48px 0 0; background:url(/images/community/data1.jpg) 0 0 no-repeat;}
.data_main div.data2{margin:0 0 0 0; background:url(/images/community/data2.jpg) 0 0 no-repeat;}
.data_main div.data3{margin:50px 48px 0 0; background:url(/images/community/data3.jpg) 0 0 no-repeat;}
.data_main div.data4{margin:50px 0 0 0; background:url(/images/community/data4.jpg) 0 0 no-repeat;}
.data_main div.data5{margin:50px 48px 0 0; background:url(/images/community/data5.jpg) 0 0 no-repeat;}
.data_main div.data6{margin:50px 0 0 0; background:url(/images/community/data6.jpg) 0 0 no-repeat;}
.data_main div h3{overflow:hidden; width:296px; height:26px; padding:14px 0 0 50px; font-size:15px; color:#1a1a1a; font-weight:bold;}
.data_main div h3 a{float:right; padding:0 9px 0 0; font-size:12px; color:#666; background:url(/images/common/icon_arrow.gif) right center no-repeat;}
.data_main div ul{margin:10px 0 0 0;}
.data_main div ul li{}
.data_main div ul li a{font-size:12px; color:#666; line-height:22px;}


/*-------------------------------------------------
	history
-------------------------------------------------*/
.history{overflow:hidden; margin:0 0 50px 0;}
.history > div{display:none;}
.history > div.on{display:block;}
.history > div > table{width:740px;}
.history > div > table th{padding:12px 0; font-size:25px; color:#333; font-weight:bold; text-align:left; border-bottom:1px solid #ddd; vertical-align:top;}
.history > div > table td{padding:12px 12px 12px 0; font-size:13px; color:#666; line-height:20px; border-bottom:1px solid #ddd; vertical-align:top;}
.history > div > table td.year{padding:12px 0; color:#117fa2; font-weight:bold;}

.history_tap{overflow:hidden; margin:0 0 30px 0;}
.history_tap ul{width:411px; margin:0 auto;}
.history_tap.history_tap2 ul{width:100%; text-align:center; font-size:0;}
.history_tap ul li{float:left; display:block; width:137px; height:48px; margin:0 0 0 -1px;}
.history_tap.history_tap2 ul li:first-child{margin:0 0 0 0;}
.history_tap ul li.on{background:url(/images/company/bl.jpg) center bottom no-repeat;}
.history_tap ul li a{display:block; width:135px; height:14px; padding:13px 0; font-size:12px; font-weight:bold; color:#666; text-align:center; border:1px solid #ddd;}
.history_tap ul li.on a{width:137px; height:14px; padding:14px 0; color:#fff; border:0 none; background:#117fa2;}



/* alliance */
.alliance{overflow:hidden; margin:0 0 50px 0;}
.alliance a{overflow:hidden; width:740px; height:250px; padding:23px 0; text-decoration:none;}
.alliance a dl{overflow:hidden; display:block; width:740px; border-bottom:1px solid #ddd;}
.alliance a dl dt{float:left; display:block; width:192px; height:250px; padding:0 59px 0 12px; line-height:240px;}
.alliance a dl dd{float:left; display:block; width:477px; padding:27px 0 0 0; font-size:13px; color:#666; line-height:20px;}
.alliance a dl dd span{display:block;  margin:10px 0; font-size:14px; color:#666;}
.alliance a dl dd strong{font-size:17px; color:#117fa2;}

/* map */
.map{}
.map_in{overflow:hidden; position:relative; width:740px; height:395px;}
#map{overflow:hidden;position:absolute; left:0; top:0; border:1px solid #ddd;}
#map img{width:738px; height:393px;}
#map2{position:absolute; left:740px; top:0; width:738px; height:393px; border:1px solid #ddd;}
.map table{width:740px; margin:29px 0 0 0;}
.map table th{text-align:left; min-height:32px; padding:12px 0 12px 43px; font-size:13px; color:#333; line-height:32px; font-weight:bold; border-bottom:1px solid #ddd; vertical-align:top;}
.map table th.map1{background:url(/images/company/map1.jpg) left 12px no-repeat;}
.map table th.map2{background:url(/images/company/map2.jpg) left 12px no-repeat;}
.map table th.map3{background:url(/images/company/map3.jpg) left 12px no-repeat;}
.map table th.map4{background:url(/images/company/map4.jpg) left 12px no-repeat;}
.map table td{padding:12px 12px 12px 0; font-size:13px; color:#666; line-height:20px; border-bottom:1px solid #ddd;}
.map table td span{font-size:13px; color:#333; font-weight:bold;}

/* etc */
.etc{overflow:hidden; margin:0 0 30px 0; font-size:12px; color:#676767; line-height:20px;}
.etc strong{font-size:13px; color:#117fa2;}

/* rnb */
.rnb{overflow:hidden; margin:12px 0 0 0;}
.rnb h3{font-size:22px; color:#343434; font-weight:bold;}
.rnb ul{display:block; width:346px; margin:20px 0 0 0; padding:8px 0 0 0; border-top:4px solid #004e72;}
.rnb ul li{display:block;}
.rnb ul li a{display:block; width:328px; height:40px; padding:0 9px; font-size:13px; color:#666; line-height:40px; font-weight:bold;}
.rnb ul li.on a{color:#fff; text-decoration:none; background:#004e72;}

/* mobile */
#m_wrap{width:320px; margin:0 auto; overflow:hidden;background:#fff;}

.btn_mobile {
	display: inline-block;
	 clear: both;
	margin:80px auto 50px;
	width:100%;
	padding: 25px 0 19px 0;
	border: 2px solid #B5B8BF;
	border-radius: 12px;
	font-size: 52px;
	line-height: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEBEF));
	background-image: -moz-linear-gradient(top, white, #EAEBEF);
	background-image: -o-linear-gradient(top, white, #EAEBEF);
	background-image: linear-gradient(to bottom, white, #EAEBEF);
	background-color: #F9FAFB;
	color: #222;
	letter-spacing: 2px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: inset 0 0 3px white, 0 2px 1px rgba(0, 0, 0, 0.06);
	box-shadow: inset 0 0 3px white, 0 2px 1px rgba(0, 0, 0, 0.06);
}
.btn_mobile img {vertical-align:top;}