@charset "UTF-8";

/* 메인 콘텐츠 02 */
.main-content-box02{margin:-55px 0 0;padding:120px 0 0;background:#fff;}
.main-content-box02 .main-mini-more{border-color:#0d3f7a;background-color:#0d3f7a;}
.main-content-box02 .main-mini-wrap{padding:0 30px;}
.main-content-box02 .main-mini-wrap01{padding-bottom:80px;}
.main-news-box .news-txt-box{background-color:#fff;}
.main-news-box .mini-date{display:inline-block;position:relative;padding:0 0 0 24px;font-family:'Prometo', sans-serif;font-size:1rem;color:#0d3f7a;line-height:1.313rem;}
.main-news-box .mini-date:before{content:'';position:absolute;top:50%;left:0;margin:-9px 0 0;width:17px;height:17px;background:url(../img/main/ico-main-date.png) no-repeat 0 0/100%;}
.main-news-box .mini-etc-txt{display:inline-block;position:relative;margin:0 0 0 10px;padding:0 0 0 11px;font-family:'Prometo', sans-serif;font-size:1rem;color:#e72600;line-height:1.313rem;}
.main-news-box .mini-etc-txt:after{content:'';position:absolute;top:4px;left:0;width:1px;height:12px;background-color:#aaa;}

.main-news-box:after{content:'';display:block;clear:both;}
.main-news-box > div{position:relative;float:left;margin:35px 32px 0 0;width:calc(33.33% - 22px);box-shadow:2px 2px 10px rgba(0,0,0,0.1)}
.main-news-box > div:nth-of-type(-n+3){margin-top:0;}
.main-news-box > div:nth-of-type(3n){margin-right:0;}
.main-news-box > div > a:hover:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:7px solid #1976d2;box-sizing:border-box;}
.main-news-box .news-img-box{position:relative;}
.main-news-box .news-img-box > img{width:100%;}
.main-news-box .news-txt-box{padding:17px 24px 19px 20px;min-height:118px;text-align:right;box-sizing:border-box;}
.main-news-box .news-txt-box .mini-title{display:-webkit-box;padding:0 0 9px 0;height:3.25rem;font-weight:500;font-size:1.25rem;color:#333;line-height:1.75rem;text-align:left;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-content-box02 .btn-m-con-more{display:none;}

.main-content-box02 .main-mini-wrap02{margin:0 auto -80px;}
.main-content-box02 .main-mini-wrap02 .main-mini-box{position:relative;background-color:#0d3f7a;border-radius:5px;overflow:hidden;}
.main-shortcut-box .swiper-wrapper{display:table;width:100%;table-layout:fixed;}
.main-shortcut-box .swiper-wrapper .swiper-slide{display:table-cell;width:calc(100%/9);vertical-align:top;}
.main-shortcut-box .swiper-wrapper .swiper-slide a{display:block;padding:90px 10px 16px;min-height:156px;background-repeat:no-repeat;background-position:center top 30px;font-size:1.125rem;color:#fff;line-height:1.125rem;font-weight:200;box-sizing:border-box;text-align:center;letter-spacing:0;}
.main-shortcut-box .swiper-wrapper .swiper-slide a span{display:block;font-size:0.937rem;line-height:1.5rem;}
.main-shortcut-box .swiper-wrapper .swiper-slide:nth-of-type(1) a{background-image:url(/_res/yu/english/img/main/ico-shortcut-link01.png);}
.main-shortcut-box .swiper-wrapper .swiper-slide:nth-of-type(2) a{background-image:url(/_res/yu/english/img/main/ico-shortcut-link02.png);}
.main-shortcut-box .swiper-wrapper .swiper-slide:nth-of-type(3) a{background-image:url(/_res/yu/english/img/main/ico-shortcut-link03.png);}
.main-shortcut-box .swiper-wrapper .swiper-slide:nth-of-type(4) a{background-image:url(/_res/yu/english/img/main/ico-shortcut-link04.png);}
.main-shortcut-box .swiper-wrapper .swiper-slide:nth-of-type(5) a{background-image:url(/_res/yu/english/img/main/ico-shortcut-link05.png);}
.main-shortcut-box .swiper-wrapper .swiper-slide:nth-of-type(6) a{background-image:url(/_res/yu/english/img/main/ico-shortcut-link06.png);}
.main-shortcut-box .swiper-wrapper .swiper-slide:hover{background-color:#1976d2;}
.main-shortcut-box .main-shortcut-pagination{display:none;}

/* 메인 콘텐츠 03 */
.main-content-box03{padding:130px 30px 70px;background:url(/_res/yu/english/img/main/bg-main-content03.gif) no-repeat 50% 50%/cover;}

.main-is-box:after{content:'';display:block;clear:both;}
.main-is-box li{display:flex;flex-wrap:wrap;float:left;position:relative;width:20%;}
.main-is-box li:after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:#ededed;}
.main-is-box li:last-of-type:after{display:none;}
.main-is-box li:nth-of-type(even){flex-direction:column-reverse;}
.main-is-box li > div{width:100%;}
.main-is-box li .txt-box{padding:40px 35px 22px;background:#fff;box-sizing:border-box;}
.main-is-box li .txt-box .mini-title{position:relative;margin:0 0 25px;padding:0 0 25px;font-size:1.625rem;line-height:2.125rem;font-weight:500;}
.main-is-box li .txt-box .mini-title span{position:relative;z-index:0;}
.main-is-box li .txt-box .mini-title span:after{content:'';display:block;position:absolute;bottom:0;left:0;z-index:-10;width:0;height:40%;background:#d1e4f6;transition:0.2s all;}
.main-is-box li .txt-box:hover .mini-title span:after{width:100%;}
.main-is-box li .txt-box .mini-title:after{content:'';display:block;position:absolute;bottom:0;left:0;width:20px;height:1px;background:#0d3f7a;}
.main-is-box li .txt-box .mini-txt{padding:0 0 20px;font-size:1.25rem;line-height:1.875rem;font-weight:400;}
.main-is-box li .txt-box > a{display:inline-block;position:relative;padding:0 36px 0 0;font-size:1.062rem;line-height:1.562rem;font-weight:300;text-transform:uppercase;}
.main-is-box li .txt-box > a:after{content:'';display:block;position:absolute;top:50%;right:0;width:26px;height:26px;background-color:#0d3f7a;background-repeat:no-repeat;background-position:center center;border-radius:50%;transform:translateY(-50%);}
.main-is-box li .txt-box .btn-viewmore:after{background-image:url(/_res/yu/english/img/main/ico-main-mini-more01.png);}
.main-is-box li .txt-box .btn-homepage:after{background-image:url(/_res/yu/english/img/main/ico-main-mini-more02.png);}

/* 메인 콘텐츠 04 */
.main-content-box04{padding:80px 0 80px 30px;background:url(/_res/yu/english/img/main/bg-main-content04.gif) no-repeat center bottom;overflow:hidden;}
.main-content-box04 .main-mini-more{border-color:#1976d2;background-color:#1976d2;}

.main-depart-box .swiper-container{overflow:inherit;}
.main-depart-box .swiper-wrapper{padding:0 0 40px 0;}
.main-depart-box .swiper-slide{margin:0 34px 0 0;width:300px;}
.main-depart-box .swiper-slide:nth-of-type(odd){margin-top:40px;}
.main-depart-box .swiper-slide:last-of-type{margin:0;}
.main-depart-box .swiper-slide > a{display:block;position:relative;}
.main-depart-box .swiper-slide > a:hover:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid #1976d2;box-sizing:border-box;}
.main-depart-box .swiper-slide > a .depart-img-box{height:290px;}
.main-depart-box .swiper-slide > a .depart-txt-box{padding:28px 25px 34px;background-color:#f7f9fa;}
.main-depart-box .swiper-slide > a .depart-txt-box p{font-weight:500;font-size:1.5rem;color:#333;line-height:1.875rem;}
.main-depart-box .main-depart-pagination{display:none;position:relative;z-index:10;width:100%;background-color:#e1e1e1;border-radius:4px;table-layout:fixed;}

.main-depart-box .main-depart-pagination .swiper-pagination-bullet{display:table-cell;width:50%;height:4px;background-color:transparent;border-radius:0;opacity:1;}
.main-depart-box .main-depart-pagination .swiper-pagination-bullet-active{border-radius:4px;background-color:#ff6c00;}

.main-depart-box .main-depart-scrollbar{display:table;position:relative;z-index:10;width:100%;height:5px;background-color:#e1e1e1;border-radius:4px;table-layout:fixed;cursor:pointer;}
.main-depart-box .main-depart-scrollbar .swiper-scrollbar-drag{background:#1976d2;}

.main-mini-more.all{border-radius:50px;padding:14px 0;width:160px;height:50px;}
.main-mini-more.all em{display:block;font-size:1.25rem;line-height:1.5rem;color:#fff;font-style:normal;}
.main-mini-more.all span{display:none;}

.main-guideline-box{display:flex;flex-wrap:wrap;padding:0 30px 0 0;}
.main-guideline-box li{padding:0 20px 0 0;width:calc(50% - 10px);}
.main-guideline-box li:last-of-type{padding:0;}
.main-guideline-box li a{display:block;padding:30px 105px 30px 40px;background:url(/_res/yu/english/img/main/ico-main-mini-down.png) no-repeat right 40px center;font-size:1.562rem;line-height:2.062rem;color:#fff;font-weight:500;box-sizing:border-box;}
.main-guideline-box li:nth-of-type(1) a{background-color:#11244c;}
.main-guideline-box li:nth-of-type(2) a{background-color:#0d3f7a;}

/* 메인 콘텐츠 06 */
.main-content-box06{padding:66px 0 150px;background:url(/_res/yu/english/img/main/bg-main-content06.gif) no-repeat 50% 50%/cover;overflow-x:hidden;}
.main-content-box06 .main-mini-wrap{max-width:100%;}

.sns-ico{display:block;width:43px;height:43px;text-indent:-99999px;}
.sns-ico.insta{background:url(/_res/yu/english/img/main/ico-insta.png) no-repeat 0 0/100%;}
.sns-ico.facebook{background:url(/_res/yu/english/img/main/ico-facebook.png) no-repeat 0 0/100%;}
.sns-ico.twitter{background:url(/_res/yu/english/img/main/ico-twitter.png) no-repeat 0 0/100%;}
.sns-ico.blog{background:url(/_res/yu/english/img/main/ico-blog.png) no-repeat 0 0/100%;}
.sns-ico.youtube{background:url(/_res/yu/english/img/main/ico-youtube.png) no-repeat 0 0/100%;}
.sns-ico.story{background:url(/_res/yu/english/img/main/ico-story.png) no-repeat 0 0/100%;}
.sns-ico.kakao{background:url(/_res/yu/english/img/main/ico-kakao.png) no-repeat 0 0/100%;}

.main-sns-top-box{position:relative;padding: 0 0 40px 0;z-index:10;}
.main-sns-top-box ul{font-size: 0;text-align:center;}
.main-sns-top-box ul li{display:inline-block;margin:0 11px 0 0;}
.main-sns-top-box ul li:last-of-type{margin:0;}

.main-sns-con-box{position:relative;}
.main-sns-con-box .sns-etc-box{position:absolute;bottom:calc(100% + 25px);right:0;z-index:0;}
.main-sns-con-box .sns-etc-box span{padding:0 50px 0 0;font-size:5em;color:#cde3ff;line-height:1;font-weight:600;}
.main-sns-con-box .sns-etc-box span:last-of-type{padding:0;}
.main-sns-con-box .swiper-container{height:310px;}
.main-sns-con-box .swiper-wrapper{display:block;position:absolute;left:50%;transform:translateX(-50%);}
.main-sns-con-box .swiper-slide{position:absolute;width:300px;}
.main-sns-con-box .swiper-slide > a{display:block;}
.main-sns-con-box .swiper-slide > a .sns-img-box{height:310px;}
.main-sns-con-box .swiper-slide > a .sns-txt-box{display:none;position:absolute;top:0;left:0;padding:50px 20px 15px;width:100%;height:100%;background-color:rgba(0,0,0,0.54);text-align:center;box-sizing:border-box;}
.main-sns-con-box .swiper-slide > a:hover .sns-txt-box{display:block;}
.main-sns-con-box .swiper-slide > a .sns-txt-box .sns-ico{margin:0 auto;}
.main-sns-con-box .swiper-slide > a .sns-txt-box > div:before{content:'';display:block;margin:22px auto 27px;width:90%;height:1px;background-color:rgba(255,255,255,0.12);}
.main-sns-con-box .swiper-slide > a .sns-txt-box .mini-title{height:3.5rem;font-weight:200;font-size:1.25rem;color:#fff;line-height:1.75rem;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-sns-con-box .swiper-slide > a .sns-txt-box .mini-date{display:inline-block;padding:55px 0 0;font-family:'prometo', sans-serif;font-weight:200;font-size:1.25rem;color:#fff;line-height:1.625rem;}

@media screen and (max-width:1024px) {
	/* 메인 콘텐츠 02 */
	/* .main-content-box02{background:url(../img/main/bg-main-content02-pad.gif) no-repeat left center/cover;} */
	.main-content-box02 .main-mini-wrap01{padding-bottom:70px;}

	.main-news-box > div{margin:25px 25px 0 0;width: calc(50% - 13px);}
	.main-news-box > div:nth-of-type(3){margin-top:25px;}
	.main-news-box > div:nth-of-type(n){margin:25px 25px 0 0;}
	.main-news-box > div:nth-of-type(-n+2){margin-top:0;}
	.main-news-box > div:nth-of-type(2n){margin-right:0;}

	.main-content-box02 .main-mini-wrap02 .main-title03{padding:30px 20px;width:210px;font-size:1.625rem;}
	.main-shortcut-box{padding:0 0 30px 0;width:100%;box-sizing:border-box;}	
	.main-shortcut-box .swiper-wrapper .swiper-slide{width:auto;}
	.main-shortcut-box .main-shortcut-pagination{display:block;position:absolute;bottom:7px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.main-shortcut-box .main-shortcut-pagination .swiper-pagination-bullet{display:inline-block;margin:0 5px;width:7px;height:7px;background-color:#fff;}
	.main-shortcut-box .main-shortcut-pagination .swiper-pagination-bullet-active{background-color:#caae78;}

	/* 메인 콘텐츠 03 */
	.main-content-box03{padding:120px 30px 70px;}
	.main-is-box li{width:100%;}
	.main-is-box li:nth-of-type(even){flex-direction:row-reverse;}
	.main-is-box li:after{display:none;}
	.main-is-box li > div{width:50%;}
	.main-is-box li .img-box{height:250px;}

	/* 메인 콘텐츠 04 */
	.main-content-box04{padding:65px 0 70px 30px;}
	.main-depart-box .swiper-slide{width:220px;}
	.main-depart-box .swiper-slide > a .depart-img-box{height:212px;}
	.main-depart-box .swiper-slide > a .depart-txt-box{padding:17px 18px 25px;}
	.main-depart-box .swiper-slide > a .depart-txt-box p{font-size:1.25rem;line-height:1.5rem;}
	.main-depart-box .main-depart-scrollbar{margin:0 auto;width:calc(100% - 60px);}

	.main-guideline-box li a{font-size:1.285rem;line-height:1.785rem;}

	/* 메인 콘텐츠 06 */
	.main-content-box06{padding:66px 0 70px;}
	.main-sns-con-box .swiper-wrapper{display:flex;position:relative;}
	.main-sns-con-box .swiper-slide{position:relative;left:auto !important;margin:0 40px 0 0;width:auto;}
	.main-sns-con-box .swiper-slide:last-of-type{margin:0;}
}

@media screen and (max-width:640px) {
	/* 메인 콘텐츠 02 */
	.main-content-box02{position:relative;margin-top:0;padding:40px 0 0;background:none;}
	.main-content-box02 .main-mini-wrap{padding:0 20px;}
	.main-content-box02 .main-mini-more{top:5px;right:18px;padding:0;border:none;background-color:transparent;}

	.main-content-box02 .main-mini-wrap01{padding-bottom:50px;}
	.main-content-box02 .btn-m-con-more{display:block;border:1px solid #c2c2c2;}
	.main-content-box02 .btn-m-con-more span{background:url(/_res/yu/main/img/main/btn-m-con-more-g.png) no-repeat center center/100%;}

	.main-news-box > div{float:none;margin:0 0 25px 0;width:100%;}
	.main-news-box > div:nth-of-type(2){margin-top:25px;}
	.main-news-box .news-txt-box{min-height:auto;}
	.main-news-box .news-txt-box .mini-title{padding:0;height:3.5rem;}
	.main-news-box .mini-date{display:none;}

	.main-content-box02 .main-mini-wrap02{margin:0 auto -73px;}
	.main-content-box02 .main-mini-box{display:block;}
	.main-content-box02 .main-mini-wrap02 .main-title03{display:none;}
	.main-shortcut-box .swiper-wrapper .swiper-slide a{padding:70px 10px 10px;min-height:116px;background-position:center top 20px;background-size:50px;}
	.main-shortcut-box .main-shortcut-pagination .swiper-pagination-bullet{margin:0 3px;}

	/* 메인 콘텐츠 03 */
	.main-is-box li .img-box{height:200px;}
	.main-is-box li .txt-box{padding:25px 20px;}
	.main-is-box li .txt-box .mini-title{margin:0 0 15px;padding:0 0 15px;font-size:1.428rem;line-height:1.928rem;}
	.main-is-box li .txt-box .mini-txt{padding:0 0 15px;font-size:1.142rem;line-height:1.642rem;}
	.main-is-box li .txt-box > a{padding:0 28px 0 0;font-size:1rem;line-height:1.5rem;}
	.main-is-box li .txt-box > a:after{width:20px;height:20px;background-size:10px;}

	/* 메인 콘텐츠 04 */
	.main-content-box04{padding:65px 0 70px 20px;}
	.main-content-box04 .main-mini-more{top:5px;right:18px;padding:0;border:none;background-color:transparent;}
	.main-content-box04 .main-mini-more span{width:40px;height:40px;background-image:url(/_res/yu/english/img/main/bg-mini-more-m.png);}

	.main-depart-box .swiper-slide{width:205px;}
	.main-depart-box .swiper-slide:nth-of-type(odd){margin-top:25px;}
	.main-depart-box .swiper-slide.swiper-slide-active{box-shadow:3px 0px 17px rgb(0 0 0 / 16%);}
	.main-depart-box .swiper-slide > a .depart-txt-box p{font-size:1.143rem;line-height:1.714rem;}
	.main-depart-box .swiper-slide > a .depart-img-box{height:201px;}
	.main-mini-more.all{width:unset;height:unset;}
	.main-mini-more.all em{display:none;}
	.main-mini-more.all span{display:inline-block;}

	.main-guideline-box{padding:0 20px 0 0;}
	.main-guideline-box li{padding:0 0 10px;width:100%;}
	.main-guideline-box li a{padding:15px 55px 15px 20px;background-position:right 20px center;background-size:25px;}

	/* 메인 콘텐츠 06 */
	.main-content-box06 .main-mini-wrap{padding:0 20px;}

	.main-sns-con-box .sns-etc-box{display:none;}
	.main-sns-con-box .swiper-container{height:auto;overflow:inherit;}
	.main-sns-con-box .swiper-wrapper{left:unset;transform:unset;}
}

@media screen and (max-width: 480px) {
	/* 메인 콘텐츠 03 */
	.main-content-box03{padding:100px 18px 35px;}
	.main-is-box li:nth-of-type(even){flex-direction:unset;}
	.main-is-box li > div{width:100%;}
}

@media screen and (max-width:420px) {
	/* 메인 콘텐츠 02 */
	.main-content-box02:before{top:-22px;width:44px;height:44px;}
	.main-news-box .left-box .left-top-box .news-txt-box .mini-title{font-size:1.071rem;line-height:1.714rem;}
	.main-news-box .left-box .left-bottom-box .news-txt-box .mini-title{height:3.1rem;font-size:1.071rem;line-height:1.714rem;}
	.main-news-box .right-box ul li > p a{font-size:1.071rem;line-height:1.714rem;}
	.main-shortcut-box .swiper-slide a{font-size:1rem;letter-spacing:-0.1rem;}

	/* 메인 콘텐츠 04 */
	.main-content-box04{padding:30px 0 30px 18px;}
	.main-content-box04 .main-mini-more span{width:24px;height:24px;}
	.main-depart-box .swiper-slide > a .depart-txt-box{padding:12px 8px;}
	.main-depart-box .swiper-slide > a .depart-txt-box p{font-size:1rem;line-height:1.286rem;}

	/* 메인 콘텐츠 06 */
	.main-content-box06{padding:34px 0 35px;}
	.main-content-box06 .main-mini-wrap{padding:0 18px;}

	.sns-ico{width:30px;height:30px;}

	.main-sns-top-box{padding:0 0 20px 0;}
	.main-sns-con-box .swiper-slide{width:174px;}
	.main-sns-con-box .swiper-slide > a .sns-img-box{height:182px;}
}