@charset "utf-8";

.mainBanner{position:relative;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .slick-arrow{display:none;width:30px;height:57px;margin-top:-29px;background:none;position:absolute;top:50%;border:0;z-index:1;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:40px;height:2px;background:#fff;position:absolute;left:-5px;content:"";}
.mainBanner .slick-arrow:before{top:14px;}
.mainBanner .slick-arrow:after{bottom:14px;}
.mainBanner .slick-arrow.slick-prev{left:16%;}
.mainBanner .slick-arrow.slick-prev:before{transform:rotate(-45deg);}
.mainBanner .slick-arrow.slick-prev:after{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next{right:16%;}
.mainBanner .slick-arrow.slick-next:before{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next:after{transform:rotate(-45deg);}
.mainBanner .slick-controls{position:absolute;left:50%;bottom:57px;transform:translateX(-50%);line-height:0;display:flex;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:11px;}
.mainBanner .slick-controls .slick-dots li button{width:16px;height:16px;background:rgba(255,255,255,.5);border-radius:50%;border:1px solid #737373;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{background:#fff;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}

.mainContents .sanitizerBox{max-width:1900px;margin:0 auto;text-align:center;background:url(/img/main/main_sanitizer_bg.jpg)no-repeat center;}

.mainContents .content{max-width:1588px;margin:0 auto;}
.mainContents .content.mainProduct{margin:100px auto 114px;}
.mainContents .mainProduct .slick-arrow{width:34px;height:69px;margin-top:-34.5px;position:absolute;top:50%;border:0;z-index:1;letter-spacing:-9999em;font-size:0;}
.mainContents .mainProduct .slick-arrow.slick-prev {left:-74px;background:url(/img/main/gray_arrow_prev.png)no-repeat;}
.mainContents .mainProduct .slick-arrow.slick-next{right:-74px;background:url(/img/main/gray_arrow_next.png)no-repeat;}

.mainContents .mainProduct h3{text-align:center;font-size:4.5rem;font-weight:700;}
.mainContents .mainProduct .basicText{font-size:2rem;color:#7e7e7e;font-weight:300;margin:8px 0 50px;}
.mainContents .mainProduct h3, .mainContents .mainProduct .basicText{text-align:center;letter-spacing:-0.02em;}
.mainContents .mainProduct .mainProductList{font-size:2.8rem;font-weight:bold;}
.mainContents .mainProduct .mainProductList p{position:relative;margin-top:11px;padding-left:18px;}
.mainContents .mainProduct .mainProductList p:before{width:5px;height:27px;background:#0b8fe3;content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:2px;}
.mainContents .mainProduct .mainProductList img{border:1px solid #dcdcdc;}

.mainContents .mainBoard{background:#f7f7f7;padding:93px 0 87px;}
.mainContents .mainBoard .content{display:flex;justify-content:space-between;}
.mainContents .mainBoard .content > div{width: 47.104%;}
.mainContents .mainBoard .content > div.mainBoardGallery{margin-top:15px;width:47.608%;}

.mainBoarTab .mainBoarTabList{display:flex !important;margin-bottom:52px;}
.mainBoarTab .mainBoarTabList li{font-size:2.5rem;letter-spacing:-0.02em;font-weight:500;width:25%;text-align:center;border-bottom:3px solid #0681d7;border-top: 3px solid transparent;}
.mainBoarTab .mainBoarTabList li.active{border-bottom:0;border-left:3px solid #0681d7;border-right:3px solid #0681d7;border-top:3px solid #0681d7;}
.mainBoarTab .mainBoarTabList li:nth-child(2){letter-spacing:0.38em;}
.mainBoarTab .mainBoarTabList li:nth-child(4){letter-spacing:0.6em;text-indent:8%;}
.mainBoarTab .mainBoarTabList li a{padding:13px 0 18px;display:block;}

.mainBoarTab .mainBoardCont{min-height:287px;}
.mainBoarTab .mainBoardCont li{font-size:1.9rem;}
.mainBoarTab .mainBoardCont li:last-child{margin-bottom:0 !important;}
.mainBoarTab .mainBoardCont li a dl dd{color:#555;}
.mainBoarTab .mainBoardCont li a dl dd.info{display:none;}
.mainBoarTab .mainBoardCont li a dl dd.boardDate{font-size:1.8rem;}
.mainBoarTab .mainBoardCont li:nth-child(1){margin-bottom:50px;}
.mainBoarTab .mainBoardCont li:nth-child(1) a{display:flex;letter-spacing:-0.02em;}
.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate{width:180px;text-align:center;position:relative;}
.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate:before{width:1px;height:105px;background:#d9d9d9;position:absolute;right:0;top:0;content:'';}
.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate span{display:inline-block;margin-top:-3px;}

.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate .boardDateMD{font-size:4.8rem;font-weight:500;}
.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate .boardDateY{display:block;color:#888;font-size:2.2rem;}
.mainBoarTab .mainBoardCont li:nth-child(1) a dl{width:calc(100% - 180px);padding-left:37px;display:flex;flex-direction:column;justify-content:center;}
.mainBoarTab .mainBoardCont li:nth-child(1) a dl dt{font-size:2.4rem;font-weight:700;line-height:1;margin-bottom:20px;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mainBoarTab .mainBoardCont li:nth-child(1) a dl dd{line-height:1.8;display:block;display: inline-block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:3.6em;}
.mainBoarTab .mainBoardCont li:nth-child(n+2){position:relative;padding-left:11px;margin:0 0 19.5px 22px;color:#555;}
.mainBoarTab .mainBoardCont li:nth-child(n+2):after{width:2px;height:2px;background:#555;border-radius:50%;position:absolute;left:1px;top:14px;content:'';}
.mainBoarTab .mainBoardCont li:nth-child(n+2) a dl{display:flex;justify-content:space-between;padding-right:11px;}
.mainBoarTab .mainBoardCont li:nth-child(n+2) a dl dt{width:calc(100% - 100px);display: inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mainBoardGallery{position:relative;}
.mainBoardGallery h3{font-size:2.5rem;letter-spacing:-0.02em;font-weight:500;padding-bottom:19px;margin-bottom:53px;border-bottom:3px solid #0681d7;}
.mainBoardGallery .btnMore{position:absolute;right:0;top:7px;}
.mainBoardGallery .mainBoardCont ul{display:flex;}
.mainBoardGallery .mainBoardCont ul li{width:49.471%;height:100%;position:relative;overflow:hidden;}
.mainBoardGallery .mainBoardCont ul li:first-child{margin-right:1.058%;}
.mainBoardGallery .mainBoardCont ul li img{width:100%;height:100%;}
.mainBoardGallery .mainBoardCont ul li.empty_li{line-height:24px;text-align:left;color:#444;}
.mainBoardGallery .mainBoardCont ul li .mainBoardGalleryHover{width:100%;position:absolute;left:0;bottom:0;padding:15px 10px 26px 22px;color:#fff;background:rgba(0,0,0,.65);z-index:2;}
.mainBoardGallery .mainBoardCont ul li:hover .mainBoardGalleryHover{display:block;}
.mainBoardGallery .mainBoardCont ul li .mainBoardGalleryHover .boardDate{font-size:1.4rem;letter-spacing:-0.02em;}
.mainBoardGallery .mainBoardCont ul li .mainBoardGalleryHover p{height:44px;font-size:1.8rem;line-height:22px;margin-top:9px;letter-spacing:-0.03em;overflow:hidden;}
.mainContents .mainProduct .slick-slide{max-width:300px;margin-right:22px;}
.mainContents .mainProduct .slick-slide:last-child{margin-right:0;}
@media screen and (max-width:1920px){
.mainBanner .mainBannerCont{width:1200px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -350px;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}
}
@media screen and (max-width:1760px){
.mainContents .mainProduct .mainProductList{padding:0 100px;}
.mainContents .mainProduct .mainProductList .slider .slick-list {margin:0 -10px;}
.mainContents .mainProduct .mainProductList .slick-slide {margin:0 10px;}
.mainContents .mainProduct .slick-arrow.slick-prev{left:0;}
.mainContents .mainProduct .slick-arrow.slick-next{right:0;}
}
@media screen and (max-width:1620px){
.mainContents .content{max-width:100%;padding: 0 20px;}

.mainBoarTab .mainBoardCont li:nth-child(1) a{align-items:center;}

.mainBoarTab .mainBoardCont li:nth-child(1) a dl:before{height:100%;}
.mainBoarTab .mainBoardCont li:nth-child(1) a dl dd{height:3.2em;line-height:1.6;}
.mainBoarTab .mainBoardCont li:nth-child(1) a dl dt{line-height:1.4;margin-bottom:10px;}
.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate:before{height:100%;}
}
 

@media screen and (max-width:1279px){

.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0 -25%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.mainContents .mainProduct .slick-slide{max-width:100%;}
.mainContents .mainBoard .content{display:block;}
.mainContents .mainBoard .content > div{width:100%;}
.mainContents .mainBoard .content > div.mainBoardGallery{width:100%;margin-top:40px;}
.mainBoarTab .mainBoardCont{min-height:100%;}


}

@media screen and (max-width:979px){
.mainBanner .mainBannerCont .slick-list{margin:0;}


}

@media screen and (max-width:767px){
.mainBanner .slick-arrow{height:40px;margin-top:-20px;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:24px;left:0;}
.mainBanner .slick-arrow:before{top:11px;}
.mainBanner .slick-arrow:after{bottom:11px;}
.mainBanner .slick-controls{bottom:15px;}
.mainBanner .slick-controls .slick-dots li button{width:13px;height:13px;}


.mainContents .content.mainProduct{margin:49px auto 57px;}
.mainContents .mainProduct h3{font-size:3.5rem;}
.mainContents .mainProduct .basicText{margin-bottom:25px;}
.mainContents .mainProduct .mainProductList{padding:0 30px;line-height:1.2;font-size:2.3rem; }
.mainContents .mainProduct .slick-arrow{width:20px;height:40.5px;background-size:20px 40.5px !important;}
.mainContents .mainProduct .mainProductList p{padding-left:15px;}
.mainContents .mainProduct .mainProductList p:before{width:4px;height:23px;}

.mainContents .mainBoard{padding:45px 0;}

.mainBoarTab .mainBoarTabList{margin-bottom:26px;}
.mainBoarTab .mainBoarTabList li{font-size:2rem;}
.mainBoarTab .mainBoarTabList li a{padding:8px 0 12px;}
.mainBoarTab .mainBoarTabList li, .mainBoarTab .mainBoarTabList li.active{border-width:2px;}

.mainBoarTab .mainBoardCont li:nth-child(1){margin-bottom:25px;}
.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate{width:100px;}
.mainBoarTab .mainBoardCont li:nth-child(1) a dl{width:calc(100% - 100px);padding-left:15px;}
.mainBoarTab .mainBoardCont li:nth-child(1) a .boardDate .boardDateMD{font-size:4rem;}
.mainBoarTab .mainBoardCont li:nth-child(n+2){margin: 0 0 11px 12px;}
.mainContents .mainBoard .content > div.mainBoardGallery{margin-top:40px;}
.mainBoardGallery h3{margin-bottom:25px;padding-bottom:10px;font-size:2rem;border-width:2px;}
.mainBoardGallery .btnMore{top:5px;}
.mainBoardGallery .btnMore img{width:20px;}
}

@media screen and (max-width:501px){
.mainContents .mainProduct .mainProductList img{width:100%;}
.mainBoardGallery .mainBoardCont ul{flex-wrap:wrap;}
.mainBoardGallery .mainBoardCont ul li{width:100%;margin-top:15px;}
.mainBoardGallery .mainBoardCont ul li:fisrt-child{margin:0;}
.mainBoardGallery .mainBoardCont ul li.empty_li{margin-top:0;line-height:1.5;}
.mainBoardGallery .mainBoardCont ul li .mainBoardGalleryHover p{height:100%;}
}