@charset "utf-8";
#content_wrap {width:100%;max-width:100%;margin:0 !important;padding:0 0 100px 0;}

.ct_header {display:block;position:relative;left:0;right:0;top:0;margin:0 0 60px 0;padding:60px 0;color:#17393c;font-size:45px;font-weight:800;text-align:center;background:#fff;z-index:999;}
.ct_header a.btn_back {display:none;position:absolute;left:20px;top:0;}
.ct_header a.btn_back i {font-size:28px;}

#search {position:relative;width:100%;max-width:1180px;margin:0 auto 60px auto;padding:0;}
#search .input {display:block;width:100%;height:70px;padding:0 40px;font-size:22px;font-weight:600;background:#e9e9e9;border:none;border-radius:10px;}
#search .btn_search {display:block;position:absolute;right:20px;top:0;width:70px;height:70px;background:none;border:none;}


.ct_board {margin:0 0 90px 0;}
.ct_board h3 {display:block;border-bottom:solid 3px #17393c}
.ct_board h3 span {display:block;width:100%;max-width:1180px;margin:0 auto 20px auto;color:#17393c;font-size:42px;font-weight:700;}
.ct_board ul {display:block;width:100%;max-width:1180px;margin:0 auto}
.ct_board ul li {display:block;position:relative;padding:30px 60px 30px 0;border-bottom:solid 1px #ccc;}
.ct_board ul li:last-child {border-bottom:0;}
.ct_board ul li a.subj {display:block;margin:0 0 12px 0;font-size:36px;font-weight:500;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.ct_board ul li .ct_bottom {color:#b7b7b7;font-size:20px;font-weight:400;}
.ct_board ul li .ct_bottom:after {display:block;visibility:hidden;clear:both;content:""}
.ct_board ul li .ct_bottom span {display:block;float:left;margin:0 30px 0 0;}
.ct_board ul li .ct_bottom span:last-child {margin:0;}
.ct_board ul li .cmt {display:block;position:absolute;right:30px;top:50%;color:#17393c;font-size:26px;font-weight:500;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}


.ct_button {width:100%;max-width:1180px;margin:0 auto 80px auto;text-align:right}
.ct_button a {display:inline-block;width:180px;color:#fff;font-size:30px;text-align:center;line-height:68px;background:#17393c;border-radius:5px;}


.pg_wrap {display:block;font-size:0;line-height:0;text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;position:relative;vertical-align:top;width:auto;height:30px;margin:0 20px;color:#ccc;font-size:24px;line-height:30px;overflow:hidden;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.pg a:focus, .pg a:hover {color:#17393c;text-decoration:none;}
.pg_page {text-decoration:none;}
.pg_page:hover {}
.pg_start, .pg_prev {}
.pg_end, .pg_next {}
.pg_start, .pg_prev, .pg_end, .pg_next {line-height:999px;}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#17393c;font-family:"xeicon";font-size:30px;text-align:center;line-height:30px;}
.pg_start:after {content:'\f100';}
.pg_prev:after {content:'\e93b';}
.pg_end:after {content:'\f101';}
.pg_next:after {content:'\e93e';}
.pg_start i, .pg_prev i, .pg_end i, .pg_next i {color:#17393c;font-size:24px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {}

.pg_current {color:#17393c;}



.form_type {width:100%;max-width:1180px;margin:0 auto}
.form_type label {display:block;margin:0 0 30px 0;font-size:36px;font-weight:700;}
.form_type .frm_input {display:block;width:100%;height:70px;margin:0 0 80px 0;padding:0 20px;font-size:18px;background:#e9e9e9;border:none;border-radius:10px;}
.form_type textarea  {display:block;width:100%;height:640px;margin:0 0 80px 0;padding:20px;font-size:18px;line-height:140%;background:#e9e9e9;border:none;border-radius:10px;}

.tip {display:block;width:100%;max-width:920px;margin:0 auto 80px auto;padding:40px;border:solid 2px #ccc;border-radius:10px;}
.tip h4 {display:block;margin:0 0 20px 0;color:#17393c;font-size:30px;font-weight:700;}
.tip p {margin:0 0 0 30px;color:#b7b7b7;font-size:20px;line-height:140%;}

.form_button {display:block;width:100%;max-width:920px;margin:0 auto;}
.form_button:after {display:block;visibility:hidden;clear:both;content:""}
.form_button button {display:block;position:relative;width:100%;height:90px;margin:0 auto;color:#fff;font-size:40px;font-weight:500;background:#16393b;border:none;border-radius:10px;}



.ctv_header {display:block;width:100%;max-width:1180px;margin:0 auto;}
.ctv_header .title {font-size:40px;font-weight:600;padding:60px 0 40px 0;}
.ctv_header .ctv_profile {margin:0 0 20px 0;font-size:26px;font-weight:700;}
.ctv_header .ctv_profile:after {display:block;visibility:hidden;clear:both;content:""}
.ctv_header .ctv_profile .profile_img img {width:48px;height:auto;border-radius:50%;}
.ctv_header .ctv_profile .ctv_info {display:block;float:right;color:#b7b7b7;font-size:20px;font-weight:500;}
.ctv_header .ctv_profile .ctv_info:after {display:block;visibility:hidden;clear:both;content:""}
.ctv_header .ctv_profile .ctv_info span {display:block;float:left;}
.ctv_header .ctv_profile .ctv_info span:first-child {margin:0 60px 0 0;}

.ctv_cont {display:block;padding:40px 20px;border-top:solid 3px #16393b}
.ctv_cont .content {width:100%;max-width:1180px;margin:0 auto;font-size:26px;line-height:160%;}

.ctv_cmt_wrap {width:100%;max-width:1180px;margin:0 auto;padding:30px 0;border-top:solid 2px #16393b}
.ctv_cmt_wrap h4 {display:block;font-size:36px;font-weight:700;}
.ctv_cmt_wrap h4 span {display:inline-block;margin:0 0 0 12px;color:#b7b7b7;font-size:20px;}
.ctv_cmt_wrap ul {margin:0 0 60px 0;}
.ctv_cmt_wrap ul li {display:block;position:relative;padding:30px 0 30px 70px;border-bottom:solid 1px #ccc;}
.ctv_cmt_wrap ul li:last-child {border-bottom:none;}
.ctv_cmt_wrap ul li ul {}
.ctv_cmt_wrap ul li ul li {border-bottom:none;}
.ctv_cmt_wrap ul li .profile_img {display:block;position:absolute;left:0;top:20px;}
.ctv_cmt_wrap ul li .profile_img img {width:48px;height:auto;border-radius:50%;} 
.ctv_cmt_wrap ul li .id {font-size:26px;font-weight:700;}
.ctv_cmt_wrap ul li .date {display:inline-block;margin:0 0 0 12px;color:#b7b7b7;font-size:20px;}
.ctv_cmt_wrap ul li p {margin:30px 0 0 0;font-size:24px;line-height:160%;}

.ctv_form {padding:20px 0;border-bottom:solid 1px #ccc;}
.ctv_form:after {display:block;visibility:hidden;clear:both;content:""}
.ctv_form .profile_img {display:block;float:left;}
.ctv_form .profile_img img {width:48px;height:auto;border-radius:50%;} 
.ctv_form .frm_input {display:block;float:right;width:calc(100% - 70px);height:46px;padding:0 20px;font-size:18px;font-weight:600;background:#e9e9e9;border:none;border-radius:10px;}



.ctv_button {display:block;width:100%;max-width:920px;margin:0 auto;}
.ctv_button a {display:block;position:relative;width:100%;margin:0 auto;color:#fff;font-size:40px;font-weight:500;text-align:center;line-height:90px;background:#16393b;border:none;border-radius:10px;}



@media screen and (max-width:1540px) {
#content_wrap {padding:0 0 100px 0;}
}




@media screen and (max-width:1180px) {
#content_wrap {margin:0;padding:0 0 100px 0;overflow-x:hidden;}

.ct_header {margin:0 0 80px 0;font-size:36px;}

#search {padding:0 20px;}


.ct_board {margin:0 0 60px 0;}
.ct_board h3 {padding:0 20px;}
.ct_board h3 span {margin:0 auto 20px auto;font-size:36px;}
.ct_board ul {width:auto;max-width:auto;margin:0 20px}
.ct_board ul li {padding:24px 60px 24px 0;}
.ct_board ul li a.subj {margin:0 0 10px 0;font-size:30px;}
.ct_board ul li .ct_bottom {font-size:18px;}
.ct_board ul li .ct_bottom span {margin:0 20px 0 0;}
.ct_board ul li .cmt {right:0;font-size:22px;}


.ct_button {margin:0 auto 60px auto;padding:0 20px;}
.ct_button a {width:160px;font-size:24px;line-height:48px;}


.form_type {padding:0 20px;}

.ctv_header {padding:0 20px;}
.ctv_header .title {font-size:36px;padding:30px 0;}
.ctv_header .ctv_profile {font-size:20px;}
.ctv_header .ctv_profile .profile_img img {width:36px;height:auto;}
.ctv_header .ctv_profile .ctv_info {font-size:18px;}
.ctv_header .ctv_profile .ctv_info span:first-child {margin:0 40px 0 0;}

.ctv_cmt_wrap {width:auto;max-width:auto;margin:0 20px;padding:20px 0px;}

.ctv_button {padding:0 20px;}
}



@media screen and (max-width:980px) {
#content_wrap {padding:100px 0;}

.ct_header {position:fixed;margin:0;padding:0;font-size:28px;line-height:60px;}
.ct_header a.btn_back {display:block;}
.ct_header a.btn_qua {display:inline}

#search {margin:0 0 50px 0;}
#search .input {height:60px;padding:0 30px;}
#search .btn_search {right:20px;width:60px;height:60px;}
#search .btn_search img {width:32px;height:auto;}


.ct_board h3 span {margin:0 auto 18px auto;font-size:30px;}
.ct_board ul li {padding:20px 60px 20px 0;}
.ct_board ul li a.subj {margin:0 0 10px 0;font-size:24px;}
.ct_board ul li .ct_bottom {font-size:16px;}
.ct_board ul li .ct_bottom span {margin:0 20px 0 0;}
.ct_board ul li .ct_bottom img {width:18px;height:auto;}
.ct_board ul li .cmt {font-size:20px;}
.ct_board ul li .cmt img {width:24px;height:auto;}


.ct_button {margin:0 auto 40px auto;}
.ct_button a {width:120px;font-size:18px;line-height:36px;}


.pg_page, .pg_current {margin:0 10px;font-size:18px;}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {font-size:24px;}


.form_type label {margin:0 0 24px 0;font-size:30px;}
.form_type .frm_input {height:60px;margin:0 0 60px 0;font-size:16px;}
.form_type textarea  {height:480px;margin:0 0 60px 0;font-size:16px;}

.tip {margin:0 auto 60px auto;padding:20px 30px;}
.tip h4 {margin:0 0 12px 0;font-size:24px;}
.tip p {margin:0 0 0 10px;padding:0 0 0 14px;font-size:18px;}

.form_button button {height:80px;font-size:36px;}


.ctv_header .title {font-size:30px;padding:20px 0;}
.ctv_header .ctv_profile {font-size:18px;}
.ctv_header .ctv_profile .profile_img img {width:32px;height:auto;}
.ctv_header .ctv_profile .ctv_info {font-size:16px;}
.ctv_header .ctv_profile .ctv_info span:first-child {margin:0 30px 0 0;}
.ctv_header .ctv_profile .ctv_info img {width:18px;height:auto;}

.ctv_cont {padding:30px 20px;}
.ctv_cont .content {font-size:20px;}

.ctv_cmt_wrap h4 {font-size:30px;}
.ctv_cmt_wrap h4 span {font-size:18px;}
.ctv_cmt_wrap ul {margin:0 0 40px 0;}
.ctv_cmt_wrap ul li {padding:20px 0 20px 50px;}
.ctv_cmt_wrap ul li .profile_img {top:20px;}
.ctv_cmt_wrap ul li .profile_img img {width:36px;height:auto;} 
.ctv_cmt_wrap ul li .id {font-size:20px;}
.ctv_cmt_wrap ul li .date {font-size:16px;}
.ctv_cmt_wrap ul li p {margin:10px 0 0 0;font-size:20px;}

.ctv_form {padding:10px 0;}
.ctv_form .profile_img img {width:36px;height:auto;} 
.ctv_form .frm_input {width:calc(100% - 50px);height:44px;padding:0 20px;font-size:16px;}


.ctv_button a {line-height:80px;font-size:36px;}
}



@media screen and (max-width:768px) {
.form_type label {margin:0 0 18px 0;font-size:24px;}
.form_type .frm_input {height:50px;margin:0 0 40px 0;font-size:14px;}
.form_type textarea  {height:360px;margin:0 0 40px 0;font-size:14px;}

.tip {margin:0 auto 40px auto;padding:20px 20px;}
.tip h4 {margin:0 0 8px 0;font-size:20px;}
.tip p {font-size:16px;}

.form_button button {height:60px;font-size:24px;}

.ctv_cmt_wrap h4 {font-size:24px;}
.ctv_cmt_wrap h4 span {font-size:16px;}
.ctv_cmt_wrap ul {margin:0 0 40px 0;}
.ctv_cmt_wrap ul li {padding:20px 0 20px 40px;}
.ctv_cmt_wrap ul li .profile_img img {width:30px;height:auto;} 
.ctv_cmt_wrap ul li .id {font-size:16px;}
.ctv_cmt_wrap ul li .date {font-size:14px;}
.ctv_cmt_wrap ul li p {margin:20px 0 0 0;font-size:16px;}


.ctv_button a {line-height:60px;font-size:24px;}
}




@media screen and (max-width:480px) {
#search .input {height:50px;padding:0 20px;font-size:18px;}
#search .btn_search {right:20px;width:50px;height:50px;}
#search .btn_search img {width:24px;height:auto;}


.ct_board h3 span {font-size:24px;}
.ct_board ul li a.subj {margin:0 0 8px 0;font-size:18px;}
.ct_board ul li .ct_bottom {font-size:12px;}
.ct_board ul li .ct_bottom img {width:14px;height:auto;}
.ct_board ul li .cmt {font-size:18px;}
.ct_board ul li .cmt img {width:18px;height:auto;}


.ct_button {margin:0 auto 40px auto;}
.ct_button a {width:100px;}


.pg_page, .pg_current {font-size:14px;}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {font-size:20px;}


.form_type label {margin:0 0 12px 0;font-size:20px;}
.form_type .frm_input {height:40px;margin:0 0 40px 0;font-size:14px;}
.form_type textarea  {height:240px;margin:0 0 40px 0;font-size:14px;}

.tip {margin:0 auto 40px auto;padding:20px 20px;}
.tip h4 {margin:0 0 8px 0;font-size:16px;}
.tip p {font-size:14px;}

.form_button button {height:50px;font-size:20px;}


.ctv_header .title {font-size:24px;padding:20px 0;}
.ctv_header .ctv_profile {font-size:16px;}
.ctv_header .ctv_profile .profile_img img {width:32px;height:auto;}
.ctv_header .ctv_profile .ctv_info {font-size:14px;}
.ctv_header .ctv_profile .ctv_info span:first-child {margin:0 30px 0 0;}
.ctv_header .ctv_profile .ctv_info img {width:14px;height:auto;}

.ctv_cont {padding:20px 20px;}
.ctv_cont .content {font-size:18px;}

.ctv_cmt_wrap h4 {font-size:20px;}
.ctv_cmt_wrap h4 span {font-size:14px;}
.ctv_cmt_wrap ul {margin:0 0 40px 0;}
.ctv_cmt_wrap ul li {padding:10px 0 10px 40px;}
.ctv_cmt_wrap ul li .profile_img {top:10px}
.ctv_cmt_wrap ul li .profile_img img {width:30px;height:auto;} 
.ctv_cmt_wrap ul li .id {font-size:14px;}
.ctv_cmt_wrap ul li .date {font-size:12px;}
.ctv_cmt_wrap ul li p {margin:10px 0 0 0;font-size:14px;}


.ctv_form .profile_img img {width:30px;height:auto;} 
.ctv_form .frm_input {font-size:14px;}


.ctv_button a {line-height:50px;font-size:20px;}
}