@font-face {
    font-family: 'RixYeoljeongdo_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Reset */

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,ul,li,fieldset,form,label,tbody,tfoot,thead,tr,th,td,article,footer,header,section, dd, dt{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
footer,section {
	display: block;
}
ol,ul {
	list-style: none;
}
br{font-family: 'sans-serif';}

body {
	height: 100%;
    overflow: auto;
	line-height: 1.5;
	font-family: "RixYeoljeongdo_Regular", "NanumSquareRound", sans-serif;
	font-size: 17pt;
	-webkit-text-size-adjust: none;
	background-color: #e7e7e7;
	
}
.link_text1,.link_text2,.link_text3,.link_text4 {
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.link_text1 {-webkit-line-clamp: 1}
.link_text2 {-webkit-line-clamp: 2}
.link_text3 {-webkit-line-clamp: 3}
.link_text4 {-webkit-line-clamp: 4}

a {
    text-decoration: none;
    cursor: pointer;
    margin: 0;
}



*,*:before,*:after {box-sizing: border-box;}

/* Basic */
@-ms-viewport {	width: device-width;}
body {	-ms-overflow-style: scrollbar;}
@media screen and (max-width: 480px) {	html, body {min-width: 320px;}}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: inherit;
	text-decoration: none;
}
.logo{
	margin: 2em 2em 0;
}

/* Header */
.wrapper1{ margin: 0 2em;}
#header h1 {
	margin: 0 0 0.25em 0;
	color:#0e38bb;
	font-size: 3.2em;
}
#header h1 span{
	font-size: .25em;
	border-radius: 30px;
	background-color:#0e38bb;
	color: #fff;
	padding: 5px 10px;
}
#header p {
	font-family: 'NanumSquareRound';
	color: #4a4a4a;
	font-size: 1.1em;
	letter-spacing: -0.025em;
}
#header .sub_title {
	color: #303037;
	font-size: 2em;
}
#header .title_txt{
	display: inline-block;
	width: 59%;
	margin: 2em 0 4em 4%;
	
}
#header .title_img{
	display: inline-block;
	width: 36%;
	vertical-align: bottom;
	text-align: right;
	padding: 0 4% 0 0;
}
#header .title_img img{
	width: 100%;
	max-width: 820px;
	vertical-align: bottom;
}

/* BG */

#bg {
	-moz-animation: bg 60s linear infinite;
	-webkit-animation: bg 60s linear infinite;
	-ms-animation: bg 60s linear infinite;
	animation: bg 60s linear infinite;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

	background: url("../images/cloud_bg.png") top left;
	background-repeat: repeat-x;
	height: 100%;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	background-size: auto;
	width: 6658px;
	z-index: -1;
}

@-moz-keyframes bg {
	0% {-moz-transform: translate3d(0,0,0);	-webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	100% {-moz-transform: translate3d(-2250px,0,0);	-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0);}
}

@-webkit-keyframes bg {
	0% {-moz-transform: translate3d(0,0,0);	-webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	100% {-moz-transform: translate3d(-2250px,0,0);	-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0);}
}

@-ms-keyframes bg {
	0% {-moz-transform: translate3d(0,0,0);	-webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	100% {-moz-transform: translate3d(-2250px,0,0);	-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0);}
}

@keyframes bg {
	0% {-moz-transform: translate3d(0,0,0);	-webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	100% {-moz-transform: translate3d(-2250px,0,0);	-webkit-transform: translate3d(-2250px,0,0);
		-ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0);}
}

/* Main */
.main {
	background-color: #ffffff;
	border-radius: 1em;
    position: relative;
	margin: 0 2em;
	padding: 3.5em 2em;
}

/* Section/Article */

header.info_title h2 {
	color: #333;
	font-size: 1.7em;
	line-height: 1.3;
	padding: 0 0 2em 0;
	text-align: center;
}
header.info_title h2 span{
	font-family: 'NanumSquareRound';
	font-size: .6em;
	letter-spacing: -0.025em;
}


/* Wrapper */
.wrapper {
	background-color: #0e38bb;
	position: relative;
}
.wrapper:before{
	background-color: #e7e7e7;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%230e38bb' /%3E%3C/svg%3E");
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	display: block;
	height: 6.6em;
	position: absolute;
	width: 100%;
}


.wrapper .inner {
	padding: 3em 0 1em 0 ;
	margin: 0 auto;
	width: 55em;
}

.wrapper.spotlight .inner {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.wrapper.spotlight .image {
	border-radius: 100%;
	margin: 0 3em 2em 0;
	width: 22em;
	overflow: hidden;
}

.wrapper.spotlight .image img {
	border-radius: 100%;
	width: 100%;
}

.wrapper.spotlight .content {
	width: 100%;
}

.wrapper.spotlight:nth-child(2n - 1) .inner {
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	text-align: right;
}

.wrapper.spotlight:nth-child(2n - 1) .image {
	margin: 0 0 2em 3em;
}


/* Features */
.features {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	padding: 0;
	list-style: none;
}


.features a{
	margin: 0 4% 4% 0;
}
.features a:nth-of-type(3n){
    margin-right: 0;
}
.features a:hover{
    -webkit-box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.74);
    -moz-box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.74);
    box-shadow: 15px 10px 48px -32px rgba(94,94,94,0.74);
}

