@charset "utf-8";
@font-face{
	font-family:"NanumSquare";
	src:url(./font/NanumSquare_acR.ttf) format("truetype"),
		url(./font/NanumSquare_acR.woff) format("woff"),
		url(./font/NanumSquare_acR.eot) format("embedded-opentype");
}

*{margin:0;padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;color:#000;}
.cf:after{
	content:'';
	display:block;
	clear:both;
}
bodyfile:///D:/%EB%94%94%EC%A7%80%ED%84%B8%EB%94%94%EC%9E%90%EC%9D%B8/0713/%ED%92%8D%EC%83%9D%EA%B3%A0/index.html#{
	font-family:"NanumSquare",sans-serif;
	background-color:rgba(175,249,198,0);
}

.center{
	width:960px;
	height:auto;
	margin:0 auto;
	/* border:1px solid; */
}

.header{
	position:absolute;
	width:100%;
	height:70px;
	left:0;
	top:30px;
	background-color:rgba(255,255,255,0.5);
	transition:background-color 0.6s;
	z-index:10;
}

.header .hc .logo{
	width:220px;
	float:left;
	
}
.header .hc .logo img{
	width:100%;
	height:auto; 
	display:block;
}

.header .hc .gnb{
	float:right;
	width:740px;
	height:auto;
}
.header .hc .gnb > ul > li{
	float:left;
	width:16.66%;
	position:relative;
}
.header .hc .gnb > ul > li > a{
	display:block;
	width:100%;
	line-height:70px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.header .hc .gnb > ul > li:hover > a{
	background-color:#246b63;
	color:#fff;
}
.header .hc .gnb > ul > li > ul{
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	padding-left:35px;
	box-sizing:border-box;
	font-size:13px;
	line-height:2;
	height:290px;
	z-index:1;
	display:none;
}
.header .hc .gnb > ul > li:hover > ul{
	background-color:#eaeaea;
}

.header .hc .gnb > ul > li > ul > li > a:hover{
	color:#246b63;
}

.letter{letter-spacing:-1px;}

.header .hc .gnb .fulldown_bg{
	position:absolute;
	width:100%;
	height:290px;
	background-color:#fff;
	left:0;
	top:100%;
	box-sizing:border-box;
	border-top:2px solid #eaeaea;
	display:none;
}

.header .menu_btn{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	display:none;
}
.header .menu_btn .bar{
	width:30px;
	height:5px;
	background-color:#666;
	border-radius:2px;
	margin:5px 0;
	transition:all 0.6s;
}

.header .menu_btn.on .bar1{
	transform:translateY(10px) rotate(45deg);
}
.header .menu_btn.on .bar2{
	opacity:0;
}
.header .menu_btn.on .bar3{
	transform:translateY(-10px) rotate(-45deg);
}
.img_slide{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}
.img_slide .imgs{
	width:600%;
	height:auto;
	position:relative;
	left:0;
}
.img_slide .imgs li{
	width:16.6667%;
	height:auto;
	float:left;
}
.img_slide .imgs li img{
	width:100%;
	height:auto;
	display:block;
}

.img_slide .pager{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:30px;
}
.img_slide .pager li{
	float:left;
	margin:0 10px;
}
.img_slide .pager li a{
	display:block;
	width:15px;
	height:15px;
	background-color:#fff;
	border-radius:7.5px;
	transition:all 0.6s;
}
.img_slide .pager li.on a{
	background-color:#246b63;
	width:45px;
}


.photo_section{
	width:100%;
	height:auto;
	padding:50px 0;
}

.photo_section .pc ul li{
	float:left;
	width:24%;
	margin-right:1.333%;
}
.photo_section .pc ul li:last-child{
	margin-right:0;
}

.photo_section .pc ul li a,
.photo_section .pc ul li a span,
.photo_section .pc ul li a .img_cover img{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
}

.photo_section .pc ul li a .photo_title{
	color:#73aa84;
	font-size:18px;
	font-weight:bold;
	margin:20px 0;
}
.photo_section .pc ul li a .photo_txt{
	font-size:15px;
}


.news_section{
	width:100%;
	height:auto;
	padding-bottom:50px;
}
.news_section .nc > ul > li{
	float:left;
	width:32%;
	margin-right:2%;
}
.news_section .nc > ul > li:last-child{
	margin-right:0;
}


.news_section .nc > ul > li.tab .tab_menu{
	width:100%;
	height:auto;
}
.news_section .nc > ul > li.tab .tab_menu .tab_btn{
	width:100%;
	height:auto;
}
.news_section .nc > ul > li.tab .tab_menu .tab_btn li{
	float:left;
	width:33.33%;
	line-height:2;
	text-align:center;
	background-color:#dcdcdc;
}
.news_section .nc > ul > li.tab .tab_menu .tab_btn li a{
	display:block;
	width:100%;
	height:auto;
}
.news_section .nc > ul > li.tab .tab_menu .tab_btn li.on{
	background-color:#767676;
}
.news_section .nc > ul > li.tab .tab_menu .tab_btn li.on a{
	color:#fff;
}

.news_section .nc > ul > li.tab .tab_menu .tab_txt{
	width:100%;
	height:auto;
}
.news_section .nc > ul > li.tab .tab_menu .tab_txt li{
	display:none;
}
.news_section .nc > ul > li.tab .tab_menu .tab_txt li:first-child{
	display:block;
}
.news_section .nc > ul > li.tab .tab_menu .tab_txt li table{
	width:100%;
	font-size:14px;
}
.news_section .nc > ul > li.tab .tab_menu .tab_txt li table tr td{
	padding:5px 0;
}
.news_section .nc > ul > li.tab .tab_menu .tab_txt li table tr td:first-child{
	width:70%;
}
.news_section .nc > ul > li.tab .tab_menu .tab_txt li table tr td:first-child a{
	display:block;
	width:212px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news_section .nc > ul > li.tab .tab_menu .tab_txt li table tr td:last-child{
	width:30%;
	white-space:nowrap;
	text-align:right;
}


.news_section .nc > ul > li.video .video_cover{
	width:100%;
	height:auto;
	padding-bottom:56.25%;
	position:relative;
}
.news_section .nc > ul > li.video .video_cover iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.news_section .nc > ul > li.video p{
	text-align:center;
	color:#93a599;
	font-weight:bold;
	margin-top:5px;
}


.news_section .nc > ul > li.category > ul{
	width:100%;
	height:202px;
}
.news_section .nc > ul > li.category > ul > li{
	width:50%;
	height:33.33%;
	float:left;
	background-color:#efefef;
	box-sizing:border-box;
}
.news_section .nc > ul > li.category > ul > li:nth-child(odd){
	border-right:1px solid #a9a9a9;
}
.news_section .nc > ul > li.category > ul > li:nth-child(3),
.news_section .nc > ul > li.category > ul > li:nth-child(4){
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}

.news_section .nc > ul > li.category > ul > li a{
	display:block;
	width:100%;
	height:100%;
	padding-left:50px;
	box-sizing:border-box;
	line-height:67px;
	font-size:13px;
	font-weight:bold;
	background:no-repeat 5% center /23%;
}
.news_section .nc > ul > li.category > ul > li:nth-child(1) a{
	background-image:url(../images/s2_mn_icon03.png);
}
.news_section .nc > ul > li.category > ul > li:nth-child(2) a{
	background-image:url(../images/s2_mn_icon06.png);
}
.news_section .nc > ul > li.category > ul > li:nth-child(3) a{
	background-image:url(../images/s2_mn_icon01.png);
}
.news_section .nc > ul > li.category > ul > li:nth-child(4) a{
	background-image:url(../images/s2_mn_icon04.png);
}
.news_section .nc > ul > li.category > ul > li:nth-child(5) a{
	background-image:url(../images/s2_mn_icon05.png);
}
.news_section .nc > ul > li.category > ul > li:nth-child(6) a{
	background-image:url(../images/s2_mn_classroom_icon.png);
}

.img_section{
	width:100%;
	height:auto;
	padding:100px 0;
	background:url(../images/main04.jpg) no-repeat center /cover;
	background-attachment:fixed;
	position:relative;
}
.img_section:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	left:0;
	top:0;
	opacity:0.5;
}

.img_section img{
	display:block;
	margin:0 auto;
	position:relative;
	transform:translateY(100px);
	opacity:0;
	transition:all 0.6s;
}
.img_section img.on{
	opacity:1;
	transform:translateY(0px);
}

/*앨범영역 시작*/
.album_section{
	width:100%;
	height:auto;
}
.album_section .album_title{
	text-align:center;
	padding:70px 0;
	line-height:2;
}
.album_section .album_title p{
	position:relative;
}
.album_section .album_title p:after{
	content:'';
	display:block;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-10px;
	width:50px;
	height:2px;
	background-color:#000;
}
.album_section .album .ac ul li{
	float:left;
	width:30%;
	margin-right:5%;
	margin-bottom:50px;
}
.album_section .album .ac ul li:nth-child(3n){
	margin-right:0;
}
.album_section .album .ac ul li a,
.album_section .album .ac ul li a span,
.album_section .album .ac ul li a span img{
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	line-height:4;
}

/*앨범영역 끝*/
/*banner 영역 시작*/
.banner_section{
	width:100%;
	height:auto;
	padding:50px 0;
	background:url(../images/main03.jpg) no-repeat center /cover;
	position:relative;
}
.banner_section:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	left:0;
	top:0;
	opacity:0.5;
}
.banner_section .bc {
	position:relative;
}
.banner_section .bc > ul > li{
	float:left;
	width:33%;
	margin-right:0.5%;
}
.banner_section .bc > ul > li:last-child{
	margin-right:0;
}
.banner_section .bc > ul > li > ul > li{
	border-bottom:1px solid #eaeaea;
}
.banner_section .bc > ul > li > ul > li:last-child{
	border-bottom:none;
}
.banner_section .bc > ul > li img{
	width:100%;
	height:auto;
	display:block;
}

