
body{width:100vw; overflow-x:hidden;}
.contents .main_logo{position:relative; padding-top:110px; text-align:center;}
.contents .main_logo a{display:inline-block;}
.contents .main_logo .small_video{position:relative; display:inline-block;}
.contents .main_logo .small_video video{height:240px;}
.contents .main_logo img{width:100%; height:100%; position:absolute; top:0; left:0;}
.list-btn {width: auto; height: auto; font-size: 15px; color: #fff; background-color: transparent;}


.contents.list_detail{max-width:1440px;margin:0 auto; min-width:320px; overflow:auto;}
.contents.list_detail .inner{padding:0 120px;}
.contents .contents_detail{padding:0 100px;margin-top:135px;}

.contents .contents_detail .title{position:relative; min-height: 40px;}
.contents .contents_detail .title:after{position:absolute; bottom:-30px; left:0; display:block; content:''; width:100%; height:1px; background-color:#cad1d6;}
.contents .contents_detail .title h1{font-family: 'HancomMalangMalang'; font-size:32px; font-weight:bold; color:#000; letter-spacing:-0.02em; line-height:1.23;}

.contents .contents_detail .info_all{position:relative; margin-top:58px;}
.contents .contents_detail .info_all .info{float:left;}
.contents .contents_detail .info_all .info span{ padding:0 13px; border-right:1px solid #cad1d6;}
.contents .contents_detail .info_all .info span:last-child{border:none;}
.contents .contents_detail .info_all .info span:last-child{line-height:2; word-break:break-all;}
.contents .contents_detail .info_all .info span.type{padding-left:0;}


.contents .contents_detail .info_all .info span{font-family:'NanumBarunGothic'; font-size:16px; font-weight:400; color:#000; letter-spacing:-0.025em; line-height:1;}
.contents .contents_detail .info_all .info span.type, .contents .contents_detail .info_all .info span.tag{color:#3bb149;}

.contents .contents_detail .info_all .sns_link{ float:right; }
.contents .contents_detail .info_all .sns_link li{width:37px; display:inline-block;}
.contents .contents_detail .info_all .sns_link li + li{margin-left:8px;}

.contents .contents_detail .info_all .sns_link li a img{opacity:0.5;}
.contents .contents_detail .info_all .sns_link li:hover a img{opacity:1;}

.contents .contents_detail .detail_inner{margin-top:25px; padding:65px 0;}
.contents .contents_detail .detail_inner .se2_quote7 span{font-size : 14pt;}


.contents .contents_detail .detail_inner iframe { max-width: 100%; }

.contents .attachments_area{position:relative; padding:60px 100px 0;}
.contents .attachments_area:after{display:block; content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1000px; height:1px; background-color:#cad1d6;}
.contents .attachments_area .attachments_label{padding:0 20px;}
.contents .attachments_area .attachments_label p{font-family:'NotoSansCJKkr'; font-size:18px; line-height:1.23; font-weight:bold; letter-spacing:-0.03em;}
.contents .attachments_area ul .list_row + .list_row {margin-top:15px;}
.contents .attachments_area .attachments_list{margin-top:22px; width:100%; padding:30px 40px; border:1px solid #e2e9ef; border-radius:20px; background-color:#f7fafd;}
.contents .attachments_area .attachments_list .list_inner{position:relative;}
.contents .attachments_area .attachments_list .list_inner:after{position:absolute; top:50%; right:0; transform:translateY(-50%); display:block; content:''; width:20px; height:20px; background:url("./../../image/bgfnews_list/download_icon.svg") no-repeat 0 0/contain;;}
.contents .attachments_area .attachments_list .list_inner li{display:inline-block; vertical-align:middle;}
.contents .attachments_area .attachments_list .list_inner li:nth-child(1){width:86%;}
.contents .attachments_area .attachments_list .list_inner li:nth-child(2){width:14%; padding-right:4.5%; text-align:right;}
.contents .attachments_area .attachments_list p{position:relative; display:inline-block; font-family:'NotoSansCJKkr'; font-size:18px; line-height:1.23; font-weight:400; letter-spacing:-0.03em; max-width:100%;}
.contents .attachments_area .attachments_list p span{font: inherit; display:block; text-overflow:ellipsis; white-space:pre; overflow:hidden;}

.contents .attachments_area .attachments_list a:hover .list_inner li:nth-child(1) p{color:#3bb149;}
.contents .attachments_area .attachments_list a:hover .list_inner li:nth-child(1) p:after{position:absolute; bottom:-1px; content:''; display:block; width:100%; height:1px; background-color:#3bb149;}
.contents .attachments_area .attachments_list a:hover .list_inner:after{background-image:url("./../../image/bgfnews_list/download_icon_hover.svg");}

.contents .btn_all{margin:100px 0;}
.contents .btn_all .obj-btn .detail_btn{position:relative; width:100%; height:66px; border-radius:50vh; text-align:center;}
.contents .btn_all .obj-btn .detail_btn::after{content:''; display:block; position:absolute; top:50%; right:33px; transform:translateY(-50%); width:17px; height:10px; background:url("./../../image/bgfnews_list/list_arrow_btn.svg") no-repeat 0 0/contain; pointer-events: none;}
.contents .btn_all .obj-btn .detail_btn + .detail_btn{margin-top:10px;}
.contents .btn_all .obj-btn .detail_btn.btn_next::after{transform:rotate(180deg)translateY(50%);}
.contents .btn_all .obj-btn .detail_btn.btn_prev {background-color:#f2f7fb;}
.contents .btn_all .obj-btn .detail_btn a {display:inline-block; width:100%; height:100%;}
.contents .btn_all .obj-btn .detail_btn a span.list_title{width:64%; font-size:18px; font-weight:400; color:#000; letter-spacing:-0.02em; line-height:1.89;}
.contents .btn_all .obj-btn .detail_btn a span.control{position:absolute; top:50%; transform:translateY(-50%); right:85px; font-size:18px; font-weight:400; color:#000; letter-spacing:-0.02em; line-height:1.89; white-space: nowrap;}

.contents .btn_all .list-btn .detail_btn{position:relative; width:223px; height:68px; border:2px solid #ced8e0; border-radius:50vh; margin:85px auto 0; text-align:center; overflow:hidden;}
.contents .btn_all .list-btn .detail_btn a{display:inline-block; width:100%; height:100%;}
.contents .btn_all .list-btn .detail_btn a span{font-family: 'HancomMalangMalang'; font-size: 19px; line-height: 1.23; letter-spacing: -0.02em; color: rgba(0, 0, 0, 0.8);}

.contents .btn_all .obj-btn .detail_btn:hover a span{font-weight:700;}
.contents .btn_all .list-btn .detail_btn:hover{background:#afb9c0; border:2px solid #afb9c0;}
.contents .btn_all .list-btn .detail_btn:hover span{color:#fff;}

@media screen and (max-width: 1440px) {
	.contents.list_detail .inner{padding:0 8.33vw;}
	.contents .main_logo{ padding-top:7.64vw; }
	.contents .main_logo .small_video video{height:16.67vw;}



	.contents .contents_detail{padding:0 6.94vw;margin-top:9.38vw;}
	
	.contents .contents_detail .title{ min-height: 2.78vw;}
	.contents .contents_detail .title:after{ bottom:-2.08vw; left:0; width:100%; height:1px; }
	.contents .contents_detail .title h1{ font-size:2.22vw;   letter-spacing:-0.02em; line-height:1.23;}

	.contents .contents_detail .info_all{ margin-top:4.03vw;}
	.contents .contents_detail .info_all .info span{ padding:0 0.90vw;}


	.contents .contents_detail .info_all .info span{ font-size:1.11vw;}

	.contents .contents_detail .info_all .sns_link li{width:2.57vw; }
	.contents .contents_detail .info_all .sns_link li + li{margin-left:0.56vw;}


	.contents .contents_detail .detail_inner{margin-top:1.74vw; padding:4.51vw 0;}

	.contents .attachments_area{ padding:4.17vw 6.94vw 0;}
	.contents .attachments_area:after{width:69.44vw; height:0.07vw; }
	.contents .attachments_area .attachments_label{padding:0 1.39vw;}
	.contents .attachments_area .attachments_label p{ font-size:1.25vw;}
	.contents .attachments_area ul .list_row + .list_row {margin-top:1.04vw;}
	.contents .attachments_area .attachments_list{margin-top:1.53vw; padding:2.08vw 2.78vw;  border-radius:1.39vw; }
	.contents .attachments_area .attachments_list .list_inner:after{ width:1.39vw; height:1.39vw;}
	.contents .attachments_area .attachments_list p{font-size:1.25vw; }

	.contents .attachments_area .attachments_list a:hover .list_inner li:nth-child(1) p:after{ bottom:-0.07vw;}


	.contents .btn_all{margin:6.94vw 0;}
	.contents .btn_all .obj-btn .detail_btn{ width:100%; height:4.58vw; border-radius:50vh; }
	.contents .btn_all .obj-btn .detail_btn::after{   top:50%; right:2.29vw; transform:translateY(-50%); width:1.18vw; height:0.69vw; }
	.contents .btn_all .obj-btn .detail_btn + .detail_btn{margin-top:0.69vw;}
	.contents .btn_all .obj-btn .detail_btn.btn_next::after{transform:rotate(180deg)translateY(50%);}
	.contents .btn_all .obj-btn .detail_btn a span.list_title{ font-size:1.25vw;   letter-spacing:-0.02em; line-height:1.89;}
	.contents .btn_all .obj-btn .detail_btn a span.control{ top:50%; transform:translateY(-50%); right:5.90vw; font-size:1.25vw;   letter-spacing:-0.02em; line-height:1.89; white-space: nowrap;}

	.contents .btn_all .list-btn .detail_btn{ width:15.49vw; height:4.72vw; border-radius:50vh; border-radius:50vh;margin:5.90vw auto 0; }
	.contents .btn_all .list-btn .detail_btn a span{font-size: 1.32vw; line-height: 1.23; letter-spacing: -0.02em;}
}
@media screen and (max-width: 768px) {
	.contents.list_detail .inner{padding:0 6.51vw;}

	.contents .main_logo{padding-top:14.32vw;}
	.contents .main_logo .small_video video{height:31.25vw;}


	.contents .contents_detail{padding:0;margin-top:17.58vw;}

	.contents .contents_detail .title{position:relative;}
	.contents .contents_detail .title:after{position:absolute; bottom:-3.91vw; left:0; display:block; content:''; width:100%; height:1px; background-color:#cad1d6;}
	.contents .contents_detail .title h1{font-size:5.21vw; font-weight:bold; color:#000; letter-spacing:-0.02em; line-height:1.5; word-break: break-word;}

	.contents .contents_detail .info_all{position:relative; margin-top:9.77vw;}
	.contents .contents_detail .info_all .info{ float:none; margin-top:1.30vw; float:left;}
	.contents .contents_detail .info_all .info span{ padding:0 2vw;}


	.contents .contents_detail .info_all .info span{ font-size:3.39vw;}

	
	.contents .sns_link{text-align:center; margin-top:13.67vw;}
	.contents .sns_link li{width:9.11vw; display:inline-block;}
	.contents .sns_link li + li{margin-left:2.34vw;}

	.contents  .sns_link li a img{opacity:0.5;}

	.contents .contents_detail .detail_inner{margin-top:13.02vw; padding:0;}
	.contents .contents_detail .detail_inner img {width: 100% !important;}

	.contents .attachments_area{position:relative; padding:15.63vw 0 0; margin-top:15.63vw;}
	.contents .attachments_area:after{width:100%;}
	.contents .attachments_area .attachments_label{padding:0;}
	.contents .attachments_area .attachments_label p{font-size:3.65vw;}
	.contents .attachments_area ul .list_row + .list_row {margin-top:5.60vw;}
	.contents .attachments_area .attachments_list{margin-top:3.52vw; width:100%; padding:6.51vw 5.21vw; border-radius:2.60vw;}
	.contents .attachments_area .attachments_list .list_inner{position:relative;}
	.contents .attachments_area .attachments_list .list_inner:after{width:3.91vw; height:3.91vw; background:url("./../../image/bgfnews_list/download_icon-m.svg") no-repeat 0 0/contain;;}
	.contents .attachments_area .attachments_list .list_inner li{display:inline-block; vertical-align:middle;}
	.contents .attachments_area .attachments_list .list_inner li:nth-child(1){width:69%;}
	.contents .attachments_area .attachments_list .list_inner li:nth-child(2){width:31%; padding-right:10.7%;}
	.contents .attachments_area .attachments_list p{font-size:3.13vw;}
	.contents .attachments_area .attachments_list p span{font: inherit; display:block; text-overflow:ellipsis; white-space:pre; overflow:hidden;}

	.contents .attachments_area .attachments_list a:hover .list_inner li:nth-child(1) p{color:#000;}
	.contents .attachments_area .attachments_list a:hover .list_inner li:nth-child(1) p:after{display:none;}
	.contents .attachments_area .attachments_list a:hover .list_inner:after{background-image:url("./../../image/bgfnews_list/download_icon-m.svg");}



	.contents .btn_all{margin:19.53vw 0;}
	.contents .btn_all .obj-btn .detail_btn{position:relative; width:100%; height:10.42vw; border-radius:50vh;}
	.contents .btn_all .obj-btn .detail_btn::after{content:''; display:block; position:absolute; top:50%; right:31.64vw; transform:translateY(-50%); width:2.60vw; height:1.69vw; }
	.contents .btn_all .obj-btn .detail_btn + .detail_btn{margin-top:0;}
	.contents .btn_all .obj-btn .detail_btn.btn_next::after{transform:rotate(180deg)translateY(50%); }
	.contents .btn_all .obj-btn .detail_btn a span.list_title{display:none;}
	.contents .btn_all .obj-btn .detail_btn a span.control{ position:absolute; top:50%; left:50%; right:auto; transform:translate(-50%, -50%); font-size:3.65vw; font-weight:400; color:#000; letter-spacing:-0.02em; line-height:1.21; white-space: nowrap;}

	.contents .btn_all .list-btn .detail_btn{position:relative; width:36.72vw; height:11.72vw; border:2px solid #ced8e0; border-radius:50vh; margin:16.93vw auto 0; text-align:center;}
	.contents .btn_all .list-btn .detail_btn a span{font-size: 3.65vw; line-height: 1.23; letter-spacing: -0.02em; color:  rgba(0, 0, 0, 0.8);}

	.contents .btn_all .list-btn .detail_btn:hover{background:inherit; border:2px solid #ced8e0; font-weight:400;}
	.contents .btn_all .list-btn .detail_btn:hover a span{color:rgba(0, 0, 0, 0.8);}

}
@media screen and (max-width: 320px) {
	.contents.list_detail .inner{padding:0 21px;}
	.contents .main_logo{padding-top:46px;}
	.contents .main_logo .small_video video{height:100px;}

	.contents .contents_detail{padding:0;margin-top:56px;}

	.contents .contents_detail .title{}
	.contents .contents_detail .title:after{ bottom:-13px; left:0;   width:100%; height:1px; }
	.contents .contents_detail .title h1{font-size:17px;   letter-spacing:-0.02em; line-height:1.5;}

	.contents .contents_detail .info_all{ margin-top:31px;}
	.contents .contents_detail .info_all .info{  margin-top:4px; }
	.contents .contents_detail .info_all .info span{ padding:0 6px;}


	.contents .contents_detail .info_all .info span{ font-size:11px;}
	
	.contents .sns_link{ margin-top:44px;}
	.contents .sns_link li{width:29px; }
	.contents .sns_link li + li{margin-left:7px;}

	.contents  .sns_link li a img{opacity:0.5;}

	.contents .contents_detail .detail_inner{margin-top:42px;}

	.contents .attachments_area{ padding:50px 0 0; margin-top:50px;}
	.contents .attachments_area:after{width:100%;}
	.contents .attachments_area .attachments_label{padding:0;}
	.contents .attachments_area .attachments_label p{font-size:12px;}
	.contents .attachments_area ul .list_row + .list_row {margin-top:18px;}
	.contents .attachments_area .attachments_list{margin-top:11px; width:100%; padding:21px 17px; border-radius:8px;}
	.contents .attachments_area .attachments_list .list_inner{}
	.contents .attachments_area .attachments_list .list_inner:after{width:13px; height:13px; background:url("./../../image/bgfnews_list/download_icon-m.svg") no-repeat 0 0/contain;;}
	.contents .attachments_area .attachments_list .list_inner li{ }
	.contents .attachments_area .attachments_list .list_inner li:nth-child(1){width:69%;}
	.contents .attachments_area .attachments_list .list_inner li:nth-child(2){width:31%; padding-right:10.7%;}
	.contents .attachments_area .attachments_list p{font-size:10px;}
	.contents .attachments_area .attachments_list p span{font: inherit;  text- white-space:pre; }

	.contents .attachments_area .attachments_list a:hover .list_inner li:nth-child(1) p{}
	.contents .attachments_area .attachments_list a:hover .list_inner li:nth-child(1) p:after{}
	.contents .attachments_area .attachments_list a:hover .list_inner:after{background-image:url("./../../image/bgfnews_list/download_icon-m.svg");}


	.contents .btn_all{margin:62px 0;}
	.contents .btn_all .obj-btn .detail_btn{ width:100%; height:33px; border-radius:50vh;}
	.contents .btn_all .obj-btn .detail_btn::after{   top:50%; right:101px; transform:translateY(-50%); width:8px; height:5px; background:url("./../../image/bgfnews_list/list_arrow_btn.png") no-repeat 0 0/contain;}
	.contents .btn_all .obj-btn .detail_btn + .detail_btn{margin-top:4px;}
	.contents .btn_all .obj-btn .detail_btn.btn_next::after{transform:rotate(180deg)translateY(50%);}
	.contents .btn_all .obj-btn .detail_btn a span.control{  top:50%; left:50%; right:auto; transform:translate(-50%, -50%); font-size:12px;   letter-spacing:-0.02em; line-height:1.21; white-space: nowrap;}

	.contents .btn_all .list-btn .detail_btn{ width:118px; height:38px; border:2px solid #ced8e0; border-radius:50vh; margin:54px auto 0; }
	.contents .btn_all .list-btn .detail_btn a span{font-size: 12px; line-height: 1.23; letter-spacing: -0.02em; color:  rgba(0, 0, 0, 0.8);}

	.contents .btn_all .list-btn .detail_btn:hover{background:inherit; border:2px solid #ced8e0;}
	.contents .btn_all .list-btn .detail_btn:hover a span{color:rgba(0, 0, 0, 0.8);}

}





/* 예외 */
.detail_inner{font-family:'HancomMalangMalang',Sans-serif;font-size:14pt;line-height:1.5}
.detail_inner div{font: inherit; line-height: inherit;} 
.detail_inner p{ font: inherit; line-height: inherit; }
.detail_inner img{width:100%;}
.detail_inner b{font-size:inherit; font-family:inherit;}
.detail_inner i{font-size:inherit;}
.detail_inner span{font-size:inherit;}
.detail_inner ol{font-size:inherit;}
.detail_inner ul{font-size:inherit;}
.detail_inner ol li{font-size:inherit;}
.detail_inner ul li{font-size:inherit;}
.detail_inner iframe{display:block; margin:0 auto;}

.detail_inner a{color: -webkit-link; text-decoration: underline;}

.detail_inner table,.detail_inner tr,.detail_inner td, .detail_inner tbody{ font: inherit; line-height: inherit; }
table, .table{width:auto; }
table th, table td {padding:auto; text-align: left;}