li.editorial .newslist_box {
    background: #fff;
    flex-basis: 450px;
    max-width: 450px;
    width: 100%;
	border: 1px solid #d9d9d9;
	margin: 0;
}
.tri div.pl_ico {
    width: 70px;
    height: 70px;
    background: #17c594;
    border-radius: 100%;
    position: relative;
    display: inline-block;
}
.tri div.pl_ico span {
    display: block;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid #fff;
    position: absolute;
    font-weight: 600;
    color: #fff;
    left: 28px;
    top: 24px;
}
li.editorial .newslist_box dt.vd_otline {
    position: relative;
	height: 100%;
}
li.editorial .newslist_box .otline_bl {
    border: 13px solid rgba(91, 197, 167, .5); /*alpha 투명값.*/
    position: absolute;
    width: 100%;
    height: 300px;
    left: 0;
    top: 0;
}
li.editorial div.tri {
    position: absolute;
    top: 39%;
    left: 45%;
    opacity: 0.85;
    z-index: 999;
}
li dl.newslist_box dt img {
    width: 100%;
    height: 300px;
}
li dl.newslist_box dd {
    padding: 0;
    margin: 0 1.5em;
}
.editorial dl dd.news_tit{
	font-size: 1.1em;
	color: #303030;
	margin: 1em 1.5em;
}
.editorial dl dd.news_txt{
	font-family: 'NanumSquareRound';
	font-size: .8em;
	color: #303030;
	margin: 0 1.5em 1em;
}
.editorial dl dd.date {
	font-family: 'NanumSquareRound';
	font-size: .7em;
    color: #a4a4a4;
	text-align: right;
	margin: 0 1.5em 1em;
}

/*second*/
#second{
	margin-top: 2em;
}
.qna_wrap{
    padding: 0 5% 0;
    clear: both;
    background: #2c228f;
    width: 100%;
    margin-top: 120px;
    padding-top: 150px;
    padding-bottom: 80px;
    overflow: hidden;
}
.qna_conts{
	width: 90%;
	margin: 0 auto;
	padding: 0 0 2em;
}
.qna_conts .qna_box{
    position: relative;
    background: #efefef;
    border-radius: 20px;
    padding: 40px 115px 40px;
	margin: 0 0 1em;
}
.qna_box .arrow{
    position: absolute;
    right: 50px;
    top: 50px;
    display: block;
    cursor: pointer;
}
.qna_conts .qna_box:last-child{
    margin: 0 auto 0;
}
dl.qna_box .qtit{
    position: absolute;
	left: 60px;
    top: 48px;
    width: 27px;
    height: 21px;
	background: url(../images/list_ico.png) no-repeat;
}
dl.qna_box dt{
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -1px;
    cursor: pointer;
}
dl.qna_box dd{
	font-family: 'NanumSquareRound';
    font-size: .8em;
    font-weight: 400;
    line-height: 1.5;
    color: #555;
    margin-top: 1em;
}
.hide{
	display: none;
}
.hide a {
	background: #fff;
	padding: 5px 10px;
	display: inline-block;
	margin: .5em 0;
	color: #333;
}
.hide a:hover{
	background: #dadada;
	
}
.hide span img{vertical-align: middle;}
.more{
	text-align: center;
	margin-bottom: 0;
}


