/*sub_content*/
#header .wrap {}
.pc{display:block}
.pc02{display:block}
.pc03{display:block}
.m1024{display:none}
.m600{display:none}
.mb5{margin-bottom:5%}
.mb10{margin-bottom:10%}

/*.sub_content {position: relative;width: 1820px;max-width: 100%;margin: 80px auto;overflow: hidden;}
.sub_content .title_a {position:fixed;left:50%;margin-left: -910px;}*/
.sub_content {position: relative;width: 95%;max-width: 100%;margin: 80px auto;overflow: hidden;}
.sub_content .title_a {position:fixed; width:14%; }
.sub_content .title_a  h3 {color:#17ac96; font-size:20px; line-height: 1.5; font-family:'rixrak-serif-pro', sans-serif; margin-bottom:20px;}
.sub_content .title_a p {font-size:16px;}
.sub_content .title_a p b {display:block;margin-top:5%}


/*.sub_content .cont {max-width: 1040px;margin: auto;padding-right: 22px;overflow: hidden;}*/
.sub_content .cont {width:70%;/*max-width: 1040px;*/margin:0 auto;padding:0 5%;overflow: hidden;}
.sub_content .cont .img1 {width:100%;}
.sub_content .cont .img2 {width:30%;}
.sub_content .cont .tit {text-align:center;}
.sub_content .cont .tit h2 {font-size:60px; font-family: "IBM Plex Sans KR", sans-serif;  font-weight: 500;  font-style: normal; color:#000; margin-bottom:2%;}
.sub_content .cont .tit h3 {font-size:36px; font-family: "IBM Plex Sans KR", sans-serif;  font-weight: 500;  font-style: normal; color:#000; margin-bottom:5%;}
.sub_content .cont .tit p {font-size:24px; font-family: "IBM Plex Sans KR", sans-serif;  font-weight: 500;  font-style: normal; color:#000; margin-bottom:8%;}
.sub_content .cont h4 {color:#17ac96;text-align: center;font-size:30px;padding-bottom: 2%;margin-top: 8%;font-weight:500;}
.sub_content .cont p {margin-bottom:5%;line-height: 1.7;color:#484848;}
.sub_content .cont .photo_cation {font-size:15px;color:#7d7d7d;letter-spacing: -0.03em;font-weight:400; text-align:center;}
.sub_content .cont .flex_photo {display: flex;align-content: flex-end;gap:20px;}
.sub_content .cont li {display: flex;flex-flow: column-reverse;}
.sub_content .cont li p {display: block;/*min-height: 120px; margin-top:7px;*/}
.sub_content .cont .news_box_list li {/* display:inline-block !important; */ flex-flow: column !important;flex-wrap: wrap;}

.sub_content .news {position:fixed;width:14%;right:2.5%;top:230px;/*margin-left: 580px;top: 250px;*/}
.sub_content .news h3 {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 10px; font-size:16px; margin-bottom:5%;}
.sub_content .news a {display:flex;align-content: flex-end;margin:8% 0;}
.sub_content .news a img{width:30%; height:100%;}
.sub_content .news a h4 {font-size:14px; color:#444;margin-bottom:2%;}
.sub_content .news a:hover h4, .sub_content .news a:hover p {color:#17ac96;}
.sub_content .news a p{font-size:16px;color:#252525; font-weight:500;}

/* text 설정 */  
.txt_jus {text-align:left;}
.txt_under {text-decoration:underline;text-underline-offset: 6px;}
.sub15_txt_deco1 {margin-right:2%;text-decoration:underline;text-underline-offset: 6px;} 
.atta_s {display:block; font-size:14px; color:#777; line-height:130%; margin-top:2%;}
.sub_content .cont sup{line-height:10%;}

/* 여백 설정 */
.mt5 {margin-top:5%;}
.mt7 {margin-top:7%;}
.mb10 {margin-bottom:10%;}

/* 배경 색상 설정 */
.bg_sub01 {background:url("../img/sub/sub01_01_bg.jpg") no-repeat center 0;background-size:cover;} 
.bg_sub03 {background-color:#ebedd7;}

/* 작은 이미지 위치 센터 설정 */
.img_align_c {width:100%; text-align:center;}

/* 초록공감 사랑나눔 콘텐츠 분리 */
.sline_01:after {content:""; display:block; height:1px; border-bottom:1px solid #000; margin:5% 0 8% 0; padding-bottom:7%;}

/*사이즈 동일한 이미지 2개*/
.sub04_img{width:100%;float:left; margin:4% auto;}
.sub04_img li{width:50%; float:left; display:inline-block;}

/*사이즈 다른 이미지 2개*/
.sub05_img{width:100%;float:left; margin:4% auto;}
.sub05_img li{float:left; display:inline-block;}
.sub05_img .img_ri{width:65%;}
.sub05_img .img_le{width:35%;}

/* 신년사 하단 배경용 2502 추가 */
.sub01_bot {padding:0 22px 0 ; text-align:right; position:relative;}
.sub01_bot img {margin-top:2%;}
.int_name {display:inline-block; width:100%;text-align:right !important;}

/*이슈*/
.sub_content .cont h4.issue_tit01{font-size:36px;color:#17ac96;text-align:center; margin:0 0 5% 0;}
.sub_content .cont h4.issue_tit02{font-size:36px;color:#55a66b;text-align:center; margin:0 0 5% 0;}
.sub_content .cont .img4 {display: block;width:10%; text-align:center; margin:5% auto 0 auto;}
.sub_content .cont .img5 {display: block;width:50%; text-align:center; margin:5% auto;}
.sub_content .cont .img6 {display: block;width:80%; text-align:center; margin:5% auto 1% auto;}

/*뉴스*/
.news_title{background:#17ac96; color:#fff; padding:0.5% 1%; text-align:center;font-family: "IBM Plex Sans KR", sans-serif;font-size:22px; font-weight:500;margin-bottom:5%}
.news_box{border:1px solid #17ac96; padding:3% 5% 5% 5%; margin-bottom:8%;}
.news_box .news_box_tit{text-align:left; color:#17ac96;font-size:26px;font-weight:500;margin:2% 0;}
.news_box .news_box_list{clear:both;margin:2% 0;}
.news_box .news_box_list li{color:#17ac96;background:url("../img/sub/sub14_bullet.jpg") no-repeat 0 4px; padding-left:28px; margin:1% 0;}
.sub_content .cont h5 {color:#17ac96;text-align: left;font-size:26px;padding-bottom: 2%;margin-top: 8%;font-weight:500;text-decoration:underline;text-underline-offset: 6px;}
.ans_box{background:#17ac96; color:#fff;line-height:200%;}

/* 컬럼 추가 */
.txt_c_c {color:#17ac96; font-weight:600;}


/*RW*/
@media screen and (max-width: 2540px) {
    .sub_content .cont {width:60%;}
}
@media screen and (max-width: 1920px) {
    /*.sub_content .title_a {left:5vw; margin-left:0;}*/
	.sub_content .cont {width:70%;}
}
@media screen and (max-width: 1900px) {
    .sub_content .title_a {position:absolute;left: 50px;}
    .sub_content .cont {position: relative;max-width:70vw;margin:0;margin-left: 50px;margin-top: 190px;padding-right: 0px;}
    .sub_content .cont .img1 {width:100%;}
    .sub_content .title_a p b {display:inline-block; margin-right:10px;}
    .sub_content .news {left:auto;margin-left:0;right: 70px;}*/
}
@media screen and (max-width: 1680px) {
     /*.sub_content .cont {max-width:65vw;}*/
    .sub_content .cont .tit h2 {font-size:50px;}
    .sub_content .cont .tit h3 {font-size:30px;}
    .sub_content .cont .tit p {font-size:20px;}
    .sub_content .cont p, .txt_under, .ans_box, .news_box .news_box_list li {font-size:18px;}
    .sub_content .news a p {font-size:14px;}
	.sub_content .title_a {width:20%;}
	.sub_content .title_a  h3 {font-size:18px;}
	.sub_content .title_a p {font-size:14px;}
	.sub_content .cont h4.issue_tit01, .sub_content .cont h4.issue_tit02{font-size:30px;}
	.news_title{font-size:18px;}
	.sub_content .cont h5, .news_box .news_box_tit{font-size:22px;}
}
@media screen and (max-width: 1440px) {
    .sub_content .cont h4 {font-size:26px;}
    .sub_content .cont p {font-size:}
	.sub_content .cont .tit h2 {font-size:42px;}
    .sub_content .cont .tit h3 {font-size:24px;}
    .sub_content .cont .tit p {font-size:18px;}
	.sub_content .cont p, .txt_under, .ans_box, .news_box .news_box_list li {font-size:16px;}
	.sub_content .cont .photo_cation{font-size:13px;}
	.sub_content .cont h4.issue_tit01, .sub_content .cont h4.issue_tit02{font-size:24px;}
}
@media screen and (max-width: 1366px) {
	.pc{display:none}
	.sub_content .cont .photo_cation {font-size:12px;}
	.sub_content .news h3{font-size:14px;}
	.sub_content .news a h4 {font-size:12px;}
	.sub_content .news a p{font-size:14px;}
	.sub_content .cont .flex_photo {gap:15px;}
	.sub_content .title_a h3 {font-size:18px;}
	.sub_content .title_a p {font-size:14px;}
	.news_title{font-size:16px;}
	.sub_content .cont h5, .news_box .news_box_tit{font-size:20px;}
	.sub_content .cont .photo_cation img{width:15%}
	.qr_con { position: absolute; left:0;}
	.qr_con.trip { width:90%;}
}
@media screen and (max-width: 1280px) {
    .sub_content .title_a h3 {font-size:18px;}
    .sub_content .cont {max-width: 91vw;}
   /* .sub_content .news {position: relative;display: flex;left: 50px;right: auto;width: 100%;gap: 20px;top: 0;overflow: auto;}
    .sub_content .news h3 {position:absolute;top: 0;width: 91vw;border-bottom:none;}
*/
	.sub_content .news h3{font-size:13px;}
	.sub_content .news a h4 {font-size:11px;}
	.sub_content .news a p{font-size:13px;}
	.sub_content .title_a h3 {font-size:16px;}
}
@media screen and (max-width: 1024px) {
    .sub_content{margin:3% auto 0 auto;}
    .sub_content .title_a {position: relative;display: flex; gap:20px;width:90vw; margin:0 auto;}
	.sub_content .title_a p b{margin:0;}
    .sub_content .cont {width: 90vw;margin:5% auto; padding:0;}
    .sub_content .cont .tit h2 {font-size:5vw}
    .sub_content .cont .tit h3 {font-size:3vw;padding-bottom: 2vw;}
    .sub_content .cont .tit p {font-size:2vw;}
	.sub_content .news{position: relative;display:block;width:90%;top: 0;overflow: auto; margin:0 10% 5% 15%;}
	.sub_content .title_a p{display: flex; gap:10px;}
	.sub_content .cont li p {min-height:auto;}
	.sub_content .news .pc {display:none;}
	.sub_content .news a h4{margin:2% 0 1% 0;font-size:12px;}
	.sub_content .news a {padding:1% 2%; margin-top:0; margin-bottom:0;}
	.sub_content .news h3{margin-bottom:0;font-size:14px;}
	.sub_content .news a p{font-size:14px;}
	.m1024{display:block; margin:0 auto;}
	.sub_content .cont .img3 {width:20%;margin:0 auto;}/*과학하는 파동이 왼쪽 이미지*/
	.news_title{font-size:14px;}
	.sub_content .cont h5{font-size:18px;}
	.sub04_img li{width:100%;}
	.qr_con { display: none; }
	/* .qr_con.trip { width:90%;} */
}
@media screen and (max-width: 980px) {
       /*.sub_content .news {flex-direction: column;width: 90vw;left: 0;margin-left: 5vw;}*/
    .sub_content .news h3 {position:relative; border-bottom:1px solid #ddd; margin-bottom: 0;font-size:14px;}
    .sub_content .news a {margin-top:0; margin-bottom:0;}
    .sub_content .cont h4 {font-size:20px;}
}
@media screen and (max-width: 768px) {
	.sub_content .title_a h3 {font-size:12px;margin-bottom:1%;}
	.sub_content .title_a p {font-size:11px;padding-bottom:0; gap:5px;}
	.sub_content .cont h4.issue_tit01, .sub_content .cont h4.issue_tit02{font-size:18px;}
	.news_title{font-size:12px;}
	.sub_content .cont .photo_cation img{width:20%}
	.sub_content .news{margin-left:17%;}
}
@media screen and (max-width: 600px) {
    .sub_content {margin: 6vw auto;}
	.atta_s {font-size:12px;}
	.pc02{display:none}
	.m600{display:block;}
	.sub_content .news{margin-left:20%;}
}
@media screen and (max-width: 540px) {
	.sub_content .title_a {gap:20px;  left:10px; flex-wrap: wrap;}
   	.sub_content .cont p{font-size: 13px;}
    .sub_content .cont .tit p{font-size: 14px;}
    .sub_content .cont .photo_cation {font-size:11px;}
    .sub_content .cont h4 {font-size:15px;}
    .sub_content .cont li p {min-height:auto;}
	.sub_content .cont .img3 {width:30%;margin:0 auto;}/*과학하는 파동이 왼쪽 이미지*/
	.sub_content .news a p {font-size: 13px;}
	.txt_under, .ans_box, .news_box .news_box_list li {font-size: 13px;}
	.sub_content .cont .flex_photo {display: block;}
	.sub_content .cont li {display: flex;flex-flow:column-reverse;}
	.sub_content .cont .img7 {width:60%;margin:0 auto;}
	.sub_content .cont h4.issue_tit01, .sub_content .cont h4.issue_tit02{font-size:16px;}
	.news_title{font-size:11px;}
	.sub_content .cont h5, .news_box .news_box_tit{font-size:16px;}
	.sub_content .cont .photo_cation img{width:30%;}
	.news_box .news_box_list li{background:url("../img/sub/sub14_bullet.jpg") no-repeat 0 1px;padding-left:25px;}
}
@media screen and (max-width: 414px) {
	.sub_content .title_a {gap:10px;  left:5px;}
	.sub_content .title_a h3 {font-size:11px}
	.sub_content .title_a p {font-size:10px; gap:3px;}
	.sub_content .cont h4.issue_tit01, .sub_content .cont h4.issue_tit02{font-size:14px;}
	.sub_content .cont h5, .news_box .news_box_tit{font-size:14px;}
	.sub_content .news{margin-left:23%;}
}
@media screen and (max-width: 375px) {
	.sub_content .news {margin-left:26%;}
}