@charset "utf-8";

.contents{max-width:1380px;margin:0 auto;}
.contents h3{font-size:3rem;color:#333;font-weight:700;margin-bottom:20px;}
.contents h3 span{color:#f6a212;}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont .slick-list{text-align:center;}
.mainBanner .mainBannerCont .slick-list img{width:auto;display:inline-block;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .slick-arrow{margin-top:-29px;background:none;position:absolute;top:50%;border:0;z-index:1;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{position:absolute;left:-5px;content:"";}
.mainBanner .slick-arrow.slick-prev{left:6.5%;}
.mainBanner .slick-arrow.slick-next{right:6.5%;}


.mainBanner ul.slick-dots{width:100%;position:absolute;left:0;bottom:28px;display:flex !important;justify-content:center;}
.mainBanner ul.slick-dots li{margin:0 10px;}
.mainBanner ul.slick-dots li.slick-active button{background:#333;}
.mainBanner ul.slick-dots li button{width:15px;height:15px;border-radius:50%;font-size:0;border:0;background:#fff;}


.shortcutsWrap{margin:50px 0 70px;}
.shortcutsWrap .contents{display:flex;justify-content:space-between;}
.shortcutsWrap .contents > div{width:calc(50% - 20px);box-shadow:20px 20px 25px rgba(0, 0, 0, 0.05);border:1px solid #ddd;border-radius:25px;}
.shortcutsWrap .contents > div a{padding:40px 60px 50px;display:block;}
.shortcutsWrap .contents dl{border-bottom:2px dotted #ccc;padding-bottom:30px;}
.shortcutsWrap .contents dl dt{font-size:2.4rem;font-weight:700;letter-spacing:-0.03em;color:#333;padding-top:15px;margin-bottom:10px;}
.shortcutsWrap .contents dl dt img{vertical-align:0;margin-left:12px;}
.shortcutsWrap .contents .selfTest dl{background:url(/img/main/shortcuts_icon_01.gif) no-repeat right top;}
.shortcutsWrap .contents .selfTest dl dt span{color:#f6a212;}
.shortcutsWrap .contents .request dl dt span{color:#00b6bd;}
.shortcutsWrap .contents .request dl{background:url(/img/main/shortcuts_icon_02.gif) no-repeat right top;}
.shortcutsWrap .contents dl dd{letter-spacing:-0.03em;}

.newsWrap{background:url(/img/main/news_bg.jpg) no-repeat center top/cover;padding:80px 0;}
.newsWrap .contBox{display:flex;justify-content:space-between;}
.newsWrap .boardCont{width:60.144927%;margin-top:15px;}
.newsWrap .boardCont .boardCate{display:flex;margin-bottom:20px;}
.newsWrap .boardCont .boardCate li{position:relative;padding:0 20px;margin-right:4px;}
.newsWrap .boardCont .boardCate li:last-child:after{display:none;}
.newsWrap .boardCont .boardCate li:after{width:4px;height:4px;background:#f6a212;border-radius:50%;position:absolute;right:-4px;top:50%;transform:translateY(-2px);content:"";}
.newsWrap .boardCont .boardCate li a{font-size:2rem;letter-spacing:-0.03em;}
.newsWrap .boardCont .boardCate li.cateActive a{font-weight:700;color:#333;}
.newsWrap .boardCont .boardList{position:relative;display:none;}
.newsWrap .boardCont .boardList.boardActive{display:block;}
.newsWrap .boardCont .boardList ul{display:flex;}
.newsWrap .boardCont .boardList ul li{width:32.530120%;background:#fff;margin-right:10px;border-radius:15px;position:relative;box-shadow:20px 40px 25px rgba(75, 25, 0, 0.05);}
.newsWrap .boardCont .boardList ul li a{padding:35px 30px 30px;display:block;}
.newsWrap .boardCont .boardList ul li:last-child{margin-right:0;}
.newsWrap .boardCont .boardList ul li.empty{width:100%;text-align:center;padding:30px;}
.newsWrap .boardCont .boardList ul li .titleCate{display:inline-block;margin-bottom:15px;font-size:1.4rem;line-height:1;letter-spacing:-0.04em;color:#999;font-weight:500;border:1px solid #ccc;border-radius:10px;padding:2px 10px;}
.newsWrap .boardCont .boardList ul li dl dt,
.newsWrap .boardCont .boardList ul li dl dd{letter-spacing:-0.04em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newsWrap .boardCont .boardList ul li dl dt{font-size:2rem;color:#333;font-weight:500;margin-bottom:20px;}
.newsWrap .boardCont .boardList ul li dl dd{font-size:1.6rem;color:#888;-webkit-line-clamp:3;margin-bottom:65px;}
.newsWrap .boardCont .boardList ul li .btnView{font-size:1.6rem;letter-spacing:-0.04em;position:absolute;left:30px;bottom:30px;}
.newsWrap .boardCont .boardList .btnMore{position:absolute;right:0;top:-52px;border-radius:50%;background:#fff;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.08);}
.newsWrap .boardCont .boardList .btnMore a{width:40px;height:40px;line-height:0;display:flex;align-items:center;justify-content:center;}
.newsWrap .popupZone{width:34.05797%;}
.newsWrap .popupZone .popSlideBox .slick-list img{border-radius:40px;}
.newsWrap .popupZone .popSlideBox .slick-dots{position:absolute;right:25px;top:25px;}
.newsWrap .popupZone .popSlideBox .slick-dots li{display:inline-block;margin-left:8px;}
.newsWrap .popupZone .popSlideBox .slick-dots li button{width:12px;height:12px;background:#fff;border-radius:50%;border:0;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.newsWrap .popupZone .popSlideBox .slick-dots li.slick-active button{width:30px;background:#333;border-radius:30px;}

.galleryWrap{margin:80px 0 105px;}
.galleryWrap h3{margin-bottom:55px;}
.galleryWrap .galleryList{font-size:1.7rem;letter-spacing:-0.03em;display:flex;}
.galleryWrap .galleryList > div{width:313px;border:1px solid #e5e5e5;margin-right:43px;border-radius:5px;padding:40px 24px 24px;}
.galleryWrap .galleryList > div:hover{box-shadow:20px 20px 25px rgba(0, 0, 0, 0.05);}
.galleryWrap .galleryList > div:nth-child(4){margin-right:0;}
.galleryWrap .galleryList > div.empty{width:100%;text-align:center;padding:30px;margin:0;}
.galleryWrap .galleryList dl dt,
.galleryWrap .galleryList dl dd{width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.03em;}
.galleryWrap .galleryList dl dt{font-size:2.1rem;font-weight:700;color:#333;margin-bottom:10px;}
.galleryWrap .galleryList dl dd{position:relative;padding-bottom:29px;margin-bottom:25px;}
.galleryWrap .galleryList dl dd:after{width:10px;height:2px;background:#f6a212;position:absolute;left:0;bottom:0;content:"";}
.galleryWrap .galleryList .galleryImg{margin-top:20px;}
.galleryWrap .galleryList .galleryImg img{border-radius:5px;}


.Icon {overflow:hidden;text-align:center;box-sizing:border-box;margin:35px auto 0;}
.Icon li {width:13.044%;position:relative; float:left;box-sizing:border-box;border-radius:25px;margin-right:1.45%;}
.Icon li:last-child {margin-right:0;}
.Icon li a {display:block; color:#000;padding:65px 10px 15px;box-sizing:border-box;font-weight:500;}
.Icon li a p {font-size:1.8rem;letter-spacing:-0.04em;line-height:1.266669;}
.Icon .ADblue {width:100%;display:flex;}
.Icon .i01 {background:#fff6e9 url('/img/main/main_quick_img01.png') center 20px no-repeat; background-size:50px;}
.Icon .i02 {background:#e9fbfb url('/img/main/main_quick_img02.png') center 20px no-repeat; background-size:50px;}
.Icon .i03 {background:#fff6e9 url('/img/main/main_quick_img03.png') center 20px no-repeat; background-size:50px;}
.Icon .i04 {background:#e9fbfb url('/img/main/main_quick_img04.png') center 20px no-repeat; background-size:50px;}
.Icon .i05 {background:#fff6e9 url('/img/main/main_quick_img05.png') center 20px no-repeat; background-size:50px;} 
.Icon .i06 {background:#e9fbfb url('/img/main/main_quick_img06.png') center 20px no-repeat; background-size:50px;}
.Icon .i07 {background:#fff6e9 url('/img/main/main_quick_img07.png') center 20px no-repeat; background-size:50px;}

#quick_top {width:100%;text-align:center;position:fixed;z-index:89899;bottom:0;overflow:hidden;box-shadow:rgba(0, 0, 0, 0.1) 0 0 10px 2px;}
.mqICON {overflow: hidden;}
.mqICON ul {overflow: hidden;}
.mqICON li {width: calc(100% / 5);position: relative;float: left;min-height: 40px;word-break: keep-all;box-sizing: border-box;background: transparent;}
.mqICON li a {display:flex;justify-content:center;box-sizing: border-box;}
.mqICON li a:before {width:40px;height:40px;content: '';display: block;border-radius:50%;}
.mqICON .i02 a:before {background:url('/img/main/shelter_quick_img01.png') 50% no-repeat;}
.mqICON .i03 a:before {background:url('/img/main/shelter_quick_img02.png') 50% no-repeat;}
.mqICON .i04 a:before {background:url('/img/main/shelter_quick_img03.png') 50% no-repeat;}
.mqICON .i05 a:before {background:url('/img/main/shelter_quick_img04.png') 50% no-repeat;}
.mqICON .i06 a:before {background:url('/img/main/shelter_quick_img05.png') 50% no-repeat;}


.mQback {position:relative; margin:0 auto;} 
.mQback {display:none;}


@media all and (max-width:1920px){
.mainBanner .mainBannerCont .slick-list img{max-width:95%;}
}

@media all and (max-width:1500px){
.contents{padding:0 20px;}
.Icon .ADblue{padding:0 20px;}

.mainBanner{margin-top:30px;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.galleryWrap .galleryList .slick-list{overflow:hidden;}
.galleryWrap .galleryList > div{width:24%;margin-right:1.3%;}

}

@media all and (max-width:1279px){
.shortcutsWrap{margin:40px 0;}
.shortcutsWrap .contents > div a{padding:30px;}
.shortcutsWrap .contents dl{background-size:50px auto !important;}
.shortcutsWrap .contents dl dt{padding-top:0;}
.shortcutsWrap .contents dl dt img{width:8px;margin-left:6px;vertical-align:1px;}
.shortcutsWrap .contents dl dd{padding-right:60px;}

.newsWrap .boardCont .boardList ul{justify-content:space-between;}
.newsWrap .boardCont .boardList ul li{width:calc(50% - 10px);margin-right:0;}
.newsWrap .boardCont .boardList ul li:nth-child(3){display:none;}

.galleryWrap .galleryList > div{padding:20px;}
}

@media(min-width:1200px) {
	.Icon {max-width:1380px;margin:70px auto 0;}
	.Icon ul {display:flex;}
	.Icon li a {padding:61.112% 11.112% 22.23%; box-sizing:border-box; font-size:2rem;}
	.Icon .i01 {background:#fff6e9 url('/img/main/main_quick_img01.png') center 30px no-repeat;}
	.Icon .i02 {background:#e9fbfb url('/img/main/main_quick_img02.png') center 30px no-repeat;}
	.Icon .i03 {background:#fff6e9 url('/img/main/main_quick_img03.png') center 30px no-repeat;}
	.Icon .i04 {background:#e9fbfb url('/img/main/main_quick_img04.png') center 30px no-repeat;}
	.Icon .i05 {background:#fff6e9 url('/img/main/main_quick_img05.png') center 30px no-repeat;}
	.Icon .i06 {background:#e9fbfb url('/img/main/main_quick_img06.png') center 30px no-repeat;}
	.Icon .i07 {background:#fff6e9 url('/img/main/main_quick_img07.png') center 30px no-repeat;}

	.mQback.lock {position:relative; width:1200px; margin:0 auto; display:block;}
	.lock .QuickA {height:auto; position:absolute; top:50px; right:-180px; z-index:99; width:170px;}
	.lock .QuickA li:first-child {margin-bottom:10px;}

	.mQback {position:relative; width:1250px; margin:0 auto; display:block;}
	.go_jisoo {position:absolute; top:520px; left:-140px; z-index:16;}
	.go_jisoo img {width:150px; height:300px;}
	.go_rocket {position:absolute; top:838px; left:-140px; z-index:16;}
	.go_rocket img {width:150px; height:300px;}
	.go_js {position:absolute; top:520px; right:-140px; z-index:16;}
	.go_js img {width:150px; height:300px;}
	.go_rest {position:absolute; top:838px; right:-140px; z-index:16;}
	.go_rest img {width:150px; height:300px;}

	#quick_top {width:auto; margin:0 auto; bottom:calc(50% - 263px); left:auto; right:0; text-align:center;box-shadow:2px 2px 10px 0 rgba(183, 183, 183, 0.5); overflow:hidden; background:#fff; border-radius:20px 0 0 20px;}
	.mqICON {width:120px;height:500px;margin:0;box-sizing: border-box;}
/*	.mqICON ul {margin: 0;}*/
	.mqICON li:first-child {min-height:50px;padding: 0;height:50px;color: #fff;background: #f2942f;display: flex;justify-content: center;align-items: center;font-weight:500;}
	.mqICON li {width:100%;min-height:70px;box-sizing: border-box;}
	.mqICON li:nth-child(n+2){margin-top:15px;}
	.mqICON li a {font-size:1.5rem;box-sizing: border-box;letter-spacing:-0.1em;line-height:2;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:500;}
	.mqICON li:first-child a {padding: 0;}
	.mqICON li a:before{width:40px;height:40px;border-radius: 50%;}

	.mqICON .i02 a:before {background:url('/img/main/shelter_quick_img01.png') 50% no-repeat;}
	.mqICON .i03 a:before {background:url('/img/main/shelter_quick_img02.png') 50% no-repeat;}
	.mqICON .i04 a:before {background:url('/img/main/shelter_quick_img03.png') 50% no-repeat;}
	.mqICON .i05 a:before {background:url('/img/main/shelter_quick_img04.png') 50% no-repeat;}
	.mqICON .i06 a:before {background:url('/img/main/shelter_quick_img05.png') 50% no-repeat;}

}

@media all and (max-width:1200px){
.mqICON .i01{display:none;}
.mqICON .i02 a{background:#af37db;}
.mqICON .i03 a{background:#ec008c;}
.mqICON .i04 a{background:#ffc6c6;}
.mqICON .i05 a{background:#c0d8ff;}
.mqICON .i06 a{background:#005099;}
.mqICON li a {display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;line-height:0.5;padding:5px 0 14px;}
}

@media all and (max-width:979px){
.mainBanner ul.slick-dots{bottom:18px;}
.mainBanner ul.slick-dots li{margin:0 8px;}

.newsWrap{padding:40px 0;}
.newsWrap .boardCont{width:55%;}
.newsWrap .boardCont .boardList ul li a{padding:25px;}
.newsWrap .boardCont .boardList ul li dl dd{margin-bottom:35px;}
.newsWrap .popupZone{width:40%;}

.galleryWrap .galleryList dl dd{padding-bottom:20px;margin-bottom:16px;}

.galleryWrap{margin:40px 0 55px;}
.galleryWrap h3{margin-bottom:30px;}
}

@media all and (max-width:767px){
.mainBanner .mainBannerCont{padding:0 20px;}
.mainBanner .mainBannerCont .slick-list img{max-width:100%;}
.mainBanner .slick-arrow{margin-top:-15px;}
.mainBanner .slick-arrow.slick-prev{left:10px;}
.mainBanner .slick-arrow.slick-next{right:10px;}
.mainBanner .slick-arrow.slick-prev img,
.mainBanner .slick-arrow.slick-next img{width:30px;}

.mainBanner ul.slick-dots{bottom:10px;}
.mainBanner ul.slick-dots li{margin:0 5px;}
.mainBanner ul.slick-dots li button{width:12px;height:12px;}


.shortcutsWrap{margin:20px 0;} 
.shortcutsWrap .contents{flex-wrap:wrap;}
.shortcutsWrap .contents > div{width:100%;margin:10px 0;border-radius:15px;box-shadow:10px 10px 13px rgb(0, 0, 0, 0.05);}
.shortcutsWrap .contents > div a{padding:20px;}
.shortcutsWrap .contents dl{padding-bottom:15px;}

.newsWrap .contBox{display:block;}
.newsWrap .boardCont{width:100%;}
.newsWrap .boardCont .boardList ul li{}
.newsWrap .popupZone{width:100%;margin-top:30px;}
.newsWrap .popupZone .popSlideBox .slick-list img{border-radius:60px;}

.galleryWrap .galleryList{flex-wrap:wrap;justify-content:space-between;}
.galleryWrap .galleryList > div{width:49%;margin:1% 0;padding:15px;}
.galleryWrap .galleryList > div:hover{box-shadow:10px 10px 13px rgba(0, 0, 0, 0.05);}
.galleryWrap .galleryList .galleryImg img{width:100%;}

.Icon ul{display:flex;flex-wrap:wrap;}
.Icon li{width:23%;margin-bottom:1.45%;}
.Icon li:nth-child(n+5){margin-bottom:0;}
.Icon .i01{margin-left:1.45%;}
.Icon .i05{margin-left:1.45%;}

.mqICON li a{font-size:1.4rem;}
}

@media all and (max-width:501px){
.newsWrap .boardCont .boardCate li{padding:0 10px;}
.newsWrap .boardCont .boardList ul{display:block;}
.newsWrap .boardCont .boardList ul li{width:100%;margin:10px 0;box-shadow:10px 10px 13px rgb(0, 0, 0, 0.05);}
.Icon li a p{font-size:1.4rem;}

.mqICON li a{font-size:1.2rem;}
}