@charset "utf-8";
@import url(https://www.ksif.or.kr/newsletter/20_08/css/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



/*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 : none;}
img {vertical-align: middle; }
a img {border: none;}
li {list-style: none;}
address, em, i {font-style: normal;}
table{border-collapse:collapse;}

/*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}
.t-left {text-align:left !important;}
.t-center {text-align:center !important; }
.t-right {text-align:right !important;}
.w100 {width:100% !important; max-width:900px !important;}
.mw800 {width:100% !important; max-width:800px !important; margin:0 auto !important;}
.p100p {width:100%; float:center;}
.ib {display:inline-block}


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

/*main*/
.news_main_box {display:block; margin:25px auto; width:100%; max-width:800px; border:1px solid rgb(255, 187, 157); box-sizing: border-box;}
.news_main_box ul.nf-main-type1 {text-align:center; margin-bottom:20px;}
.news_main_box ul.nf-main-type1 li {display:inline-block; width:316px; text-align:center; margin:20px 25px; font-size:16px; font-weight:600; letter-spacing:-0.05em; color:rgb(9, 55, 88); vertical-align:top;}
.news_main_box ul.nf-main-type1 li span {color:rgb(149, 50, 50);}
.news_main_box ul.nf-main-type1 li img {display:block; margin:auto;}
.news_main_box img {width:auto;}
.news_main_box ul.nf-main-type1 li.nf-banner {width:494px;}
.news_main_box ul.nf-main-type1 li a:visited {color:rgb(9, 55, 88);}

.news_main_box ul.nf-main-type2 {position: relative; text-align:center; background:rgb(243, 243, 243); padding-top:60px; padding-bottom:20px;}
.news_main_box ul.nf-main-type2 li {display:inline-block; width:316px; text-align:center; margin:20px 25px; font-size:16px; font-weight:600; letter-spacing:-0.03em; color:rgb(9, 55, 88); vertical-align:top;}
.news_main_box ul.nf-main-type2 li img {display:block; margin:auto;}
.news_main_box ul.nf-main-type2 li span {display:block;  font-size:14px; color:rgb(241, 100, 37); padding-top:10px;}
.news_main_box ul.nf-main-type2 li a:visited {color:rgb(9, 55, 88);}

.news_main_box ul.nf-main-type3 {position:relative; text-align:center; padding-top:12px;}
.news_main_box ul.nf-main-type3 li {display:inline-block; width:242px; text-align:center; margin:20px 4px; font-size:16px; line-height:18px; font-weight:600; vertical-align:top; letter-spacing:-0.03em; color:rgb(9, 55, 88); padding-top:40px;}
.news_main_box ul.nf-main-type3 li img {display:block; margin:5px auto 15px auto; }
.news_main_box ul.nf-main-type3 li span {display:block; padding-top:10px; font-size:14px; color:rgb(109, 156, 132);}
.news_main_box ul.nf-main-type3 li a:visited {color:rgb(9, 55, 88);}

.news_main_box ul.nf-main-type4 {text-align:center; margin-top:0px;  padding-top:22px; }
.news_main_box ul.nf-main-type4 li {display:inline-block; width:365px; margin:22px 6px;}

.news_main_tit {position:relative; left:-14px; top:16px;}
.news_main_tit2 {position:absolute; left:-14px; top:20px;}
.news_main_tit3 {position:absolute; left:-14px; top:21px;}
.nf-main-btn {padding-top:10px;}

/*page*/
#news_body div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, td, th {
	font-family: 'Noto Sans KR', "NanumGothic", "Malgun Gothic", 'Dotum';
	}
