@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



/* �ʱ� ���� */
* { margin: 0;padding: 0;}
body{color: #333;}
img { vertical-align: top;}
ul { list-style: none;}
h1,h2,h3,h4,h5,h6,p,ul { margin: 0;}
.row { margin: 0;}
a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: inherit;
}
/* �ʱ� ���� */


/*header*/
header { background: #442d79; }
header #logo { width: 100%; }
header .cls-1{stroke: #fff;stroke-width: 1.8px; }
header img { margin: 40px 0; }
header .justify-content-end p {margin-right: 17px;color: #fff;text-align: right;font-size: 20px;line-height: 25px;}
header .justify-content-end p span { font-weight: 600; color: #fff; text-align: right; }
#logo {animation: fill 0.5s ease forwards 3.5s; fill: none;}

#logo path:nth-child(1) { stroke-dasharray: 665px; stroke-dashoffset:665px; animation: line-anim 3s ease forwards;}
#logo path:nth-child(2) { stroke-dasharray: 297px; stroke-dashoffset:297px; animation: line-anim 3.1s ease forwards;}
#logo path:nth-child(3) { stroke-dasharray: 418px;stroke-dashoffset: 418px; animation: line-anim 3.2s ease forwards;}
#logo path:nth-child(4) { stroke-dasharray: 477px;stroke-dashoffset: 477px; animation: line-anim 3s ease forwards;}
.logo3 { display: none; }
.logo4 { display: none; }

@keyframes line-anim { 
	to { 
		stroke-dashoffset: 0; 
	}
}

@keyframes fill { 
	from {
		fill:transparent;
	}
	to { 
		fill:white; 
	}
}

.bgimg {background: url('../images/bg.png')no-repeat;background-position: 46% 0;}



.ban{display: block;overflow: hidden; position: relative;}
.ban img {position:relative;left:50%;top:0%;width:100%;margin-left:-50%;-webkit-transition-duration:.3s;transition-duration:.3s;}
.ban .span2 {display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:center center;-webkit-transition-duration:.3s;transition-duration:.3s;}
.ban .span2:before, .ban .span2:after {content:'';display:block;position:absolute;left:50%;top:50%;background:#fff;-webkit-transition-duration:.5s;transition-duration:.5s;}
.ban .span2:before {width:0;height:1px;margin-left:-0;}
.ban .span2:after {width:1px;height:0;margin-top:-0;}

.maintop { font-size: 16px; color: #fff; padding: 20px 0; letter-spacing: -0.01em;}

/* ��ü �ڽ� �� section�� ���� ���� */
.wrap { width: 100%;margin: 0 auto;overflow: hidden;}
.box { width: 100%;max-width: 1152px;margin: 0 auto;}
section { margin: 30px 0;}


/*mo*/
section.mo { display: none; }

/*main1*/
section.main1 .box h1 {border-bottom: 2px solid;color: #403066;padding-bottom: 12px;margin-bottom: 25px;font-size: 40px;font-weight: bold; letter-spacing: 0;}
section.main1 .box h1 img{vertical-align: middle;margin-bottom: 4px;}
/*section.main1 .bgbox {background: url('../images/focus_bg.png')no-repeat #e9deff;padding-left: 55px;background-size: 75%;background-position: 100% 38%;box-shadow: -20px 17px 10px -14px #f9f9f9;}*/
section.main1 .bgbox {position: relative; background: url('../images/focus_bg.png')  bottom right / auto 100% no-repeat #f5c5ff;height: 440px; padding-left: 63px; box-shadow: -20px 17px 10px -14px #f9f9f9;}
section.main1 .tit {font-size: 50px; font-weight: bold;line-height: 1.2;color: #222222; padding: 40px 0 28px 0; word-break: keep-all;}
section.main1 .summ p {width: 45%;font-size: 18px; word-break: keep-all;}
section.main1 .name{padding-bottom: 24px; font-size: 18px; color: #333; font-weight: bold;}
/* section.main1 .name span{position: relative; } */
section.main1 .name span::before{display: inline-block; margin:0 8px; font-size: 20px; font-weight: 500; content: '|'; transform: translateY(-2px);}


section.main1 .but { padding: 45px 0 0; }
section.main1 .but a::before, section.main1 .but a::after {background: #f0467c;content: '';position: absolute;z-index: -1;border-radius: 35px;}


section.main1 .but a::before, section.main1 .but a::after {background: #f0467c;content: '';position: absolute;z-index: -1;border-radius: 35px;}
section.main1 .open,section.main1 .open::after {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.open::after { height: 100%; left: 0; top: 0; width: 0;}
.open:hover:after { width: 100%; }


section.main1 .but a {color: #f0467c;padding: 5px 25px 6px;border: 1px solid #f0467c;border-radius: 18.5px;position: relative;z-index: 2;background-color: #fff;overflow: hidden;}
section.main1 .but a:hover { color: #fff; }
section.main1 .but a::after { width: 100%; height: 100%; top: -100%; }
section.main1 .but a:hover::after { top: 0; background-color: #f0467c; }



/*main2*/
section.main2 .box h1 {border-bottom: 2px solid;color: #403066;padding-bottom: 12px;font-size: 40px;font-weight: bold;letter-spacing: -1.5px;}
/* section.main2 .box h2 {color: #fff;font-weight: 600;font-size: 26px;background: #403066;padding: 25px 0;max-width: 400px;width: 100%;text-align: center;border-radius: 13px;}
section.main2 .box table {font-size: 18px;margin: 30px 0;width: 100%;}
section.main2 .box table th {padding: 20px 10px 20px 35px;color: #258f36;vertical-align: top;width: 20%;}
section.main2 .box table .red {padding: 20px 10px 20px 35px;color: #d61948 !important;}
section.main2 .box table td {padding: 20px 20px;}
section.main2 .box table tr:nth-child(odd) { background: #f9f9f9; }
section.main2 .box table tr:nth-child(even) { background: #fff; } */


section.main2 .box .cate_box {
	border-bottom:1px solid #e1e1e1;
	
    
    display:flex;
/*    justify-content: space-between;*/
    align-items: center;
}

section.main2 .box .cate_box h2 {
	position:relative;
	font-size:25px;
	font-weight:400;
	width:365px;
    padding-left:53px;
/*    padding:0 25px 0 0px;*/
}
section.main2 .box .cate_box h2 span {
	position:absolute;
	left:26px;
	top:-8px;
	font-size:14px;
	font-weight:700;
}

section.main2 .box .cate_box .r-list a {
	font-weight:300;
    
    display:block;
    
    position:relative;
}

.r-list {
    max-width:790px;
    width:calc(100% - 358px);
}


.r-list li {
	position:relative;
	padding:14px 70px 14px 34px;
}

.r-list li:hover {
    background:#f5f5f5;
}

section.main2 .box .cate_box .r-list li:hover a {
    color:#403066;
    font-weight:400; 
} 

.r-list li:before {
	content:'·';
	position:absolute;
    left:24px;
    top:11px;
}

.r-list li:after {
    width:25px;
    height:25px;
	content:url('../images/plus_btn.png');
	position:absolute;
	right:25px;
    top:calc(50% - 12px);
    
    display:flex;
    align-items: center;
    justify-content: center;
}

.r-list li:hover a:after {
    content:'';
    background:#403066;
    
    width:25px;
    height:25px;
    border-radius:50%;
	position:absolute;
	right:-45px;
    top:calc(50% - 12px);
/*    z-index:1;*/
}




/*main3*/
section.main3 .box h1 {border-bottom: 2px solid;color: #403066;padding-bottom: 12px;margin-bottom: 20px;font-size: 40px;font-weight: bold;letter-spacing: -1.5px;}
.flex-box {display: flex;}
.flex-box a{display: block;}
.item{flex-grow: 1;}
.flex-box a{position: relative;overflow: hidden;}
.flex-box a::after{width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: "";background-color: rgba(0,0,0,.7);transition: .3s;opacity: 0;}
.flex-box a:hover::after,.flex-box a:hover p{opacity: 1;}
.flex-box a p{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;color: #fff;text-align: center;font-size: 24px;font-weight: 700;transition: .3s;opacity: 0;z-index: 999;line-height: 1.1;}
/*.itembox1 { position: absolute; font-size: 29px; font-weight: bold; color: #fff; line-height: 35px; padding: 40px;flex-grow: 1; width: 100%; }
.itembox2 { position: absolute; font-size: 29px; font-weight: bold; color: #fff; line-height: 35px; padding: 40px;flex-grow: 1; width: 100%; }
.itembox3 { position: absolute; font-size: 29px; font-weight: bold; color: #eef17b; line-height: 35px; padding: 40px;flex-grow: 1; width: 100%; }
.itembox3 span { font-size: 20px; font-weight: 500; color: #eef17b; line-height: 25px; }*/
.news_summ {font-size: 20px;padding: 25px 20px;font-weight: bold;line-height: 30px;letter-spacing: -0.5px; word-break: keep-all;}
.news_summ_sm {font-size: 20px;font-weight: 400;line-height: 25px;margin-top: 7px;}


.flex-box2 {display: flex;}
.flex-box2 a{display: block;}
.item2{flex-grow: 1;}
.flex-box2 a{position: relative;overflow: hidden;}
.flex-box2 a::after{width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: "";background-color: rgba(0,0,0,.7);transition: .3s;opacity: 0;}
.flex-box2 a:hover::after,.flex-box2 a:hover p{opacity: 1;}
.flex-box2 a p{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;color: #fff;text-align: center;font-size: 24px;font-weight: 700;transition: .3s;opacity: 0;z-index: 999;line-height: 1.1;}
[class*='itembox']{font-size: 25px; position: absolute;font-weight: bold; line-height: 35px; padding: 40px 20px;flex-grow: 1;width: 100%; word-break: keep-all;}
.itembox1 {color: #fff;}
.itembox1 b{font-weight: bold;  color:#abf3f2;}
.itembox1 span{display: block; font-size: 0.760em; font-weight: 500; color: #fff; line-height: 26px;}
.itembox1 span::before{display: block; width:27px; height: 2px; margin-top: 32px; margin-bottom: 10px; background: #abf3f2; content: '';}
.itembox2 {color: #eef17b;}
.itembox2 span {font-size: 20px;font-weight: 500;color: #eef17b;line-height: 35px;}
.itembox2 sup{font-size: 20px;font-weight: 500;color: #eef17b;line-height: 35px; font-weight: bold;}
.itembox3 {color: #05641d;}




.main3 .inbox {
    width:calc(33.33% - 10px);
    max-width: 370px;
}

.main3 .inbox.bd a{
    border: 1px solid #ebedf3;
}

.news_summ span {
    display:block;
    font-size:17px;
    font-weight:400;
    margin-top:10px;
}





/*main4*/
section.main4 .box h1 {border-bottom: 2px solid;color: #403066;padding-bottom: 12px;margin-bottom: 20px;font-size: 40px;font-weight: bold;letter-spacing: -1.5px;}
section.main4 .box div { background: #f9f9f9; padding: 45px; }
section.main4 .box img { margin: 10px; }
section.main4 .box p {margin: 10px 0 10px 35px;line-height: 28px; font-size:18px; color:#333; letter-spacing: -0.03em;}
section.main4 .box p span { font-weight: bold; }
section.main4 .box p a { color: #3166ec; text-decoration: underline; }

/* Ǫ�� */
footer {padding: 50px 0;text-align: center;background: #9a9a9a;}
footer .footright{ text-align: right; }
footer a {padding: 10px 5px;/* background: #fff; */width: 50%;margin: 0 5px;text-align: center;font-size: 18px;font-weight: 700;}
footer .footleft {/* padding-left: 35px; */flex-wrap: wrap;}
footer .box table {/* margin-left: 25px; */color: #fff;}
footer .box table th {padding-right: 40px;font-weight: 700;color: #fff;}
footer .box table td {color: #fff;}
footer .box table td span {color: #fff;}
footer .box .but1 {background: #fff;color: #442d79 !important;}
footer .box .but2 {background: #442d79;color: #fff !important;}
footer img { width: auto; }
footer .footrightbox {text-align: right;margin-bottom: 30px; font-size: 17px;color: #fff;font-weight: 400;}
footer .footrightbox span { color: #442d79; font-weight: 600;}
footer .footer_logo1 {display: flex;margin-bottom: 10px;}
footer .footer_logo1 a {margin:0;padding: 10px 0;text-align: left;}
footer .footer_logo2 img { display: none; }
.footlog { padding: 10px 0; margin: 0; text-align: left; }

/* Ǫ�� */
.view-450{display: none;}
.view-747{display: none;}
.hide-747{display: block;}
.view-1000{display: none;}
.hide-1000{display: block;}

/* ����� */
@media screen and (max-width: 1152px) {
	.maintop { font-size: 16px; color: #fff; padding: 20px; }
	.wrap { width: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden;}
	section.main4 .box img{margin: 0;height: 65px; width: auto; }
	.flex-box a { width: 100%; }
	.flex-box2 a { width: 100%; }	
	/* .itembox1 {position: absolute;font-size: 30px;font-weight: bold;color: #ffffff;line-height: 32px;padding: 35px;flex-grow: 1;width: 100%;}
	.itembox1 span {font-size: 18px;font-weight: 500;color: #fff;line-height: 35px;}
	.itembox2 {position: absolute;font-size: 30px;font-weight: bold;color: #eef17b;line-height: 32px;padding: 35px;flex-grow: 1;width: 100%;}
	.itembox2 span {font-size: 18px;font-weight: 500;color: #eef17b;line-height: 35px;}
	.itembox2 sup{font-size: 20px;font-weight: 500;color: #eef17b;font-weight: bold;}
	.itembox3 { position: absolute; font-size: 30px; font-weight: bold; color: #05641d; line-height: 32px; padding: 35px;flex-grow: 1; width: 100%; }
	.itembox3 span { font-size: 16px; font-weight: 500; color: #05641d; line-height: 25px; } */
}

@media screen and (max-width: 1000px) {
    [class*='itembox']{padding: 20px 20px; font-size: 20px;}
    .itembox1 span::before{margin-top: 20px;}

	footer img { width: 100%; }
	footer .footleft {padding-left: 0;flex-wrap: wrap;flex-direction: column-reverse;}
	footer .footrightbox { text-align: left;margin-bottom: 30px;font-size: 18px;color: #fff;font-weight: 600; }
	footer .footright{text-align: right;border-bottom: 2px solid #c9c9c9;padding-bottom: 25px;margin-bottom: 45px;}
	footer .box table th {vertical-align: top;padding-bottom: 7px;padding-right: 30px;}
	.view-1000{display: block;}
	.hide-1000{display: none;}
	footer .footer_logo1 { display: none; }
	footer .footer_logo2 img {display: block;width: auto;}
    
    .cate_box {
        flex-direction: column;
        padding:30px 0;
    }
    
    .r-list {
        width:100%;
        max-width:inherit;
        padding-top:20px;
    }
    
    section.main2 .box .cate_box h2 {
        width:100%;
    }
    
}

@media screen and (max-width: 768px) {


	.view-768{display: block;}
	.hide-768{display: none;}
	.wrap { width: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden;}
	

	header .top_right {display: none !important;}
	header img {margin: 15px 0;width: 60%;}

	section.mo { margin-top: 0; }
	section.mo div { height: 100vh; background: url(../images/bg.png)no-repeat; background-position: 80% 0%; }
	section.mo p {font-size: 25px;color: #442d79;text-align: center;}
	section.mo p span{ font-weight: 600;}
	#logo2 {animation: fill 0.5s ease forwards 3.5s;fill: none;width: 80%;}

	#logo2 path:nth-child(1) { stroke-dasharray: 665px; stroke-dashoffset:665px; animation: line-anim 3s ease forwards;}
	#logo2 path:nth-child(2) { stroke-dasharray: 297px; stroke-dashoffset:297px; animation: line-anim 3.1s ease forwards;}
	#logo2 path:nth-child(3) { stroke-dasharray: 418px;stroke-dashoffset: 418px; animation: line-anim 3.2s ease forwards;}
	#logo2 path:nth-child(4) { stroke-dasharray: 477px;stroke-dashoffset: 477px; animation: line-anim 3s ease forwards;}

	@keyframes line-anim { 
		to { 
			stroke-dashoffset: 0; 
		}
	}

	@keyframes fill { 
		from {
			fill:transparent;
		}
		to { 
			fill:#442d79; 
		}
	}
	#logo2 .cls-1{stroke:#442d79 ;stroke-width: 1.8px; }

	section.main4 .box img{margin: 0;height: 65px; }

}

@media screen and (max-width: 747px) {

	.menu{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
	.menu ul{width: 100%;padding:0 20px;padding-top: 25px;}
	.menu ul li{width: 50%;border-bottom: 4px solid #442d79}
	.menu ul li a{text-align: center;display: block;color: #442d79;font-size: 15px;}
	.menu ul li a:link,.menu ul li a:hover,.menu ul li a:focus{text-decoration: none;color: inherit;}
    
    section.main2 .box>div {
        padding:30px 20px !important;
    }

    [class*='itembox']{padding: 40px 20px; font-size: 25px;}
    .itembox1 span::before{margin-top: 32px;}
    
    .main3 .inbox {
        width:100%;
        max-width: none;
    }

header,footer{padding-left: 20px;padding-right: 20px;/* padding-top: 15px; */}
.view-747{display: block;}
.hide-747{display: none;}
.wrap{position: relative;padding: 0;background-position: 80% 0%;}
.bg-m{position: relative;}
section{margin-bottom: 50px;}

.content.title-main p.p-title{text-align: center;font-size: 24px;font-weight: 600;color: #442d79;padding-top: 95px;text-indent: 0;}
.content.title-main h1{font-size: 90px !important;padding-bottom: 280px;border: none !important;}
.content.title-main{padding-top: 180px;}
.content.title-main h1{ text-align: center;font-size: 60px; font-weight: 700;padding-bottom: 55px;background: none !important;margin: 0 !important; padding-bottom: 20px;}
.content.title-main p{font-size: 25px;color: #442d79;text-align: center;}
.content.title-main p:last-of-type{font-weight: 700;padding-bottom: 280px;}
.content.title-main .arrow{position: absolute;bottom: 0;left: 0;right: 0;}
.content.title-main .arrow img{display: block; margin: 0 auto;}
/*main1*/
section.main1 { margin-top: 0; }
section.main1 .bgbox>*{margin: 0 20px;}
section.main1 .box h1.title{padding-top: 60px;margin-bottom: 0;margin-left: 20px; font-size: 30px;}
section.main1 .tit{font-size: 40px;line-height: 1.2;padding-top: 40px;}
/*section.main1 .bgbox{padding-left: 0;background: url('../images/focus_mob.png')no-repeat #ffe5dc;background-size: 125%;background-position: 100% 160%;}*/
section.main1 .bgbox{height: auto; padding-left: 0; background: url('../images/focus_mob.jpg') center bottom / cover no-repeat;}
section.main1 .summ p{width: 100%;}
section.main2 .box>div,.flex-box,.flex-box2{padding: 0 20px;}
section.main1 .but { padding: 140px 0 60px; }
/*main2*/
section.main2 .box h1,section.main3 .box h1,section.main4 .box h1{font-size: 30px;margin-left: 20px;margin-bottom: 30px;padding-bottom: 6px;}
/*section.main2 .box h2{font-size: 20px;padding: 25px 0;width: 100%;padding-left: 15px;}*/
section.main2 .box h2{font-size: 20px;width: 100%;padding-left: 15px;}
section.main2 .box table th,section.main2 .box table tr{display: block !important;}
section.main2 .box table th,section.main2 .box table td,section.main2 .box table th.red{width: auto;padding: 0;}
section.main2 .box table tr{padding: 20px 20px;}
section.main2 .box table th { padding: 0; }
/*main3*/
.item:first-of-type, .item:nth-of-type(2){margin-bottom: 10px;width: 100%;}
.flex-box{display: block !important;}
.flex-box a { width: 100%; }
.flex-box a img{ display: block;margin: 0 auto;}
.flex-box a::after{width: 100%;height: 96%;position: absolute;top: 0;left: 0;content: "";background-color: rgba(0,0,0,.7);transition: .3s;opacity: 0;}

.flex-box2{display: block !important;}
.flex-box2 a {width: 100%;}
/*.flex-box2 a img{display: block;}*/
.item2 {width: 100%;}
.flex-box2 a::after{width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: "";background-color: rgba(0,0,0,.7);transition: .3s;opacity: 0;}
/*main4*/
section.main4 .box div{background-color: #fff;}
section.main4 .box div.d-flex{display: block !important;}
section.main4 .box>div{padding: 0 20px;}
section.main4 .box img{margin: 0;height: 65px;}
section.main4 .box p{margin: 0;margin-top: 20px;}
section.main4 .box p span{margin-top: 15px;display: block;margin-bottom: 10px;}

section.main4 .box p a{text-decoration: underline; color: #3166ec;font-size: 15px;}

footer .box table { margin-left: 0px; color: #fff;}
footer .box table td {color: #fff;line-height: 21px;}

.bgimg {background: url('../images/sub_bg_m.png')no-repeat; background-position: top center;}

.flex-box2 a p {position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;color: #fff;text-align: center;font-size: 24px;font-weight: 700;transition: .3s;opacity: 0;z-index: 999;line-height: 1.1;}
.arrow { margin: 0 auto; }
.maintop {font-size: 13px;color: #fff;padding: 12px;line-height: 16px;}

}

@media(max-width:450px){
    .view-450{display: block;}
.flex-box a p{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;color: #fff;text-align: center;font-size: 22px;font-weight: 700;transition: .3s;opacity: 0;z-index: 999;line-height: 1.1;}
.news_summ {padding: 10px;font-weight: bold;line-height: 30px;letter-spacing: -0.5px;margin-bottom: 25px;}
}

@media(max-width:400px){
	.bgimg {background: url('../images/sub_bg_m.png')no-repeat; background-position: top center;}

}