/*팝업*/
section.news_viewwrap{
    clear: both; 
}
.needpopup-opened,
.needpopup-opened body {
    overflow: hidden;
}
.needpopup-opened.needpopup-scrolled,
.needpopup-opened.needpopup-scrolled body {
    height: auto;
}
.needpopup-opened.needpopup-scrolled body {
    position: fixed;
    overflow: auto;
    width: 100%
}
.needpopup_wrapper {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    background: #000;
    background: rgba(0, 0, 0, .8)
}
.needpopup-opened .needpopup_wrapper {
    visibility: visible;
    opacity: 1
}
.needpopup {
    position: relative;
    z-index: 9999;
    top: 50%;
    left: 50%;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 550px;
    max-width: 100%;
    margin-left: -275px;
    padding: 3% 0 0 0;
    -webkit-transform: scale(.1, .1);
    -ms-transform: scale(.1, .1);
    transform: scale(.1, .1);
    opacity: 0;
    background: #fff
}
.needpopup.opened {
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, transform .5s ease;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.needpopup.stacked {
    top: 0!important;
    margin-top: 0!important
}
.needpopup-overflow .needpopup {
    left: 0;
    width: auto;
    margin-left: 0;
    margin:0 15% 0 15%;
}
#modal_content{
    width: 100%;
    max-width: 800px;
    padding:30px;
    position: relative;
    display: none;
    margin: 0 auto 0;
}
#modal_content{
    background: #fff;
    padding: 30px 50px 50px 50px;
}
#modal_content .tit_headline{
    margin-top:25px;
    padding-right: 15px;
    font-size:35px;
}
#modal_content .news_bodytxt{
	font-family: 'NanumSquareRound';
    font-size:16px;
    margin-top:20px;
    line-height: 30px;
}
#modal_content .news_data{
	font-family: 'NanumSquareRound';
    font-size:14px;
    margin-top:20px;
    color:#888;
}
#modal_content .news_data em span{
	margin-left:2%;
}
#modal_content .news_data em span::before {
    content: "l";
    margin-right: 2%
}
#modal_content .data_name{
	font-family: 'NanumSquareRound';
    font-size:15px;
    margin-top:20px;
    color:#888;
}
#modal_content .news_bodytxt span{
    margin-top:30px;
    display: block;
}
#modal_content .news_bodytxt p {
    margin-bottom: 25px;
    margin-top: 25px;
    line-height: 190%;
    word-wrap: break-word;
}
#m_close{
    position: fixed;
    bottom: 3%;
    right: 31%;
    cursor: pointer;
}
.add_button{
    display: block;
    text-align: center;
}
a.reporter{
	color:#0000ee;
}
  

/* Footer */
#footer {
	font-family: 'NanumSquareRound';
	color: #fff;
	font-size: .6em;
	background-color: #0e38bb;
	text-align: center;
	padding: 2em 0;
	margin: 0;
}

.vimg img {
	width:100%;
	height:auto;
}


/* 1200px */
/* @media screen and (max-width: 1200px){
	.features li:nth-of-type(2n){
		margin-right: 0
	}
} */

@media screen and (max-width: 1650px) {
	#header .title_txt{width: 50%;}
	#header .title_img {width: 45%;}
	#header .sub_title {font-size: 1.5em;}
	#header h1{font-size: 2.5em;}
	#header p {font-size: .9em;}
	.features a:nth-of-type(2n){
		margin-right: 0;
	}
	.features a:nth-of-type(2n + 3) {
		margin-right: 4%;
	}
	.logo{margin: 2em 2em 1em;}
}
@media screen and (max-width: 1120px) {
	#header .title_txt{width: 100%; margin: 0 0 4em 0}
	#header .title_img {width: 100%; text-align: center; padding: 0;}
	#header .title_img img{ width: 60%;}
	#header .sub_title, #header h1, #header p{text-align: center;}
	header.info_title h2{font-size: 1.2em;}
	li dl.newslist_box dt img{ height: 100%;}
	.features a:nth-of-type(1n){margin-right: 0;}
	.qna_conts{width: 100%;}
	.qna_conts .qna_box{padding: 1em 2.5em;}
	dl.qna_box .qtit {background-size: 70%; left: 20px; top: 30px;}
	dl.qna_box dt{ font-size: 23px;}
	dl.qna_box dd{font-size: 17px;}
	dl.qna_box .arrow {top: 25px;}
	.more {margin-top: .5em;}
	.more img{width: 25px;}

}
@media screen and (max-width: 756px) {	
	#wrapper1 {margin: 0 .8em;}
	#header {padding: 0;}
	.logo {margin: 1em;}
	.logo img{width: 70px;}
	#header.alt {padding: 4em 1.5em 1em 1.5em;}
	#header .sub_title {font-size: 1em;}
	#header h1 {font-size: 1.4em;}
	#header h1 span{display: none;}
	#header p {font-size: .7em;	}
	header.info_title h2 {letter-spacing: -1.3px; padding: 0 0 1em 0;}
	#header .title_txt {margin: 0 0 1em 0;}
	.main{ width: 90%; max-width: none;padding: 1.8em .5em; margin: 0 auto;}
	li.editorial .newslist_box .otline_bl{height: 100%;}
	.editorial dl dd.news_tit {font-size: .95em; margin: .7em .8em;}
	.editorial dl dd.news_txt {margin: 0 .8em 1em; font-size: .74em;}
	.qna_conts { margin: 0 auto 1em;}
	dl.qna_box .arrow{right: 20px;top: 20px;}
	dl.qna_box .arrow img{width: 20px; top: 20px;}
	dl.qna_box dt {font-size: 19px;}
	.qna_conts .qna_box {padding: 1em 1.8em 1em 2em;}
	.qna_conts{ padding: 0 ;}
	.wrapper:before {height: 5.1em; background-size: 100% 101%;}
	li.editorial div.tri{left: 40%;}
	#modal_content .tit_headline{ font-size: 22px;}
	#m_close {right: 20px;}
}