@media only screen and (max-width:1220px){
    #container .wrap{width:100%; margin: 0; padding: 0 2%;}
}
/* ���̾� �˾� */
#layer_popup{position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 741px; padding-top: 199px; /* background-color: rgba(0,0,0,0.55); */}
#layer_popup .list{position: relative; width: 1221px; max-width:100%;}
#layer_popup .list .slick-arrow{display: block; position: absolute; top: calc(50% - 33px); z-index: 10; width: 65px; height: 63px; font-size: 0; color: transparent; text-align: center; line-height: 63px;}
#layer_popup .list .slick-arrow.slick-prev{left: 26px;}
#layer_popup .list .slick-arrow.slick-next{right: 26px;}
#layer_popup .list .slick-arrow:before{display: inline-block; width: 21px; height: 28px; background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle;}
#layer_popup .list .slick-arrow:after{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(../images/main/main_sprite.png) no-repeat; opacity:0; transition:opacity 0.3s linear;}
#layer_popup .list .slick-arrow:hover:after,
#layer_popup .list .slick-arrow:focus:after{opacity:1;}
#layer_popup .list .slick-arrow.slick-prev:after{ background-position:-327px -82px;}
#layer_popup .list .slick-arrow.slick-next:after{background-position:-401px -82px;}
#layer_popup .list .slick-arrow.slick-prev:before{background-position:-366px -42px;}
#layer_popup .list .slick-arrow.slick-next:before{background-position:-409px -42px;}
#layer_popup .close{display: block; position: absolute; top: 0; right: 0; width: 57px; height: 57px; background-color: #e0c6c6; text-align: center; line-height: 57px;}
#layer_popup .close:before{display: inline-block; width: 18px; height: 18px; background:url(../images/main/main_sprite.png) no-repeat -325px -52px; vertical-align: middle;}

@media screen and (max-width:1220px){
	/*#layer_popup {display: none;}*/
}
@media screen and (max-width:640px){
#layer_popup .wrap {position: absolute; top:100px; left: 0; width: 80%; margin:0px 10%; }
}
@media screen and (max-width:460px){
#layer_popup .wrap {position: absolute; top:120px; left: 0; width: 80%; margin:0px 10%; }
}

#header {position: absolute; top: 0; left: 0; width: 100%; z-index:100}
#container{word-break:keep-all;}

.visual{position:relative; width:100%; height:741px; padding-top: 171px;} 
.visual .list{position: absolute; top: 0; left:0; z-index: -1; width: 100%; height: 100%;}
/* .visual .list .slide{width:100%; height:741px; background-repeat: no-repeat; background-position: center top;} */
.visual .list .slide.bg1{background-image: url(../images/main/visual_img.jpg);}
.visual .list .slide.bg1 .slogan .large_text{ background:url(../images/main/vi_1_text_1.png) no-repeat left top}
.visual .list .slide.bg2{background-image: url(../images/main/visual_img2.jpg);}
.visual .list .slide.bg2 .slogan .large_text{background:url(../images/main/vi_4_text_1.png) no-repeat left top}
.visual .list .slide.bg3{background-image: url(../images/main/visual_img3.jpg);}
.visual .list .slide.bg3 .slogan .large_text{ background:url(../images/main/vi_1_text_1.png) no-repeat left top}
.visual .list .slide.bg4{background-image: url(../images/main/visual_img4.jpg);}
.visual .list .slide.bg4 .slogan .large_text{background:url(../images/main/vi_4_text_1.png) no-repeat left top}
.visual .list .slide.bg5{background-image: url(../images/main/visual_img4.jpg);}

.visual .slogan{position: absolute; top:333px; left: 61px;}
.visual .slogan .text{width: 467px; height: 19px; margin:38px 0 0 3px; font-size:0px; background:url(../images/main/main_sprite.png) no-repeat -12px -398px;}
.visual .slogan .large_text {width: 465px; height: 140px; display:inline-block;}
.visual .control{position: absolute; top: 430px; left: 0; width: 100%; text-align: center;}
.visual .control .btn_area{display: inline-block; vertical-align: middle;}
.visual .control .btn_area button{display: inline-block; width:27px; height: 27px; border: 1px solid rgba(255,255,255,0.6); border-radius:30px; font-size: 0; color: transparent; vertical-align: middle; line-height: 24px; text-align: center;}
.visual .control .btn_area .play{display: none;}
.visual .control .btn_area button:before{display: inline-block; width: 10px; height: 11px; background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle;}
.visual .control .btn_area .pause:before{background-position:-10px -10px;}
.visual .control .btn_area .play:before{position: relative; left: 1px; width: 9px; background-position:-31px -10px;}

