@charset "utf-8";
/* CSS Document */

#wrap{width:100%; min-width:1185px; margin:0 auto;}


/* header */

header{height:100px; width:100%; background-color:#2a3e75;}
#gnbWrap{width:1185px; height:30px; margin:0 auto;}
#gnb {float:right; margin-top:8px;}
#gnb li{float:left; font-size:12px; color:#c8ccd7;}
#gnb li a{color:#c8ccd7}

/* section */

section{width:100%;}

.main_container{position:relative; z-index:2; padding-top:810px; background:url("../images/common/main_container_bg.png") center 690px no-repeat;}
.main_container_img{padding-bottom:200px; background:url("../images/common/main_container_img.png") center bottom no-repeat;}
.sub_container{background:url("../images/common/sub_container_bg.png") 0 0 repeat;}
.sub_container_img{padding-bottom:120px; background:url("../images/common/sub_container_img.png") center bottom no-repeat;}

.sub_header{height:280px; border-top:1px solid #686868;}
.sub_header.about{background:url("../images/sub/sub_header_about.jpg") center center no-repeat;}
.sub_header.business{background:url("../images/sub/sub_header_business.jpg") center center no-repeat;}
.sub_header.progress{background:url("../images/sub/sub_header_progress.jpg") center center no-repeat;}
.sub_header.technical{background:url("../images/sub/sub_header_technical.jpg") center center no-repeat;}
.sub_header.parcelout{background:url("../images/sub/sub_header_parcelout.jpg") center center no-repeat;}
.sub_header.community{background:url("../images/sub/sub_header_community.jpg") center center no-repeat;}
.sub_header.sitemap{background:url("../images/sub/sub_header_sitemap.jpg") center center no-repeat;}

.wrap{width:1185px; margin:0 auto;}

.bread-crumb {height:46px; z-index:1000; position:relative; background-color:#eaeaea; font-size:14px;}
.bread-crumb.fixed {position:fixed; top:0; left:0; width:100%;}
.bread-crumb > div > ul {height:46px;}
.bread-crumb > div > ul > li {float:left; padding:15px 10px;}
.bread-crumb > div > ul > li:before {content:"|"; padding-right:20px;}
.bread-crumb > div > ul > li:first-child {position:relative; height:16px; margin-left:15px; padding-left:14px; background:url("../images/common/icon-home.png") left center no-repeat; text-indent:-999px;}
.bread-crumb > div > ul > li:first-child:before {display:none;}
.bread-crumb > div > ul > li:first-child a {position:absolute; left:0; top:0; width:100%; height:100%;}
.bread-crumb > div > ul > li:nth-child(3),
.bread-crumb > div > ul > li:nth-child(4) {
position:relative; padding-right:0; 
background:url("../images/common/icon-down.png") 95% 22px no-repeat; min-width:190px;
}
.bread-crumb > div > ul > li > div {
height:0; position: absolute; margin-top: 15px; 
overflow: hidden; width: 100%; box-sizing:border-box;
}
.sub-crumb li a {display:block; padding:10px 20px; border-top:1px solid #ccc; color:#000;}
.bread-crumb > div > ul > li:nth-child(3).open > div,
.bread-crumb > div > ul > li:nth-child(4).open > div{height:auto;}
.bread-crumb > div > ul > li:nth-child(3) .sub-crumb, 
.bread-crumb > div > ul > li:nth-child(4) .sub-crumb,
.bread-crumb > div > ul > li:nth-child(3) .sub-crumb, 
.bread-crumb > div > ul > li:nth-child(4) .sub-crumb{transition: .3s; transform: translate(0, -100%); 
background-color:#eaeaea; border:1px solid #ccc; border-top:0; width:190px;}
.bread-crumb > div > ul > li:nth-child(3).open .sub-crumb, 
.bread-crumb > div > ul > li:nth-child(4).open .sub-crumb{transform: translate(0, 0);}

.container{margin:0 auto; width:1185px; min-height:500px; background:url("../images/common/container_bg.png") 0 0 repeat;}
.sub_container .container{margin-top:30px; padding-bottom:70px;}

.sub_tit{padding:70px 0 0 175px; height:126px; background:url("../images/common/sub_tit_bg.png") right top no-repeat;}
.sub_tit h2{font-size:48px; color:#2a3e75;}
.sub_tit h3{margin-top:10px; font-size:30px; font-weight:normal;}

.sub_con{padding:0 20px;}
.sub_con.pl{padding:0 36px 0 147px;}

.tab{margin-top:45px;}
.tab > ul{padding-top:45px; position:relative; font-size:0; line-height:0;}

.tab .tab_btn{position:absolute; top:0; display:block; height:42px; line-height:42px; vertical-align:middle; text-align:center; font-size:15px; background-color:#e4e4e4; border-top:3px solid #e4e4e4; color:#000;}
.tab .tab_btn.on{background-color:#fff; font-weight:bold; color:#2a3e75; border-top:3px solid #2a3e75;}

.tab_02 >ul{padding-top:52px;}
.tab_02 .tab_btn{width:555px; height:52px; line-height:52px; border-top:none;}
.tab_02 .tab_btn:after{content:"▶"; position:absolute; top:0px; right:80px; display:block; height:52px; line-height:52px; font-size:12px; text-align:center; color:#000;}
.tab_02 .tab_btn_01{left:0;}
.tab_02 .tab_btn_02{left:558px;}
.tab_02 .tab_btn.on{border-top:none; background-color:#2a3e75; color:#fff;}
.tab_02 .tab_btn.on:after{content:"▼"; color:#fff;}

.tab_06 .tab_btn{width:156px;}
.tab_06 .tab_btn_01{left:0;}
.tab_06 .tab_btn_02{left:159px;}
.tab_06 .tab_btn_03{left:318px;}
.tab_06 .tab_btn_04{left:477px;}
.tab_06 .tab_btn_05{left:636px;}
.tab_06 .tab_btn_06{left:795px;}
.tab_06 .tab_btn_07{left:954px;}

.tab_07.on{display:block;}
.tab_07 >ul{padding-top:113px;}
.tab_07 .tab_btn{padding:10px 25px 10px 10px; width:238px; height:35px; text-align:left; line-height:18px; border:1px solid #cdcdcd; background:#fff; font-weight:bold;}
.tab_07 .tab_btn:after{content:"▶"; position:absolute; top:2px; right:2px; display:block; width:36px; height:51px; line-height:51px; font-size:12px; background-color:#e4e4e4; text-align:center; color:#000;}
.tab_07 .tab_btn_01{left:0;}
.tab_07 .tab_btn_02{left:279px;}
.tab_07 .tab_btn_03{left:558px;}
.tab_07 .tab_btn_04{left:837px;}
.tab_07 .tab_btn_05{top:56px; left:0;}
.tab_07 .tab_btn_06{top:56px; left:279px;}
.tab_07 .tab_btn_07{top:56px; left:558px;}
.tab_07 .tab_btn_08{top:56px; left:837px;}
.tab_07 .tab_btn_09{top:112px; left:0;}
.tab_07 .tab_btn.on{border:1px solid #cdcdcd; color:#2a3e75;}
.tab_07 .tab_btn.on:after{background-color:#2a3e75; color:#fff;}
.tab_07 .tab_btn:hover{color:#18707a;}
.tab_07 .tab_btn:hover:after{background-color:#32a0ad; color:#fff;}

/*.tab_08{margin-top:3px; display:none;}*/
.tab_08.on{display:block;}
.tab_08 >ul{padding-top:224px;}
.tab_08 .tab_btn{padding:10px 25px 10px 65px; width:463px; height:35px; text-align:left; line-height:18px; border:1px solid #cdcdcd; background:#fff url("../images/sub/icon_02.png") 10px center no-repeat; font-weight:bold;}
.tab_08 .tab_btn:after{content:"▶"; position:absolute; top:2px; right:2px; display:block; width:36px; height:51px; line-height:51px; font-size:12px; background-color:#e4e4e4; text-align:center; color:#000;}
.tab_08 .tab_btn_01{left:0; background:#fff url("../images/sub/icon_01.png") 10px center no-repeat;}
.tab_08 .tab_btn_02{left:558px;}
.tab_08 .tab_btn_03{top:56px; left:0;}
.tab_08 .tab_btn_04{top:56px; left:558px;}
.tab_08 .tab_btn_05{top:112px; left:0;}
.tab_08 .tab_btn_06{top:112px; left:558px;}
.tab_08 .tab_btn_07{top:168px; left:0;}
.tab_08 .tab_btn_08{top:168px; left:558px;}
.tab_08 .tab_btn_09{top:224px; left:0;}
.tab_08 .tab_btn.on{border:1px solid #cdcdcd; color:#2a3e75;}
.tab_08 .tab_btn.on:after{background-color:#2a3e75; color:#fff;}
.tab_08 .tab_btn:hover{color:#18707a;}
.tab_08 .tab_btn:hover:after{background-color:#32a0ad; color:#fff;}

.tab_09 >ul{padding-top:316px;}
.tab_09 .tab_btn{padding-top:30px; width:370px; height:75px; line-height:22px; background-color:#fff; border:1px solid #cdcdcd;}
.tab_09 .tab_btn_01{left:0;}
.tab_09 .tab_btn_02{left:371px;}
.tab_09 .tab_btn_03{left:742px;}
.tab_09 .tab_btn_04{top:106px; left:0;}
.tab_09 .tab_btn_05{top:106px; left:371px;}
.tab_09 .tab_btn_06{top:106px; left:742px;}
.tab_09 .tab_btn_07{padding-top:20px; height:85px; top:212px; left:0;}
.tab_09 .tab_btn_08{top:212px; left:371px;}
.tab_09 .tab_btn_09{top:212px; left:742px;}
.tab_09 .tab_btn.on{padding-top:28px;}
.tab_09 .tab_btn_07.on{padding-top:18px;}

.tab .tab_con{display:none; font-size:16px; line-height:22px;}
.tab .tab_con.on{display:block;}

.search_area{margin-top:70px; overflow:hidden; display:none;}
.search_area .select_box{margin-right:12px; float:left; border:1px solid #e0e1e2; background-color:#fff;}
.search_area .select_box select{padding-left:10px; padding-right:60px; width:270px; height:54px; border:none; font-size:16px; background:url("../images/common/btn_select.png") right top no-repeat; -webkit-appearance:none; -moz-appearance: none;}
.search_area .select_box select::-ms-expand {display: none;}
.search_area .input_box{float:left; border:1px solid #e0e1e2; background-color:#fff;}
.search_area .input_box input[type=text]{padding:10px; width:467px; height:34px; float:left; font-size:16px;}
.search_area .input_box .btn_search{float:right; font-size:0;}

.list_search{padding:15px 0; overflow:hidden;}
.list_search_con{float:right;}
.list_search_con .select_box{float:left; border:1px solid #e0e1e2;}
.list_search_con .select_box select{padding-left:10px; width:100px; height:38px; border:none; font-size:16px;}
.list_search_con .input_box{margin-left:13px; float:left; border:1px solid #e0e1e2;}
.list_search_con .input_box input[type=text]{padding:10px; width:145px; height:18px; float:left; font-size:16px;}
.list_search_con .input_box .btn_search{float:right; font-size:0;}

.list_01{}
.list_01 table{width:100%; border-collapse:collapse;}
.list_01 th, .list_01 td{text-align:center; padding:18px; border:1px solid #9f9f9f;}
.list_01 thead th{background-color:#1c233c; color:#fff;}
.list_01 tbody td.list_tit{padding-left:40px; text-align:left;}

.list_02{padding-top:50px;}
.list_02 .list_top{border-bottom:1px solid #3e3e3f; padding-bottom:15px;}
.list_02 .list_top span{color:#f20e4f;}
.list_02 ul{margin-left:-12px; overflow:hidden;}
.list_02 li{float:left; margin:20px 0 0 12px; border:1px solid #a1a1a1;}
.list_02 .list_img{height:289px; font-size:0;}
.list_02 dl{padding:0 16px; width:235px; border-top:1px solid #a1a1a1;}
.list_02 dt{margin-top:13px; height:32px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; width: 240px; white-space: nowrap;}
/*.list_02 dt.eng{margin-top:13px; height:130px; font-weight:bold;}*/
/*.list_02 dt:before{content:""; display:block; margin-bottom:10px; width:25px; height:3px; background-color:#2a3e75;}*/
.list_02 dt:hover{text-decoration:underline; color:#2a3e75;}
.list_02 dd{position:relative; padding:8px 0 8px 70px; height:20px; line-height:20px; vertical-align:middle; border-top:1px solid #bcbcbc; font-size:14px; color:#474747; overflow:hidden;}
/*.list_02 dd.list_client{border-top:none;}*/
.list_02 dd span{position:absolute; top:8px; left:0px; display:block; width:70px; line-height:20px;}

.list_03{padding-top:55px;}
.list_03 ul{margin-left:-19px; overflow:hidden;}
.list_03 li{float:left; margin:15px 0 0 19px; padding:10px; border:1px solid #e0e0e0; background-color:#fff;}
.list_03 .list_img{width:240px; height:328px; font-size:0; border:1px solid #e0e0e0;}
.list_03 .list_tit{width:240px; margin-top:15px; padding-top:10px; border-top:1px solid #e0e0e0;}
.list_03 .list_tit p{padding:5px; line-height:19px; vertical-align:middle; text-align:center; background-color:#1c233c; color:#fff;}
.list_03 .list_tit p.lh1{line-height:38px;}

.pagenation {text-align:center; font-size:0; padding-top:40px;}
.pagenation a {font-size:14px;}
.pagenation > a {display:inline-block; margin:1px; border:1px solid #cbcbcb; width:33px; height:33px; line-height:33px;}
.pagenation > div {display:inline-block; border:1px solid #cbcbcb; margin:0 5px;}
.pagenation > div a {display:inline-block; border-left:1px solid #cbcbcb; text-align:center; width:33px; height:33px; line-height:33px;}
.pagenation > div a:first-child {border:0;}
.pagenation > div a:hover, .pagenation > div a.active {background-color:#2a3d75; color:#fff;}

.view_01{padding-top:70px;}
.view_01 table{width:100%; border-collapse:collapse;}
.view_01 caption {background-color:#1c233c; color:#fff; font-weight:700; padding:18px 0; vertical-align:middle;}
.view_01 th, .view_01 td{padding:18px; border:1px solid #9f9f9f;}
.view_01 th{background-color:#eaeaea;}
.view_01 .info_visit{text-align:center;}
.view_01 .desc div{min-height:200px;}

.view_02{padding-top:70px; overflow:hidden;}
.view_02 .view_slide{float:left;  position:relative; width:632px; height:377px; border:1px solid #a6a6a6;}
.view_02 .view_con{float:right; width:455px;}
.view_02 .view_con p{position:relative; padding:15px 0 20px 0; /*height:103px;*/ font-size:18px; font-weight:bold;}
.view_02 .view_con p:before{content:""; display:block; width:25px; height:4px; position:absolute; top:0; left:0; background-color:#2a3e75;}
.view_02 table{width:100%; border-collapse:collapse;}
.view_02 th, .view_02 td{height:64px; border:1px solid #a6a6a6;}
.view_02 th{width:90px; background-color:#4f4f4f; font-weight:normal; color:#fff;}
.view_02 td{padding:0 20px;}

.view_02 dl{position:relative; line-height:24px;}
.view_02 dt{position:absolute; top:0; left:0;}
.view_02 dd{padding-left:70px;}
.view_02 .view_location dd{padding-left:84px;}

.view_02 .view_img { position:relative; width:632px; overflow:hidden;height:377px; background:#8c908c;}
.view_02 .view_img ul { position:relative; float:left; width:100%; height:377px;}
.view_02 .view_img li { position:absolute; width:100%;height:377px; left:100%;}
.view_02 .view_img li a {display:block; font-size:0;}
.view_02 .view_img .visual_0 {left:0px;}

.view_02 .view_btn{display:none;}
.view_02 .view_btn:after {content:""; display:block; clear:both;}
.view_02 .view_btn li{ background:url("../images/main/btnVisual.png") 0 -16px no-repeat; width:14px; height:15px; float:left; position:relative; left:50%; top:-50px; overflow:hidden; margin:0 5px; cursor:pointer;}
.view_02 .view_btn li.on { background-position:0 0;}
.view_02 .view_btn li a {display:block;text-indent:-9999px}

.view_02 .view_slide .prev{position:absolute; top:156px; left:0; z-index:100;}
.view_02 .view_slide .next{position:absolute; top:156px; right:0; z-index:100;}

.btn_area{margin-top:45px; text-align:center;}
.btn_area .btn_submit{display:inline-block; width:170px; height:48px; line-height:48px; vertical-align:middle; text-align:center; background-color:#2a3d75; color:#fff; font-weight:bold;}

.nav_view {margin-top:45px; border:1px solid #9f9f9f; border-top:0;}
.nav_view li {border-top:1px solid #9f9f9f;}
.nav_view span {display:inline-block; height:55px; LINE-height:55px;}
.nav_view span:first-child {width:190px; text-align:center; border-right:1px solid #9f9f9f; color:#fff;}
.nav_view span:last-child {padding-left:20px;}
.nav_view span.prev {background-color:#4f5772;}
.nav_view span.next {background-color:#283153;}


.sub_top{margin-top:70px; overflow:hidden;}
.sub_top .sub_top_img{float:left; font-size:0;}
.sub_top .sub_top_con{float:right; position:relative; margin-right:36px; padding:30px; width:666px; height:147px;}
.sub_top .sub_top_con:before{content:""; display:block; position:absolute; top:0; left:0; width:20px; height:20px; border-top:1px solid #000; border-left:1px solid #000;}
.sub_top .sub_top_con:after{content:""; display:block; position:absolute; bottom:0; right:0; width:20px; height:20px; border-bottom:1px solid #000; border-right:1px solid #000;}
.sub_top .sub_top_tit{font-size:20px; letter-spacing:-0.1em;}
.sub_top .sub_top_tit span{font-size:26px; color:#2a3e75;}
.sub_top .sub_top_txt{margin-top:20px; line-height:24px;font-size:17px;}
.sub_top.recruit .sub_top_tit{font-size:30px;}
.sub_top.recruit .sub_top_txt{margin-top:10px;}
.sub_top.recruit a{display:inline-block; margin-top:20px; padding:10px; border:1px solid #000; border-radius:5px; font-size:14px; font-weight:bold;}
.sub_top.recruit a span{margin-left:5px; font-weight:normal;}

.sub_top_02{margin-top:70px; height:207px; text-align:center; color:#fff;}
.sub_top_02.history{background:url("../images/sub/sub_top_history.jpg") center center no-repeat;}
.sub_top_02.organization{background:url("../images/sub/sub_top_organization.jpg") center center no-repeat;}
.sub_top_02.license{background:url("../images/sub/sub_top_license.jpg") center center no-repeat;}
.sub_top_02.award{background:url("../images/sub/sub_top_award.jpg") center center no-repeat;}
.sub_top_02.quality{background:url("../images/sub/sub_top_quality.jpg") center center no-repeat;}
.sub_top_02 .sub_top_tit{padding-top:70px; font-size:30px;}
.sub_top_02 .sub_top_txt{margin-top:10px;}
.sub_top_02.history .sub_top_tit{padding-top:85px;}
.sub_top_02.organization .sub_top_tit{padding-top:85px;}

h4{margin-top:70px; padding:0 36px 20px 36px; font-size:37px; color:#2a3e75; background:url("../images/common/sub_h4_bg.png") -197px bottom no-repeat;}
h4.h4_2{background:url("../images/common/sub_h4_bg.png") -105px bottom no-repeat;}
h4.h4_3{background:url("../images/common/sub_h4_bg.png") 0px bottom no-repeat;}
h4 span{font-size:24px;}

.gate{padding:45px 0; border-bottom:1px solid #002b5c; overflow:hidden;}
.gate_nav{float:left; width:214px; letter-spacing:-0.025em;}
.gate_nav p{font-size:30px; font-weight:bold; color:#2a3e75;}
.gate_nav ul{margin-top:90px; border-top:1px solid #bfbfbf;}
.gate_nav li{border-bottom:1px solid #bfbfbf;}
.gate_nav li a{position:relative; display:block; padding:10px; height:39px; line-height:39px; vertical-align:middle; color:#001347;}
.gate_nav li a.lh2{line-height:19px;}
.gate_nav li a:after{position:absolute; top:22px; right:10px; content:">"; font-size:14px; line-height:14px !important;}
.gate_nav li a:hover{background-color:#2a3e75; color:#fff;}

.gate_con{float:right; width:810px;}
.gate_tit{font-size:20px; color:#2a3e75;}
.gate_txt{margin-top:10px; min-height:60px; line-height:30px;}
.gate_img{margin-top:30px; font-size:0;}

/* footer */
footer{height:140px; background-color:#3d3d3d; color:#919191}

#footerWrap{margin:0 auto; width:1185px; position:relative;}
.footer_logo{float:left; padding:54px 20px 54px 0; font-size:0;}
#fnb{float:left; margin-top:30px; width:750px; overflow:hidden; font-size:14px;}
#fnb li{float:left; margin-right:5px; color:#a3a3a3;}
#fnb li a{color:#a3a3a3;}
#copy{float:left; margin-top:30px; width:750px; color:#757575; font-size:14px;}
#fsite{position:absolute; top:52px; right:0; z-index:1}
#fsite select{position:relative; padding-left:20px; width:190px; height:35px; border:none; background:#000 url("../images/common/fsite_bg.png") right center no-repeat; color:#aeaeae; font-size:12px; -webkit-appearance:none; -moz-appearance: none;}
#fsite select::-ms-expand {display: none;}

#toTop {z-index:9999; transition: bottom .3s; position:fixed; right:20px; bottom:-50px; width:50px; height:50px; background:rgba(0,0,0,0.5) url("../images/common/icon-go-top.png") center center no-repeat; background-size: auto 30px;}
#toTop.on {bottom:0;}


/* lnb */

#lnbWrap{
	width:100%;
	min-width:1185px;
	height:70px;
	position:absolute;
	top:30px;
	overflow:hidden;
	background-image:url('../images/common/lnb_bg.gif');
	background-repeat:repeat-x;
	z-index:1000;
	background-color:#2a3e75;
	left: -1px;
}

#lnbArea{width:1185px; margin:0 auto;}

#logo{float:left; font-size:0; margin:20px 0 0 10px;}
#logo a{font-size:0;}

#lnb{float:right; height:70px;}
#lnb .lnb{width:150px; height:300px; float:left;}
#lnb .lnb a{display:block; padding-left:30px; height:70px; line-height:70px; vertical-align:middle; font-size:18px; font-weight:bold; color:#000;}
#lnb .lnb.on a{color:#2a3e75; font-weight:bold;}
#lnb .lnb .lnb_sub{height:140px; padding-top:20px;}
#lnb .lnb .lnb_sub a{height:32px; line-height:32px; font-size:15px; color:#fff; font-weight:normal;}
#lnb .lnb .lnb_sub a:hover{font-weight:bold; color:#97b3ff; background:url("../images/common/lnb_sub_on.png") 20px center no-repeat;}



/* snb */
#snbWrap{width:200px; float:left; font-family:"맑은 고딕", "맑은고딕"}

#snbTit{display:block; height:98px; line-height:98px; vertical-align:middle; text-align:center; font-size:24px; font-weight:bold; border-bottom:1px solid #e5e5e5; color:#41719d;}

#snb{}
#snb li{padding:0;}
#snb li a{display:block; padding-left:10px; height:39px; line-height:39px; vertical-align:middle; font-size:15px; color:#444; border-bottom:1px solid #e5e5e5;}
#snb li a:hover{font-weight:bold; color:#41719d; background-image:url('../images/common/snb_on.gif'); background-repeat:no-repeat; background-position:right;}
#snb li.on > a{font-weight:bold; color:#41719d; background-image:url('../images/common/snb_on.gif'); background-repeat:no-repeat; background-position:right;}

#snb .snb_sub{display:none; border-bottom:1px solid #e5e5e5; padding:10px; background-color:#eeefff;}
#snb .snb_sub.on{display:block;}
#snb .snb_sub li a{height:24px; line-height:24px; font-size:13px; border:none;}
#snb .snb_sub li a:hover{background-image:none;}
#snb .snb_sub li.on > a{background-image:none;}



/* local */
#local {background-image:url('../images/common/local_bg.gif'); height:41px; top:117px; margin-bottom:58px;}
#local .local_con {width:1000px; margin:0 auto;}
#local .local_con ul {float:right; height:40px; margin-top:12px; }
#local .local_con li {float:left;}
#local .local_con .fl{padding:0 8px 0 12px;background:url(../images/common/local_arrow.png) no-repeat left center; color:#888; font-size:13px}
#local .local_con .first{padding-top:0px; padding-left:0; background:none;}
#local .local_con .last{font-weight:bold; color:#666;}


/* title */
#title {padding-bottom:30px;}
#title h3 {font-size:30px; font-weight:bold;color:#000; padding-bottom:7px;}
#title sub_title{color:#888;}