@charset "utf-8";
@import url(https://www.ksif.or.kr/newsletter_eng/20_07/css/nanumgothic.css);



/*reset*/
* {margin: 0;padding: 0;}
body {margin: 0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700; font-size: inherit;}
a {color: inherit; text-decoration: inherit;}
img {vertical-align: middle;}
a img {border: none;}
li {list-style: none;}
address, em, i {font-style: normal;}

/*layout*/
.mo {display: none;}
.pc {display: block;}
body,div {font-family: 'NanumGothic','Malgun Gothic','Dotum', sans-serif, 'Apple Gothic'; 
    font-size: 15px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;}
.wrap {margin: 0 auto; }
.left {float:left}
.center {float:center}
.right {float:right}
.w100 {width:100%}


td,th {
	font-family: "NanumGothic", "Malgun Gothic", 'Dotum';
}

.bbs_view .con_box {padding:20px 0px;}
news_layout .main {width:100%; margin:0 auto;}
#news_layout h1 {text-align:center; height:104px; padding-top:33px;}
.news_header {background: #b2e700; font-size:15px; color:#1721a2; font-weight:800; letter-spacing: -0.5px;height:20px; padding:10px 36px}
.news_list {margin:64px auto 50px;display:inline-block; padding:0 30px}
.news_list li {padding:4px; float:left;}
.news_list div {width:201px; height:60px;}

.news_list2 {margin:64px auto 50px;display:inline-block; padding:0 30px}
.news_list2 ul {overflow: hidden; position: relative; margin:0 auto}
.news_list2 ul li {float:left; position: relative;display:inline-block; text-align:center; width: 24%; padding:4px}
.news_list2 ul li p img{width:100%}
#news_layout,
#news_footer {width:900px; margin:0 auto; font-family: 'Noto Sans KR'; letter-spacing: -0.4px}
.newsinner {background: #b2e700; position:relative;font-size:14px; color:#1721a2;padding:20px 0 14px 35px;}
.newsinner .f_logo {float:left; display:inline-block;padding-right:6px;padding-bottom:10px;vertical-align: top}
.newsinner .copy_wrap {display:inline-block}
.newsinner .golink {float:left; display:inline-block; width:250px;}
.newsinner .golink li { background: #fff;margin-bottom:4px;line-height:1.2}
.newsinner .sns {display:inline-block;width:176px;margin-left:1px}
.newsinner .sns ul {float:left;display:inline-block;width:88px}
.newsinner .sns ul li {float:left;display:inline-block;padding:0 4px 3px 0}
.newsinner .sns .subscribe {float:left}

/* sub */
.pt45 {padding-top: 45px;}
.mmt55 {margin-top: -55px;}
.pl20 {padding-left:20px}

.s_top { background-color: #b2e700; height: 137px; margin: 0 auto;width:100%}
.s_t_l { margin: 0 55px 0 55px;}
.s_tit { font-size: 30px; font-weight: 800; color: #1721a2; margin-top:50px;}
.s_logo { float: right; padding-top:30px }

.s_body {background-color: #fff; margin: 0 auto;width:100%}
.s_body_tit {padding: 0 0 0 55px; font-size:15px; font-weight: 800; color:#1721a2; background-color: #ececec; height: 38px; line-height: 38px;}
.s_body_txt {padding: 55px; word-break: keep-all}
.s_body_txt02 {padding: 0 55px 55px 55px;}
.s_body_txt h2{font-size: 28px; line-height:1.3; font-weight:800; color:#1721a2; letter-spacing: -0.4px; }
.s_body_txt h4{font-size: 17px; color:#706f6f; line-height: 30px; padding-top: 20px; letter-spacing: -0.4px}
.s_body_txt p{color:#000; line-height: 28px; padding-top: 40px; font-weight: 400; }
.s_body_txt p .qu{display:block;font-size:17px; font-weight:700;color:#1721a2;padding-bottom:26px; padding-top:24px}
.s_body_txt02 p{color:#000; line-height: 28px; font-weight: 400; }
.s_body_img img{ width: 100%; padding-top:40px}
.s_body_img p{ font-size: 13px; color: #000; font-weight: 400; padding-top: 5px}
.s_body_img .pic_info{line-height:1.5; padding-top:10px}
.s_body_img span {font-size:12px; line-height:1.5}
.s_body_photo_img {float:right;padding:20px 20px 5px 20px}
.s_body_photo {margin-right:10px}
.s_body_photo_info {margin-top:20px}
.s_body_photo_info ul{padding:15px 0 15px 0}
.s_body_photo_info li {display:inline-block;font-size:17px;line-height:1.4;vertical-align: middle}
.s_body_photo_info li:last-child {width:70%}
.s_body_photo_info li span{color:#706f6f}
.s_body_photo_info li{padding-right:20px}

/*태블릿모드 와이드 화면*/

@media only screen and (min-width:1154px) and (max-width:1900px){
#news_layout  {width:900px;}
.news_list2 ul li { width: 24%}
}

@media only screen and (max-width: 1153px) and (min-width: 769px){
    #news_layout, #news_footer {width:760px}  
    .news_list2 ul li { width: 32%;  position: relative}
    .newsinner .f_logo {float:none; }
    .newsinner .golink {float:none;padding-right:10px}

}

/*태블릿모드 768*/
@media screen and (max-width:768px) {
    .pc { display:none; }
    .mo { display:block; }
	#news_layout, #news_footer {width:100%}
    .s_tit { font-size: 24px; font-weight: 800; color: #1721a2; margin-top:50px;}
    .newsinner .address {float:none;display:block;margin-right:0px;padding-top:8px;}
	.newsinner .golink {display:block;margin-top:4px;float:left;}
	.newsinner .sns {display:inline-block;width:200px;margin-left:4px;margin-top:4px}
    .news_list2 {margin:50px auto 50px;display:inline-block; padding:0 20px}
    .news_list2 ul {overflow: hidden; position: relative }
    .news_list2 ul li { width: 31%;  position: relative}
	.news_list div {width:168px; height:60px;}
    .s_t_l { margin: 0 30px;}
    .s_logo {padding-top:40px; width:150px}
    .s_logo img { width:100%}
    .s_body_tit {padding: 0 0 0 30px; }
    .s_body_txt h2{line-height:1.3;}
    .s_body_txt h4{font-size: 16px; color:#706f6f; line-height: 1.6; margin-top: 0px }
    .s_body_txt {padding:30px}
    .s_body_txt p .qu {padding-top:22px; padding-bottom:24px}
    .s_body_txt p{padding-top: 30px; }
    .s_body_photo_info li {display:inline-block;font-size:15px;line-height:1.4;vertical-align: middle}
    .s_body_photo_info li:first-child {width:130px}
    .s_body_photo_img {text-align:center}
    .s_body_photo_img img{width:90%;}

}
/*태블릿모드 414*/ 
@media screen and (max-width:414px) {
       #news_layout, #news_footer {width:100%; min-width: 200px;}
		#news_layout h1 {text-align:center; height:70px; padding-top:14px;}
		#news_layout h1 img {width:180px}
        #news_layout .s_logo {display:none}
		.news_header {padding:10px 20px;}
        .news_header div {font-size:12px}
		.newsinner {padding:20px}
		.newsinner .address {margin-right:0px;}
        .newsinner .sns {display:inline-block;width:200px;margin-left:0px;margin-top:5px}
        .news_list2 ul {overflow: hidden; position: relative; margin:0 auto }
        .news_list2 ul li { width: 47% !important;}
		.news_list {margin:40px auto 30px;display:inline-block; padding:0 10px}
	    .news_list div {width:166px; height:60px;}    
        .s_top { background-color: #b2e700; height: 90px; margin: 0 auto;}
        .s_logo {padding-top:20px; width:100px}
        .s_logo img { width:100%}
        .s_t_l { margin: 0 20px}
        .s_tit { font-size: 20px; color: #1721a2; margin-top:34px;}
        .s_body_txt h2{font-size: 24px;line-height:1.3}
        .s_body_txt h4{font-size: 15px; color:#706f6f; line-height: 1.6; margin-top: 0px }
        .s_body_txt p{font-size:13px; line-height:1.9; padding-top: 20px; }
        .s_body_txt .pic_info {font-size:11px; line-height:1.6; padding-top: 10px; }
        .s_body_tit {padding: 0 0 0 20px; font-size:15px;background-color: #ececec; height: 38px; line-height: 38px;}
        .s_body_txt {padding: 30px 20px;}
        .s_body_photo_img {float:none;margin:0 auto;text-align:center;padding-bottom:20px;}  
        .s_body_photo_info li {display:block;font-size:13px;line-height:1.4;vertical-align: middle;text-align:center;padding-right:0}
        .s_body_photo_info li:first-child {width:100%} 
        .s_body_photo_info li:last-child {width:100%}
        .s_body_photo_info li img {padding-bottom:10px;}
        .newsinner .f_logo img {width:100%}

    }


/*태블릿모드 320*/ 
@media screen and (max-width:320px) and (max-width:410px){
        #news_layout, #news_footer {width:100%; min-width: 200px;}
        #news_layout .s_logo {display:none}
        .news_list2 ul li { width: 45% !important;}
    }