/**   main visual   **/
.main-visual{position:relative; padding:0}
.main-visual__slide{position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:90vh; padding-top: 6.25rem; background:url('../images/main/main-bg.jpg') center/cover no-repeat}
.main-visual__title-area {text-align:center; color:#fff}
.main-visual__eng{font-size:2.5rem}
.main-visual__kor{margin: 0.5rem 0;font-size:4.375rem}
.main-visual__tag{font-size:1.875rem}
@media screen and (max-width: 599px){
	.main-visual__title-area {padding: 0 5%}
	.main-visual__eng {font-size: 1.75rem}
	.main-visual__kor {font-size: 2.5rem}
	.main-visual__tag {font-size: 1.25rem}
}

/**   main section mini-notice   **/
.mini-notice{z-index:90; transition:all .5s; position:absolute; bottom:0; left:0; width:100%; height:3.75rem; border-top:1px solid rgba(255,255,255,.3); }
.mini-notice__inn{display:flex; width:100%; max-width:1200px; height:100%; margin:0 auto; box-sizing:border-box}
.mini-notice__h3{position: relative; display:flex; align-items:center; justify-content:center; width:9.375rem; text-align: center; height:3.75rem; box-sizing:border-box; color:#fff; font-size:1rem; font-weight:600; border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3)}
.mini-notice__h3 a{line-height:1; color:#fff}
.mini-notice__h3 span{margin-left:.625rem}
.mini-notice__slide-area{float:left; width: calc(100% - 9.375rem); box-sizing:border-box}
.mini-notice__slide-area .slick-list{width:calc(100% - 7.5rem)}
.mini-notice__slide-area .slick-arrow{width:3.75rem; height:3.75rem; position:absolute; top:0; overflow:hidden; text-indent:-9999em; border-left:1px solid rgba(255,255,255,.3); box-sizing:border-box; cursor:pointer}
.mini-notice__slide-area .slick-arrow.slick-prev{right:3.75rem; background:url('/assets/images/main/mini-notice--prev.png') no-repeat center}
.mini-notice__slide-area .slick-arrow.slick-next{right:0; background:url('/assets/images/main/mini-notice--next.png') no-repeat center; border-right:1px solid rgba(255,255,255,.3)}
.mini-notice__board{padding:0 1rem; box-sizing:border-box}
.mini-notice__board__link{display:flex; align-items: center; justify-content:space-between; border:0; height: 3.75rem; padding-left:2.1875rem; padding-right:10px; color:#fff}
.mini-notice__board__title{display: block;width:calc(100% - 9.375rem);text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.mini-notice__board__date{padding-right:2.1875rem}
.mini-notice .no-post{position:absolute; top:50%; transform:translateY(-50%); padding-left:2.1875rem; padding-right:.625rem; color:#fff}
.mini-notice.is-active{background-color:#326CBE}
.mini-notice.is-active .mini-notice__inn{border-bottom:1px solid rgba(255,255,255,.3)}
@media screen and (max-width:599px) {
    .mini-notice__slide-area .slick-arrow{display:none !important}
    .mini-notice__slide-area .slick-list{width:100%}
	.mini-notice__board__link{padding-left:1.5rem}
    .mini-notice__board__title{width:100%}
    .mini-notice__board__date{display:none}
}

/**  section2   **/
.section2{position:relative; overflow:hidden}
.section2 .wrap{width: 100%; max-width: 1200px; margin: 0 auto}
.section2__title{text-align:center; font-size:3.75rem; margin:.5rem 0 1.5em 0; color:#333}
.product-slide__item{text-align:center; box-sizing:border-box; padding-right: 20px}
.product-slide__item__figure{position:relative; overflow:hidden; max-height: 250px}
.product-slide__item__pic img{width:100%}
.product-slide__item__img{transition:all .5s; display:block; max-width:100%; height: 250px;}
.product-slide__item__title{display:block; text-align:center; margin:1rem 0 .5rem; font-size: 28px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.product-slide__item__text{font-size:1.125rem; color:#666; line-height:1.4; width:100%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.product-slide .slick-list{overflow:visible;}
.product-slide .slick-slide{opacity:.4;}
.product-slide .slick-slide.slick-active{opacity:1;}
.product-slide .slick-arrow{z-index:100;width:70px;height:70px;position:absolute;top:50%;overflow:hidden;text-indent:-9999em;box-sizing:border-box;cursor:pointer;background-repeat:no-repeat;background-position:center;}
.product-slide .slick-arrow.slick-prev{left:10px; background-image:url('/assets/images/main/slick-arrow--prev.png');}
.product-slide .slick-arrow.slick-next{right:10px; background-image:url('/assets/images/main/slick-arrow--next.png');}
.product-slide.slick-slider{position:static;}
.product-slide .slick-dots{display:none !important;}
.product-slide__item a:hover .product-slide__item__img{transform:scale(1.05);}
.product-slide__item a:hover .product-slide__item__text{text-decoration:underline;}
@media screen and (max-width:1200px){
	.section2 .wrap{max-width: 768px;}
	.section2__title{font-size:2.75rem;}
	.product-slide__item__title{font-size:2rem;}
	.product-slide__item__text{font-size:1.125rem;}
}
@media screen and (max-width:768px){
	.section.section2{padding: 50px 0;}
	.section2 .wrap{margin-left: 16px;}
	.section2__title{margin: 0 0 20px 0;}
	.section2 .slick-track{left: -40px;}
	.product-slide__item{padding-right:0}
	.product-slide__item + .product-slide__item {margin-left: 15px}
	.product-slide__item__figure{margin-right: 0; max-height: 100%;}
	.product-slide__item__img{height: 0; padding-bottom: 75%} /* 2:1 : padding-top: 50% , 1:2 : padding-top: 200% , 4:3 : padding-top: 75% , 16:9 : padding-top: 56.25% */
	.product-slide .slick-list{overflow:hidden}
	.product-slide .slick-arrow{width:45px; height:45px; background-size:45px}
	.product-slide__item__img{width:100%}
}

/**   section3  bg-article   **/
.bg-article{display:flex; align-items:center; justify-content:center; height: 27.5rem; background:url('/assets/images/main/bg-article.jpg') no-repeat center/cover; text-align:center; background-attachment:fixed; color:#fff}
.bg-article__title{font-size:3.125rem; font-weight:bold}
.bg-article__text{margin-top:2rem; font-size:1.25rem}
@media screen and (max-width: 599px){
	.bg-article__title {font-size: 2.5rem}
}

/**   section4  circle-layout   **/
.section--circle-layout{text-align:center; background:#326CBE}
.circle-layout{display:flex}
.circle-layout__item{padding:1rem; box-sizing:border-box; text-align:center}
.circle-layout__item + .circle-layout__item {position: relative}
.circle-layout__item + .circle-layout__item::before{content: '';position: absolute;left: 0;bottom: 0;height: 5rem;width: 1px;background-color: rgba(255,255,255,.3)}
.circle-layout__item__figure{display:inline-block}
.circle-layout__item__img{max-width:80%; margin: 0 auto; transform: scale(1); transition: .7s}
.circle-layout__item__img:hover{transform: scale(1.1)}
.circle-layout__item__text{font-size:1.5rem; color:#fff; line-height:1.4; margin-top:2rem}
.circle-layout__button{display:inline-block; text-align:center; margin-top:2em; border:2px solid #fff; border-radius:5px; padding:1rem 3rem; color:#fff; font-size:1.125rem}
.circle-layout__button:hover{background-color:#fff; color:#333}
@media screen and (max-width:768px){
	.circle-layout{flex-wrap:wrap}
	.circle-layout__item{float:none; width:100%; display: table; padding: 10px 0; text-align: left}
	.circle-layout__box{display: table-cell; vertical-align: middle}
	.circle-layout__box:first-child{width: 40%; padding-right: 20px}
	.circle-layout__box:last-child{width: 60%}
	.circle-layout__box p{margin-top: 0; word-break: keep-all}
	.circle-layout__item + .circle-layout__item::before{display: none}
	.circle-layout__item__img{max-width: 100%}
	.circle-layout__item__text{font-size:1.5rem}
	.circle-layout__button{font-size:1.25rem}
}

/**   section5  link   **/
.link__ul{display:flex; gap:2rem}
.link__li{width: 100%; padding:1rem; box-sizing:border-box}
.link__li:hover{background-color:#f3f3f3}
.link__li:first-child{margin-left:0}
.link__item{display:block; text-align:center}
.link__title{position:relative; padding-top: calc(4.75rem + 1rem);font-size:1.5rem; color:#333; transition:transform .3s}
.link__title::before {content:''; position:absolute; left:50%; top: 0; transform:translateX(-50%); width:4.75rem; height:4.75rem; background-repeat:no-repeat; background-position:center; background-size:contain}
.link__text{margin-top:1rem; min-height:3rem; font-size:1.125rem; line-height:1.7; color:#666}
.link__li:nth-child(1) .link__title::before{background-image:url('/assets/images/main/main-link__img1.png')}
.link__li:nth-child(2) .link__title::before{background-image:url('/assets/images/main/main-link__img2.png')}
.link__li:nth-child(3) .link__title::before{background-image:url('/assets/images/main/main-link__img3.png')}
.link__li:nth-child(4) .link__title::before{background-image:url('/assets/images/main/main-link__img4.png')}
.link__li:nth-child(3) .link__text {padding-top:1rem}
.link__li:hover .link__title{transform:rotateY(1turn)}
@media screen and (max-width:1024px){
	.link__ul{flex-wrap:wrap}
	.link__li{width:calc(50% - 1rem)}
}
@media screen and (max-width:768px){
	.section-link .wrap{width: 100%}
	.link__title{background-size:100px; padding-top:80px}
	.link__text br{display:none}
	.link__li{margin-left:0}
	.link__li:hover .link__title{background-size:125px}
}
@media screen and (max-width: 599px){
	.link__li{width: 100%}
	.link__li:hover {background-color:transparent}
}

.main-map{width:100%; height:31.25rem; vertical-align: bottom}
@media screen and (max-width: 768px){
	.main-map{height:70vw}
}