@charset "UTF-8";

@import url("slick.css");

/*******************************************
	section01
*******************************************/

.mainVisualWrap {position:relative; padding:0; color:#fff;}
.mainVisual {display:block; position:relative; width:100%; height:calc(100vh - 18.3rem); margin:0 auto;}
.mainVisual .control {display:block; position:relative; left:0; bottom:15%; width:50em; height:5em; max-width:1500px; z-index:3; margin: 0 auto;}
.mainVisual .control .mNum {position:absolute;bottom:65px;left: 0; font-style:italic;line-height:1;font-family:"TTWanjudaedunsanche", sans-serif;}
.mainVisual .control .mNum:after {position:absolute;top:50%;right:-185px;content:"";display:block;width:160px;height:1px;background:#fff;}
.mainVisual .control .mNum span {display:inline-block; vertical-align:middle; letter-spacing:-.025em; font-weight:bold;}
.mainVisual .control .mNum span:before {content:"0"; display:inline;}
.mainVisual .control .mNum .on {font-size:60px; color:#fffc00;}
.mainVisual .control .mNum .total {font-size:22px; color:#fff;}
.mainVisual .control .mNum .on:after {content:""; display:inline-block; vertical-align:middle; width:2px; height:17px; background:#fff;transform:rotate(20deg);margin:-3px 10px 0 15px;}

.mainVisual .control .m {position:absolute; border:0; background:url(../images/main/main_sprite.png) no-repeat; vertical-align:top; border-radius:50%; transition:all .35s ease;}
.mainVisual .control .prev, .mainVisual .control .next {bottom:40px; width:50px; height:50px; border:2px solid #fff;}
.mainVisual .control .prev:hover, .mainVisual .control .prev:focus, .mainVisual .control .next:hover, .mainVisual .control .next:focus {border:2px solid #fffc00;}
.mainVisual .control .prev {left:395px; bottom:70px; background-position:-2px -2px;}
.mainVisual .control .next {left:460px; bottom:70px; background-position:-64px -2px;}
.mainVisual .control .stop, .mainVisual .control .play {bottom:70px; left:330px; width:50px; height:50px; border:2px solid #fff;}
.mainVisual .control .stop {background-position:-193px -2px;}
.mainVisual .control .play {background-position:-128px -2px;}

.mainVisual .slider {display:block; position:relative; height:100%; overflow:hidden;}
.mainVisual .slider .swiper-container {}
.mainVisual .slider .swiper-container,
.mainVisual .slider .swiper-wrapper,
.mainVisual .slider .swiper-slide {height:100%;}
.mainVisual .slider .swiper-slide {height:calc(100vh - 18.3rem); background-position:center center; background-size:cover;}
.mainVisual .slider .swiper-slide > * {display:block;}
.mainVisual .slider .swiper-slide.visual01 {background-image:url(../images/main/main_visual01.jpg);}
.mainVisual .slider .swiper-slide.visual02 {background-image:url(../images/main/main_visual02.jpg);}
.mainVisual .slider .swiper-slide.visual03 {background-image:url(../images/main/main_visual03.jpg);}
.mainVisual .slider .swiper-slide.visual04 {background-image:url(../images/main/main_visual04.jpg);}
.mainVisual .slider .swiper-slide .inner {position:relative; height: 100%;}
.mainVisual .slider .swiper-slide .inner {position:relative; max-width:1500px; margin-left:auto; margin-right:auto;}
.mainVisual .slider .swiper-slide .inner:after {content:""; display:block; clear:both;}
.mainVisual .slider .swiper-slide .inner .tit {position:absolute; top:50%; transform: translateY(-50%); font-family: 'OneMobile'; font-size:5.0rem; line-height:1.4;}

@media (max-width:1500px) {

}

@media (max-width:1280px) {
	.mainVisual {height:80rem;}
	.mainVisual .slider .swiper-slide {height:80rem;}
	.mainVisual .control {bottom:20%;}
}

@media (max-width:1024px) {
	.mainVisual {height:72rem;}
	.mainVisual .slider .swiper-slide {height:72rem;}
	.mainVisual .slider .swiper-slide .inner .tit {left:10%; font-size:4.5rem; line-height:1.4;}
}

@media (max-width:940px) {
	.mainVisual .slider .swiper-slide .inner .tit {left:5%; font-size:4.0rem; line-height:1.4;}
}

@media (max-width:920px) {
	.mainVisual .slider .swiper-slide {background-position:center right 20%;}
}
@media (max-width:768px) {
	.mainVisual {height:60.8rem;}
	.mainVisual .slider .swiper-slide {height:60.8rem;}
	.mainVisual .slider .swiper-slide .inner .tit {top:40%; left:5%; font-size:3.0rem; line-height:1.4;}
	.mainVisual .slider .swiper-slide .inner {padding:1em; width:100%; background:rgba(0,0,0,0.4);}
	.mainVisual .control {bottom:30%;}	
	.mainVisual .control .mNum .on {font-size:40px;}
	.mainVisual .control .prev {bottom:60px;}
	.mainVisual .control .next {bottom:60px;}
	.mainVisual .control .stop, .mainVisual .control .play {bottom:60px;}
}

@media (max-width:640px) {	
	.mainVisual .control {width:320px; bottom:20%;}
	.mainVisual .control .mNum {bottom:100px;}
	.mainVisual .control .mNum:after {width: 50px;right: -66px;}
	.mainVisual .control .prev {left:227px; bottom:100px; width:40px; height:40px; background-position:-7px -8px;}
	.mainVisual .control .next {left:278px; bottom:100px; width:40px; height:40px; background-position:-68px -8px;}	
	.mainVisual .control .stop, .mainVisual .control .play {left:176px; bottom:100px; width:40px; height:40px;}		
	.mainVisual .control .stop, .mainVisual .control .play {background-position: -198px -7px;}
	
}

@media (max-width:425px) {
	.mainVisual {height:37.5rem;}	
	.mainVisual .slider .swiper-slide {height:32.5rem;}
	.mainVisual .slider .swiper-slide .inner .tit {font-size:2.2rem;}
	.mainVisual .control .mNum .on {font-size:26px;}
	.mainVisual .control .mNum .total {font-size:20px;}
	.mainVisual .control {bottom:28%;}
}


/* 오늘일정 */
.wrap1 {position:relative; max-width:1500px; background:linear-gradient(to right, #144a6d, #bc3536 80%); height:90px; border-radius:30px 30px 0 0; padding:20px 60px 20px 78px; box-sizing:border-box; margin:-90px auto auto; z-index:50;}

#TodayPlan {position:relative; width:850px; padding-right:140px; box-sizing:border-box;}
#TodayPlan:after {content:""; display:block; clear:both;}
#TodayPlan .h1 {position:relative; float:left; padding-left:50px; font-family: 'S-Core'; font-size:1.8rem; line-height:1.1; color:#fff; font-weight:500; width:175px; }
#TodayPlan .h1:before {position:absolute; top:-6px; left:0px; content:""; display:block; width:36px; height:36px; margin:0; background: url(../images/main/main_sprite.png) no-repeat -6px -113px;}

#TodayPlan .datalist {float:left;width: calc(100% - 180px); height:50px; line-height:50px; overflow: hidden;}
#TodayPlan .datalist .item {position:relative;display:block;padding: 0;font-weight:400;}
#TodayPlan .datalist .item span {display:block; color:#fff; padding-right:15px;}
#TodayPlan .datalist .item .time {float:left;}
#TodayPlan .datalist .item .t1 {float:left;display:block;color:#fff;width: calc(100% - 230px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#TodayPlan .datalist .item .part {float:right;padding-right:0;}

#TodayPlan .control {position:absolute; top:6px;right:0;}
#TodayPlan .control .m {vertical-align:top; width:35px; height:35px; border:0; border-radius:50%; background:url(../images/main/main_sprite.png) no-repeat;}
#TodayPlan .control .m.sc_prev {background-position:-48px -114px;}
#TodayPlan .control .m.sc_next {background-position:-90px -114px;}
#TodayPlan .control .m.sc_view {background-position:-127px -114px;}

/* sns */
#snsArea {position:absolute;top:20px;right: 78px;}
#snsArea:before {content:"";display:block;position:absolute;top:8px;left: -52px;width:2px;height:35px;background:#fff;opacity: 0.6;}
#snsArea:after {content:""; display:block; clear:both;}
#snsArea .h1 {position:relative; float:left; margin-right:50px; font-family:'GmarketSans'; font-size:2.0rem; line-height:1.1; color:#fff; font-weight:700;}

/* sns 바로가기 */
#snsArea ul, #snsArea ul li {float:left;}
#snsArea ul {margin-top:0;}
#snsArea ul li {margin-left:15px}
#snsArea ul li a {display:block; width:47px; height:47px; text-indent:-9999px; background:url(../images/main/main_sprite.png) no-repeat;}
#snsArea ul li.fb a {background-position:0px -50px;}
#snsArea ul li.youtb a {background-position:-65px -50px;}
#snsArea ul li.insta a {background-position:-130px -50px;}
#snsArea ul li.blog a {background-position:-195px -50px;}


.inner {position:relative; max-width:1500px; margin:0 auto;}
.inner:after {content:""; display:block; clear:both;}


@media all and (max-width:1500px){
    .inner {width:96%;}
}

@media all and (max-width:1400px){
	.wrap1 {padding: 20px 30px 20px 30px;}
	#TodayPlan {position:relative; width:750px; padding-right:140px; box-sizing:border-box;}	    
}

@media all and (max-width:1280px){
	.wrap1 {padding: 20px 30px 20px 30px;}
	#TodayPlan {position:relative; width:100%; padding-right:140px;}
	#snsArea {display:none;}  
}

@media all and (max-width:1200px){
	.inner {width:1000px;}
}	

@media all and (max-width:1000px){
	.inner {width:93%;}
}


@media all and (max-width:840px){
	#TodayPlan {position:relative;}
	#TodayPlan .datalist .item .t1 {width: calc(100% - 60px);}
	#TodayPlan .datalist .item .part {display:none;}
}

@media all and (max-width:640px){
	.wrap1 {height:130px;}
	#TodayPlan {position:relative; width:100%; padding-right: 0;}
	#TodayPlan .datalist {float:left; width:100%; height:50px; margin-top:10px; line-height:50px;overflow: hidden;}
	#TodayPlan .datalist .item .t1 {width: calc(100% - 240px);}
	#TodayPlan .datalist .item .part {display:block;}
}

@media all and (max-width:540px){	
	#TodayPlan .datalist .item .t1 {width: calc(100% - 90px);}
	#TodayPlan .datalist .item .part {display:none;}
}


/*******************************************
	section02_군정뉴스
*******************************************/
.mainBoardWrap {position:relative;}
.mainBoardWrap .inner {padding:12em 0 6em 0;}
.mainBoardWrap .inner:after{content:""; display:block; position:absolute; top:80px; right:0; background:url(../images/main/mainBoard_after.png) no-repeat; width:870px; height:214px; z-index: -1;}
.mainBoardWrap .inner .ht1 {font-family:'GmarketSans'; font-size:48px; color:#111; line-height:1; margin-bottom:70px; font-weight:700;}
.mainBoardWrap .datalist {margin-left:-50px;}
.mainBoardWrap .datalist .slick-track{left:-20px;}
.mainBoardWrap .datalist .slick-list {padding:30px 0;}
.mainBoardWrap .datalist .item {float:left !important; width:33%;}
.mainBoardWrap .datalist.slick-slider .item {float:none;width:100%;}
.mainBoardWrap .datalist .item {position:relative; display:block; /*height:455px;*/ margin-left:50px; box-sizing:border-box;}
.mainBoardWrap .datalist .item a .wrap {height:100%;overflow:hidden; border-radius:28px; background:#fff; box-shadow:10px 3px 15px rgba(167,79,48,.2);}
.mainBoardWrap .datalist .item a .f1 {position:absolute; display:block; width:100%; height:0; padding-bottom:67.66%; overflow:hidden; border-radius:30px 30px 0 0;}
.mainBoardWrap .datalist .item a .f1 .f1p1 {position:absolute; top:0; left:0; bottom:0; right:0;}
.mainBoardWrap .datalist .item a .f1 .f1p1 figure {height:100%;}
.mainBoardWrap .datalist .item a .f1 .f1p1 img {display:block; width:100%; height:100%; object-fit: cover;}
.mainBoardWrap .datalist .item a .tg1 {position:relative; margin-top:0; /*margin-top:66.66%; height:calc(100% - 68%);*/ box-sizing:border-box; transition:all .45s ease; background:#fff; z-index:1; padding:35px 35px 70px;}
.mainBoardWrap .datalist .item a .tg1 .t1 {display:block; font-size:20px; line-height:30px; color:#555; height:56px; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#000; font-weight:500;}
.mainBoardWrap .datalist .item a .tg1 .t2 {display:none;}
.mainBoardWrap .datalist .item a .tg1 .date {position:absolute; bottom:40px; left:35px; font-size:15px; color:#000; padding-left:23px;}
.mainBoardWrap .datalist .item a .tg1 .date:before {position:absolute; top:3px; left:0; content:""; display:block; width:18px; height:18px; background:url(../images/main/main_sprite.png) no-repeat -156px -173px;}
.mainBoardWrap .datalist .item a .more {position:absolute; bottom:25px; right:0; width:160px; height:50px; line-height:50px; background:#009641; text-align:center; border-radius:25px; color:#fff; font-weight:500; letter-spacing:-.075em; z-index:1; opacity:0;}
.mainBoardWrap .datalist .item a:focus-visible {outline-offset:-1px;}

/*
.mainBoardWrap .datalist .item a:hover .tg1, .mainBoardWrap .datalist .item a:focus .tg1 {margin-top:0; height:100%;}
.mainBoardWrap .datalist .item a:hover .tg1 .t1, .mainBoardWrap .datalist .item a:focus .tg1 .t1 {white-space:inherit; height:60px; margin-top:58px; margin-bottom:30px}
.mainBoardWrap .datalist .item a:hover .tg1 .t2, .mainBoardWrap .datalist .item a:focus .tg1 .t2 {display:block; font-size:15px; line-height:24px; color:#555; height:96px; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.mainBoardWrap .datalist .item a:hover .more, .mainBoardWrap .datalist .item a:focus .more {right:-20px; opacity:1; transition:all .35s ease .25s}
.mainBoardWrap .datalist .item a:hover .more:after, .mainBoardWrap .datalist .item a:focus .more:after {content:"";display:inline-block; vertical-align:middle; width:24px; height:13px; background:url(../images/main/main_sprite.png) no-repeat -191px -175px; margin-left:13px;}	
*/
.mainBoardWrap .control {display:block; position:absolute; top:190px; right:0;}
.mainBoardWrap .control .m {width:70px; height:70px; border-radius:50%; background:#424242 url(../images/main/main_sprite.png) no-repeat; margin-left:15px; box-shadow:5px 3px 20px rgba(167,79,48,.4);}
.mainBoardWrap .control .m:first-child {margin-left:0px;}
.mainBoardWrap .control .m.nl_prev {background-position:9px -196px;}
.mainBoardWrap .control .m.nl_next {background-position:-80px -196px;}
.mainBoardWrap .control .m.nl_view {background-position:-170px -196px; background-color:#ea5405 ;}

@media (max-width:1500px) {
	.mainBoardWrap .datalist {margin-left: 0;}
}

@media screen and (max-width:1259px){
	.mainBoardWrap .datalist .item {height:auto}
}

@media (max-width:1024px) {
	.mainBoardWrap .inner:after{top:60px; right:0; width:670px; height:165px; background-size: cover;}
	.mainBoardWrap .datalist .item {width:50%;}	
}

@media (max-width:840px) {	
	.mainBoardWrap .inner {padding: 8em 0 6em 0;}
	.mainBoardWrap .inner .ht1 {left:20px; font-size:34px; margin-bottom: 10px; font-weight:700;}
	.mainBoardWrap .inner:after{top:80px; right:0; width:470px; height:116px; background-size: cover;}
	.mainBoardWrap .control {top:230px; right:30px;}
	.mainBoardWrap .control {top: initial;bottom: 40px; right:auto; left:50%; margin-left:-90px;}
	.mainBoardWrap .control .m {width:60px; height:60px; margin-left:5px; background-size:270px auto;}
	.mainBoardWrap .control .m.nl_prev {background-position: 3px -209px;}
	.mainBoardWrap .control .m.nl_next {background-position:-90px -209px;}
	.mainBoardWrap .control .m.nl_view {background-position: -182px -209px;}
}

@media (max-width:480px) {	
	.mainBoardWrap .inner {padding:6em 0;}
}	

/*******************************************
	section03_포토갤러리
*******************************************/
.gallery_slide_wrap {position: relative; display:block; width: 100%; padding-bottom: 84px; /* padding-left: calc((100% - 1660px) / 2); */ background-color: #faf3f5; font-size: 0; line-height: 0; overflow:hidden;}
.gallery_slide_wrap .text_bg {position:absolute; top:90px; left:50%; margin-left:-380px; opacity:0.6; font-size:280px; color: #fff; letter-spacing:0; line-height:280px;font-family: SBAggro; font-weight: 600; white-space: nowrap;}
.gallery_slide_wrap .ht1 {position:absolute; top: 130px; left:calc((100vw - 1500px) / 2); font-family:'GmarketSans'; font-size:48px; color:#111; line-height:1; margin-bottom:70px; font-weight:700;}
.gallery_slide_box {position: relative; padding-top:200px; padding-left: calc((100% - 1500px) / 2);}
.gallery_slide_wrap .gallery_slide_box .gallery_slide_list {position: relative; display: block; height:715px; padding-top:60px; box-sizing: border-box;}

.gallery_slide_wrap .gallery_slide_box .gallery_position {position:relative;}
.gallery_slide_wrap .gallery_slide_box .gallery_slide_list .slick-list {padding-top:0; padding-left: 0 !important;}
.gallery_slide_wrap .gallery_slide_box .gallery_slide_list .slick-list .slick-track {display:flex; justify-content:flex-start; align-items:stretch;}

.gallery_slide_list .gallery_slide_item {display:block; margin-top:30px; vertical-align: text-top;}
.gallery_slide_list .gallery_slide_item .img_box {display:flex; justify-content:flex-end; width:100%; height:287px; border-radius:20px; transition-duration: 0.5s; border-radius:20px;}
.gallery_slide_list .gallery_slide_item .img_box img {border-radius:20px;}
.gallery_slide_list .gallery_slide_item .item_area .img_box img {object-fit:cover; transform:scale(1.0); transition: transform .5s;}
.gallery_slide_list .gallery_slide_item .item_area:hover .img_box img {transform:scale(1.1); transition: transform .5s;}
.gallery_slide_list .gallery_slide_item .item_area {display:block; width:100%;}
.gallery_slide_list .gallery_slide_item .item_area .title_box {display: block; width:100%; margin-top:30px; padding-left:22px;}
.gallery_slide_list .gallery_slide_item .item_area .title_box .title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size:20px; color: #252b32; letter-spacing: -1px; line-height:24px; font-family: 'S-Core'; font-weight: 500;}
.gallery_slide_list .gallery_slide_item .item_area .title_box .date {height:0px;}

.gallery_slide_list .gallery_slide_item.time_ani {margin-top:0; margin-left:0 !important; width:682px !important; }
.gallery_slide_list .gallery_slide_item.time_ani .img_box {overflow: hidden; display:flex; height:482px; border-radius:20px 20px 80px 20px; transition-duration: 0.5s;}
.gallery_slide_list .gallery_slide_item.time_ani .item_area .img_box img {object-fit:cover; transform:scale(1.0); transition: transform .5s;}
.gallery_slide_list .gallery_slide_item.time_ani .item_area:hover .img_box img {transform:scale(1.2); transition: transform .5s;}   
.gallery_slide_list .gallery_slide_item.time_ani .item_area {display:block; width:682px;}
.gallery_slide_list .gallery_slide_item.time_ani .item_area .title_box {display: block; width: 100%; margin-top:40px; padding-left: 22px;}
.gallery_slide_list .gallery_slide_item.time_ani .item_area .title_box .title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size:26px; color: #000; letter-spacing: 0; line-height: 30px; font-family: 'S-Core'; font-weight: 600; transition: font-size 0.5s cubic-bezier(.16,.48,.36,1);}
.gallery_slide_list .gallery_slide_item.time_ani .item_area .title_box .date {position: relative; display: block; padding-left:23px; margin-top:21px; height:32px; font-size:16px; color:#4e4e4e; line-height:26px; transition: height 0.5s cubic-bezier(.16,.48,.36,1);}
.gallery_slide_list .gallery_slide_item.time_ani .item_area .title_box .date:before {position:absolute; top:4px; left:0; content: ""; display: block; width: 18px; height: 18px; background: url(../images/main/main_sprite.png) no-repeat -156px -173px;}

.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide,
.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide,
.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide + .slick-slide {width:480px !important; padding-left:70px;} 

.gallery_slide_wrap .control {display:block; position:absolute; bottom:16%; left:562px;}
.gallery_slide_wrap .control .m {position: absolute; width:70px; height:70px; border-radius:50%; background:#424242 url(../images/main/main_sprite.png) no-repeat; margin-left:15px; box-shadow:10px 3px 20px rgba(167,79,48,.3);}
.gallery_slide_wrap .control .m:hover {background-color:#ea5405;}
.gallery_slide_wrap .control .m:first-child {margin-left:0px;}
.gallery_slide_wrap .control .m.pt_prev {left:80px; bottom:80px; background-position:9px -196px;}
.gallery_slide_wrap .control .m.pt_next {left:120px; bottom:20px; background-position:-80px -196px;}
.gallery_slide_wrap .control .m.pt_view {left:210px; bottom:20px; background-position:-170px -242px; background-color:#fff ;}


@media (max-width:1700px) {
	.gallery_slide_list .gallery_slide_item.time_ani {width:629px !important;} 
	.gallery_slide_list .gallery_slide_item.time_ani .item_area {width:629px;}
	
	.gallery_slide_wrap .control {left:510px;}
}
@media (max-width:1600px) {	
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide + .slick-slide {width:430px !important; padding-left:50px;} 
	
	.gallery_slide_wrap .control {left:510px;}
}

@media (max-width:1500px) {	
	.gallery_slide_wrap .ht1 {left:40px; }
	.gallery_slide_box {padding-left:0; margin:0 40px;}
	
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide + .slick-slide {width:390px !important; padding-left:50px;} 
	
	.gallery_slide_wrap .control {left:510px;}
}

@media (max-width:1440px) {	
	.gallery_slide_wrap .gallery_slide_box .gallery_slide_list {height:640px;}
	.gallery_slide_list .gallery_slide_item.time_ani {width:580px !important;} 
	.gallery_slide_list .gallery_slide_item.time_ani .img_box {height:432px;}
	.gallery_slide_list .gallery_slide_item.time_ani .item_area {width:580px;}
	
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide + .slick-slide {width:330px !important; padding-left:50px;} 
	
	.gallery_slide_wrap .control {left:460px;}
}

@media (max-width:1400px) {		
	.gallery_slide_list .gallery_slide_item .img_box {height:230px;}
	
	.gallery_slide_list .gallery_slide_item.time_ani {width:530px !important;} 
	.gallery_slide_list .gallery_slide_item.time_ani .item_area {width:530px;}
	
	.gallery_slide_wrap .control {left:414px; bottom:20%;}
}

@media (max-width:1200px) {		
	.gallery_slide_wrap .text_bg {top:0; font-size:210px;}
	.gallery_slide_list .gallery_slide_item .img_box {height:210px;}
	
	.gallery_slide_list .gallery_slide_item.time_ani .img_box {height:402px;}
	
	.gallery_slide_wrap .control {bottom:25%;}
	
}

@media (max-width:920px) {	
	.gallery_slide_wrap .ht1 {font-size:38px;}
	.gallery_slide_wrap .gallery_slide_box .gallery_slide_list {overflow:hidden; height:720px;}
	
	.gallery_slide_list .gallery_slide_item.time_ani {width:11% !important;} 
	.gallery_slide_list .gallery_slide_item.time_ani .item_area {width:100%;}
	.gallery_slide_list .gallery_slide_item .img_box img {height:100%; width:100%;}
	
	.gallery_slide_list .gallery_slide_item .img_box,
	.gallery_slide_list .gallery_slide_item.time_ani .img_box {display:block; height:520px;}
	
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide + .slick-slide {width:10% !important; margin:0 auto; padding-left:0; text-align:center;} 
	
	
	
	.gallery_slide_wrap .control {bottom:unset; top:90px; left:unset; right:305px;}	
	.gallery_slide_wrap .control .m {width:60px; height:60px; margin-left:5px; background-size:270px auto;}
	.gallery_slide_wrap .control .m.pt_prev {bottom:0; left:75px; background-position: 3px -209px;}
	.gallery_slide_wrap .control .m.pt_next {bottom:0; left:140px; background-position:-90px -209px;}
	.gallery_slide_wrap .control .m.pt_view {bottom:0; background-position:-182px -255px;}
}

@media all and (max-width:840px) {	
	.gallery_slide_wrap .ht1 {top:100px; font-size:34px;}
}	

@media (max-width:767px) {
	.gallery_slide_box {margin:0 30px;}
	.gallery_slide_wrap .gallery_slide_box .gallery_slide_list {height:600px;}
	
	.gallery_slide_list .gallery_slide_item .img_box,
	.gallery_slide_list .gallery_slide_item.time_ani .img_box {height:420px;}
}


@media (max-width:640px) {
	.gallery_slide_wrap {padding-bottom: 24px;}
	.gallery_slide_wrap .gallery_slide_box .gallery_slide_list {height:570px;}
	
	.gallery_slide_list .gallery_slide_item .img_box,
	.gallery_slide_list .gallery_slide_item.time_ani .img_box {height:350px;}
}

@media (max-width:480px) {
	.gallery_slide_wrap .gallery_slide_box .gallery_slide_list {height:490px;}
	
	.gallery_slide_list .gallery_slide_item .img_box,
	.gallery_slide_list .gallery_slide_item.time_ani .img_box {height:280px;}
}

@media (max-width:400px) {
	.gallery_slide_wrap .gallery_slide_box .gallery_slide_list {height:460px;}
	.gallery_slide_list .gallery_slide_item.time_ani {width:315px !important;} 
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide + .slick-slide {width:300px !important;}
	
	.gallery_slide_list .gallery_slide_item .img_box,
	.gallery_slide_list .gallery_slide_item.time_ani .img_box {height:250px;}
}

@media (max-width:370px) {
	.gallery_slide_list .gallery_slide_item.time_ani {width:290px !important;} 
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide,
	.gallery_slide_list .gallery_slide_item.time_ani + .slick-slide + .slick-slide + .slick-slide {width:270px !important;}
	
}



/*******************************************
	section04_영상
*******************************************/
.mainVideoWrap {position:relative; height:824px; font-size: 0; line-height:0; background-color:#eaf3d2; overflow:hidden;}
.mainVideoWrap:after {content:''; display: block; position:absolute; top:0; right:0; width: calc(((100% - 1500px) / 2) + 710px); height:824px; background-color:#d7ead3; border-radius:258px 0 0 258px;}
.mainVideoWrap .text_bg {position:absolute; bottom:-50px; left:50%; margin-left:-780px; opacity:0.6; font-size:250px; color: #fff; letter-spacing:0; line-height:1; font-family:SBAggro; font-weight:600; white-space: nowrap; z-index:1;}
.Video {padding:180px 0;}

.Video .colgroup1 {float:left; width:790px;}
.Video_title .ht1 {font-family:'GmarketSans'; font-size:48px; color:#111; line-height:1; font-weight:700;}

.Video_slide_box .Video_slide_list {position: relative; display:block; padding-top:90px; box-sizing: border-box;}
.Video_slide_list .Video_slide_item {display: inline-block; margin-right:50px; margin-top:0px; vertical-align: text-top;}
.Video_slide_list .Video_slide_item .thumbnail {overflow: hidden; display:flex; width:100%; height:207px; border-radius:30px; transition-duration: 0.5s;}
.Video_slide_list .Video_slide_item .item_area {display:block;}
.Video_slide_list .Video_slide_item .item_area .thumbnail img {object-fit:cover;transform:scale(1.0); transition:transform .5s; width:100%;}
.Video_slide_list .Video_slide_item .item_area:hover .thumbnail img {transform:scale(1.1); transition: transform .5s;}
.Video_slide_list .Video_slide_item .item_area .title {padding-left:20px; margin-top:20px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; font-size:17px; color: #252b32; letter-spacing: -1px; line-height:24px; font-family: 'S-Core'; font-weight: 500;}

.Video_slide_box {position: relative;}
.Video_slide_box .control {display:block; position:absolute; top:20px; right:60px;}
.video_slide_btn {display: inline-block; position: relative; vertical-align: top;}
.Video_slide_box .video_slide_btn:before {display: block; content:''; position: absolute; top: calc(50% - 10px); left:0; right:51px; margin: 0 auto; background-color:#646464; width:1px; height:20px; }
.Video_slide_box .control .m {width:41px; height:41px; background:url(../images/main/main_sprite.png) no-repeat; margin-left:15px;}
.Video_slide_box .control .m:first-child {margin-left:0px;}
.Video_slide_box .control .m.mv_prev {background-position:-4px -161px;}
.Video_slide_box .control .m.mv_next {background-position:-61px -161px;}
.Video_slide_box .control .m.mv_view {background-position:-107px -161px;}

.Video .colgroup2 {position:relative; float: right; width:640px; z-index:9;}
.media {padding-right:40px; padding-bottom: 31px;}
.media:before {content:''; z-index:0; display: block; position: absolute; bottom: 0; right: 0; width:600px; height:400px; border:1px solid #2baa49; border-radius: 30px 30px 80px 30px;}
.media .media_box {overflow: hidden; position: relative; border-radius:30px; margin-bottom:30px; box-shadow: 10px 17px 40px 0px rgba(198, 155, 155, 0.39);}
.media .media_box .youtubebox {position: relative; z-index:2;}
.media .media_box .youtubebox .youtubevideo {width:100%; height:338px;}

.media .media_txt {position: relative; margin-left: 75px; padding-left:45px; font-size:18px; line-height: 28px; color:#2c2c2c; overflow: hidden;}
.media .media_txt:before {display: block; content:''; position: absolute; top:0; left:0; background: url('../images/main/main_sprite.png') no-repeat; background-position:-16px -268px; width:32px; height:32px;}


@media all and (max-width: 1500px) {
	.mainVideoWrap {height:824px;}
	.mainVideoWrap:after {width: calc(((100% - 1500px) / 2) + 610px);}
	.Video_slide_list .Video_slide_item .thumbnail {height:auto; border-radius:20px;}
	.Video .colgroup1 {width:650px;}
	.Video .colgroup2 {width:500px;}
	.media {padding-right:0;}
	.media:before {display:none;}  
	           
}

@media all and (max-width: 1200px) {
	.mainVideoWrap {height:734px;}
	.mainVideoWrap .text_bg {margin-left: -580px; font-size: 210px;}
	.Video .colgroup1 {width:560px;}
	.Video .colgroup2 {width:415px;}           
}

@media all and (max-width:1000px) {
	.Video {padding: 60px 0;}
	.Video .colgroup1 {float:none; display: block; width: 100%;}
	.Video .colgroup2 {float:none; display: block; margin:80px auto 0; width: 100%;}
	.mainVideoWrap {height:auto;}
	.mainVideoWrap .text_bg {margin-left: -390px;}
	.media .media_box .youtubebox {padding-top:56%;}
	.media .media_box .youtubebox .youtubevideo {position: absolute; top: 0; left: 0; width:100%; height:100%;}
	.mainVideoWrap:after {content:''; display:block; position:absolute; top: auto; bottom:0; left:0; height:518px; width:100%; background-color:#d7ead3; border-radius:0;}
	.media {padding-right:0px;}
}

@media all and (max-width:840px) {
	.Video_title .ht1 {left:20px; font-size:34px;}
}

@media all and (max-width:640px) {
	.media {padding-right:0; padding-bottom: 0;margin-top: 0;}
    .media:before {display: none;}
    .Video_slide_box .control {right: 0px;}
    .mainVideoWrap:after {left:0; height:250px; width:100%; background-color:#d7ead3; border-radius:0;}
    .Video_slide_list .Video_slide_item {margin-right:0;}
    
}

/*******************************************
	section05_바로가기메뉴
*******************************************/
.mainLinkWrap {position:relative;}
.mainLinkWrap:after {content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:calc(100% + 12.5em); z-index:-1;}
.mainLinkWrap .inner {padding:6em 0 6em 0;}
.mainLinkWrap .inner .tit {margin-bottom:70px; text-align:center;}
.mainLinkWrap .inner .tit strong {font-family: 'GmarketSans'; font-size:4.5rem; font-weight:600; color:#111;}

.mainLinkWrap ul {margin-top:2.3em}
.mainLinkWrap ul:after {content:''; display:block; clear:both;}
.mainLinkWrap .list {display:block; position:relative; overflow:hidden;}
.mainLinkWrap .list > li {display:block; position:relative; float:left; width:calc(100% / 6); margin-top:10px; transition:all 0.3s;}
.mainLinkWrap .list > li:hover {margin-top:0px;}
.mainLinkWrap .list a {display:block;}
.mainLinkWrap .list a span {display:block; text-align:center; font-size:1.8rem; font-weight:500; color:#222; margin-top:1em; word-break:keep-all;}
.mainLinkWrap .list .icon {display:block; position:relative; width:148px; max-height:148px; max-width:100%; margin:0 auto; border-radius:30px; background:no-repeat 50% 50% #faf3f5; overflow:hidden;}
.mainLinkWrap .list .icon:before {content:""; display:block; padding-top:100%;}
.mainLinkWrap .list .icon:hover {background:no-repeat 50% 50% #ea5405; box-shadow:0px 10px 30px 0px rgba(167, 79, 48, 0.5); margin-top:0px; transition:all 0.3s;}
.mainLinkWrap .list .icon.ty1 {background-image:url(../images/main/icon_quick01.png); background-size:auto;}
.mainLinkWrap .list .icon.ty2 {background-image:url(../images/main/icon_quick02.png); background-size:auto;}
.mainLinkWrap .list .icon.ty3 {background-image:url(../images/main/icon_quick03.png); background-size:auto;}
.mainLinkWrap .list .icon.ty4 {background-image:url(../images/main/icon_quick04.png); background-size:auto;}
.mainLinkWrap .list .icon.ty5 {background-image:url(../images/main/icon_quick05.png); background-size:auto;}
.mainLinkWrap .list .icon.ty6 {background-image:url(../images/main/icon_quick06.png); background-size:auto;}


@media all and (max-width:1024px) {
	.mainLinkWrap {margin:2em 0 1em;}
	.mainLinkWrap .list > li {width:calc(100% / 4); margin-bottom:1em;}
	.mainLinkWrap .list .icon {border-radius:1.5em;}	
	.mainLinkWrap .list .icon.ty1 {background-size:60%;}
	.mainLinkWrap .list .icon.ty2 {background-size:60%;}
	.mainLinkWrap .list .icon.ty3 {background-size:60%;}
	.mainLinkWrap .list .icon.ty4 {background-size:60%;}
	.mainLinkWrap .list .icon.ty5 {background-size:60%;}
	.mainLinkWrap .list .icon.ty6 {background-size:60%;}
	.mainLinkWrap .list .icon.ty7 {background-size:60%;}	
}

@media all and (max-width:820px) {
	.mainLinkWrap .inner .tit strong {font-size: 3.5rem;}
	.mainLinkWrap .list .icon {border-radius:1.2em;}
	.mainLinkWrap .list > li {width:calc(100% / 3);}	
}

@media all and (max-width:480px){
	.mainLinkWrap .list > li {width:calc(100% / 2);}
}