/*banner 영역 끝*/


.foot_menu{
	width:100%;
	height:auto;
	background-color:#1f1f1f;
	padding:50px 0;
}

.foot_menu .fmc > ul{
	display:flex;
	justify-content:space-between;
}
.foot_menu .fmc > ul:after{
	display:none !important;
}
.foot_menu .fmc a{
	color:#eaeaea;
}
.foot_menu .fmc > ul > li{
	line-height:3;
}
.foot_menu .fmc > ul > li > a{
	font-weight:bold;
}
.foot_menu .fmc > ul > li > ul{
	font-size:12px;
}

.map_section{
	width:100%;
	height:auto;
	filter:grayscale(100%);
	transition:all 0.6s;
}
.map_section:hover{
	filter:grayscale(0%);
}

.map_section #map_view{
	width:100%;
	height:250px;
}

.footer{
	width:100%;
	height:auto;
	background-color:#1f1f1f;
}

.footer .fc{
	position:relative;
	padding:50px 0;
}

.footer .fc,
.footer .fc a{
	color:#eaeaea;
	font-size:13px;
}

.footer .fc .personal_menu li{
	float:left;
	margin-right:20px;
}
.footer .fc p{
	margin-top:10px;
	line-height:1.5;
}

.footer .fc .sns_menu{
	position:absolute;
	right:10px;
	bottom:10px;
}
.footer .fc .sns_menu li{
	float:left;
	margin-left:2px;
}

.footer .fc .sns_menu li a{
	font-size:25px;
}


.mobile_menu{
	position:fixed;
	width:320px;
	height:100%;
	right:-320px;
	top:0;
	background-color:#fff;
	box-sizing:border-box;
	border-left:2px solid #eaeaea;
	padding-top:70px;
	transition:all 0.6s;
}

.mobile_menu.active{
	right:0;
}



.mobile_menu > ul > li > a{
	display:block;
	padding:10px 0 10px 20px;
	box-sizing:border-box;
	font-weight:bold;
	font-size:18px;
	border-bottom:1px solid #eaeaea;
} 

.mobile_menu > ul > li > ul{
	line-height:2;
	font-size:15px;
	background-color:#eaeaea;
	display:none;
}

.mobile_menu > ul > li > ul > li > a{
	display:block;
	box-sizing:border-box;
	padding-left:40px;
	color:#555;
}