@charset "UTF-8";
@import url('common.css');

.wrap {margin:0;padding:0;}/*전체를 담은 박스*/

/*visual*/
.visual_area {margin:0 5%}

/*발문*/
.subcon {width:100%;position:relative;overflow:hidden;}
#subtop {max-width:1400px;margin:5% auto;text-align:center;}
#subwide {margin:0 auto;text-align:center;padding:5% 0;}
.sub_title {font-size:75px;color:#2e2e2e;line-height:130%; letter-spacing:-0.035em;}
.sub_stitle {font-size:30px;margin:3% 0;color:#2e2e2e; font-weight:500;}
.sub_stitle02 {font-size:24px;margin:3% 0;color:#2e2e2e; font-weight:500;}
.sub_stitle span {font-size:34px;/*font-family:'Gmarket Sans',sans-serif;*/font-weight:700;}
.sub_stitle03 {font-size:24px;margin:3% 0 0 0;color:#2e2e2e; font-weight:500;}
.sub_stitle03 span {font-size:34px;/*font-family:'Gmarket Sans',sans-serif;*/font-weight:700;}
.des {font-size:20px;line-height:180%;font-weight:500}
.des19 {font-size:20px;line-height:180%;font-weight:500; color:#fff; padding:0 15%;}
.write {display:inline-block;color:#999;font-size:18px;padding:4% 0;font-weight:400}
.write_w {display:inline-block;color:#fff;font-size:18px;padding:4% 0 0 0;font-weight:400}
.lefttitle {text-align:left;font-size:24px;font-weight:400;padding-bottom:5%;color:#ec6867}

/*textarea*/
.textcon {max-width:1000px}
.textcon02 {max-width:1160px}
.textarea {margin:0 auto 0 auto}/*위아래여백없음*/
.textarea02 {margin:6% auto}/*위아래여백있음*/
.textarea03 {margin:6% auto 0 auto}/*위만 여백있음*/
.textarea04 {margin:0 auto 6% auto}/*아래만 여백있음*/
.textarea_col {margin:0% 15% 6% 15%;columns:2;column-gap:5%}
/*본문타이틀*/
.subcon_tit {font-size:36px;color:#ec6867;text-align:center;margin:0 0 3% 0;line-height:140%;}
.subcon_tit02 {font-size:36px;color:#ec6867;text-align:center;margin:8% 0 3% 0;line-height:140%;}
.subcon_stit {font-size:24px;color:#ec6867;text-align:center;margin:5% 0 3% 0;line-height:140%;}
.subcon_txt {font-family:'Noto Sans KR', sans-serif;font-size:18px;line-height:180%;letter-spacing:-0.035em;color:#444444;/*text-align:justify;*/}
.subcon_txt.center {text-align:center}

/*사진캡션*/
.caption{clear:both;font-size:14px;color:#ec6867;text-align:center;margin:10px 0;line-height:180%;}
.caption02{clear:both;font-size:14px;color:#ec6867;text-align:center;margin:10px 0;line-height:180%;padding-left:15%}
.caption03{clear:both;font-size:14px;color:#666;text-align:right;margin:10px 0;line-height:180%;}

/*imgarea*/
.imgarea {margin:0 auto 0 auto; border:1px solid red}/*위아래여백없음*/
.imgarea02 {margin:4% auto}/*위아래여백있음*/
.imgarea03 {margin:4% auto 0 auto}/*위만 여백있음*/
.imgarea04 {margin:0 auto 4% auto}/*아래만 여백있음*/
.conimg {margin-top:7%}
.conimgbottom {margin:7% 0}
.conimg2 {max-width:1300px;margin:0 auto}
.conimg3 {max-width:1100px;margin:0 auto}
.conimg04 {margin-top:2%;}
.conimg_cen {width:100%; text-align:center; margin-bottom:4%;}
.conimg05 {margin:4% auto 2%; max-width:280px; }

/* 0102 신년사 _ 0304 아카이브용으로 사용 */
.subcon2{width:90%;position:relative;overflow:hidden; background-color:#adb8c8;padding:5% 5%;margin-top:8%}
.sub01_conbx{width:70%;background-color:#ededee;padding:5% 5%;margin:5% auto;}
.sub01_conbx h2{text-align:center;font-size:75px;color:#2e2e2e;line-height:130%; letter-spacing:-0.035em;}
.sub01_conbx .sub_stitle03  {font-size:24px;margin:3% 0 0 0;color:#2e2e2e; font-weight:500;}
.sub01_conbx h5{font-family:'Gmarket Sans',sans-serif;font-size:50px;color:#012b4e;text-align:center;margin:0 0 5% 0;line-height:140%;font-weight:500;}
.subcon_txt2 {font-family:'Noto Sans KR', sans-serif;font-size:18px;line-height:180%;letter-spacing:-0.035em;color:#444444;column-count:2;column-gap:4%;text-align:justify}
.profile{font-size:16px;width:35%; margin:0 auto 8% auto;text-align:center;}
.profile img{width:60%;margin:0 auto;max-width:212px;}
.profile span {font-size:18px;font-weight:700;}
.sub01_01 {width:30%;max-width:272px; margin:0 auto 5% auto;}
.name{font-weight:400; color:#252525;text-align:center;margin-top:5%;}
.name span{font-weight:600;}

/*sub02*/
.sub_inner {margin:0 8% 5% 8%;border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b;overflow:hidden}
.sub_inner .row {clear:both}
.sub_inner .person p {font-family:'Noto Sans KR', sans-serif;font-size:18px;line-height:180%;text-align:left}
.sub_inner .person {float:left;width:42%;margin:0 4%;border-bottom:1px solid #2b2b2b;padding:5% 0;}
.sub_inner .row.last .person {border-bottom:0}
.sub_inner .person img {margin:0 auto 5% auto}
.sub_inner .person.last {border-bottom:0px}
.sub_inner .person h4 {font-family:'Gmarket Sans',sans-serif;font-size:24px;font-weight:500;}
.sub_inner .person h3 {font-family:'Gmarket Sans',sans-serif;font-size:36px;margin:1% 0 5% 0;font-weight:700;}

/* 6호 추가 */
.man_box {width:100%; clear:both; overflow:hidden; box-sizng:border-box;}
.man_box .man_pic {float:left; width:30%; padding:3%;}
.man_box .man_pic img{max-width:283px;}
.man_box .man_txt {float:right; width:60%; padding:10% 3% 3% 0; color:#333;}
.man_box:after {content:''; display:block; overflow:hidden; width:92%; margin:0 auto; height:1px; background-color:#fff;}
.man_box .man_txt span{font-weight:700;}

/*sub03*/
.subcon3_m_interview{width:50%; margin:0 auto 6% auto;padding:0 6% 6% 6%; background:#d4dfd4;}
.subcon3_m_interview h3{font-family:'Gmarket Sans',sans-serif;font-size:30px;font-weight:300;background:#1e7b4f;color:#fff;padding:2% 2%;text-align:center;margin:0 30%}
.subcon3_m_interview h5{font-family:'Gmarket Sans',sans-serif;font-size:24px;font-weight:500;color:#000;text-align:center;margin:5% 0 0 0;}
.subcon3_m_interview h4{font-family:'Gmarket Sans',sans-serif;font-size:48px;margin:1% 0 5% 0;font-weight:700;color:#1e7b4f;text-align:center;}
.subcon3_m_interview img{display:block;margin:0 auto;}
.ques{font-family:'Noto Sans KR', sans-serif;font-size:18px;color:#1e7b4f;font-weight:700;margin:6% 0 2% 0;}
.anw{font-family:'Noto Sans KR', sans-serif;font-size:18px;color:#444444;font-weight:400;line-height:180%;}

/*sub05*/
.subcon5_info{position:relative;overflow:hidden;width:50%;margin:0 auto 6% auto;padding:0 6% 6% 6%; background:#f6d8d7;}
.subcon5_info .info_list{list-style:none; float:left;}
.subcon5_info .info_list li{display:block; float:left;width:28%;margin:3% 2%;}
.subcon5_info .info_title{font-family:'Noto Sans KR', sans-serif;font-size:15px;color:#000;border-bottom:1px solid #000; width:100%;margin:5% 2% 5% 0%; padding-bottom:4%;font-weight:500;}
.subcon5_info .info_txt{font-family:'Noto Sans KR', sans-serif;font-size:14px;color:#444444;line-height:160%;}
.subcon5_info .info_txt img{vertical-align:middle;margin:3px 0}
.subcon5_m_interview{width:50%; margin:0 auto 6% auto;padding:0 6% 6% 6%; background:#cb878d;}
.subcon5_m_interview h3{font-family:'Gmarket Sans',sans-serif;font-size:30px;font-weight:500;background:#f6d8d7;color:#b66978;padding:2% 2%;text-align:center;margin:0 20% 5% 20%;}
.subcon5_m_interview img{display:block;margin:0 auto;max-width:600px;}
.subcon5_m_interview .ques{font-family:'Noto Sans KR', sans-serif;font-size:18px;color:#fff;font-weight:700;margin:6% 0 2% 0;}
.subcon5_m_interview .anw{font-family:'Noto Sans KR', sans-serif;font-size:16px;color:#fff;font-weight:400;line-height:180%}
/*sub06*/
.green_wrap {background-color:#005727;margin:0 auto;width:90%;padding:5% 0 2.5% 0;border-radius:350px 0 0 0; }

/*sub06*/
.sub06box{margin:8% auto;border:1px solid #009944; padding:3% 5%;font-family:'Noto Sans KR', sans-serif;font-size:16px;line-height:180%;color:#009944;}

/*sub07*/
.subcon7{width:90%;position:relative;overflow:hidden; background-color:#00693e;padding:5% 5%;margin-top:8%}
.sub07_conbx{width:70%;background-color:#efeaea;padding:5% 5%;margin:5% auto;}
.sub07_titlebx{border-top:1px solid #555555;border-bottom:1px solid #555555;padding:3% 0}
.sub07_conbx h5{font-family:'Gmarket Sans',sans-serif;font-size:48px;color:#00693e;text-align:center;margin:0 0 2% 0;line-height:140%;font-weight:500;}
.sub07_conbx h6{font-size:24px;text-align:center;font-weight:400;}
.sub07_img{width:70%; margin:0 auto 5% auto;}

/*sub08*/
.subcon8_m_interview{width:45%; margin:0 auto 6% auto;padding:0 10% 6% 10%; background:#fae8ee;}
.subcon8_m_interview h3{font-family:'Gmarket Sans',sans-serif;font-size:30px;font-weight:300;background:#3f6586;color:#fff;padding:2% 2%;text-align:center;margin:0 30%}
.subcon8_m_interview h5{font-family:'Gmarket Sans',sans-serif;font-size:24px;font-weight:500;color:#000;text-align:center;margin:8% 0 0 0;}
.subcon8_m_interview h4{font-family:'Gmarket Sans',sans-serif;font-size:48px;margin:1% 0 5% 0;font-weight:700;color:#3f6586;text-align:center;}
.subcon8_m_interview img{display:block;margin:0 auto;}
.subcon8_m_interview p{font-family:'Noto Sans KR', sans-serif;font-size:18px;color:#444444;font-weight:400;line-height:180%; margin:6% 0 0 0;}

/*sub13, sub14*/
.newscon {width:80%;margin:0 auto;text-align:left;overflow:hidden;}
.newscon h3 {font-family:'Gmarket Sans',sans-serif;display:block;text-align:left;font-size:36px;line-height:180%;border-bottom:1px solid #2b2b2b;margin:7% 0 5% 0;font-weight:500;}
.newscon img {float:left;width:30%;margin-right:5%}
.newscon img.big{width:40%;}
.newscon .txt {display:block;overflow:hidden}
.newscon .txt h4 {font-size:30px;font-weight:500;}
.newscon .txt h5 {font-size:28px;font-weight:500;}
.newscon .txt p {font-family:'Noto Sans KR', sans-serif;font-size:18px;line-height:180%;text-align:left;margin:3% 0 0 0}
 
 /*sub15*/
.tabmenu {margin:5% 10%;}
.tabmenu ul {width:100%;overflow:hidden;}
.tabmenu ul li {width:24%;float:left;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;}
.tabmenu ul li:nth-child(4n) {border-right:1px solid #000;}
.tabmenu ul li a {width:100%;padding:5% 0;display:block;font-size:20px;color:#000;}
.tabmenu ul li a.active {font-size:20px;color:#fff;background:#000;}

.newscon2 {clear:both;margin:5% 13%;overflow:hidden;text-align:left}
.newscon2 .line_tit {width:30%;float:left;border-top:1px solid #000;font-size:30px;}
.newscon2 .txt {width:70%;float:left;overflow:hidden;}
.newscon2 .txt li{list-style-type:disc;font-size:18px;color:#444444;line-height:180%;margin:1.5% 0 1.5% 10%  }
.newscon2 .txt li img {width:100%;display:block;margin:7% 0;}
.newscon2 .txt li img.last {width:100%;display:block;margin:7% 0 0 0}
.newscon2 .txt li.bullet_none{list-style-type:none;}

 /*sub16*/
.sub_event .sub_title{font-size:75px;color:#fff;line-height:130%; letter-spacing:-0.035em;}
.sub_event .sub_stitle{font-size:30px;margin:2% 0;color:#fff; font-weight:500;}
.event_img01{width:70%;margin:0 auto;}
.sub_event02{float:left;background:#fbc9ca;padding:6% 5% 0 5%;width:90%;margin-bottom:5%;}
.sub_event02 h4{display:block;width:10%;margin:0 auto;background:#6251c3;border-radius:38px;padding:15px 3% 10px 3%;font-family:'Gmarket Sans',sans-serif;font-size:36px;color:#fff;font-weight:500;}
.sub_event02 ul{list-style:none; width:80%; margin:5% auto; padding-bottom:5%;border-bottom:1px solid #6455c7;}
.sub_event02 ul li{display:inline-block;margin:0 2%;font-size:18px;}
.event02_box{clear:both;overflow:hidden;width:80%; margin:5% auto;}
.event02_box_left{float:left;width:60%;padding:0 2% 0 0;border-right:1px solid #6455c7;}
.event02_box_left h4{float:left;display:block;width:20%;background:#6251c3;border-radius:38px;padding:15px 3% 10px 3%;font-family:'Gmarket Sans',sans-serif;font-size:36px;color:#fff;font-weight:500;}
.event02_box_left p{clear:both;text-align:left; padding:3% 0 0 0;margin:5% 0;font-size:24px;font-weight:400; line-height:200%;}
.event02_box_right{float:right;width:32%;padding:0 2% 2% 0;}
.event02_box_right h4{float:left;display:block;width:45%;background:#6251c3;border-radius:38px;padding:15px 2% 10px 2%;font-family:'Gmarket Sans',sans-serif;font-size:28px;color:#fff;font-weight:500;padding-left:5%;}
.event02_box_right p{clear:both;text-align:left; padding:3% 0 0 0;margin:5% 0;font-size:22px;font-weight:400; line-height:200%;}
.subevbt a{clear:both;display:block;width:20%;margin:5% auto;font-size:36px;font-family:'Gmarket Sans',sans-serif;background:#ec6867;padding:1.5% 2% 1% 2%;color:#fff;border-radius:50px;border:5px solid #fff;}

/*sub17*/
.pro {margin:0 5%;height:100%;background-color:#f4fdfd;text-align:center;color:#5b5b5b;padding:8% 0}
.pro h3 {font-size:28px;}
.pro p {font-size:20px;line-height:180%;margin:2% auto}



/*다른기사보기*/
.other {padding:3% 0 3% 3%;background-color:#ec6867}
.othermenu {margin:0 auto;width:75%;overflow:hidden;position:relative;color:#fff;border-bottom:1px solid #fff;line-height:500%;}
.othermenu:nth-child(3n){border-bottom:0px solid #fff}
.othermenu .left {float:left;width:10%;font-size:28px;margin-left:2%;}
.othermenu .right {float:left;width:88%;}
.othermenu .right a {font-size:20px;color:#fff;margin: 0 1%}
.othermenu .right a:hover {color:#007bc7}

@media screen and (max-width:1680px) {
.subcon3_m_interview, .subcon5_m_interview, .subcon8_m_interview{width:60%;}
.sub19con2 {margin:0 10%;}
.sub19_stitle{font-size:28px;}
.pro_title{font-size:18px;margin-bottom:10px;}
.pro_stitle{font-size:14px;}
.tabmenu ul li a, .tabmenu ul li a.active  {font-size:16px}
.othermenu {width:80%;}
.othermenu .right a{font-size:19px}
}

@media screen and (max-width:1440px) {
/*title*/
.sub_title {font-size:60px;}
.sub_stitle {font-size:28px;}
/*sub13,sub14*/
.newscon {width:90%}
.newscon h3 {font-size:30px;margin:3% 0}
.newscon .txt h4 {font-size:20px;}
.newscon .txt h5 {font-size:20px;}
.newscon .txt p {font-size:16px}
.subcon#subwide {width:100%}
/*sub15*/
.tabmenu {margin:5%}
.newscon2 {margin:5% 8%;}
/*sub16 event*/
.sub_event .sub_title {font-size:60px}
.sub_event .sub_stitle {font-size:28px}
.sub_event02 h4 {width:15%}
.sub_event02 ul {width:90%}
.event02_box {width:90%}
.event02_box_left h4 {font-size:20px}
.event02_box_left p {font-size:18px}
.event02_box_right h4 {font-size:20px;width:35%;padding-left:3%}
.event02_box_right p {font-size:18px}
.subevbt a {font-size:30px}
/*sub17*/
.pro h3{font-size:24px}
.pro p {font-size:16px}
/*다른기사보기*/
.othermenu {width:90%;line-height:350%;margin:3% auto}
.othermenu .left {width:18%;padding:0 1%;margin-left:0;font-size:22px}
.othermenu .right {width:100%}
.othermenu .right a {margin-right:2.4%;font-size:18px}
.subcon5_info{width:60%}
}

@media screen and (max-width:1366px) {
.subcon {width:90%;margin:0 auto}
.subcon3_m_interview, .subcon5_m_interview, .subcon8_m_interview{width:80%;}
/*sub02*/
.sub_inner .person h4 {font-size:20px;}
.sub_inner .person h3 {font-size:30px;margin:3% 0 5% 0;}
.sub_inner .person img {width:50%;}
.sub_inner .person {margin:5% 4%}
/*sub15*/
.tabmenu ul li a, .tabmenu ul li a.active  {font-size:16px}
.newscon2 .txt li {font-size:16px}
.newscon2 .txt li img {margin:5% 0}
/*sub16*/
.sub_event02 ul {width:100%}
/*other*/
.othermenu .left {width:10%;padding:0 1%;margin-left:0;font-size:22px}
.othermenu .right {width:85%;}
.othermenu .right a {font-size:18px}
.pro_photo{width:25%;}
.des19{font-size:18px}
.subcon5_info{width:75%}
}

@media screen and (max-width:1280px) {
/*other*/
.other {padding:2% 0}
.othermenu {width:95%;margin:0% 2.5%}
.othermenu .right a {font-size:17px;margin-right:3.2%;}
.sub19con2{margin:0 2%;}
.sub19_stitle{font-size:24px;}
.pro_title{font-size:16px;}
.pro_stitle{font-size:12px;}
.subcon5_info{width:80%}
}

@media screen and (max-width:1200px) {
/*textarea*/
.textarea_col {margin:0% 10% 8% 10%;}
/*sub06*/
.green_wrap {border-radius:200px 0 0 0}
/*sub13,sub14*/
.newscon h3 {font-size:28px;}
/*sub15*/
.tabmenu ul li {width:33%}
.tabmenu ul li a, .tabmenu ul li a.active  {font-size:16px}
.newscon2 .line_tit {font-size:22px}
/*sub16*/
.sub_event02 h4 {font-size:24px}
.sub_event02 ul {overflow:hidden;}
.sub_event02 ul li{width:29%;float:left;}
.event02_box_right h4 {width:46%}
.pro_photo{width:28%;}
.sub01_conbx h5{font-size:30px}
}

@media screen and (max-width:1024px) {
/*title*/
.sub_title {font-size:50px}
/*contents title*/
.subcon_tit {font-size:24px}
.subcon_txt {font-size:16px;}
.subcon3_m_interview, .subcon5_m_interview{width:90%;}
.subcon8_m_interview{width:80%;}
.subcon3_m_interview h3, .subcon5_m_interview h3, .subcon8_m_interview h3{font-size:24px;}
.subcon3_m_interview h4, .subcon8_m_interview h4{font-size:36px;}
.subcon3_m_interview h5, .subcon8_m_interview h5{font-size:18px;}
.ques, .anw{font-size:16px;}
.subcon8_m_interview p{font-size:16px;}
.subcon5_m_interview .ques, .subcon5_m_interview .anw{font-size:16px;}
/*sub02*/
.sub_inner .person {width:46%;margin:3% 2%}
.sub_inner .person img {width:40%;}
/*sub13*/
.subcon#subwide {width:100%}
.newscon {width:100%}
.newscon h3 {margin:3% 0}
.newscon .txt h4 {font-size:20px;}
.newscon .txt h5 {font-size:20px;}
.newscon .txt p {font-size:16px}
/*sub15*/
.newscon2 {margin:5%}
/*sub16*/
.sub_event .sub_title {font-size:50px}
.sub_event .sub_stitle {font-size:22px}
.event02_box_right h4 {width:54%}
.event02_box_left h4 {width:23%}
.subevbt a {width:30%}
/*다른기사보기*/
.othermenu {width:90%;margin:2.5% auto}
.othermenu .left {width:16%;font-size:24px}
.othermenu .right a {font-size:16px;margin-right:1%}
.people_box{width:100%;}
.pro_photo{width:13%;}
.sub19_stitle{font-size:20px;}
.subcon_txt2 {font-size:16px;}
.sub01_conbx h5{font-size:24px}
.subcon5_info .info_title{font-size:14px;}
.subcon5_info .info_txt{font-size:13px;}
.subcon5_info{width:90%}
}

@media screen and (max-width:900px) {
/*sub15*/
.tabmenu,.newscon2 {margin:5%}
.tabmenu ul li a, .tabmenu ul li a.active  {font-size:12px}
.des19{font-size:16px}
}

@media screen and (max-width:850px) {
.subcon3_m_interview h3, .subcon5_m_interview h3, .subcon8_m_interview h3 {font-size:20px}
.subcon3_m_interview img,.subcon8_m_interview img{width:40%}
}

@media screen and (max-width:768px) {
/*title*/
.sub_title {font-size:40px}
.sub_stitle {font-size:22px;}
.sub_stitle span {font-size:28px}
.des {font-size:17px;}
.write {font-size:16px;}
.lefttitle {font-size:20px}
/*textarea*/
.textarea_col {margin:0% 5% 8% 5%;}
.subcon3_m_interview h3 {margin:0 10%;}
/**/
.subcon3_m_interview h5 {font-size:20px}
.subcon3_m_interview h4, .subcon8_m_interview h4 {font-size:30px}
/*sub13,sub14*/
.newscon h3 {font-size:24px;}
/*sub16*/
.sub_event .sub_title {font-size:40px}
.sub_event .sub_stitle {font-size:18px}
.sub_event02 ul li, .event02_box_left p, .event02_box_right p {font-size:16px}
.sub_event02 h4, .event02_box_left h4, .event02_box_right h4 {font-size:20px}
.event02_box_left {width:50%}
.event02_box_right {width:40%}
.subevbt a {font-size:24px}
/*other*/
.other {display:none}
.pro_photo{width:18%;}
.sub_stitle19{width:100%;}
.subcon_txt2 {column-count:1;text-align:left}
.subcon2{width:95%;padding:5% 2.5%;}
}

@media screen and (max-width:570px) {
/*visual*/
.visual_area {margin:0 5% 5% 5%} 
.visual_area.sub17 {margin:0 5%}
/*title*/
.sub_title {font-size:30px}
.sub_stitle {font-size:18px;}
.sub_stitle span {font-size:22px}
.des {font-size:16px;}
.write {font-size:14px;}
.lefttitle {font-size:18px}
/*textarea*/
.textarea_col {margin:0 0 8% 0;columns:1;}
/*sub02*/
.sub_inner .person {width:100%;margin:5% 0%}
.sub_inner .person h4 {font-size:16px}
.sub_inner .person h3 {font-size:24px}
.sub_inner .person p {font-size:16px}
/*sub05*/
.subcon3_m_interview h3, .subcon5_m_interview h3, .subcon8_m_interview h3 {margin:0 5%}
.subcon3_m_interview h4, .subcon8_m_interview h4 {font-size:28px}
/*sub13*/
.newscon h3 {font-size:22px;margin:5% 0 7% 0}
.newscon .txt {width:100%}
.newscon img{width:100%;}
.newscon img.big{width:100%;}
.newscon .txt h4 {font-size:18px;margin:5% 0 0 0;}
.newscon .txt h5 {font-size:18px;margin:5% 0 0 0}
.newscon .txt p {font-size:16px;}
/*sub15*/
.tabmenu ul li {width:99%;float:none;margin:0 auto;border-right:1px solid #000}
.tabmenu ul li:nth-child(4n) {border-top:0px solid #000;}
.tabmenu ul li a, .tabmenu ul li a.active  {font-size:18px}
.newscon2 .line_tit {width:100%;border-bottom:1px solid #000;border-top:0px solid #000;font-size:24px;line-height:300%}
.newscon2 .txt {width:98%;margin:5% 0}
.newscon2 .txt li {width:100%;margin-left:5%;}
/*sub16*/
.sub_event .sub_stitle {margin:2% 20%}
.event_img01 {width:100%}
.sub_event02 h4, .event02_box_left h4, .event02_box_right h4 {font-size:18px;}
.sub_event02 h4{width:15%}
.sub_event02 ul li {width:100%;padding:0;margin:5% auto;float:none;}
.sub_event02 ul li img{width:50%;margin:0% auto}
.event02_box_left {width:100%;padding:0}
.event02_box_left h4{width:18%;padding: 10px 2% 5px 2%;}
.event02_box_right {width:100%;padding:0}
.event02_box_right h4{width:23%;padding: 10px 2% 5px 2%;}
.subevbt a {font-size:20px;width:40%;padding:4.5% 0 4% 0;margin:0 auto 20% auto}
/*sub17*/
.pro h3{font-size:22px}
.pro p {font-size:14px}
.des19{font-size:14px}
.pro_txt{width:70%}
.subcon5_info .info_list li {width:90%;}

}

@media screen and (max-width:428px) {
/*title*/
.sub_event .sub_stitle {margin:2% 15%}
/*sub05*/
.subcon3_m_interview h3, .subcon5_m_interview h3, .subcon8_m_interview h3 {font-size:18px;margin:0 1%;padding:3% 0 2.5% 0}
/*sub06*/
.green_wrap {border-radius:0}
/*sub15*/
.newscon2 .line_tit {width:100%;border-bottom:1px solid #000;border-top:0px solid #000;font-size:20px;line-height:300%}
.tabmenu ul li a, .tabmenu ul li a.active  {font-size:16px}
/*sub16*/
.sub_event02 h4 {width:22%}
.sub_event02 ul li img{width:70%;margin:0% auto}
.event02_box_left h4{width:28%}
.event02_box_right h4{width:35%}
/*other*/
.othermenu .right a {margin-right:7%}
.subcon8_m_interview img{width:70%}
.pro_photo{width:25%;}
.pro_txt{clear:both;width:80%; margin-top:5%}
.man_box .man_pic{width:70%;float:none;margin:0 auto;padding:3% 15%;}
.man_box .man_txt{width:90%;float:none;font-size:14px;margin:0 auto;padding:3% 3%;}
}

@media screen and (max-width:390px) {
.newscon2 .txt {width:99%;}
.newscon2 .txt li {width:99%;margin-left:6%;}
/*sub16*/
.sub_event02 h4, .event02_box_left h4, .event02_box_right h4 {font-size:16px;}
.sub_event02 {padding:10% 5% 0 5%}
.event02_box_left p, .event02_box_right p {font-size:14px}
.subevbt a {width:50%;font-size:18px}
}

@media screen and (max-width:375px) {
/*sub05*/
.subcon3_m_interview h3, .subcon5_m_interview h3, .subcon8_m_interview h3 {margin:0}

}

@media screen and (max-width:360px) {
.newscon2 .txt {width:98%;}
.newscon2 .txt li {width:97%;margin-left:7%;}
}