#container{line-height:1.1; word-break:keep-all;}
#container *{box-sizing:border-box;}

@media only screen and (max-width:640px){
    .wrap{width:calc(100% - 20px); margin: 0 auto;}
}
/* 비쥬얼 영역 */
.visual{background:url(../images/main/visual.jpg) no-repeat center top;}
.visual .wrap{height:488px;}

@media only screen and (max-width:900px){
	.visual .wrap{display: flex; flex-direction:column;}
}


/* 비쥬얼 텍스트 */
.visual_text{position:absolute; top:185px; left:20px;}
.visual_text .text{font-size:28px; color:#fff; letter-spacing: -2px;}
.visual_text .img_text{width:293px; height:46px; margin-top: 15px; background:url(../images/main/main_sprite.png) no-repeat -5px -5px;}

@media only screen and (min-width:901px) and (max-width:1200px){
	.visual_text{left: 0; transform:scale(0.78); transform-origin:left center;}
}
@media only screen and (max-width:900px){
	.visual_text{position:relative; top: auto; left: auto; padding: 23px 0 17px; text-align: center;}
	.visual_text .text{font-size:17px; letter-spacing: -1px;}
	.visual_text .img_text{display: inline-block; width:147px; height:23px;margin-top: 6px; background-size:400px 200px; background-position: 0.986% 1.412%;}
}

/* 비쥬얼영역 슬라이드 */
.visual .list_wrap{position:relative; top:45px; width:380px;  margin:0 auto; order:1;}
.visual .list_wrap .list{position:relative; width:100%; height:500px; padding-bottom:57px;}
.visual .list_wrap:before,
.visual .list_wrap:after,
.visual .list_wrap .list:before,
.visual .list_wrap .list:after{display:block; position:absolute;}
.visual .list_wrap:before{top:0; left:0; width:100%; height:14px; background:linear-gradient(to right, #fff3f5 0%,#ff8e9e 100%);}
.visual .list_wrap:after{top:0; left:0; width:14px; height:100%; background:linear-gradient(to bottom, #fff3f5 0%,#ff5c73 100%);}
.visual .list_wrap .list:before{top:0; right:0; width:14px; height:100%; background:linear-gradient(to bottom, #ff8e9e 0%,#ff5c73 100%);}
.visual .list_wrap .list:after{bottom:0; left:0; width:100%; height:14px; background-color:#ff5c73;}

.visual .list_wrap .dots{position:absolute; bottom:27px; width:100%; text-align:center;}
.visual .list_wrap .dots ul{display:inline-block;}
.visual .list_wrap .dots li{float:left; margin: 0 5px;}
.visual .list_wrap .dots li button{width: 9px; height: 9px; font-size: 0; border-radius:20px; background-color: #000; opacity:0.3; transition:all 0.2s linear;}
.visual .list_wrap .dots li.slick-active button{width: 23px; opacity:1;}
.visual .list_wrap .slick-arrow{position:absolute; top:calc(50% - 29px); width:59px; height:59px; border-radius:40px; background-color:rgba(0,0,0,0.7); font-size:0; color:transparent; transition:all 0.2s linear;}
.visual .list_wrap .slick-arrow.slick-prev{left:-90px;}
.visual .list_wrap .slick-arrow.slick-next{right:-90px;}
.visual .list_wrap .slick-arrow:hover{background-color:rgba(0,0,0,0.8);}
.visual .list_wrap .slick-arrow:before{display:block; position:absolute; top:calc(50% - 11px); left:calc(50% - 6px); width:13px; height:22px; background:url(../images/main/main_sprite.png) no-repeat;}
.visual .list_wrap .slick-arrow.slick-prev:before{background-position:-315px -17px;}
.visual .list_wrap .slick-arrow.slick-next:before{background-position:-345px -17px;}

.visual .list .slide{height:100%; padding: 14px;}

@media only screen and (max-width:1200px){
	.visual .list_wrap{width: 40%;}
	.visual .list_wrap .slick-arrow{z-index: 10;}
	.visual .list_wrap .slick-arrow.slick-prev{left:-25px;}
	.visual .list_wrap .slick-arrow.slick-next{right:-25px;}
}
@media only screen and (max-width:900px){
	.visual .list_wrap{top:15px; width: 265px;}
	.visual .list_wrap .list{height: 321px;}
	.visual .list_wrap .dots{bottom: 21px;}
	.visual .list_wrap .slick-arrow.slick-prev{left:-40px;}
	.visual .list_wrap .slick-arrow.slick-next{right:-40px;}
	.visual .list_wrap:before{height: 12px;}
	.visual .list_wrap:after{width: 12px;}
	.visual .list_wrap .list:before{width: 12px;}
	.visual .list_wrap .list:after{height: 12px;}
	.visual .list .slide{padding:14px 12px;}
}

/* 슬라이드 콘텐츠*/
.visual .slide .edu_class {padding: 0 10px; text-align: center;}
.visual .slide .edu_class .slide_title{padding-top: 50px; font-size: 34px; color: #fff; letter-spacing: -2px;}
.visual .slide .edu_class .current{display: inline-block; margin-top: 41px; padding-bottom: 5px; border-bottom: 1px solid #fff7cf; font-size: 22px; color: #fff7cf;}
.visual .slide .edu_class .current em{display: inline-block; font-size: 28px; font-weight: 600; }
.visual .slide .edu_class .hot_new{width: 260px; max-width:94%; margin: 48px auto 0;}
.visual .slide .edu_class .hot_new li{overflow: hidden; position: relative; height: 34px; border-radius:30px; background-color: #fff; text-align: left; line-height: 33px;}
.visual .slide .edu_class .hot_new li.hot{margin-top: 7px;}
.visual .slide .edu_class .hot_new li .title{position: absolute; width: 50px; height: 100%; font-size: 15px; font-weight: 600; color: #000; text-align: center;}
.visual .slide .edu_class .hot_new li.new .title{background-color: #cac1ee;}
.visual .slide .edu_class .hot_new li.hot .title{background-color: #e7bb7d;}
.visual .slide .edu_class .hot_new li .text{overflow: hidden; width: calc(100% - 60px); margin-left: 60px; font-size: 15px; color: #333; text-overflow:ellipsis; white-space:nowrap;}
.visual .slide .edu_class a.more{display: block; width: 143px; height: 46px; margin:45px auto 0; border-radius:30px; border: 1px solid rgba(255,255,255,0.3); font-size: 16px; color: #fff; text-align: center; line-height: 44px; text-decoration: none;}
.visual .slide .edu_class a.more:after{display: inline-block; position: relative; top: -2px; width: 7px; height: 7px; margin-left: 14px; background: url(../images/main/main_sprite.png) no-repeat -168px -86px; vertical-align: middle;}

@media only screen and (max-width:900px){
	.visual .slide .edu_class .slide_title{padding-top: 26px; font-size: 22px;}
	.visual .slide .edu_class .current{margin-top: 20px; font-size: 15px;}
	.visual .slide .edu_class .current em{font-size: 19px;}
	.visual .slide .edu_class .hot_new{margin-top: 19px;}
	.visual .slide .edu_class .hot_new li{height: 28px; line-height: 28px;}
	.visual .slide .edu_class .hot_new li .title{width: 43px; font-size: 14px;}
	.visual .slide .edu_class .hot_new li .text{margin-left: 49px; font-size: 14px;}
	.visual .slide .edu_class a.more{width: 106px; height: 34px; margin-top: 18px; font-size: 14px; line-height: 32px;}
	.visual .slide .edu_class a.more:after{margin-left: 5px;}
}


/* 비쥬얼영역 텍스트 링크 */
.visual .text_link{position:absolute; top:184px; right:0; width:260px; border-top:2px solid rgba(255,255,255,0.3);}
.visual .text_link li{height:152px; border-bottom:1px solid rgba(255,255,255,0.3);}
.visual .text_link li a{display:block; position:relative; height:100%; padding-top:40px; color:#fff; text-decoration:none; transition:all 0.2s linear;}
.visual .text_link li a span{display: block;}
.visual .text_link li a span.main_text{font-size:30px; font-weight:600; letter-spacing:-1px;}
.visual .text_link li a span.sub_text{ margin-bottom:5px; font-size:26px;}
.visual .text_link li a:before{display:block; position:absolute; right:0; bottom:16px; width:35px; height:35px; background:url(../images/main/main_sprite.png) no-repeat -217px -72px;}

.visual .text_link li a:hover,
.visual .text_link li a:focus{color:#ffc1ca;}
.visual .text_link li a:hover:before,
.visual .text_link li a:focus:before{background-position:-263px -72px;}

@media only screen and (min-width:901px) and (max-width:1200px){
	.visual .text_link{transform:scale(0.78); transform-origin:right center;}
}
@media only screen and (max-width:900px){
	.visual .text_link{position: relative; top: auto; right: auto; width: 265px; margin: 0 auto;}
	.visual .text_link li{height: auto;}
	.visual .text_link li a{padding:13px  35px 12px 0;}
	.visual .text_link li a span.main_text{font-size:17px;}
	.visual .text_link li a span.sub_text{font-size:17px;}
	.visual .text_link li a:before{top: calc(50% - 17px); bottom: auto;}
}

/* rogroup1 */
.rowgroup1{margin-top:106px;}

@media only screen and (max-width:900px){
	.rowgroup1{margin-top: 74px;}
}
/* rogroup1 컬러박스링크 */
.rowgroup1 .box_link{float:left; width:200px;}
.rowgroup1 .box_link li:not(:first-child){margin-top:2px;}
.rowgroup1 .box_link li a{display:block; height:91px; color:#fff; text-align:center; line-height:89px;}
.rowgroup1 .box_link li:nth-child(1) a{background-color:#f24d65;}
.rowgroup1 .box_link li:nth-child(2) a{background-color:#6f3f95;}
.rowgroup1 .box_link li:nth-child(3) a{background-color:#8d2c62;}
.rowgroup1 .box_link li a span{display:inline-block; font-size:18px; line-height:24px; vertical-align:middle;}

@media only screen and (max-width:1200px){
	.rowgroup1 .box_link{float: none; width: 100%; margin-bottom: 50px;}
	.rowgroup1 .box_link li{float: left; width: calc(33.33% - 2px);}
	.rowgroup1 .box_link li:not(:first-child){margin:0 0 0 3px;}
}
@media only screen and (max-width:900px){
	.rowgroup1 .box_link {margin-bottom: 23px;}
	.rowgroup1 .box_link li a{height: 86px; padding: 0 5px; line-height: 84px;}
	.rowgroup1 .box_link li a span{font-size: 16px;}
}


/* rogroup1 공지사항 */
.rowgroup1 .board{float:left; width:500px; height:276PX; margin-left:50px;  background-color:#fff;}
.rowgroup1 .board .list{position:relative;}
.rowgroup1 .board .list > li{display:inline; float:left; padding:0;}
.rowgroup1 .board .list > li > a{display:block; position:relative; margin-right:13px; padding-left:15px; color:#575757; text-decoration:none;}
.rowgroup1 .board .list > li:first-child > a{ padding-left:0; }
.rowgroup1 .board .list > li:not(:first-child) > a:before{display:block; position:absolute; top:12px; left:1px; width:2px; height:2px; background-color:#adadad;}
.rowgroup1 .board .list > li.active > a { color:#000;}
.rowgroup1 .board .list > li > a span{display:block; height:auto; padding-bottom:5px; border-bottom:1px solid transparent; font-size:20px; line-height:26px;}
.rowgroup1 .board .list > li.active > a span{border-color:#000; font-size:24px;}

.rowgroup1 .board .tabcontent{position:absolute; top:50px; left:0; width:100%; padding:0;}
.rowgroup1 .board .tabcontent .first_content{position:relative; margin-bottom:27px; padding:17px 0 30px 89px; border-bottom:1px solid #d9d9d9;}
.rowgroup1 .board .tabcontent .first_content:before{display:block; position:absolute; top:10px; left:8px; width:55px; height:59px;  background:url(../images/main/main_sprite.png) no-repeat -306px -134px;}

.rowgroup1 .board .tabcontent .first_content a{display:block; color:#333; text-decoration:none;}
.rowgroup1 .board .tabcontent .first_content a p.title{overflow:hidden; position:relative; max-width:100%; color:#393939; font-size:20px; font-weight:600; white-space:nowrap; text-overflow:ellipsis;}
.rowgroup1 .board .tabcontent .first_content a p.text{overflow:hidden; margin-top: 12px; font-size:16px; color:#6d6d6d;  white-space:nowrap; text-overflow:ellipsis;}
.rowgroup1 .board .tabcontent .first_content a:hover p.text{text-decoration:underline;}
.rowgroup1 .board .tabcontent ul li{display:inline; float:left; position:relative; width:100%; margin:8px 0; padding:0 0 0 23px;}
.rowgroup1 .board .tabcontent ul li:before{display:block; position:absolute; top:7px; left:7px; width:3px; height:3px; background-color:#cb2621;}
.rowgroup1 .board .tabcontent ul li a{display:block; float:left; width:calc(100% - 90px); color:#757575; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rowgroup1 .board .tabcontent ul li span{float:right; color:#9e9e9e; font-size:0.9em;}
.rowgroup1 .board .tabcontent .more{position:absolute; top:-42px; right:9px; font-size:0; color:transparent;}
.rowgroup1 .board .tabcontent .more a{display:block; position:relative; width:18px; height:18px; background:url(../images/main/main_sprite.png) no-repeat -186px -80px;}

@media only screen and (max-width:1200px){
	.rowgroup1 .board{width: calc(100% - 470px); margin-left: 0;}
}
@media only screen and (max-width:900px){
	.rowgroup1 .board{float: none; width: 100%; height: 225px;}
	.rowgroup1 .board .list > li > a span{ font-size:15px; line-height:26px;}
	.rowgroup1 .board .list > li.active > a span{font-size: 17px;}
	.rowgroup1 .board .tabcontent{top: 41px;}
	.rowgroup1 .board .tabcontent .first_content{margin-bottom: 9px; padding: 17px 0 17px 56px;}
	.rowgroup1 .board .tabcontent .first_content:before{top: 5px; left: 0; transform:scale(0.7); transform-origin:left center;}
	.rowgroup1 .board .tabcontent .first_content a p.title{font-size: 15px;}
	.rowgroup1 .board .tabcontent .first_content a p.text{margin-top: 6px; font-size: 14px;}
	.rowgroup1 .board .tabcontent ul li{margin: 7px 0;}
	.rowgroup1 .board .tabcontent ul li a{font-size: 14px;}
	.rowgroup1 .board .tabcontent .more{top: -33px; right: 0;}

}

/* .rowgroup1 팝업존 */
.rowgroup1 .popup{float:right; position:relative; width:420px;}
.rowgroup1 .popup .section_title{margin-bottom:24px; font-size:24px; font-weight:600; color:#000;}
.rowgroup1 .popup .list{position:relative; height:226px;}
.rowgroup1 .popup .list .slide a{display:block; height:100%;}
.rowgroup1 .popup .list .slide img{display:inline-block; max-width:100%; max-height:100%; vertical-align:bottom;}
.rowgroup1 .popup .control{position:absolute; top:0; right:0;}
.rowgroup1 .popup .control button{display:inline-block; width:33px; height:33px; background:url(../images/main/main_sprite.png) no-repeat; font-size:0; color:transparent; vertical-align:middle;}
.rowgroup1 .popup .control button.prev{background-position:-8px -73px;}
.rowgroup1 .popup .control button.pause{background-position:-45px -73px;}
.rowgroup1 .popup .control button.play{display:none; background-position:-82px -73px;}
.rowgroup1 .popup .control button.next{background-position:-118px -73px;}

@media only screen and (max-width:900px){
	.rowgroup1 .popup{float: none; width: 100%; width: 100%; max-width:420px; margin:21px auto 0;}
	.rowgroup1 .popup .section_title{font-size: 17px;}
	.rowgroup1 .popup .list{height:auto;}
	.rowgroup1 .popup .control{top: -6px; right: 4px; transform:scale(0.94); transform-origin:right;}

}

/* .rowgroup1 아이콘 링크 */
.rowgroup1 .icon_link{float:left; width:100%; padding: 70px 0;}
.rowgroup1 .icon_link li{float:left; width:25%; text-align:center;}
.rowgroup1 .icon_link li a{display:inline-block; position: relative; padding-top: 60px; color: #444;}
.rowgroup1 .icon_link li a:before{display:block; position: absolute; top: 0; background:url(../images/main/main_sprite.png) no-repeat}
.rowgroup1 .icon_link li a.icon1:before{top: 5px; left: calc(50% - 27px); width:55px; height: 35px; background-position:-18px -132px;}
.rowgroup1 .icon_link li a.icon2:before{left: calc(50% - 17px); width:35px; height: 51px; background-position:-94px -124px;}
.rowgroup1 .icon_link li a.icon3:before{left: calc(50% - 20px); width:41px; height: 46px; background-position:-155px -123px;}
.rowgroup1 .icon_link li a.icon4:before{left: calc(50% - 34px); width:68px; height: 38px; background-position:-215px -130px;}
.rowgroup1 .icon_link li span{display: block; margin-top: 11px; font-size: 17px;}
.rowgroup1 .icon_link li span br{display: none;}

@media only screen and (max-width:900px){
	.rowgroup1 .icon_link li span{margin-top: 0; font-size: 15px; line-height: 19px;}
}
@media only screen and (max-width:640px){
	.rowgroup1 .icon_link{width: calc(100% + 20px); margin-left: -10px; padding:20px 0 28px;}
	.rowgroup1 .icon_link li a{padding-top: 56px;}
	.rowgroup1 .icon_link li a:before{transform:scale(0.8); transform-origin:0.8;}

	.rowgroup1 .icon_link li span br{display: inline;}
}

/* .rowgroup2 */
.rowgroup2 {height: 540px; background: url(../images/main/rowgroup2_bg.gif) no-repeat;}

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

}
@media only screen and (max-width:900px){
	.rowgroup2 {height: auto; background: none;}
	.rowgroup2 .wrap{width: 100%; margin: 0 auto;}
}

/* .rowgroup2 추천프로그램 */
.rowgroup2 .recommend {float: left; width: 777px; padding-top: 55px;}
.rowgroup2 .recommend .section_title{font-size: 34px; font-weight: normal; color: #000;}
.rowgroup2 .recommend .list{margin-top: 42px; height: 300px;}
.rowgroup2 .recommend .list .slide{width:259px; height: 100%; padding: 0 20px 20px 0;}
.rowgroup2 .recommend .list .slide a{display:block; height: 281px; box-shadow:10px 10px 10px rgba(0,0,0,0.15); background-color:#fff; color:#444; text-decoration:none;}
.rowgroup2 .recommend .list .slide .img_area{overflow:hidden; height:149px; line-height: 0;}
.rowgroup2 .recommend .list .slide .img_area img{width: 100%;}
.rowgroup2 .recommend .list .slide .text_area{padding:15px 15px 5px;}
.rowgroup2 .recommend .list .slide .text_area .category{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 15px; color: #963069;}
.rowgroup2 .recommend .list .slide .text_area .title{overflow: hidden; height: 45px; margin-top:10px; font-size:18px; color:#2b2b2b; line-height: 24px;}
.rowgroup2 .recommend .list .slide .text_area .date{margin-top:15px; font-size:15px; color:#262626; letter-spacing: -0.03em; opacity:0.7; }

.rowgroup2 .recommend .dots{margin-top: 22px; text-align:center;}
.rowgroup2 .recommend .dots ul{display:inline-block;}
.rowgroup2 .recommend .dots li{float:left; margin: 0 5px;}
.rowgroup2 .recommend .dots li button{width: 11px; height: 11px; font-size: 0; border-radius:20px; background-color: #000; opacity:0.3; transition:all 0.2s linear;}
.rowgroup2 .recommend .dots li.slick-active button{width: 30px; opacity:1;}

@media only screen and (max-width:1200px){
	.rowgroup2 .recommend {width: calc(100% - 450px);}
}
@media only screen and (max-width:1000px){
	.rowgroup2 .recommend {width: calc(100% - 390px);}
	.rowgroup2 .recommend .list .slide .text_area .date{font-size: 13px;}
}
@media only screen and (max-width:900px){
	.rowgroup2 .recommend{position: relative; width: 100%; padding: 30px 2% 10px; background-color: #f2ced1;}
	.rowgroup2 .recommend .section_title{font-size: 20px;}
	.rowgroup2 .recommend .list{width: calc(100% + 50px); margin-top: 20px;}

}
@media only screen and (max-width:640px){
	.rowgroup2 .recommend{ height: 365px; padding: 30px 10px;}
	.rowgroup2 .recommend .list .slide{height: 280px;}
	.rowgroup2 .recommend .list .slide a{height: 256px;}
	.rowgroup2 .recommend .list .slide .img_area{height: 136px;}
	.rowgroup2 .recommend .list .slide .text_area .category{font-size: 14px;}
	.rowgroup2 .recommend .list .slide .text_area .title{height: 40px; margin-top: 10px; font-size: 15px; line-height: 22px;}
	.rowgroup2 .recommend .list .slide .text_area .date{margin-top: 10px; font-size:14px;}
}


/* .rowgroup2 지금우리는*/
.rowgroup2 .now{float: right; width: 420px; height: 540px; padding: 60px 40px; background-color: #6f3f95;}
.rowgroup2 .now .section_title{font-size: 32px; color: #fff; text-align: center;}
.rowgroup2 .now .section_title .facebook_link{display: inline-block; position: relative; top: -4px; width: 30px; height: 30px; margin-left: 10px; background: url(../images/main/main_sprite.png) no-repeat -7px -184px; vertical-align: middle;}
.rowgroup2 .now .list{margin-top: 39px;}
.rowgroup2 .now .list li:not(:first-child){margin-top: 12px;}
.rowgroup2 .now .list li a{display:block; position: relative; height: 111px; color:#fff; text-decoration:none;}
.rowgroup2 .now .list li a .more{display: block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: #000; font-size: 0; transition: background-color 0.2s linear;}
.rowgroup2 .now .list li a:hover .more,
.rowgroup2 .now .list li a:focus .more{background-color: #daafc7;}
.rowgroup2 .now .list li a .more:before{display: block; position: absolute; top: calc(50% - 11px); left:calc(50% - 11px); width: 23px; height: 23px; background: url(../images/main/main_sprite.png) no-repeat -308px -78px;}
.rowgroup2 .now .list li a:hover .more:before,
.rowgroup2 .now .list li a:focus .more:before{background-position:-345px -78px;}
.rowgroup2 .now .list li .img_area{position: absolute; top: 0; left: 0; overflow:hidden; width: 141px; height:100%; line-height: 0;}
.rowgroup2 .now .list li .img_area img{width: 100%;}
.rowgroup2 .now .list li .text_area{height: 100%; margin-left: 141px; padding:20px 40px 0 20px; border: 2px solid #daafc7; border-width: 0 2px 2px 0; }
.rowgroup2 .now .list li .text_area .title{overflow: hidden; height: 42px; font-size:17px; color:#fff; line-height: 22px;}
.rowgroup2 .now .list li .text_area .date{margin-top:10px; font-size:15px; color:#ffc0e3; letter-spacing: -0.03em;}

@media only screen and (max-width:1000px){
	.rowgroup2 .now{ width: 360px;  padding: 60px 20px; }
}
@media only screen and (max-width:900px){
	.rowgroup2 .now{width: 100%; height: auto; padding: 36px 2% 40px;}
	.rowgroup2 .now .section_title{padding: 0 10px; font-size: 22px;}
	.rowgroup2 .now .list{margin-top: 25px; padding: 0 10px;}
	.rowgroup2 .now .list li .text_area .title{font-size: 15px;}
	.rowgroup2 .now .list li .text_area .date{font-size: 14px;}
}
@media only screen and (max-width:640px){
	.rowgroup2 .now{padding: 36px 10px 40px;}
}