.top {border-bottom: 1px solid #e8e8e8}
.top .wrap {width: 1200px; margin: 0 auto}
.top .wrap:after {display: block; content: ""; clear: both}
.top .wrap .path {float: left; padding: 15px 0}
.top .wrap .print {float: right; border: 0 solid #e8e8e8; border-width: 0 1px}
.top .wrap .print a {display: block; padding: 15px 35px}
.top .wrap .print a img {margin-right: 5px}

.aside {float: left; width: 185px; padding: 50px 15px; border: 0 solid #e8e8e8; border-width: 0 1px}
.aside .title {font-size: 18px; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #58a9d6}
.aside > ul {margin-top: 20px}
.aside > ul:after {display: block; content: ""; clear: both}
.aside > ul > li {padding: 15px 0; border-bottom: 1px solid #e8e8e8}
.aside > ul > li a {display: block; font-size: 14px}
.aside > ul > li a.on {font-weight: bold; background: url(../img/common/menu_on.png) no-repeat; background-position: right; background-size: 4px 8px}
.aside > ul li > ul {display: none}

.contents {position: relative; float: left; width: 953px; padding: 50px 0 0 30px}
.contents > .title {position: relative; font-size: 20px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; margin-bottom: 35px; background: url(../img/common/subtit02.png) no-repeat 0px 0px; padding-left:12px;}
.contents h1 {line-height: 35px; color: #fca65b; font-size: 20px}
.contents h2 {font-size: 22px; font-weight: normal}
.contents h3 {font-size: 14px; margin-bottom: 10px}
.contents .txt_p {line-height: 24px}
.contents .txt_ul {list-style: disc}
.contents .txt_ul li {line-height: 25px}
.contents .txt_box {padding: 15px 20px; width: 650px; border: 1px solid #e8e8e8; background-color: #fafafa}
.contents .survey {background: url(../img/common/survey_icon.png) no-repeat; background-position: 20px center; background-size: 44px; padding: 35px 0 35px 95px; border: 1px solid #e8e8e8; margin-top: 50px}
.contents .survey:after {display: block; content: ""; clear: both}
.contents .survey .col {float: left; font-size: 14px}
.contents .survey .col input[type="radio"] {margin-left: 10px}
.contents .survey .col input[type="radio"]:first-child {margin-left: 0}
.contents .survey .col .survey_input {float: left; width: 260px; height: 30px; padding: 5px 10px; border: 1px solid #e8e8e8; box-sizing: content-box}
.contents .survey .col .survey_btn {float: left; border: 0; padding: 13px 15px; color: #fff; background-color:#b0b0b0; font-size: 14px; outline: none}

.contents .survey .col .survey_btn:hover {  background-color:#838383;  }

.contents .top_guide {background: url(../img/common/icon_mark.png) no-repeat; background-position: 30px center; background-size: 70px; padding: 20px 0 20px 130px; border: 1px solid #e8e8e8; margin: 30px 0}
.contents .top_guide:after {display: block; content: ""; clear: both}
.contents .top_guide .col {float: left; font-size: 14px; line-height:22px;padding-top: 15px; }
.contents .top_guide .col .top_guide_btn a{float: left; background: #e7a978; color:#fff; text-decoration:none; padding:10px 40px;margin:-12px; text-align: center}
.contents .top_guide .col .top_guide_btn a:hover {background: #edb374; padding:10px 40px;margin:-12px; text-align: center}

.contents .top_guide_internet {background: url(../img/common/icon_mark.png) no-repeat; background-position: 30px center; background-size: 70px; padding: 20px 0 20px 130px; border: 1px solid #e8e8e8; margin: 30px 0}

.contents .etc_wrap {padding-bottom:10px;}
.contents .etc_wrap li {padding-left:16px;text-indent:-16px;line-height: 25px}


.contents_ex_box {margin: 15px 0 50px; border: 1px solid #e8e8e8; background: #fff; padding: 20px 20px 40px;height: 100px;}
.contents_ex_box .ex_sub  {float: left; width: 49%;  }
.contents_ex_box .ex_sub p  {float: left; width:100px; text-align:center; padding-right:30px; padding-bottom: 10px;  }
.contents_ex_box .ex_sub ul  {padding-top: 30px}
.contents_ex_box .ex_sub ul li {line-height:24px;}

.consult_main_flow_s {margin: 15px 0 20px; border: 1px solid #e8e8e8; background: #fafafa; padding: 30px 20px}
.consult_main_flow_s:after {display: block; content: ""; clear: both}
.consult_main_flow_s  li {position: relative; float: left; width: 16.5%; text-align: center}
.consult_main_flow_s  li:last-child {border-left: 1px solid #e8e8e8; margin-left: -1px}
.consult_main_flow_s  li .title {font-size: 16px; font-weight: bold; margin-top: 30px}
.consult_main_flow_s  li .desc {line-height: 20px; margin-top: 15px}
.consult_main_flow_s  li .arrow {position: absolute; top: 30px; right: 0}
.flow_txt { padding: 0px 10px 10px;line-height:24px;}
.intro_txt { padding:20px;line-height:24px;font-size: 15px; color:#1e6096; border:1px solid #c3e5ff; background: #f9fcff;  }

.civil_flow {margin: 15px 0 20px; border: 1px solid #e8e8e8; background: #fafafa; padding: 30px 20px}
.civil_flow:after {display: block; content: ""; clear: both}
.civil_flow  li {position: relative; float: left; width: 25%; text-align: center}
.civil_flow  li:last-child {border-left: 1px solid #e8e8e8; margin-left: -1px}
.civil_flow  li .title {font-size: 16px; font-weight: bold; margin-top: 30px}
.civil_flow  li .desc {line-height: 20px; margin-top: 15px}
.civil_flow  li .arrow {position: absolute; top: 30px; right: 0}



.site_banner_wrap	{width:100%; overflow:hidden; }
.site_banner_list {clear:both;overflow:hidden;}
.site_banner_list.first {margin:50px 0;}
.site_banner_list > li {float:left;width:172px;margin:10px 0 20px 10px;padding-right:70px;}
.site_banner_list li.last {padding-right:0px;}
.site_banner_list li .tit {border-bottom:2px solid #333;text-align:center;height:30px;font-size:15px;font-weight:bold;}
.site_banner_list .inlist li {padding:15px 15px 0px;}
.site_banner_list .inlist li .num {font-size:14px;font-weight:bold;color:#404040;}
.site_banner_list .inlist li a {font-size:14px;}


.subvisual_wrap {height:220px; width:100%;}
.subvisual_wrap .subtop_01 {background: url(../img/common/bg_sub_ty01.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_02 {background: url(../img/common/bg_sub_ty04.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_03 {background: url(../img/common/bg_sub_ty03.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_04 {background: url(../img/common/bg_sub_ty04.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_05 {background: url(../img/common/bg_sub_ty05.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_06 {background: url(../img/common/bg_sub_ty06.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_07 {background: url(../img/common/bg_sub_ty04.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_08 {background: url(../img/common/bg_sub_ty08.png) repeat-x ;height:220px; width:100%;text-align:center}
.subvisual_wrap .subtop_09 {background: url(../img/common/bg_sub_ty09.png) repeat-x ;height:220px; width:100%;text-align:center}

.subvisual_txt {font-weight:bold; font-size:24px;color:#fff;opacity:0.8;padding-top:0px;opacity:0.8;float:left;  width:100%;}






.contents h2 {background: url(../img/common/subtit03.png) no-repeat 0px 6px; padding-left:20px;}
.sbtn_msg a:link{background-color:#ffc000; color:#fff; padding:3px 8px; border:1px solid #f4b800;}
.sbtn_msg a:hover{background-color:#ffb400; color:#fff; padding:3px 8px;}

.info_msg a:link{width:60px;background-color:#e18030; color:#fff; padding:3px 6px;}

.board_info_tab {width: 100%; margin: 50px 0}
.board_info_tab:after {display: block; clear: both; content: ""}
.board_info_tab li {float: left; width: 16.6%; text-align: center; border: 1px solid #e8e8e8; box-sizing: border-box; padding: 15px 0}
.board_info_tab li a {}
.board_info_tab li:hover {background-color: #dbdbdb; color: #333;}
.board_info_tab li.on {background-color: #58a9d6; color: #fff; font-weight:bold}
.boar_info_tab li.on a {color: #fff}


.join_subtit {margin:0px 0 10px 5px;padding-left:13px;background: url('../img/common/join_bullet.png') no-repeat 0 4px;color:#101010;font-size:15px;}
.join_subtit_s {margin:0px 0 0px 0px;color:#101010;font-size:15px;}


.c_login_guide_box {background: url(../img/civil/civil_guide_bg_01.png) no-repeat; background-position: 20px center; background-size: 130px; padding: 35px 0 35px 160px; border: 1px solid #e8e8e8; margin: 50px 0 30px;}
.c_login_guide_mbox {background: url(../img/civil/civil_guide_bg_01.png) no-repeat; background-position: 20px center; background-size: 100px; background: #fafafa;padding: 35px 0 35px 150px; border: 1px solid #e8e8e8; margin-top: 50px}
.c_login_guide_nbox {background: url(../img/civil/civil_guide_bg_01.png) no-repeat; background-position: 20px center; background-size: 100px; background: #fafafa;padding: 35px 0 35px 150px; border: 1px solid #e8e8e8; margin-top: 50px}
.guide_title {font-size: 16px; font-weight: bold; padding:10px 0}

.consult_season_box {margin: 15px 0 30px; border: 1px solid #e8e8e8; background: #fafafa; padding: 30px 20px}
.consult_season_box:after {display: block; content: ""; clear: both}
.consult_season_box li {float: left}
.consult_season_box li:first-child {width: 200px; padding: 20px 0 20px; text-align: center; border-right: 1px solid #e8e8e8; margin-right: 50px}
.consult_season_box li p strong {font-size: 20px; color: #1081c0}
.consult_season_box li p input[type="button"] {width: 150px; height: 40px; padding-left: 10px; border: 1px solid #bd9d84; margin-right: 10px; 
color: #bd9d84; font-size: 13px; text-align: left; background: url(../img/consult/btn_arrow.png) 130px center no-repeat, transparent; outline: none; cursor: pointer}