#news_body h2 {padding:0; margin-top:56px; font-size:32px; color:#ff834c; line-height:39px; letter-spacing:-0.05em; font-weight:700;  position:relative;}
#news_body .subject-line {display:block; margin:28px 0px 30px 0px; width:56px; height:3px; background:rgb(255, 179, 145);}
.cap {display:block; width:100%; margin:16px 20px 20px 0px;  font-size:19px; color:#123c5e; line-height:23px; font-weight:300; letter-spacing:-0.05em;}
#news_subject {display:block; margin:0 auto; max-width:800px; width:100%; letter-spacing:-0.04em;}
#news_subject img {margin:auto !important; text-align:center;}
#news_subject ol {display:block; font-size:21px; color:rgb(18, 60, 94);  }
#news_subject ol  li {margin:0px 0px 20px 20px; line-height:29px; list-style-image:url('../img/bullet.jpg'); font-weight:400; }
#news_subject ol  li.sjhd-story-li {list-style:none; margin-left:0px; font-size:30px; letter-spacing:-0.03em;}
#news_subject p {margin-top:50px; font-size:18px; font-weight:300;  color:rgb(27, 27, 27); line-height:30px; text-align:justify;  word-break: break-all;}
#news_subject table {width:100%; border:0px; border-bottom:1px solid rgb(177, 182, 192);}
#news_subject th {background:rgb(55, 82, 137); font-size:19px; color:rgb(255, 255, 255); line-height:19px; text-align:left; font-weight:300; padding:10px; border:0px;}
#news_subject td { font-size:19px; font-weight:300; line-height:19px;  padding:10px; color:rgb(62, 68, 79);border:0px;}
#news_subject tr.type2 td  {background:rgb(240, 241, 244); line-height:19px;}
#news_subject h2.nuri {font-size:30px; font-weight:500; color:rgb(124, 101, 153);}
#news_subject p.nuri-text {font-size:19px; color:rgb(9, 55, 88); margin:0px auto; font-weight:400;}
#news_subject p.nuri-text2 {font-size:19px; color:rgb(65, 65, 65);}
#news_subject h5 {font-size:21px; line-height:35px !important; color:rgb(9, 55, 88); font-weight:600; margin-top:100px; letter-spacing: -0.05em;}
#news_subject p.nuri-p {margin-top:10px !important;  }
#news_subject h5 img{display:inline !important;  width:auto; height:auto !important; margin:0px !important; vertical-align:bottom;}
#news_subject img. {}
#news_subject dt {vertical-align: top; font-size:18px; margin-bottom:5px;}
#news_subject dd {vertical-align: top; font-size:18px; font-weight:300; line-height:25px; margin-bottom:8px;}
#news_subject dd b {font-weight:400;}
#news_subject dd img {text-align:center; margin:0 auto;}

#photo_subject {display:block; margin:0 auto; max-width:900px; width:100%; letter-spacing:-0.04em; background-color:#fafafa; text-align:center; border:20px  solid  #334473;  border-top:0px; border-bottom:0px; box-sizing: border-box;  padding:0 10px;}
#photo_subject strong {font-size:28px; line-height:43px; color:rgb(9, 114, 130); font-weight:600; margin-bottom:20px;}
#photo_subject p {font-size:24px; line-height:45px; color:rgb(37, 37, 37); font-weight:300; margin-top:20px; }
#photo_subject2 {display:block;  margin:0 auto; width:100%;   letter-spacing:-0.04em; background-color:#334473; padding:0px 0px 80px 0px;}
#photo_subject2 table {max-width:800px; width:95%; margin:0 auto; font-family: "NanumGothic", "Malgun Gothic", 'Dotum'; font-size: 22px; color:rgb(255, 255, 255); }
#photo_subject2  td { color:rgb(255, 255, 255); letter-spacing:-0.04em;  font-weight: 200; border-bottom:1px solid rgb(83, 96, 134); padding:15px 15px 10px 32px; line-height:24px;}
#photo_subject2  th{ width:230px; font-weight:600;  vertical-align:middle;  letter-spacing:-0.05em; border-bottom:1px solid rgb(83, 96, 134); padding-top:25px; padding-bottom:20px;   background:url('https://www.ksif.or.kr/newsletter/21_07/img/202107_1006.jpg') right middle transparent;}
#photo_subject2  img {margin-right:15px; display:inline-block;}
#photo_subject2  td  span {font-size:20px;}


.fc01 {color:rgb(81, 89, 105) !important;}
.fc02 {color:rgb(55, 82, 137) !important;}
.img-auto {width:auto !important;}
.nf-photo-arrow {position:relative; width:98px !important; top:-47px; left:50%;  margin-left:-47px;}
.nf-photo-line {display:inline-block; float:right; width:2px !important; height:32px; background:rgb(183, 156,84); margin:auto 27px auto 32px; vertical-align:middle;}
.nobor {border:0px !important;}
.bbs_view .con_box img {width:auto;}

#news_footer {display:block; overflow:hidden; width:100%; max-width:800px; padding:14px 0px 12px 0px; background:rgb(229, 229, 229); letter-spacing:-0.04em; margin:10px auto 30px auto; position:relative;}
#news_footer .nf-logo {float:left;  padding-top:6px; margin-left:20px; margin-right:12px;}
#news_footer .nf-add {float:left; max-width:247px; font-size:12px; color:rgb(96, 90, 90); margin-right:30px;}
#news_footer .nf-add span{display:block; float:left;}
#news_footer .nf-link{float:left; font-size:10px; margin-right:6px; text-align:left;}
#news_footer .nf-link li{display:block; width:167px; height:17px; margin-bottom:5px; border-radius:3px; background:rgb(255, 255, 255); color:rgb(245, 115, 57); font-weight:300;}
#news_footer .nf-link li strong{color:rgb(245, 115, 57); font-weight:600; margin:0px 6px 0px 8px;}
#news_footer .nf-link a {color:rgb(245, 115, 57);}
#news_footer .nf-icon {float:left;}

.img-nobl, .img-nobl img {display:inline !important;}
@media (max-width: 1150px) {
	.news_main_box ul.nf-main-type1 li {width:70%;}
	.news_main_box ul.nf-main-type1 img.thum {width:100%;}
	.news_main_box ul.nf-main-type1 li strong {display:block; min-height:44px;}
	.news_main_box ul.nf-main-type3 li {width:70%; margin-left:3%; margin-right:3%;}
	.news_main_box ul.nf-main-type4 ul {padding-top:40px; padding-bottom:40px;}
	.news_main_box ul.nf-main-type4 li {display:inline-block; width:363px; margin:auto;}
	.news_main_box ul.nf-main-type4 img {width:100%;}
  .news_main_box ul.nf-main-type1 li.nf-banner {width:90%;}

  #news_subject dd img {width:100%;}

	#news_footer .nf-add {margin-bottom:8px; margin-left:20px;}
	#news_footer .nf-link {margin-left:20px;}
}

/*media css*/
@media (min-width: 320px) and (max-width: 480px) {
	.bbs_view .con_box {padding-left:0 !important; padding-right:0 !important;}

	.news_main_box ul.nf-main-type1 li {width:70%;}
	.news_main_box ul.nf-main-type1 img.thum {width:100%;}
	.news_main_box ul.nf-main-type1 li strong {display:block; min-height:44px;}
	.news_main_box ul.nf-main-type3 li {width:70%;}
	.news_main_box ul.nf-main-type4 ul {display:block; padding-top:40px;}
	.news_main_box ul.nf-main-type4 li {display:inline-block; width:363px; margin:auto;}
	.news_main_box ul.nf-main-type4 img {width:100%;}

	#news_body h2 {font-size:28px !important;}
	#news_subject ol {font-size:20px !important;}
	#news_subject p {font-size:17px !important;}
	#news_subject h5 img{width:60px; vertical-align:bottom; }
	#news_body .cap {font-size:16px !important;}
	#news_subject th, #news_subject td {font-size:15px !important;}

	#photo_subject {width:100%; border:7px solid #334473; text-align:left; }
	#photo_subject strong {display:block; font-size:20px; line-height:35px;  }
	#photo_subject p {font-size:16px;  line-height:35px; }
	#photo_subject2 th{width:120px; text-align:center;}
	#photo_subject2 th strong {display:block; font-size:18px; }
	#photo_subject2 td {font-size:16px; padding-left:15px; }
	#photo_subject2  img {margin-right:0px;}
	#photo_subject2  td  span {font-size:14px;}

  .no-mo {display:none; width:0px !important; height:0px !important;}
	.nf-photo-arrow {position:relative; width:60px !important; top:-30px; left:50%;  margin-left:-30px;}

	#news_footer .nf-add {margin-bottom:8px; margin-left:20px;}
	#news_footer .nf-link {margin-left:20px;}
}