@charset "utf-8";

@import url('common.css');
@import url('layout.css');

header .logo{background:url(../images/logo.png) no-repeat center/contain;}
header .utill_ui a{color:#c9c7c4}
.gnbMenu .gnb li > a{color:#fff}

.mainSlider:after{content:"";display:block;position:absolute;left:0;right:0;bottom:200px;width:77px;height:59px;margin:0 auto;background:url(../images/icon_scroll.png) no-repeat 50% 50%;}
.mainSlider div{height:953px;vertical-align:middle;background-size:cover ! important}
.mainSlider div p{font-size:0;}
.mainSlider div a{display:block;height:100%;outline:none;background-size:0 ! important}
.mainSlider .slide-controller{z-index:9;position:absolute;left:0;right:0;top:254px;height:40px;display:flex;max-width:1198px;margin:0 auto}
.mainSlider .slide-controller div{height:auto}
.mainSlider .slick-dots{position:relative;display:flex;margin:0 12px 0 20px}
.mainSlider .slick-dots li~li{margin-left:20px}
.mainSlider .slick-dots li button{width:10px;height:10px;background:#999;border-radius:100%;font-size:0;}
.mainSlider .slick-dots li.slick-active button{background:#ffd648;}
.mainSlider .slide-wrap{display:flex;}
.mainSlider .statebar .num{display:none}
.mainSlider .slide-pause,.mainSlider .slide-play{position:relative;width:30px;height:30px;left:0;top:-3px;font-size:0;border:2px solid #999;border-radius:100%;background:none}
.mainSlider .slide-pause:before,.mainSlider .slide-pause:after{content:"";position:absolute;top:0;bottom:0;left:9px;margin:auto 0;width:2px;height:10px;background:#fff}
.mainSlider .slide-pause:after{right:9px;left:auto;}
.mainSlider .slide-play{display:none}
.mainSlider .slide-play:before{content:"";position:absolute;top:0;bottom:0;left:2px;right:0;margin:auto;width:0;height:0;border-top:5px solid transparent;border-left:8px solid #fff;border-bottom:5px solid transparent;}
.mainSlider .slick-prev,.mainSlider .slick-next{position:static;width:22px;height:22px;font-size:0;border-radius:100%;background:url(../images/main/icon_arrow.png) no-repeat 50% 50%}
.mainSlider .slick-next{position:relative;top:1px;margin-left:10px;transform:rotate(180deg);}

#dMbody{margin-top:-168px}
.sectionA{position:relative;max-width:1200px;margin:0 auto;background:#fff}
.sectionA .quickMenu{display:flex;justify-content:center;align-items:center;height:188px;}
.sectionA .quickMenu .item~.item{margin-left:140px}
.sectionA .quickMenu .item a{position:relative;}
.sectionA .quickMenu .item strong{display:block;text-align:center;font-size:17px;}
.sectionA .quickMenu .item a:before{content:"";display:block;width:80px;height:80px;margin:0 auto 16px;border-radius:20px;background-color:#f5f5f5;transition:all 0.2s ease-in-out}
.sectionA .quickMenu .item a:hover:before{box-shadow:0 5px 5px rgba(0, 0, 0, .2)}
.sectionA .quickMenu .item a:after{content:"";position:absolute;top:0;left:0;right:0;width:80px;height:80px;margin:0 auto}
.sectionA .quickMenu .item.i1 a:after{background:url(../images/main/icon_go1.png) no-repeat 50% 50%;}
.sectionA .quickMenu .item.i2 a:after{background:url(../images/main/icon_go2.png) no-repeat 50% 50%;}
.sectionA .quickMenu .item.i3 a:after{background:url(../images/main/icon_go3.png) no-repeat 50% 50%;}
.sectionA .quickMenu .item.i4 a:after{background:url(../images/main/icon_go4.png) no-repeat 50% 50%;}
.sectionA .quickMenu .item.i5 a:after{background:url(../images/main/icon_go5.png) no-repeat 50% 50%;}
.sectionA .quickMenu .item a:hover:after{animation-name:wobble-horizontalY;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}
@keyframes wobble-horizontalY {16.65%{transform:translateY(-8px)}33.3%{transform:translateY(3px)}49.95%{transform:translateY(-4px)}66.6%{transform:translateY(2px)}83.25%{transform:translateY(-1px)}100%{transform:translateY(0)}}

.sectionB{position:relative;max-width:1384px;margin:80px auto 0;}
.sectionB h2{margin-bottom:24px;font-size:24px;font-weight:800}
.boardSlider{margin-left:-15px;}
.notice_ui{position:relative;margin-right:353px;}
.notice_ui .more{position:absolute;left:99px;top:2px;width:24px;height:24px;font-size:0;border:1px solid #111;border-radius:100%}
.notice_ui .more:after,.notice_ui .more:before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";width:12px;height:2px;margin:auto;background:#111;}
.notice_ui .more:before{transform:rotate(90deg);}
.notice_ui .slick-list{height:400px;}
.notice_ui .slick-slide{width:323px ! important;margin:0 15px}
.notice_ui .item{height:400px;}
.notice_ui .item a{position:relative;display:block;height:100%;padding:32px 28px 50px 28px;border-radius:26px;background:#efefef;border:3px solid transparent;box-sizing:border-box;transition:all 0.2s ease-in-out}
.notice_ui .item a:hover{box-shadow:0 5px 5px rgba(0, 0, 0, .1);border-color:#ffd648}
.notice_ui .item p{position:relative;z-index:1;}
.notice_ui .item p.tit{line-height:28px;font-size:20px;font-weight:700}
.notice_ui .item p.memo{margin-top:16px;line-height:24px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;}
.notice_ui .item p.date{position:absolute;left:28px;bottom:28px;font-size:15px;color:#777}
.notice_ui .item .isimg{background-size:cover ! important}
.notice_ui .item .isimg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:26px;background:rgba(0, 0, 0, .6)}
.notice_ui .item .isimg p{color:#fff;}

.popup_ui{position:absolute;top:0;right:0;width:323px;}
.popSlider{position:relative;width:323px;height:400px;}
.popSlider .slick-list{height:400px;margin:0;padding:0;}
.popSlider .slick-list .slick-slide{margin:0;padding:0;font-size:0;}
.popSlider .item{height:400px;border-radius:26px;overflow:hidden}
.popSlider .item div{height:100%;background-size:cover ! important;}
.popSlider .slide-controller{z-index:11;display:flex;position:absolute;right:0;top:-50px;}
.popSlider .slide-wrap{font-size:0}
.popSlider .slide-pause,.popSlider .slide-play{position:relative;width:24px;height:24px;font-size:0;border:1px solid #111;border-radius:100%;background:none}
.popSlider .slide-pause:before,.popSlider .slide-pause:after{content:"";position:absolute;top:0;bottom:0;left:12px;margin:auto 0;width:2px;height:11px;background:#111}
.popSlider .slide-pause:after{right:12px;left:auto;}
.popSlider .slide-play{display:none}
.popSlider .slide-play:before{content:"";position:absolute;top:0;bottom:0;left:2px;right:0;margin:auto;width:0;height:0;border-top:6px solid transparent;border-left:8px solid #1c1c1c;border-bottom:6px solid transparent;}
.popSlider .slick-prev,.popSlider .slick-next{z-index:2;width:24px;height:24px;margin-left:10px;font-size:0;border:1px solid #111;border-radius:100%;background:none}
.popSlider .slick-prev:before,.popSlider .slick-next:before,.popSlider .slick-prev:after,.popSlider .slick-next:after{content:"";position:absolute;top:-5px;left:0;right:0;bottom:0;margin:auto;width:8px;height:2px;background:#1c1c1c;transform:rotate(-45deg);}
.popSlider .slick-prev:after,.popSlider .slick-next:after{top:5px;transform:rotate(45deg);}
.popSlider .slick-next{left:auto;right:40px;top:2px;transform:rotate(180deg);}

.sectionC{margin-top:100px;padding:136px 0;background:url(../images/main/bg_set.png) no-repeat 50% 0/cover;}
.sectionC .titg{max-width:1380px;margin:0 auto 0}
.sectionC .titg h2{font-size:64px;font-weight:700}
.sectionC .titg h2 span{display:block;font-size:15px;}
.sectionC .titg p{margin-top:12px;font-size:16px;color:#777}
.sectionC .titg p br{display:none}
.proSlider{position:relative;max-width:1410px;margin:38px auto 0}
.proSlider .slick-list{height:450px;}
.proSlider .slick-slide{width:323px ! important;margin:0 15px;padding-bottom:186px;}
.proSlider .item{height:400px;padding-top:10px;}
.proSlider .item a{position:relative;display:block;height:100%;padding:44px 32px;line-height:36px;font-weight:800;font-size:24px;box-sizing:border-box;border-radius:26px;box-shadow:0 20px 18px rgba(0, 0, 0, .05);background:#fff;transition:all 0.2s ease-in-out}
.proSlider .item a:before{content:"";position:absolute;bottom:40px;right:40px;width:32px;height:32px;opacity:.5;background:url(../images/main/icon_svg_arrow.svg) no-repeat 50% 50%;background-size:contain;transition:all 0.2s ease-in-out}
.proSlider .item a:hover{margin-top:-10px;line-height:44px;font-size:32px;background:#ffd648;box-shadow:0 20px 18px rgba(0, 0, 0, .1);}
.proSlider .item a:hover:before{opacity:1;width:64px;height:64px;}
.proSlider .slick-prev,.proSlider .slick-next{z-index:2;position:absolute;top:-100px;right:0;width:24px;height:48px;font-size:0;background:none}
.proSlider .slick-prev{right:48px}
.proSlider .slick-prev:before,.proSlider .slick-next:before,.proSlider .slick-prev:after,.proSlider .slick-next:after{content:"";position:absolute;top:-16px;left:0;right:0;bottom:0;margin:auto;width:24px;height:3px;border-radius:20px;background:#1c1c1c;transform:rotate(-45deg);}
.proSlider .slick-prev:after,.proSlider .slick-next:after{top:16px;transform:rotate(45deg);}
.proSlider .slick-next{top:-99px;transform:rotate(180deg);}

.sectionD ul{display:flex;}
.sectionD li{width:50%;height:300px}
.sectionD li:nth-child(1){background:url(../images/main/bg1.png) no-repeat 50% 50%;background-size:cover}
.sectionD li:nth-child(2){background:url(../images/main/bg2.png) no-repeat 50% 50%;background-size:cover}
.sectionD a{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:#ffd648;font-size:32px;font-weight:700}
.sectionD a span{display:block;line-height:24px;margin-top:20px;font-size:15px;color:#fff;font-weight:400;opacity:.7}

.sectionE{display:flex;border-bottom:1px solid #e1e1e1}
.sectionE .box:nth-child(1){width:66.7%;}
.sectionE .box:nth-child(1) ul{display:flex;flex-wrap:wrap}
.sectionE .box:nth-child(1) li{width:calc(50% - 2px);height:246px;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
.sectionE .box:nth-child(1) a{position:relative;display:block;height:100%;padding:56px 0 0 68px;font-size:32px;font-weight:700;box-sizing:border-box;}
.sectionE .box:nth-child(1) a span{display:block;margin-bottom:12px;font-size:15px;color:#777}
.sectionE .box:nth-child(1) a:before{content:"";position:absolute;bottom:55px;right:64px;width:48px;height:48px;}
.sectionE .box:nth-child(1) li:nth-child(1) a:before{background:url(../images/main/icon_movie.png) no-repeat 50% 50%;background-size:contain}
.sectionE .box:nth-child(1) li:nth-child(2) a:before{width:54px;background:url(../images/main/icon_gallery.png) no-repeat 50% 50%;background-size:contain}
.sectionE .box:nth-child(1) li:nth-child(3) a:before{width:39px;background:url(../images/main/icon_news.png) no-repeat 50% 50%;background-size:contain}
.sectionE .box:nth-child(1) li:nth-child(4) a:before{background:url(../images/main/icon_inquiry.png) no-repeat 50% 50%;background-size:contain}
.sectionE .box:nth-child(2){width:33.3%;padding:55px 0 0 64px;border-top:1px solid #e1e1e1;box-sizing:border-box;}
.sectionE .link{display:flex;margin-bottom:35px;font-size:20px;font-weight:700}
.sectionE .link li~li{margin-left:20px}
.sectionE .link li:nth-child(1) a{color:#f60}
.sectionE .infor .tit{font-size:24px;font-weight:700}
.sectionE .infor .tit span{display:block;margin-top:10px;font-size:16px;font-weight:500;color:#333;}
.sectionE .infor dl{margin-top:24px}
.sectionE .infor dt{font-size:16px;font-weight:500;color:#747474;}
.sectionE .infor dd{margin-top:5px;font-size:36px;font-weight:800}
.sectionE .infor dd~dt{margin-top:30px}
.sectionE .infor dd~dt:last-of-type{margin-top:50px}
.sectionE .infor dd:last-child{font-size:18px;font-weight:500;}

@media (max-width: 1440px) {
	.mainSlider div{height:600px}
	.mainSlider .slide-controller{left:20px;}
	.sectionA{margin-left:40px;margin-right:40px}
	.sectionA .quickMenu .item~.item{margin-left:8%}
	.sectionB{margin:0 40px}
	.boardSlider{margin-left:0}
	.sectionC .titg{padding:0 40px}
	.proSlider .slick-prev{right:88px;}
	.proSlider .slick-next{right:40px;}
	.sectionD a span{padding:0 20px}

	.sectionE{display:block;}
	.sectionE .box:nth-child(1) li{width:calc(25% - 1px)}
	.sectionE .box:nth-child(1){width:auto}
	.sectionE .box:nth-child(2){width:auto;padding:40px}
	.sectionE .link{margin-bottom:60px}
}

@media (max-width: 1024px) {
	header .logo{background-image:url(../images/logo_m.png) ! important;}
	.use_mobile .btn_menu:before, .btn_menu:after{background:#fff}

	.mainSlider .slide-controller{bottom:180px;top:auto}

	.sectionE .box:nth-child(1) a{padding:30px}
}

@media (max-width: 900px) {
	#dMbody{margin-top:-60px}
	.mainSlider div{height:700px;background:none ! important}
	.mainSlider div a{background-size:cover ! important}
	.mainSlider .slide-controller{justify-content:center;bottom:auto;top:34%}
	.mainSlider:after{bottom:20%;width:38px;height:29px;background-size:contain}

	.sectionA{margin-left:20px;margin-right:20px;}
	.sectionA .quickMenu{flex-wrap:wrap;justify-content:center;height:auto;padding:22px;}
	.sectionA .quickMenu .item{margin:10px 20px 10px 0}
	.sectionA .quickMenu .item:nth-child(4)	{margin-left:0;}
	.sectionA .quickMenu .item{margin:6px;calc(100%/3 - (80px/3));}
	.sectionA .quickMenu .item a:after{width:64px;height:64px;}
	.sectionA .quickMenu .item a:before{width:64px;height:64px;margin-bottom:8px;}
	.sectionA .quickMenu .item strong{font-size:14px}
	
	.sectionB{margin:40px 0 0 20px}
	.sectionB h2{font-size:20px}
	.notice_ui{margin-right:0}
	.notice_ui .more{top:0;left:82px;}
	.notice_ui .slick-list{height:356px;}
	.notice_ui .slick-slide{width:288px ! important;margin:0 10px}
	.notice_ui .item{height:356px}
	.notice_ui .item p.tit{line-height:24px;font-size:16px}
	.notice_ui .item p.memo{line-height:22px;font-size:15px;}
	.notice_ui .item p.date{font-size:14px}
	.popup_ui{position:relative;width:auto;margin-top:80px}
	.popSlider{width:auto;height:auto}
	.popSlider .slick-list{height:356px}
	.popSlider .slick-slide{width:288px ! important;margin:0 10px ! important}
	.popSlider .item{height:356px}
	.popSlider .slick-slide img{width:100%}
	.popSlider .slide-controller{right:20px}

	.sectionC{margin-top:80px;padding:64px 0 64px 20px;background-position:0 0}
	.sectionC .titg{padding:0}
	.sectionC .titg h2{font-size:20px}
	.sectionC .titg p{font-size:14px}
	.sectionC .titg p br{display:block}
	.proSlider{margin-top:16px}
	.proSlider .slick-list{height:400px}
	.proSlider .slick-slide{width:288px ! important;margin:0 10px}
	.proSlider .item{height:356px}
	.proSlider .slick-dots{display:flex;justify-content:center;}
	.proSlider .slick-dots li~li{margin-left:16px}
	.proSlider .slick-dots button{width:8px;height:8px;font-size:0;background:#fff;border-radius:100%;}
	.proSlider .slick-dots .slick-active button{background:#111}

	.sectionD li{height:200px}
	.sectionD a{font-size:24px}
	.sectionD a span{margin-top:12px;line-height:19px;font-size:14px;font-weight:400}

	.sectionE{border-bottom:0}
	.sectionE .box:nth-child(1) li{height:180px}
	.sectionE .box:nth-child(1) li{width:calc(50% - 1px);}
	.sectionE .box:nth-child(1) a{padding:20px;font-size:24px}
	.sectionE .box:nth-child(1) a span{margin-bottom:8px;font-size:12px}
	.sectionE .box:nth-child(1) a:before{right:20px;bottom:20px}
	.sectionE .box:nth-child(2){padding:40px 20px 0}
	.sectionE .link{margin-bottom:40px;font-size:16px}
	.sectionE .infor .tit{font-size:20px}
	.sectionE .infor .time{font-size:14px}
	.sectionE .infor dd{font-size:24px}
}

@media (max-width: 540px) {
	.sectionD ul{display:block;}
	.sectionD li{width:auto}
}

@media (max-width: 360px) {
	.sectionA .quickMenu	{padding:10px;}
	.sectionA .quickMenu .item~.item	{margin-right:5px;}	
	.sectionA .quickMenu .item a:after{width:50px;height:50px;}
	.sectionA .quickMenu .item a:before{width:50px;height:50px;}
	.sectionA .quickMenu .item a:after	{background-size:70% auto;}
}