@charset "utf-8";
/*Background_setting*/
*{ margin:0; padding:0; line-height:100%; font-family:Helvetica,Arial; box-sizing:border-box;}
*:focus { outline: none;}
::selection{ background-color:#12b563; color:#fff;}
a{ text-decoration:none;}
html{ min-height:100%;}
body{ min-height:100%; position:relative; background:url(../images/layout/bottom_img.png) no-repeat center bottom #f5f5f5;}
.table{ width:100%; display:table;}.tr{ width:100%; display:table-row;}.td{ display:table-cell;}.fs{ font-size:0 !important;} .top{ vertical-align:top;} .middle{ vertical-align:middle;} .bottom{ vertical-align:bottom;} .left{ text-align:left;} .center{ text-align:center;} .right{ text-align:right;} bitton{ cursor:pointer;} font{ line-height:inherit !important;}

header{ width:100%; height:91px; border-bottom:1px solid #ccc; background-color:#fff; position:fixed; top:0; left:0; z-index:1000;}
header .logo{ display:inline-block; position:absolute; top:0; left:20px;}
header .menu_mobile_btn{ display:none;}
header .menu{ margin-left:350px; position:relative; text-align:right;}
header .menu a{ line-height:90px; display:inline-block; margin-right:20px; font-size:15px; color:#333; vertical-align:middle; position:relative;}
header .menu a p{ line-height:90px; display:inline-block; font-size:17px; color:#333; vertical-align:middle;}
header .menu .menu_left{ position:absolute; top:0; left:0;}
header .menu .menu_right{ text-align:right; padding:0 275px 0 280px;}
header .menu .menu_right .my{ vertical-align:middle; display:inline-block; position:relative;}
header .menu .menu_right .my_info{ height:90px; text-align:left;}
header .menu .menu_right .my_info a{ display:inline-block; text-align:left; line-height:22px; max-width:100px; margin-right:15px;}
header .menu .menu_right .my_info .my_info_in{ height:90px; vertical-align:middle;}
header .menu .header_member_image{ width:30px; height:30px; border-radius:50%; background:no-repeat center; background-size:cover; vertical-align:middle; display:inline-block; margin-right:3px; border:1px solid #ccc;}

header .menu .member_page{ display:inline-block; margin-right:5px; position:relative; vertical-align:middle;}
header .menu .member_icon{ width:30px; height:30px; border-radius:50%; background:url(../images/layout/member_image.png) no-repeat center; background-size:cover; margin:0; display:inline-block;}
header .menu .member_icon p{ width:20px; height:20px; line-height:20px; display:inline-block; font-size:12px; font-weight:bold; color:#fff; position:absolute; top:-5px; right:-5px; border-radius:50%; background-color:#f85353; text-align:center;}

header .menu .notice{ display:inline-block; margin-right:5px; position:relative; vertical-align:middle;}
header .menu .notice_icon{ width:30px; height:30px; border-radius:50%; background:url(../images/layout/notice_image.png) no-repeat center; background-size:cover; margin:0; display:inline-block;}
header .menu .notice_icon p{ width:20px; height:20px; line-height:20px; display:inline-block; font-size:12px; font-weight:bold; color:#fff; position:absolute; top:-5px; right:-5px; border-radius:50%; background-color:#f85353; text-align:center;}
header .menu .notice_list{ position:absolute; width:250px; top:65px; left:0; background-color:#fff; border-radius:5px; box-shadow:0 2px 5px 0 rgba(0,0,0,.3); overflow-x:hidden;}
header .menu .notice_detail{ width:100%; min-height:50px; padding:10px; position:relative; border-bottom:1px solid #ccc; margin:0;}
header .menu .notice_detail:hover{ background-color:#f8f8f8;}
header .menu .notice_nodate{ width:100%; padding:5px; text-align:center;}
header .menu .notice_nodate p{ border:1px solid #ddd; border-radius:5px; font-size:17px; color:#333; padding:20px 10px; background-color:#f5f5f5;}
header .menu .notice_one_image{ width:30px; height:30px; display:inline-block; position:absolute; top:10px; left:10px; background:no-repeat center; background-size:cover; border-radius:50%; border:1px solid #ccc;}
header .menu .notice_one_text{ text-align:left; padding-left:40px;}
header .menu .notice_one_text p{}
header .menu .notice_one_text .not01{ font-size:14px; line-height:17px; color:#333;}
header .menu .notice_one_text .not01 span{ font-weight:bold; display:inline-block;}
header .menu .notice_one_text .not02{ font-size:12px; line-height:15px; color:#12b563;}
header .menu .notice_more_btn{ width:100%; line-height:30px; font-size:15px; color:#12b563; text-align:center; display:block;}

header .menu .web_message{ display:inline-block; margin-right:10px; position:relative; vertical-align:middle;}
header .menu .web_message_icon{ width:30px; height:30px; border-radius:50%; background:url(../images/layout/message_image.png) no-repeat center; background-size:cover; margin:0; display:inline-block;}
header .menu .web_message_icon p{ width:20px; height:20px; line-height:20px; display:inline-block; font-size:12px; font-weight:bold; color:#fff; position:absolute; top:-5px; right:-5px; border-radius:50%; background-color:#f85353; text-align:center;}
header .menu .web_message_list{ position:absolute; width:250px; top:65px; left:0; background-color:#fff; border-radius:5px; box-shadow:0 2px 5px 0 rgba(0,0,0,.3); overflow-x:hidden;}
header .menu .web_message_detail{ padding:10px; position:relative; border-bottom:1px solid #ccc; margin:0;}
header .menu .web_message_detail:hover{ background-color:#f8f8f8;}
header .menu .web_message_one_image{ width:30px; height:30px; display:inline-block; position:absolute; top:10px; left:10px; background:no-repeat center; background-size:cover; border-radius:50%; border:1px solid #ccc;}
header .menu .web_message_one_text{ text-align:left; padding-left:40px;}
header .menu .web_message_one_text p{}
header .menu .web_message_one_text .not01{ font-size:14px; line-height:17px; color:#333;}
header .menu .web_message_one_text .not01 span{ font-weight:bold; display:inline-block;}
header .menu .web_message_one_text .not02{ font-size:12px; line-height:15px; color:#12b563;}
header .menu .web_message_more_btn{ width:100%; line-height:30px; font-size:15px; color:#12b563; text-align:center; display:block;}

header .menu .web_message_one_text{ text-align:left; padding-left:40px;}
header .menu .web_message_one_text .mot01{ font-size:14px; line-height:17px; color:#333;}
header .menu .web_message_one_text .mot01 .mot_name{ font-size:14px; line-height:17px; color:#333; display:block; font-weight:bold; padding-bottom:5px;}
header .menu .web_message_one_text .mot01 .mot_word{ font-size:14px; line-height:17px; color:#333; display:block; padding-bottom:5px; max-height:70px; overflow:hidden;}
header .menu .web_message_one_text .mot02{ font-size:12px; line-height:15px; color:#12b563;}


header .menu .logout{ position:absolute; top:30px; right:20px; margin:0; border:0; background:none;}
header .menu .logout span{ display:none;}

.search{ width:205px; display:inline-block; vertical-align:middle; position:absolute; top:30px; right:70px;}
.search input{ width:100%; height:30px; line-height:30px; background-color:#f8f8f8; border:1px solid #ccc; border-radius:3px; font-size:15px; color:#333; padding:0 30px 0 5px; box-shadow:inset 0 0 0 rgba(0,0,0,0);}
.search .search_btn{ width:30px; height:30px; margin:0; background:url(../images/layout/search_btn.png) no-repeat center transparent; border:0; position:absolute; top:0; right:0;}

.top_btn{ width:35px; height:35px; display:inline-block; position:fixed; right:20px; bottom:20px; background-color:rgba(0,0,0,.5); border-radius:5px; z-index:99; transition:.3s;}
.top_btn::before{ width:0; content:""; display:block; border-top:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:10px solid #fff; position:absolute; bottom:10px; left:0; right:0; margin:auto; transition:.3s;}
.top_btn:hover{ height:60px; bottom:20px; transition:.3s;}
.top_btn:hover:before{ animation:top_btn 1s infinite;}
@keyframes top_btn{ 0%{ bottom:10px;} 100%{ bottom:40px;}}

.image404{ text-align:center;}

.news_block{ width:auto; padding-bottom:20px;}
.nb_title{ font-size:25px; font-weight:bold; color:#12b563; position:relative; padding-bottom:15px;}
.nb_title .nb_more_btn{ display:inline-block; font-size:16px; color:#444; border:1px solid #444; padding:0 10px; border-radius:5px; line-height:24px; height:24px; position:absolute; right:0; bottom:15px; font-weight:normal;}
.one_news{ border:1px solid #ddd; border-radius:5px; padding:15px; margin-bottom:10px;}
.one_news:last-child{ margin-bottom:0;}
.on_title{ font-size:20px; font-weight:bold; color:#444; padding-bottom:5px; line-height:24px;}
.on_info{ padding-bottom:5px;}
.on_info p{ font-size:13px; color:#777; line-height:20px;}
.on_info p a,.on_info a{ font-size:13px; color:#12b563; line-height:20px;}
.on_con{ font-size:15px; color:#444; line-height:24px; padding-bottom:5px;}
.on_con p{ font-size:15px; color:#444; line-height:24px;}
.on_con img{ max-width:100%; border-radius:5px; margin-bottom:5px;}

.wrapper{ width:100%; padding:90px 0 50px 0;}
.index_banner{ width:100%; height:500px; background:no-repeat center; background-size:cover; position:relative; display:flex; align-items:center; justify-content:center;}
.page_banner{ width:100%; height:300px; background:no-repeat center; background-size:cover; position:relative; display:flex; align-items:center; justify-content:center;}
.banner_con{ margin:0 auto; text-align:center; display:inline-block; font-size:55px; font-weight:bold; color:#fff; text-shadow:0 5px 5px rgba(0,0,0,.4);}
.top_block{ max-width:1360px; width:100%; margin:0 auto; padding:35px 30px 0 30px;}
.content{ max-width:1360px; width:100%; margin:0 auto; padding:20px 30px 0 30px;}
.left_block{ vertical-align:top; position:relative;}
.block{ background-color:#fff; border-radius:5px; margin-bottom:10px;}
.right_block{ width:305px; vertical-align:top; padding-left:20px;}
.terms_of_service_btn{ padding:15px 20px; border-radius:5px; font-size:21px; font-weight:bold; color:#12b563; position:relative; border:1px solid #ddd; display:block; background-color:#f5f5f5; margin-bottom:10px; transition:.3s;}
.terms_of_service_btn::after{ content:""; display:block; border-top:10px solid #12b563; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:0; position:absolute; top:20px; right:20px;}
.terms_of_service_btn:hover{ background-color:#fff; transition:.3s;}
.terms_of_service_block{ display:block;}
.one_tos{ padding:15px 20px; border-radius:5px; border:1px solid #ddd; display:block; background-color:#f5f5f5; margin-bottom:10px; transition:.3s;}
.one_tos:hover{ background-color:#fff; transition:.3s;}
.one_tos .tos_title{ font-size:21px; color:#12b563; font-weight:bold; padding-bottom:15px;}
.one_tos .tos_con{ font-size:15px; line-height:20px; height:280px; overflow:hidden; color:#444; margin-bottom:15px;}
.one_tos .tos_con p,.one_tos .tos_con p span,.one_tos .tos_con span{ font-size:15px; line-height:20px;}
.more_btn{ font-size:15px; color:#fff; border-radius:5px; line-height:24px; height:24px; background-color:#12b563; margin:0 5px 5px 0; padding:0 10px; display:inline-block;}
.more_btn.index{ width: 78px; text-align: center;}
.pdf_btn{ font-size:15px; color:#fff; border-radius:5px; line-height:24px; height:24px; background-color:#1fa4ce; margin:0 5px 5px 0; padding:0 10px; display:inline-block;}
.bd_more{ width: 100%; line-height: 40px; height: 40px; border-radius: 5px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; display: block; background-color: #1fa4ce; border: 0; cursor: pointer; cursor: pointer; margin-bottom:30px;}
	
footer{ border-radius:5px; border:1px solid #ddd; display:block; background-color:#fff; overflow:hidden;}
footer .f01{ padding:15px 20px; background-color:#004276; color:#fff; font-size:19px; font-weight:bold;}
footer .f02{ padding:15px 20px 20px 20px;}
footer .f02 a{ display:block; padding-bottom:10px; font-size:15px; line-height:20px; color:#444; transition:.2s;}
footer .f02 a:hover{ color:#12b563; transition:.2s;}
footer img{ width:265px; margin:0 auto; display:block;}

@media screen and ( max-width: 1300px) and ( min-width: 768px) {
.table{ width:100%; display:block;}.tr{ width:100%; display:block;}.td{ display:block;}
header .menu_mobile_btn{ width:90px; height:90px; display:inline-block; position:absolute; top:0; right:0; padding-top:30px;}
header .menu_mobile_btn p{ width:35px; height:2px; background-color:#444; margin:0 auto 10px auto;}
header .menu{ width:250px; display:block; position:absolute; top:90px; right:0; background-color:#fff; margin:0; box-shadow:0 3px 5px 0 rgba(0,0,0,.2);}
header .menu .menu_left{ position:static;}
header .menu .menu_right{ padding:0;}
header .menu a{ line-height:50px; display:block; text-align:left; padding:0 20px; border-top:1px solid #ccc; margin:0;}
header .menu .menu_right .search{ width:100%;}
header .menu .menu_right .search input{ line-height:50px; height:50px; border:0; border-top:1px solid #ccc; padding:0 35px 0 20px}
header .menu .menu_right .search .search_btn{ height:50px;}
header .menu .notice{ display:block; margin:0;}
header .menu .menu_right a.notice_icon{ padding:0; position:absolute; right:10px; top:-39px;}
header .menu .menu_right a.notice_detail{ position:relative;}
header .menu .notice_list{ width:100%; position:static; display:none;}
.search{ width:auto; left:350px; right:90px;}
header .menu .menu_right .my{ width:100%;}
header .menu .menu_right .my_info{ display:table;}
header .menu .menu_right .my_info .my_info_in{ display:table-cell; padding:0 15px 40px 15px;}
header .menu .menu_right .my_info a{ max-width:100%; margin:0; padding:0 75px 0 0; border:0;}
header .menu .member_icon{ display:block; margin:0; padding:0; position:absolute; right:90px; top:-39px;}
header .menu .web_message{ margin:0;}
header .menu .web_message_icon{ display:block; margin:0; padding:0; position:absolute; right:10px; top:-39px;}
header .menu .menu_right a.web_message_icon{ padding:0; position:absolute; right:50px; top:-39px;}
header .menu .menu_right a.web_message_detail{ position:relative;}
header .menu .web_message_list{ width:100%; position:static; display:none;}

header .menu .logout{ width:100%; padding:0 20px; position:static; background-color:#f5f5f5;}
header .menu .logout img{ display:none;}
header .menu .logout span{ line-height:50px; display:block; text-align:left; margin:0; color:#333; font-size:17px;}

.top_block{ padding:20px 30px 0 30px;}
.right_block{ width:100%; padding:30px 0 0 0;}
.one_tos .tos_con{ height:auto;}

footer .f02{ position:relative; min-height:330px; padding-top:110px;}
footer .f02 a{ padding-left:300px;}
footer .f02 img{ position:absolute; top:20px; left:20px;}
}

@media screen and ( max-width: 767px) {
.wrapper{ padding:45px 0 30px 0;}
.table{ width:100%; display:block;}.tr{ width:100%; display:block;}.td{ display:block;}
header{ height:46px;}
header .logo,header .logo img{ height:45px;}
header .logo{ left:10px;}
header .menu_mobile_btn{ width:45px; height:45px; display:inline-block; position:absolute; top:0; right:0; padding-top:15px;}
header .menu_mobile_btn p{ width:25px; height:1px; background-color:#444; margin:0 auto 7px auto;}
header .menu{ width:100%; display:block; position:absolute; top:45px; right:0; background-color:#fff; margin:0; box-shadow:0 3px 5px 0 rgba(0,0,0,.2); border-top:1px solid #ccc;}
header .menu .menu_left{ position:static;}
header .menu .menu_left a{ border-top:1px solid #ccc;}
header .menu .menu_right{ padding:0;}
header .menu a{ line-height:50px; display:block; text-align:left; padding:0 20px; margin:0;}
header .menu a p{ line-height:45px;}
header .menu .menu_right .search{ width:100%;}
header .menu .menu_right .search input{ line-height:50px; height:50px; border:0; border-top:1px solid #ccc; padding:0 35px 0 20px;}
header .menu .menu_right .search .search_btn{ height:50px;}
header .menu .notice{ display:block; margin:0;}
header .menu .menu_right a.notice_icon{ padding:0; position:absolute; right:50px; top:-59px;}
header .menu .menu_right a.notice_detail{ position:relative;}
header .menu .notice_list{ width:100%; position:static; display:none;}
.search{ width:auto; left:175px; right:45px; top:10px;}
header .menu .menu_right .my{ width:100%;}
header .menu .menu_right .my_info{ display:table;}
header .menu .menu_right .my_info .my_info_in{ display:table-cell; padding:0 15px;}
header .menu .menu_right .my_info a{ max-width:100%; margin:0; padding:0 120px 0 0; border:0;}
header .menu .member_icon{ padding:0; position:absolute; right:85px; top:-59px;}
header .menu .web_message{ margin:0; position: fixed; top: 78px; right: 10px; }
header .menu .web_message_icon{ display:block; margin:0; padding:0; position:absolute; right:10px; top:-59px;}
header .menu .menu_right a.web_message_icon{ padding:0; position:initial; }
header .menu .menu_right a.web_message_detail{ position:relative;}
header .menu .web_message_list{ width:100%; position:static; display:none;}

header .menu .logout{ width:100%; position:static; background-color:#f5f5f5; padding:0 20px; text-align:left;}
header .menu .logout img{ display:inline-block; vertical-align:middle; margin-right:10px}
header .menu .logout span{ line-height:50px; display:inline-block; text-align:left; margin:0; color:#333; font-size:17px; vertical-align:middle;}


.index_banner{ height:250px;}
.page_banner{ height:125px;}
.top_block{ padding:10px;}
.banner_con{ top:25%; padding:0 10px; font-size:35px;}
.page_banner .banner_con{ top:35%; padding:0 10px; font-size:35px;}
.content{ padding:10px;}
.right_block{ width:100%; padding:30px 0 0 0;}
.one_tos .tos_con{ height:auto;}
.more_btn{ line-height:30px; height:30px; text-align:center; display:block;}
.more_btn.index{ width:100%;}
.pdf_btn{ line-height:30px; height:30px; text-align:center; display:block;}
.terms_of_service_btn{ padding:15px;}
.one_tos{ padding:15px;}


footer .f02{ position:relative;}
footer .f02 img{ max-width:100%;}
}