.visual .dots{display: inline-block; margin-right: 5px; vertical-align: middle;}
.visual .dots .slick-dots li{display: inline-block; margin:0 5px;}
.visual .dots .slick-dots button{display: inline-block; width:8px; height:8px; padding: 0; border: 3px solid #fff; border-radius:20px; box-sizing:content-box; font-size: 0; color: transparent; vertical-align: middle; }
.visual .dots .slick-dots .slick-active button{border-width: 6px;}


@media screen and (max-width:1220px){
	.visual{position:relative; width:100%; height:600px; padding-top: 83px;} 
	.visual .list .slide{height:600px; background-size:auto 100%; background-position:60% top;}
	.visual .slogan{left: 5%; transform:scale(0.8); top:250px; transform-origin:left top;}
	.visual .control{top: 380px;}
}
@media screen and (max-width:640px){
	.visual{ height:350px;} 
	.visual .list .slide{height:350px; background-position:52% top;}
	.visual .list .slide.bg5{height:350px; background-position:12% top;}
	.visual .slogan{top:133px; left: 12px; transform:scale(1);}
	.visual .slogan .large_text{ transform:scale(0.50); transform-origin:left top;}
	.visual .slogan .text{margin-top: -50px; transform:scale(0.7); transform-origin:left top;}
	.visual .control{top: 195px;}
}

.rowgroup1{position: relative; z-index: 20; margin-top: -60px;}

@media screen and (max-width:640px){
	.rowgroup1{margin-top: -25px;}
}

/* .rowgroup1 .color_box */
.rowgroup1 .color_box {margin-bottom: 41px;}
.rowgroup1 .color_box ul{float: left; width: 50%; padding-left: 2%;}
.rowgroup1 .color_box ul li{float: left; width: 50%; height: 181px; line-height: 181px; text-align: center;}
.rowgroup1 .color_box ul li a{display: inline-block; font-size: 20px; font-weight: 600; color: #fff; line-height: normal; vertical-align: middle; text-decoration: none;}
.rowgroup1 .color_box ul li a:before{display: inline-block; margin-right: 20px; background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle;}
.rowgroup1 .color_box ul.color1{ background-color: #116636; /* background-color: #eb5c45; */}
.rowgroup1 .color_box ul.color2{/* margin-top: 25px; background-color: #b32058; */background-color: #724598}
.rowgroup1 .color_box ul.color1 li.link1 a:before{width: 35px; height: 39px; background-position:-10px -35px;}
.rowgroup1 .color_box ul.color1 li.link2 a:before{width: 39px; height: 39px; background-position:-72px -35px;}
.rowgroup1 .color_box ul.color2 li.link1 a:before{width: 44px; height: 40px; background-position:-133px -35px;}
.rowgroup1 .color_box ul.color2 li.link2 a:before{width: 40px; height: 43px; background-position:-198px -35px;}
.rowgroup1 .color_box ul li a:hover,
.rowgroup1 .color_box ul li a:focus{color: #ffefb6;}
.rowgroup1 .color_box ul.color1 li.link1 a:hover:before,
.rowgroup1 .color_box ul.color1 li.link1 a:focus:before{background-position:-10px -97px;}
.rowgroup1 .color_box ul.color1 li.link2 a:hover:before,
.rowgroup1 .color_box ul.color1 li.link2 a:focus:before{background-position:-72px -97px;}
.rowgroup1 .color_box ul.color2 li.link1 a:hover:before,
.rowgroup1 .color_box ul.color2 li.link1 a:focus:before{background-position:-133px -97px;}
.rowgroup1 .color_box ul.color2 li.link2 a:hover:before,
.rowgroup1 .color_box ul.color2 li.link2 a:focus:before{background-position:-198px -97px;}

@media screen and (max-width:640px){
	.rowgroup1 .color_box{position: relative; left: -20px; width: calc(100% + 40px); margin-bottom: 21px;}
	.rowgroup1 .color_box ul{padding: 30px 0;}
	.rowgroup1 .color_box ul li{width: 100%; height: auto; line-height: normal;}
	.rowgroup1 .color_box ul li:first-child{margin-bottom: 18px;}
	.rowgroup1 .color_box ul li a{font-size: 16px;}
	.rowgroup1 .color_box ul li a:before{margin-right: 15px; transform:scale(0.75); transform-origin:left center;}
}

/* �������� */
.rowgroup1 .board{float:left; width:720px; height:241px; margin-top: 28px;}
.rowgroup1 .board .list{position:relative;}
.rowgroup1 .board .list > li > .btn_area{position: relative; width: 128px; height: 41px; border-bottom: 1px solid #e8e8e8; text-align: center; transition:all 0.2s linear;}
.rowgroup1 .board .list > li > .btn_area:before,
.rowgroup1 .board .list > li > .btn_area:after{position: absolute; top: -3px; left: -3px; background-color: #eb5c45;}
.rowgroup1 .board .list > li > .btn_area a{display:block; }
.rowgroup1 .board .list > li > .btn_area a.tab_btn{font-size: 16px; color: #121212; line-height: 41px; text-decoration: none;}
.rowgroup1 .board .list > li > .btn_area a.tab_btn br{display: none;}
.rowgroup1 .board .list > li > .btn_area a.more{visibility: hidden; opacity:0; transition:all 0.2s linear;}
.rowgroup1 .board .list > li > .btn_area:before,
.rowgroup1 .board .list > li > .btn_area:after{display: block;}
.rowgroup1 .board .list > li.active > .btn_area{height: 128px; padding-top: 25px; border: 3px solid #2d2d2d;}
.rowgroup1 .board .list > li.active > .btn_area:before{width: 63px; height: 3px;}
.rowgroup1 .board .list > li.active > .btn_area:after{width: 3px; height: 103px;}
.rowgroup1 .board .list > li.active > .btn_area a.tab_btn{font-size: 24px; font-weight: 600; line-height: 1.1; cursor:default;}
.rowgroup1 .board .list > li.active > .btn_area a.tab_btn br{display: inline;}
.rowgroup1 .board .list > li.active > .btn_area a.more {display: block; visibility: visible; width: 21px; height: 21px; margin: 10px auto 0; background:url(../images/main/main_sprite.png) no-repeat -42px -158px; font-size: 0; color: transparent; opacity:1; }

.rowgroup1 .board .tabcontent{position:absolute; top:8px; left:170px; width:calc(100% - 170px); padding:0;}
.rowgroup1 .board .tabcontent ul li{display:inline; float:left; position:relative; width:100%; margin:6px 0;}
.rowgroup1 .board .tabcontent ul li a{display:block; float:left; width:calc(100% - 90px); font-size: 16px; color:#484848; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rowgroup1 .board .tabcontent ul li a i{display: inline-block; width: 19px; height: 19px; margin-left: 5px; background:url(../images/main/main_sprite.png) no-repeat -10px -158px; font-size: 0; color: transparent; vertical-align: middle; line-height: 0;}
.rowgroup1 .board .tabcontent ul li .date{float:right; color:#6c6c6c; font-size:15px;}
.rowgroup1 .board .tabcontent .more{display: none;}


@media screen and (max-width:1220px){
	.rowgroup1 .board{width: calc(100% - 450px);}
}
@media screen and (max-width:1000px){
	.rowgroup1 .board{width: calc(55% - 30px);}
	.rowgroup1 .board .list > li {float: left; width: 25%;}
	.rowgroup1 .board .list > li > .btn_area{width: 100%; border-bottom: none;}
	.rowgroup1 .board .list > li:not(:first-child) .btn_area a.tab_btn:before{display: block; position: absolute; top: calc(50% - 11px); left: -1px; z-index: -1; width: 1px; height: 22px; background-color: #e6e6e6; }
	.rowgroup1 .board .list > li.active > .btn_area{top: -5px; z-index: 10; height: 49px; padding-top: 0; line-height: 43px; transition:none;}
	.rowgroup1 .board .list > li.active > .btn_area:before{width: 70%;}
	.rowgroup1 .board .list > li.active > .btn_area:after{height: 70%;}
	.rowgroup1 .board .list > li.active > .btn_area a.tab_btn{display: inline-block; font-size: 17px; vertical-align: middle;}
	.rowgroup1 .board .list > li.active > .btn_area a.tab_btn:before{display: none; }
	.rowgroup1 .board .list > li.active > .btn_area a.tab_btn br{display: none;}
	.rowgroup1 .board .list > li.active > .btn_area a.more{display: none;}
	.rowgroup1 .board .tabcontent{top: 70px; left: 0; width: 100%;}
	.rowgroup1 .board .tabcontent ul li:nth-child(n + 5){display: none;}
}
@media screen and (min-width:641px) and (max-width:1000px){
	.rowgroup1 .board .list{padding-right: 30px;}
	.rowgroup1 .board .tabcontent .more{display:block; position:absolute; top:-60px; right: 0;  width: 21px; height: 21px; background:url(../images/main/main_sprite.png) no-repeat -42px -158px; font-size: 0; color: transparent;}
}
@media only screen and (max-width:800px){
	.rowgroup1 .board{float: none; width: 100%; height: 230px;}
}
@media screen and (max-width:640px){
	.rowgroup1 .board{height: 225px; margin-top: 0;}
	.rowgroup1 .board .list > li {width: 24%;}
	.rowgroup1 .board .list > li.active {width: 28%;}
	.rowgroup1 .board .tabcontent{top: 55px;} 
	.rowgroup1 .board .tabcontent ul li{margin: 2px 0;}
	.rowgroup1 .board .tabcontent ul li a{width:calc(100% - 50px); font-size: 14px;}
	.rowgroup1 .board .tabcontent ul li .date{font-size: 14px;}
	.rowgroup1 .board .tabcontent ul li .date .year{display: none;}
	.rowgroup1 .board .tabcontent .more{display: block; position: relative; width: 130px; height: 35px; margin: 12px auto 0; border: 1px solid #ebebeb; font-size: 14px; color: #4a4a4a; line-height: 35px; text-align: center;}
	.rowgroup1 .board .tabcontent .more:after{display: inline-block; width: 11px; height: 11px; margin-left: 13px; background:url(../images/main/main_sprite.png) no-repeat -77px -163px; vertical-align: middle;}
}


/* �˾��� */
.rowgroup1 .popup{float:right; position:relative; width:420px;}
.rowgroup1 .popup .section_title{margin-bottom:10px; font-size:22px; font-weight:600; color:#202020;}
.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:13px; right:0;}
.rowgroup1 .popup .control button,
.rowgroup1 .popup .control a{display: block; float: left; width:24px; height:24px; border: 1px solid #d4d4d4; border-radius:20px; font-size:0; color:transparent; text-align: center; line-height: 22px;}
.rowgroup1 .popup .control button{margin-right: 5px;}
.rowgroup1 .popup .control button.play{display:none;}

.rowgroup1 .popup .control button:before,
.rowgroup1 .popup .control a:before{display:inline-block; height: 10px; background:url(../images/main/main_sprite.png) no-repeat; vertical-align:middle;}
.rowgroup1 .popup .control button.prev:before{width: 7px; background-position:-61px -11px;}
.rowgroup1 .popup .control button.pause:before{width: 8px; background-position: -120px -11px;}
.rowgroup1 .popup .control button.play:before{width: 7px; background-position:-91px -11px;}
.rowgroup1 .popup .control button.next:before{width: 7px; background-position:-150px -11px;}
.rowgroup1 .popup .control a.more:before{position: relative; top: 1px; width: 8px; background-position:-178px -11px;}

@media only screen and (max-width:1000px){
	.rowgroup1 .popup{width:45%;}
	.rowgroup1 .popup .list{height:auto;}
}
@media only screen and (max-width:800px){
	.rowgroup1 .popup{float: none; width:100%; max-width:420px; margin: 35px auto 0;}
	.rowgroup1 .popup .list{height:auto;}
}
@media only screen and (max-width:640px){
	.rowgroup1 .popup {margin-top: 36px;}
	.rowgroup1 .popup .section_title{margin-bottom: 15px; font-size: 18px; line-height: 1;}
	.rowgroup1 .popup .control{top: -13px;}
	.rowgroup1 .popup .control button{margin-right: 9px;}
	.rowgroup1 .popup .control button,
	.rowgroup1 .popup .control a{width: 34px; height: 34px; line-height: 32px;}
	.rowgroup1 .popup .control button:before,
	.rowgroup1 .popup .control a:before{height: 15px;}
	.rowgroup1 .popup .control button.prev:before{width: 8px; background-position:-11px -433px;}
	.rowgroup1 .popup .control button.pause:before{width: 10px; background-position:-58px -435px;}
	.rowgroup1 .popup .control button.play:before{width: 11px; background-position:-32px -435px;}
	.rowgroup1 .popup .control button.next:before{width: 8px; background-position:-82px -433px;}
	.rowgroup1 .popup .control a.more:before{width: 12px; background-position:-101px -434px;}
}
/* .rowgroup2 */
.rowgroup2{position: relative; width: 1479px; margin: 82px auto 0; border: 1px solid #000; background-color: #fff;}
.rowgroup2:before{display: block; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: 270px; border: 3px solid #000; border-bottom-width: 0; box-sizing:border-box;}
.rowgroup2 .wrap{padding: 58px 0;}
.rowgroup2 .section_title{text-align: center;}
.rowgroup2 .section_title .img_text{display: inline-block; position: relative; background:url(../images/main/main_sprite.png) no-repeat; font-size:0; color:transparent; vertical-align: middle;}
.rowgroup2 .section_title .more{display: inline-block; width: 27px; height: 27px; margin-left: 15px; border: 1px solid #c2c2c2; border-radius: 50px; text-align: center; vertical-align: middle; line-height: 25px;}
.rowgroup2 .section_title .more:before{display: inline-block; width: 13px; height: 13px; background:url(../images/main/main_sprite.png) no-repeat -76px -162px; vertical-align: middle;}

@media only screen and (max-width:1500px){
	.rowgroup2{width: 96%;}
}
@media only screen and (max-width:1400px){
	.rowgroup2{width: 1220px; padding: 0 30px;}
	.rowgroup2 .wrap{width: 100%;}
}
@media only screen and (max-width:1220px){
	.rowgroup2{width: 98%; padding:50px 0;}
	.rowgroup2:before{height: 80%;}
}
@media only screen and (max-width:800px){
	.rowgroup2{margin-top: 50px;}
}
@media only screen and (max-width:640px){
	.rowgroup2{width: 94%; margin-top: 20px; padding:30px 23px 35px;}
	.rowgroup2:before{height: calc(100% - 76px);}
	.rowgroup2 .wrap{padding: 0;}
	.rowgroup2 .section_title .img_text{transform:scale(0.75);}
	.rowgroup2 .section_title .more{width: 31px; height: 31px; margin-left: 0; line-height: 28px;}
	.rowgroup2 .section_title .more:before{width: 17px; height: 17px; background-position:-128px -160px;}
}

/* ����� ����? */
.rowgroup2 .now{float: left; width: calc(100% - 420px);}
.rowgroup2 .now .section_title .img_text{width: 142px; height: 25px; background-position:-403px -201px;}
.rowgroup2 .now .list{margin-top: 50px;}
.rowgroup2 .now .list li{float: left; width: 50%;}
.rowgroup2 .now .list li a{display: block; position: relative; height: 60px; padding-left: 75px; line-height: 60px;}
.rowgroup2 .now .list li a span.date{display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; padding: 12px 0; box-sizing:border-box; background-color: #323232; font-size: 15px; color: #fff; line-height: 1.2; text-align: center;}
.rowgroup2 .now .list li a span.date.new{background-color: #eb5c45;}
.rowgroup2 .now .list li a span.text{display: inline-block; width: 90%; font-size: 16px; color: #2e2e2e; vertical-align: middle; line-height: 1.3;}
.rowgroup2 .now .list li:nth-child(n + 3){margin-top: 36px;}

@media only screen and (max-width:1400px){
	.rowgroup2 .now{width: 58%;}
}
@media only screen and (max-width:800px){
	.rowgroup2 .now{float: none; width: 100%;}
}
@media only screen and (max-width:640px){
	.rowgroup2 .now .list{margin-top: 15px;}
	.rowgroup2 .now .list li{float: none; width: 100%;}
	.rowgroup2 .now .list li:nth-child(n + 3){display: none;}
	.rowgroup2 .now .list li:first-child{margin-bottom: 7px;}
	.rowgroup2 .now .list li a span.date{font-size: 14px;}
	.rowgroup2 .now .list li a span.text{font-size: 14px;}
}
/* �Ҽӱ�� ȫ�� */
.rowgroup2 .pr{float: right; width: 420px;}
.rowgroup2 .pr .section_title .img_text{width: 158px; height: 28px; background-position: -560px -198px;}
.rowgroup2 .pr .list{margin-top: 35px;}
.rowgroup2 .pr .list li{float: left; width: calc(50% - 10px); background-color: #ffe9e5;}
.rowgroup2 .pr .list li:last-child{float: right; background-color: #e9e5ff;}
.rowgroup2 .pr .list li a{display: block; height: 187px; padding-top: 26px; box-sizing:border-box; text-align: center; text-decoration: none;}
.rowgroup2 .pr .list li a span{display: block; text-decoration: none;}

.rowgroup2 .pr .list li span.text{overflow: hidden; height: 52px; font-size: 18px; font-weight: 600; color: #000; line-height: 1.5;}
.rowgroup2 .pr .list li span.date{font-size: 15px; color: #000;}
.rowgroup2 .pr .list li span.date:before{display: block; width: 10px; height: 10px; margin:25px auto 20px; background:url(../images/main/main_sprite.png) no-repeat -104px -163px;}

.rowgroup2 .pr .list li a:hover span.text{text-decoration: underline;}

@media only screen and (max-width:1400px){
	.rowgroup2 .pr{width: 40%;}
}
@media only screen and (max-width:800px){
	.rowgroup2 .pr{float: none; width: 100%; margin-top: 35px;}
}
@media only screen and (max-width:640px){
	.rowgroup2 .pr .list{margin-top: 26px;}
	.rowgroup2 .pr .list li{width: calc(50% - 5px);}
	.rowgroup2 .pr .list li a{height: 126px; padding: 13px 2% 0;}
	.rowgroup2 .pr .list li span.text{height: 45px; font-size: 15px;}
	.rowgroup2 .pr .list li span.date:before{ margin:10px auto 4px;}
	.rowgroup2 .pr .list li span.date{font-size: 14px;}
}

/* .rowgroup3 */
.rowgroup3{position: relative;  padding-top: 76px; }
.rowgroup3:before{display: block; position: absolute; top: -80px; left: 0; z-index: -1; width: 100%; height: 100%;background: url(../images/main/rowgroup3_bg.gif) no-repeat center top;}

@media only screen and (max-width:640px){
	.rowgroup3{padding-top: 40px;}
	.rowgroup3:before{background-size:auto 490px;}
}

/* ��ο� �����ϴ� sns */
.rowgroup3 .sns{position:relative;}
.rowgroup3 .sns .title_area{margin-bottom:41px; text-align:center;}
.rowgroup3 .sns .title_area .section_title{display: inline-block; width: 366px; height: 38px; background:url(../images/main/main_sprite.png) no-repeat -10px -191px;}
.rowgroup3 .sns .title_area .text{margin-top:7px; font-size:20px; color: #333;}

.rowgroup3 .sns .facebook_link{position: absolute; top: 0; right: -14px; z-index: 1; width: 301px; height: 70px; text-align: center; line-height: 74px;}
.rowgroup3 .sns .facebook_link:before{display: block; position: absolute; top: -31px; left: 0; z-index: -1; width: 100%; height: 132px; background:url(../images/main/main_sprite.png) no-repeat -488px -249px;}
.rowgroup3 .sns .facebook_link a{display: inline-block; font-size: 17px; color: #010101; text-align: center;}
.rowgroup3 .sns .facebook_link a:before,
.rowgroup3 .sns .facebook_link a:after{display: inline-block; position: relative;  background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle; line-height: normal;}
.rowgroup3 .sns .facebook_link a:before{width: 30px; height: 30px; margin-right: 14px; background-position:-221px -152px;}
.rowgroup3 .sns .facebook_link a:after{width: 19px; height: 19px; margin-left: 18px; background-position:-127px -159px;}

.rowgroup3 .sns .instagram_link{position: absolute; top: 86px; right: -14px; z-index: 1; width: 301px; height: 70px; text-align: center; line-height: 74px;}
.rowgroup3 .sns .instagram_link:before{display: block; position: absolute; top: -31px; left: 0; z-index: -1; width: 100%; height: 132px; background:url(../images/main/main_sprite.png) no-repeat -488px -249px;}
.rowgroup3 .sns .instagram_link a{display: inline-block; font-size: 17px; color: #010101; text-align: center;}
.rowgroup3 .sns .instagram_link a:before,
.rowgroup3 .sns .instagram_link a:after{display: inline-block; position: relative;  background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle; line-height: normal;}
.rowgroup3 .sns .instagram_link a:before{background:url(../images/main/sns_icon.png) no-repeat;  width: 30px; height: 30px; margin-right: 14px; background-position:top top;}
.rowgroup3 .sns .instagram_link a:after{width: 19px; height: 19px; margin-left: 18px; background-position:-127px -159px;}

.rowgroup3 .sns .control{text-align: center;}
.rowgroup3 .sns .control button{display: inline-block; width:41px; height:41px; margin: 0 8px; border: 1px solid #434343; border-radius:30px; font-size:0; color:transparent; text-align: center; line-height: 40px;}

.rowgroup3 .sns .control button:before{display:inline-block; width:18px; height:9px; background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle;}
.rowgroup3 .sns .control button.prev:before{background-position:-210px -11px;}
.rowgroup3 .sns .control button.next:before{background-position:-242px -11px;}
.rowgroup3 .sns .list{position:relative; height:390px; margin-top: 65px;}
.rowgroup3 .sns .list .slide{ padding-top: 27px;}
.rowgroup3 .sns .list .slide a{display:block; position: relative; width:280px; max-width:calc(100% - 10px); height: 252px; margin: 0 auto; background-color: #fff; color:#444; text-decoration:none; transition:all 0.2s linear;}
.rowgroup3 .sns .list .slide .img_area{overflow:hidden; height:252px;}
.rowgroup3 .sns .list .slide .img_area img{max-width:none; height: 100%; transition:transform 0.8s ease-in-out;}
.rowgroup3 .sns .list .slide .text_area{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25px 3%; background-color: rgba(0,0,0,0.6); text-align: center;}
.rowgroup3 .sns .list .slide .text_area:before{display: block; width: 26px; height: 26px; margin: 30px auto 30px; background:url(../images/main/main_sprite.png) no-repeat -157px -156px;}

.rowgroup3 .sns .list .slide .text_area span{display:block; text-decoration:none; transition:color 0.2s linear; transition-delay:0.2s;}
.rowgroup3 .sns .list .slide .text_area span.title{overflow:hidden; width:100%; height:52px; font-size:20px; color:#fff; line-height: 1.3;}
.rowgroup3 .sns .list .slide .text_area .date{margin-top:15px; font-size:15px; color:#fff; line-height:16px;}

@media only screen and (min-width:1221px){
	.rowgroup3 .sns .list .slide.active{padding-top: 0;}
	.rowgroup3 .sns .list .slide.active a{height: 390px; border: 1px solid #9f0162;}
	.rowgroup3 .sns .list .slide.active .text_area{position: static; height: 138px; background: none;}
	.rowgroup3 .sns .list .slide.active .text_area:before{display: none;}
	.rowgroup3 .sns .list .slide.active .text_area span.title{color: #3e3e3e;}
	.rowgroup3 .sns .list .slide.active .text_area span.date{color: #3e3e3e;}

	.rowgroup3 .sns .list .slide.slick-slide.slick-active{padding-top: 0;}
	.rowgroup3 .sns .list .slide.slick-slide.slick-active a{height: 390px; border: 1px solid #9f0162;}
	.rowgroup3 .sns .list .slide.slick-slide.slick-active .text_area{position: static; height: 138px; background: none;}
	.rowgroup3 .sns .list .slide.slick-slide.slick-active .text_area:before{display: none;}
	.rowgroup3 .sns .list .slide.slick-slide.slick-active .text_area span.title{color: #3e3e3e;}
	.rowgroup3 .sns .list .slide.slick-slide.slick-active .text_area span.date{color: #3e3e3e;}


}
@media only screen and (max-width:1220px){
	.rowgroup3 .sns .facebook_link{position: relative; top: -10px; right: auto; margin: 30px auto 0;}
	.rowgroup3 .sns .instagram_link{position: relative; top: 0; right: auto; margin: 0 auto 0;}
	.rowgroup3 .sns .title_area{margin-bottom: 10px;}
	.rowgroup3 .sns .control{display: none;}
	.rowgroup3 .sns .list{margin-top: 29px;}
	.rowgroup3 .sns .list .slide.slick-current{padding-top: 0;}
	.rowgroup3 .sns .list .slide.slick-current a{height: 390px; border: 1px solid #9f0162;}
	.rowgroup3 .sns .list .slide.slick-current .text_area{position: static; height: 138px; background: none;}
	.rowgroup3 .sns .list .slide.slick-current .text_area:before{display: none;}
	.rowgroup3 .sns .list .slide.slick-current .text_area span.title{color: #3e3e3e;}
	.rowgroup3 .sns .list .slide.slick-current .text_area span.date{color: #3e3e3e;}

	.rowgroup3 .sns .list .slide.slick-slide a{height: 390px; border: 1px solid #9f0162;}
	.rowgroup3 .sns .list .slide.slick-slide .text_area{position: static; height: 138px; background: none;}
	.rowgroup3 .sns .list .slide.slick-slide .text_area:before{display: none;}
	.rowgroup3 .sns .list .slide.slick-slide .text_area span.title{color: #3e3e3e;}
	.rowgroup3 .sns .list .slide.slick-slide .text_area span.date{color: #3e3e3e;}
}
@media only screen and (max-width:640px){
	.rowgroup3 .sns .title_area .section_title{transform:scale(0.6); transform-origin:center top;}
	.rowgroup3 .sns .title_area .text{margin-top: -15px; font-size:14px;}
	.rowgroup3 .sns .facebook_link{height: 54px; line-height: 54px;}
	.rowgroup3 .sns .facebook_link:before{ height: 115px; background-position:-494px -414px;}
	.rowgroup3 .sns .facebook_link a{font-size: 15px;}
	.rowgroup3 .sns .facebook_link a:before,
	.rowgroup3 .sns .facebook_link a:after{transform:scale(0.8);}
	.rowgroup3 .sns .facebook_link a:before{ margin-right: 8px;}
	.rowgroup3 .sns .facebook_link a:after{ margin-left: 10px;}

	.rowgroup3 .sns .instagram_link{height: 54px; line-height: 54px;}
	.rowgroup3 .sns .instagram_link:before{ height: 115px; background-position:-494px -414px;}
	.rowgroup3 .sns .instagram_link a{font-size: 15px;}
	.rowgroup3 .sns .instagram_link a:before,
	.rowgroup3 .sns .instagram_link a:after{transform:scale(0.8);}
	.rowgroup3 .sns .instagram_link a:before{ margin-right: 8px;}
	.rowgroup3 .sns .instagram_link a:after{ margin-left: 10px;}
	.rowgroup3 .sns .list{height:323px; }
	.rowgroup3 .sns .list .slide{margin: 0 8px; padding-top: 22px;}
	.rowgroup3 .sns .list .slide a{ width:234px; height: 203px;}
	.rowgroup3 .sns .list .slide .img_area{height:203px;}
	.rowgroup3 .sns .list .slide.slick-current a{height: 313px;}
	.rowgroup3 .sns .list .slide .text_area span.title{height: 40px; font-size: 15px;}
	.rowgroup3 .sns .list .slide .text_area .date{font-size: 14px;}
}

/* .rowgroup4 */
.rowgroup4{margin-top: 100px; background:linear-gradient(to bottom, #ffffff 15%,#f5f5f5 100%);}
.rowgroup4 .info_tab{position: relative; z-index: 10;}
.rowgroup4 .info_tab .tab_item li{float: left; width: calc(33.3333% - 8px);}
.rowgroup4 .info_tab .tab_item li:nth-child(2){margin: 0 12px;}
.rowgroup4 .info_tab .tab_item li button{display: block; width: 100%; height: 51px; border: 1px solid #9f9f9f; border-bottom-width: 0; border-radius:8px 8px 0 0; box-sizing:border-box; font-size: 22px; font-weight: 600; color: #000;}
.rowgroup4 .info_tab .tab_item li.active button{border-color: #6a5baa; background-color: #6a5baa; color: #fff;}
.rowgroup4 .info_tab .tab_item li.active button:after{display: inline-block; position: relative; top: -2px; width: 28px; height: 28px; margin-left: 13px; background:url(../images/main/main_sprite.png) no-repeat -271px -9px; vertical-align: middle;}

.rowgroup4 .info_tab .tab_obj{display: none; position: relative; height: 428px; padding-top: 57px;}
.rowgroup4 .info_tab .tab_obj:before{display: block; position: absolute; top: -1px; left: -130px; z-index: -1; width: calc(100% + 260px); height: calc(100% + 2px); border-radius:8px 8px 0 0; background-color: #6a5baa;}
.rowgroup4 .info_tab .tab_obj .section_title{display: block; position: relative; margin: 0 auto; background:url(../images/main/main_sprite.png) no-repeat; }

.rowgroup4 .info_tab .tab_obj .list{margin-top: 45px;}
.rowgroup4 .info_tab .tab_obj .list .slide{display: block; overflow: hidden; width: 228px; height: 222px; margin-right: 20px; border-radius:8px; background-color: #fff;}

.rowgroup4 .info_tab .tab_obj .list .slide ul{display: inline-block; width: 100%; padding: 0 20px; line-height: normal; vertical-align: middle;}
.rowgroup4 .info_tab .tab_obj .list .slide ul li{position: relative; min-height:28px; padding:5px 0 0 40px; font-size: 15px; color: #484848; line-height: 1.2; word-break:break-all}
.rowgroup4 .info_tab .tab_obj .list .slide ul li:not(:first-child){margin-top: 8px;}
.rowgroup4 .info_tab .tab_obj .list .slide ul li .icon_area{display: block; position: absolute; top: 0; left: 0; width:28px; height: 28px; border-radius:30px; background-color: #ededed; text-align: center; line-height: 26px;}
.rowgroup4 .info_tab .tab_obj .list .slide ul li .icon_area:before{display: inline-block; background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle;}

.rowgroup4 .info_tab .tab_obj .list .slide .title{padding: 0 20px;}
.rowgroup4 .info_tab .tab_obj .list .slide .title span{display: inline-block; overflow: hidden; font-size: 18px; color: #232323; vertical-align: middle; line-height: 1.2;}
.rowgroup4 .info_tab .tab_obj .list .slide.place1 .title{background-color: #fedae0;}
.rowgroup4 .info_tab .tab_obj .list .slide.place2 .title{background-color: #c3eddb;}
.rowgroup4 .info_tab .tab_obj .list .slide.place3 .title{background-color: #daebfd;}
.rowgroup4 .info_tab .tab_obj .list .slide.place4 .title{background-color: #fae9cb;}
.rowgroup4 .info_tab .tab_obj .list .slide.place5 .title{background-color: #e2eab8;}

.rowgroup4 .info_tab .tab_obj .list .slide .more{display: block; height: 45px; border-top:1px dotted #a6a6a6; background-color: #f6f5fc; font-size: 15px; font-weight: 600; color: #2b2b2b; text-align: center; line-height: 45px;}
.rowgroup4 .info_tab .tab_obj .list .slide .more:after{display: inline-block; width: 4px; height: 7px; margin-left: 23px; background:url(../images/main/main_sprite.png) no-repeat -342px -9px;; vertical-align: middle;}

.rowgroup4 .info_tab .tab_obj .section_more{display: block; position: absolute; top: 50px; right: 0; height: 44px; padding: 0 23px; border-radius:30px; background-color: #251a53; font-size: 18px; font-weight: 600; color: #fff; line-height: 40px; text-decoration: none;}
.rowgroup4 .info_tab .tab_obj .section_more:after{display: inline-block; width: 8px; height: 8px; margin-left: 12px; background:url(../images/main/main_sprite.png) no-repeat -197px -164px; vertical-align: middle;}

/* ���� */
.rowgroup4 .info_tab .tab_obj.edu .section_title{left: 10px; width: 321px; height: 49px; background-position:-463px -7px;}
.rowgroup4 .info_tab .tab_obj.edu .list .slide .title{height: 81px; line-height: 81px;}
.rowgroup4 .info_tab .tab_obj.edu .list .slide .title span{max-height:65px;}
.rowgroup4 .info_tab .tab_obj.edu .list .slide .text_area{height: 96px; line-height: 91px;}
.rowgroup4 .info_tab .tab_obj.edu .list .slide ul li:nth-child(1) .icon_area:before{width:15px; height:18px; background-position:-265px -52px;}
.rowgroup4 .info_tab .tab_obj.edu .list .slide ul li:nth-child(2) .icon_area:before{position: relative; top: -2px; width:15px; height:18px; background-position:-298px -52px;}

/* �ü� ��� */
.rowgroup4 .info_tab .tab_obj.rental .category{height: 31px; background-color: #1c1245; font-size: 15px; color: #fff; text-align: center; line-height: 30px;}
.rowgroup4 .info_tab .tab_obj.rental .section_title{width: 294px; height: 49px; background-position:-490px -66px;}
.rowgroup4 .info_tab .tab_obj.rental .list .slide .title{height: 51px; line-height: 51px; text-align: center;}
.rowgroup4 .info_tab .tab_obj.rental .list .slide .title span{max-height:45px;}
.rowgroup4 .info_tab .tab_obj.rental .list .slide .text_area{height: 95px; line-height: 95px;}
.rowgroup4 .info_tab .tab_obj.rental .list .slide ul li:nth-child(1) .icon_area:before{width:15px; height:14px; background-position:-264px -81px;}
.rowgroup4 .info_tab .tab_obj.rental .list .slide ul li:nth-child(2) .icon_area:before{width:17px; height:12px; background-position:-297px -82px;}

/* ���α׷� */
.rowgroup4 .info_tab .tab_obj.program .section_title{width: 192px; height: 49px; background-position:-592px -128px;}
.rowgroup4 .info_tab .tab_obj.program .list .slide .title_area{height: 90px; padding-top: 10px;}
.rowgroup4 .info_tab .tab_obj.program .list .slide .title_area .category{margin: 0 auto 5px; width: 92px; height: 23px; border-radius:10px; font-size: 15px; color: #fff; text-align: center; line-height: 23px;}
.rowgroup4 .info_tab .tab_obj.program .list .slide.type1 .title_area{background-color: #fde1e6;}
.rowgroup4 .info_tab .tab_obj.program .list .slide.type1 .title_area .category{background-color: #d44556;}
.rowgroup4 .info_tab .tab_obj.program .list .slide.type2 .title_area{background-color: #e9e5f9;}
.rowgroup4 .info_tab .tab_obj.program .list .slide.type2 .title_area .category{background-color: #46415e;}
.rowgroup4 .info_tab .tab_obj.program .list .slide .title_area .title span{max-height:45px;}
.rowgroup4 .info_tab .tab_obj.program .list .slide .text_area{padding-top: 10px;}
.rowgroup4 .info_tab .tab_obj.program .list .slide ul li:not(:first-child){margin-top:2px;}
.rowgroup4 .info_tab .tab_obj.program .list .slide ul li:nth-child(1) .icon_area:before{width:14px; height:16px; background-position:-265px -109px;}
.rowgroup4 .info_tab .tab_obj.program .list .slide ul li:nth-child(2) .icon_area:before{width:15px; height:19px; background-position:-297px -108px; margin:-1px 0 0 0}
.rowgroup4 .info_tab .tab_obj.program .list .slide ul li:nth-child(3) .icon_area:before{width:14px; height:14px; background-position:-264px -81px;}

@media only screen and (max-width:1220px){
	.rowgroup4 .info_tab .tab_obj{width: calc(100% + 30px); height: 400px; padding-top: 27px; text-align: center;}
	.rowgroup4 .info_tab .tab_obj .section_more{display: inline-block; position: relative; top: auto; right: auto; margin: 20px auto 0;}
	.rowgroup4 .info_tab .tab_obj .list{margin-top: 20px; text-align: left;}
}
@media only screen and (max-width:640px){
	.rowgroup4{margin-top: 23px;}
	.rowgroup4 .info_tab .tab_item li:nth-child(1){width: 26%;}
	.rowgroup4 .info_tab .tab_item li:nth-child(2){margin: 0 5px; width: calc(43% - 10px);}
	.rowgroup4 .info_tab .tab_item li:nth-child(3){width: 31%;}
	.rowgroup4 .info_tab .tab_item li button{height: 46px; font-size: 16px;}
	.rowgroup4 .info_tab .tab_item li.active button:after{margin-left: 0; transform:scale(0.75); transform-origin:right center;}
	.rowgroup4 .info_tab .tab_obj{height: 350px;}
	.rowgroup4 .info_tab .tab_obj .section_title{position: static; transform:scale(0.65); transform-origin:center top;}
	.rowgroup4 .info_tab .tab_obj .list{margin-top: 4px;}
	.rowgroup4 .info_tab .tab_obj .list .slide{ width: 193px; height: 189px; margin-right: 18px;}
	.rowgroup4 .info_tab .tab_obj .list .slide .title span{font-size: 14px;}
	.rowgroup4 .info_tab .tab_obj .list .slide ul li{font-size: 14px;}
	.rowgroup4 .info_tab .tab_obj .list .slide ul li:not(:first-child){margin-top: 5px;}
	.rowgroup4 .info_tab .tab_obj .list .slide ul li .icon_area{transform:scale(0.87);}
	.rowgroup4 .info_tab .tab_obj .list .slide .more{ height: 39px; font-size: 13px; line-height: 39px;}
	.rowgroup4 .info_tab .tab_obj .list .slide .more:after{position: relative; top: -1px; margin-left: 10px;}
	.rowgroup4 .info_tab .tab_obj .section_more{height: 36px; font-size: 14px; line-height: 36px;}
	.rowgroup4 .info_tab .tab_obj .section_more:after{position: relative; top: -2px;}

	.rowgroup4 .info_tab .tab_obj.edu .list .slide .text_area{height: 80px; line-height: 80px;}
	.rowgroup4 .info_tab .tab_obj.edu .list .slide .title{height: 70px; line-height: 70px;}
	.rowgroup4 .info_tab .tab_obj.edu .list .slide .title span{max-height: 37px;}

	.rowgroup4 .info_tab .tab_obj.rental .list .slide .title{height: 45px; line-height: 45px;}
	.rowgroup4 .info_tab .tab_obj.rental .list .slide .title span{max-height:35px}
	.rowgroup4 .info_tab .tab_obj.rental .list .slide .text_area{height: 70px; line-height: 70px;}

	.rowgroup4 .info_tab .tab_obj.program .list .slide .title_area{height:70px; padding-top: 0;}
	.rowgroup4 .info_tab .tab_obj.program .list .slide .title_area .category{width: 100%; height: 20px; border-radius:0; font-size: 13px; line-height: 18px;}
	.rowgroup4 .info_tab .tab_obj.program .list .slide .title_area .title span{max-height:35px;}
	.rowgroup4 .info_tab .tab_obj.program .list .slide ul li:not(:first-child){margin-top: 2px;}
	.rowgroup4 .info_tab .tab_obj.program .list .slide .text_area{padding-top: 5px;}
}

/* .rowgroup4 .info_tab  */
.rowgroup4 .info_tab .text_link{position: relative;}
.rowgroup4 .info_tab .text_link:before{display: block; position: absolute; top: 0; left: -130px; z-index: -1; width: calc(100% + 260px); height: 100%; border-radius:0 0 8px 8px; background-color: #504293;}
.rowgroup4 .info_tab .text_link{padding:30px 0 30px 0;}
.rowgroup4 .info_tab .text_link li{float: left; padding: 0 1%;}

.rowgroup4 .info_tab .text_link li a{position:relative; display: block; font-size: 16px; color: #fff; letter-spacing: -1px;}
.rowgroup4 .info_tab .text_link li a:before{position:absolute; content:""; display: block; top: 9px; left:0; vertical-align: middle; }
.rowgroup4 .info_tab .text_link li a:hover,
.rowgroup4 .info_tab .text_link li a:focus{font-weight: 600; color: #fffbc9; padding-left:35px;}
.rowgroup4 .info_tab .text_link li a:hover:before,
.rowgroup4 .info_tab .text_link li a:focus:before{ width: 25px; height: 24px; margin-right: 10px; background:url(../images/main/main_sprite.png) no-repeat -307px -8px;}

@media only screen and (min-width:1221px){ 
	.rowgroup4 .info_tab .text_link li:nth-child(1){width:16%;}
	.rowgroup4 .info_tab .text_link li:nth-child(2){width:20.333%;}
	.rowgroup4 .info_tab .text_link li:nth-child(3){width:18%;}
	.rowgroup4 .info_tab .text_link li:nth-child(4){width:22.333%;}
	.rowgroup4 .info_tab .text_link li:nth-child(5){width:23.333%;}
	/*220810 ����  */
	.rowgroup4 .info_tab .text_link li:nth-child(1){width:14%; line-height:45px;}
	.rowgroup4 .info_tab .text_link li:nth-child(2){width:15%; line-height:45px;}
	.rowgroup4 .info_tab .text_link li:nth-child(3){width:14%; line-height:45px;}
	.rowgroup4 .info_tab .text_link li:nth-child(4){width:14%; line-height:45px;}
	.rowgroup4 .info_tab .text_link li:nth-child(5){width:14%; line-height:45px;}
	.rowgroup4 .info_tab .text_link li:nth-child(6){width:15%; line-height:24px;}
	.rowgroup4 .info_tab .text_link li:nth-child(7){width:14%; line-height:45px;}
}
@media only screen and (max-width:1220px){
	.rowgroup4 .info_tab .text_link li{width: 33.3333%;}
	.rowgroup4 .info_tab .text_link li a{position: relative; padding-left:35px;}
	.rowgroup4 .info_tab .text_link li a:before{position: absolute; top: 2px; left: 0;}
}	
@media only screen and (max-width:800px){
	.rowgroup4 .info_tab .text_link li{width: 50%;}
}
@media only screen and (max-width:640px){
	.rowgroup4 .info_tab .text_link{padding: 14px 0;}
	.rowgroup4 .info_tab .text_link li a{padding-left: 20px; font-size: 14px; line-height: 1.2;}
	.rowgroup4 .info_tab .text_link li a:before{top: 0; transform:scale(0.7); transform-origin:left center;}
}

/* .rowgroup4 .icon_link */
.rowgroup4 .icon_link{margin:72px 0 80px; border: 1px solid #cdcdcd; border-left-width: 0;}
.rowgroup4 .icon_link li{float: left; width: 33.3333%; background-color: #fff;}
.rowgroup4 .icon_link li a{display: block; position: relative; height: 128px; padding:35px 10px 0 30px; border-left: 1px solid #cdcdcd; box-sizing:border-box; text-decoration: none;}
.rowgroup4 .icon_link li span{display: block;}
.rowgroup4 .icon_link li span:not(.icon_area){ margin-left: 70px;}
.rowgroup4 .icon_link li span.icon_area{ position: absolute; top:auto; left: 25px; width: 56px; height: 56px; border-radius:50px; background-color: #dde1f3; text-align: center; line-height: 56px;}
.rowgroup4 .icon_link li span.icon_area:before{display: inline-block; background:url(../images/main/main_sprite.png) no-repeat; vertical-align: middle;}
.rowgroup4 .icon_link li span.title{padding-top: 3px; font-size: 20px; font-weight: 600; color: #000; line-height: 1.1;}
.rowgroup4 .icon_link li span.text{margin-top: 7px; font-size: 16px; color: #595959; line-height: 1.3;}

.rowgroup4 .icon_link li:nth-child(1) span.icon_area:before{width: 27px; height: 24px; background-position:-268px -153px;}
.rowgroup4 .icon_link li:nth-child(2) span.icon_area:before{width:32px; height: 25px; background-position:-313px -154px;}
.rowgroup4 .icon_link li:nth-child(3) span.icon_area:before{width: 25px; height: 25px; background-position:-366px -153px;}

.rowgroup4 .icon_link li:nth-child(1) a:hover span.icon_area,
.rowgroup4 .icon_link li:nth-child(1) a:focus span.icon_area{background-color: #504293;}
.rowgroup4 .icon_link li:nth-child(2) a:hover span.icon_area,
.rowgroup4 .icon_link li:nth-child(2) a:focus span.icon_area{background-color: #a81c72;}
.rowgroup4 .icon_link li:nth-child(3) a:hover span.icon_area,
.rowgroup4 .icon_link li:nth-child(3) a:focus span.icon_area{background-color: #eb5c45;}

.rowgroup4 .icon_link li:nth-child(1) a:hover span.title,
.rowgroup4 .icon_link li:nth-child(1) a:focus span.title{color: #504293;}
.rowgroup4 .icon_link li:nth-child(2) a:hover span.title,
.rowgroup4 .icon_link li:nth-child(2) a:focus span.title{color: #a81c72;}
.rowgroup4 .icon_link li:nth-child(3) a:hover span.title,
.rowgroup4 .icon_link li:nth-child(3) a:focus span.title{color: #eb5c45;}

@media only screen and (min-width:701px) and (max-width:1220px){
	.rowgroup4 .icon_link li{width: 31%;}
	.rowgroup4 .icon_link li:last-child{width: 38%;}
}
@media only screen and (max-width:1000px){
	.rowgroup4 .icon_link li a{padding:20px 10px 0 3%;}
	.rowgroup4 .icon_link li span:not(.icon_area){margin-left: 65px;}
	.rowgroup4 .icon_link li span.icon_area{transform:scale(0.82);}
}
@media only screen and (max-width:800px){
	.rowgroup4 .icon_link li a{height: 140px; }
}
@media only screen and (max-width:700px){
	.rowgroup4 .icon_link{margin: 24px 0;}
	.rowgroup4 .icon_link li{width: 100%;}
	.rowgroup4 .icon_link li:nth-child(n + 2){border-top: 1px solid #cdcdcd;}
	.rowgroup4 .icon_link li a{height: auto; padding: 20px;}
		.rowgroup4 .icon_link li span.icon_area{top:calc(50% - 28px);}
	.rowgroup4 .icon_link li span.title{font-size: 17px;}
	.rowgroup4 .icon_link li span.text{font-size: 14px;}
}
@media only screen and (max-width:425px){
	#layer_popup{height: 741px;}
}

/* 25.02.11 메인 비주얼 모바일 수정 */
/* 한신정보기술 안형주 */
.visual .list{display:none;}
.visual .wrap .control{display:none;}
@media only screen and (max-width:1200px){
	#layer_popup{padding-top:130px;height:auto;}
	#layer_popup .list{width:100%;}
	.visual{height:auto;padding-top:50%;}
	.rowgroup1{margin-top:0;}
}
@media only screen and (max-width:1000px){
	#layer_popup{padding-top:110px;}
	.visual{padding-top:calc(50% + 20px);}
}
@media only screen and (max-width:800px){
	.visual{padding-top:calc(50% + 45px);}
}
@media only screen and (max-width:640px){
	.rowgroup1 .color_box ul li{height:40px;}
	#layer_popup .list .slick-arrow{transform:scale(0.65);}
	#layer_popup .list .slick-arrow.slick-prev{left:10px;}
	#layer_popup .list .slick-arrow.slick-next{right:10px;}
	#layer_popup .wrap{width:94%;margin:0 3%;}
}
@media only screen and (max-width:460px){
	#layer_popup{padding-top:80px;}
	.visual{padding-top:calc(50% + 80px);}
}