@charset "utf-8";

#main_container *{ box-sizing: border-box;}
/*#main_container{position: relative;}*/



/*
.main_quick{position: absolute; top: 4%; right: 0; background: #fff448; border-radius: 90px 0 0 90px;padding: 20px 60px; text-align: center;font-size: 18px;z-index: 999;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);color: #000;display: flex;flex-direction: column;}
.main_quick img{margin: 0 auto;margin-bottom: 10px;}
.main_quick i span{display: block;}

@media all and (max-width :1024px){
 .main_quick{padding: 15px 40px; font-size: 16px;}
.main_quick img{width: 50px;}

}

@media all and (max-width :767px){
 .main_quick{padding: 10px; font-size: 12px;flex-direction: row; align-items: center;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);}
.main_quick img{width: 35px;margin-bottom: 0;margin-right: 10px;}

}
*/


/* main_visual */
.main_visual{overflow:hidden;position:relative;text-align: center; z-index: 1;}
.main_visual .slideWrap{position:relative; z-index: 1;}
.main_visual .slideWrap .slick-list{ overflow:visible; }
.main_visual .slideWrap .slide .mv_guide{ width:100%; height:450px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_visual .slideWrap .slide .mv_img01{ background-image:url("../images/main/main_visual03_new.jpg");}
.main_visual .slideWrap .slide .mv_img02{ background-image:url("../images/main/main_visual01_new.jpg");}
.main_visual .slideWrap .slide .mv_img03{ background-image:url("../images/main/main_visual02_new.jpg");}

.main_visual .slideWrap .slide .main_txt{text-align: center;font-size: 26px; letter-spacing: -0.08em;display: inline-block; padding-top: 135px;}
.main_visual .slideWrap .slide .main_txt strong{font-size: 45px;display: block;}
.main_visual .slideWrap .slide .mv_img02 .main_txt{color: #000;}
.main_visual .slideWrap .slide .mv_img03 .main_txt{color: #fff;text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.main_visual .slideWrap .slide .mv_img01 .main_txt{color: #fff;text-shadow: 0 0 10px rgba(0,0,0,0.5);}

.main_visual .slick-arrow.slick-prev{left: 20px;background-image: url("../images/main/main_prev_arrow.png");}
.main_visual .slick-arrow.slick-next{right: 20px;background-image: url("../images/main/main_next_arrow.png");}
.main_visual .slick-arrow{position: absolute;z-index: 11;top: 40%;display: block;width: 80px;height: 80px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);border-radius: 50%;background-position: center;background-repeat: no-repeat;font: 0/0 a; opacity: 0.2;}

.main_visual .slideWrap .slick-navi{position: absolute;z-index: 56;bottom: 135px;left: 50%;transform: translateX(-50%); width: 1000px;text-align: center;}
.main_visual .slideWrap .slick-dots{display: inline-block;vertical-align: top;}
.main_visual .slideWrap .slick-dots li{display: inline-block;margin: 0 3px;overflow: hidden;font: 0/0 a; vertical-align: top;border-radius: 10px;box-shadow: 0 0 2px rgba(0,0,0,0.1);}
.main_visual .slideWrap .slick-dots li button[type="button"]{width: 20px;height: 20px;border: none;font: 0/0 a;}
.main_visual .slideWrap .slick-dots .slick-active button[type="button"]{width: 50px;height: 20px;background: #ffe011;}
.main_visual .slideWrap .slick-play {display: inline-block;width: 20px;height: 20px;border-radius: 3px;margin: 0 3px;border: none;background: transparent url(../images/main/main_stop.png) center no-repeat;font: 0/0 a;vertical-align: top;}
.main_visual .slideWrap .slick-play.pause{background: transparent url(../images/main/main_play.png) center no-repeat;}

@media all and (max-width :1360px){
.main_visual .slideWrap .slide .mv_guide{height:360px;} 
.main_visual .slideWrap .slide .main_txt{font-size: 22px;padding-top: 85px;}
.main_visual .slideWrap .slide .main_txt strong{font-size: 40px;}

}

@media all and (max-width :1024px){
.main_visual .slideWrap .slide .mv_guide{height:300px;}
.main_visual .slideWrap .slide .main_txt{font-size: 18px;padding-top: 85px;}
.main_visual .slideWrap .slide .main_txt strong{font-size: 35px;} 
 .main_visual .slideWrap .slick-navi{display: none;} 
}

@media all and (max-width :767px){
 .main_visual .slideWrap .slide .mv_guide{height:230px;}
.main_visual .slick-arrow{top: 27%;width: 45px;height: 45px;} 
.main_visual .slick-arrow.slick-prev,.main_visual .slick-arrow.slick-next{background-size: 15px;}
 .main_visual .slideWrap .slide .main_txt{font-size: 15px;padding-top: 55px;}
.main_visual .slideWrap .slide .main_txt strong{font-size: 30px;}
}

@media all and (max-width :630px){
 .main_visual .slideWrap .slide .mv_guide{height:170px;}
 .main_visual .slideWrap .slide .main_txt{padding-top: 40px;}
.main_visual .slideWrap .slide .main_txt strong{font-size: 26px;}


}

/*section01*/
.section01 {position: relative;z-index: 55;margin-top: -93px;padding: 0 4%;display: block;}
.section01 .shop_title {text-align: center;}
.section01 .shop_title a{font-size: 38px;padding: 25px 120px; background-color: #1f6aff; border-radius: 70px;color: #fff;position: relative;top: 20px;}
.section01 .shop_title a:hover > strong,.section01 .shop_title a:focus > strong{border-bottom: 3px solid #fff;}
.section01 .shop_title a::after{content: '';background: url(/images/main/main_arrow_icon.png) center no-repeat;height: 101px; width: 107px; position: absolute; top: 30px; right: 0;}

.section01 .shop_list > a{position: absolute; top: 27%;display: block; height: 80px;width: 80px;border-radius: 50%;overflow: hidden;text-indent: -500px;z-index: 99;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.section01 .shop_list > a:hover{border:2px solid #1f6aff;}
.section01 .shop_slide02{padding: 90px 5%; background: #fff; border-radius: 80px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
.section01 .shop_slide02 .prev{left: -25px;background: #fff url(/images/main/shop_prev_arrow.png) center no-repeat;}
.section01 .shop_slide02 .next{right: -25px;background: #fff url(/images/main/shop_next_arrow.png) center no-repeat;}
.section01 .shop_list{position: relative;} 
.section01 .shop_box01{margin: 0 15px;}
.section01 .shop_box01 .icon{background: rgba(255, 255, 255, 0.6) url("../images/main/shoppingcart_icon.png") center no-repeat;width: 60px; height: 60px;border-radius: 15px;position: absolute;bottom: calc(100% - 330px); right: 35px;overflow: hidden;
    text-indent: -500px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.section01 .shop_box01 .icon:hover{background-color: rgba(255, 255, 255, 1.0) ;}
.shop_box01 .tag span{font-size: 15px;display: inline-block;line-height: 30px; font-weight: 300;margin-bottom: 10px;}
.shop_box01 .tag span:not(:last-of-type){margin-right: 3px;}

.section01 .shop_img{display: block;border-radius: 30px;margin-bottom: 20px;overflow: hidden;height: 350px;}
.section01 .shop_img img{transition: all 0.4s;height: 350px;object-position: center;}
.section01 .shop_img:hover img{transform:scale(1.2, 1.2);}
.section01 .tag em{font-size:18px;line-height: 36px; padding:0 20px;display: inline-block; border-radius: 5px;margin-bottom: 10px;}
.section01 .tag em:not(:first-of-type){margin-left: 5px;}
.section01 .tag_best{color: #fb0b0b; background-color: #ffc7c7;}
.section01 .tag_ko{color: #0f55e2; background-color: #bcd2ff;}
.section01 .tag_mko{color: #1d7e1f; background-color: #c6efc6;}
.section01 .txt_box p{color: #000; font-size: 28px;height: 35px;overflow: hidden;}
.section01 .txt_box i{color: #435678; font-size: 18px;display: block;}
.section01 .txt_box strong{font-size: 40px;font-weight: 500;margin-top: 15px;display: block;}
.section01 .txt_box span{font-size: 24px;font-weight: 300;}


@media all and (max-width :1360px){
 .section01 .shop_title a{font-size: 30px;padding: 20px 60px; }
 .section01 .shop_title a::after{height: 85px; width: 85px;background-size: 80px;right: -20px;top: 20px;}
 .section01 .shop_img{height: 280px;} 
.section01 .shop_img img{height: 280px;}
 .section01 .shop_box01 .icon {bottom: calc(100% - 260px);}
.section01 .shop_list > a{top: 24%;height: 60px;width: 60px;}
.section01 .shop_slide02 .prev{left: -15px;background-size: 18px;}
.section01 .shop_slide02 .next{right: -15px;background-size: 18px;} 
}


@media all and (max-width :1024px){
   .section01 .shop_title a{font-size: 22px;padding: 15px 40px; }
  .section01 .shop_title a::after{height: 60px; width: 60px;background-size: 55px;}
 .section01 .shop_slide02{padding: 65px 5%;border-radius: 40px;}
 .section01 .shop_img{height: 230px;} 
.section01 .shop_img img{height: 230px;}
 .section01 .shop_box01 .icon {bottom: calc(100% - 210px);} 
.section01 .tag em{font-size:14px;line-height: 28px; padding:0 10px;}
.section01 .txt_box i{font-size: 14px;}
.section01 .txt_box p{font-size: 22px;height: 25px;} 
.section01 .txt_box strong{font-size: 34px;margin-top: 10px;}
.section01 .txt_box span{font-size: 22px;}
.shop_box01 .tag span{font-size:14px;line-height: 28px; padding:0 10px;}  
}


@media all and (max-width :630px){
 .section01 {margin-top: -60px;}
 .section01 .shop_slide02{padding: 45px 5% 25px;border-radius: 30px;}
 .section01 .shop_title a{font-size: 16px;padding: 10px 25px;top: 14px; }
 .section01 .shop_title a::after{height: 45px; width: 45px;background-size: 40px;}
 .section01 .shop_list > a{height: 45px;width: 45px;}
.section01 .shop_slide02 .prev{left: -5px;background-size: 14px;}
.section01 .shop_slide02 .next{right: -5px;background-size: 14px;} 
.section01 .txt_box p{font-size: 20px;height: 22px;}  
.section01 .txt_box strong{font-size: 26px; } 
}



/*section02*/
.section02 {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 170px 8% 120px; position: relative; background: url("../images/main/box01_bg.png") center no-repeat;height: 680px;margin-top: -50px;}
.section02 .notice_box{width: 60%;}
.section02 .menu_list{width: 35%;}
.section02 .notice_title {font-size: 0;margin-bottom: 40px;}
.notice_title li{display: inline-block;vertical-align: top;}
.notice_title li:nth-of-type(2){background:url("../images/main/dot01_white.png") left center no-repeat; padding-left: 50px;margin-left: 40px;}
.section02 .notice_title li a{font-size: 40px;color: #aac9e6;font-weight: 500;}
.section02 .notice_title li a.active{color: #fff;}
.notice_contents {position: relative;}
.notice_contents .btn_more {display: block;background: url("../images/main/more_icon.png") center no-repeat; border: 1px solid #fff;height: 45px; width: 45px;border-radius: 50%;overflow: hidden;text-indent: -500px; position: absolute;top: -85px; right: 0;}
.notice_contents ul li{display: block;border-radius: 30px;padding: 30px;height: 140px;background: #fff;margin-bottom: 20px;}
.notice_contents ul li:hover{border: 3px solid #3848ad;box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);}
.notice_contents ul li a span em{border-radius: 10px;font-size: 16px;line-height: 36px;width: 100px;text-align: center;color: #fff;background: #08c2bb;margin-right: 10px;display: inline-block;}
.notice_contents ul li a span i{font-size:22px;color: #666;line-height: 36px;vertical-align: top; }
.notice_contents ul li a strong{display: block; font-weight: 300; font-size:24px;margin-top: 10px;overflow: hidden;line-height: 1.6em;height: 32px;}
.notice_contents:nth-of-type(2) em{background: #ff9227!important;}


.menu_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.menu_list ul li {width: 33.3%;}
.menu_list ul li:nth-child(-n+3) {margin-bottom: 50px;}
.menu_list ul li a{display: block;font-size: 22px; color: #fff;text-align: center;}
.menu_list ul li a > span {display: inline-block;width: 120px;height: 120px;line-height: 120px;background-repeat: no-repeat;background-position: center center; background-color: #fff;border-radius: 20px;margin-bottom: 10px;}
.menu_list ul li:nth-of-type(1) a > span {background-image: url("../images/main/box01_icon01.png");}
.menu_list ul li:nth-of-type(2) a > span {background-image: url("../images/main/box01_icon02.png");}
.menu_list ul li:nth-of-type(3) a > span {background-image: url("../images/main/box01_icon03.png");}
.menu_list ul li:nth-of-type(4) a > span {background-image: url("../images/main/box01_icon04.png");}
.menu_list ul li:nth-of-type(5) a > span {background-image: url("../images/main/box01_icon05.png");}
.menu_list ul li:nth-of-type(6) a > span {background-image: url("../images/main/box01_icon06.png");}
.menu_list ul li a > i {display: block;}
.menu_list ul li a:hover,.menu_list ul li a:focus{transform: translateY( -5px );}
.menu_list ul li a:hover > span ,.menu_list ul li a:focus > span {border: 3px solid #3848ad;box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);}


@media all and (max-width :1360px){
 .section02 {padding: 150px 4% 100px;height: inherit;}
 .section02 .notice_box{width: 53%;}
.section02 .menu_list{width: 43%;}
}

@media all and (max-width :1024px){
.section02 {display: flex;flex-direction: row;}
.section02 .notice_box{margin-bottom: 40px;}
.section02 .notice_box,.section02 .menu_list{width: 100%;}
.section02 .notice_title {margin-bottom: 20px;} 
.section02 .notice_title li a{font-size: 40px;}
.notice_contents ul {height:140px;overflow: hidden;}
.notice_contents .btn_more {top: -65px;} 

.menu_list ul li {width:calc(100% / 6);}
.menu_list ul li:nth-child(-n+3) {margin-bottom: 0;} 
.menu_list ul li a{font-size: 18px;}
.menu_list ul li a > span {width: 100px;height: 100px;line-height: 100px;background-size: 40px;} 
}

@media all and (max-width :767px){
.section02 {padding: 110px 4% 60px;} 
.section02 .notice_title {margin-bottom: 20px;text-align: center;} 
 .notice_title li:nth-of-type(2){padding-left: 30px;margin-left: 20px;background-size: 6px;} 
.section02 .notice_title li a{font-size: 32px;}
.section02 .notice_box{margin-bottom: 20px;}
.notice_contents ul {height:120px;} 
.notice_contents ul li{border-radius: 15px;padding: 25px;height: 120px;margin-bottom: 10px;} 
.notice_contents ul li a span em{border-radius: 5px;font-size: 14px;line-height: 30px;width: 80px;} 
.notice_contents ul li a span i{font-size:18px;line-height: 30px; }
.notice_contents ul li a strong{ font-size:20px;margin-top: 10px;overflow: hidden;line-height: 1.6em;height: 25px;}
.notice_contents .btn_more {top: -60px;height: 40px;width: 40px}
.menu_list ul li a{font-size: 16px;} 
.menu_list ul li a > span {width: 80px;height: 80px;line-height: 80px;background-size: 34px; margin-bottom: 0;}  
}

@media all and (max-width :630px){
 .section02 .notice_title li a{font-size: 24px;}
 .notice_title li:nth-of-type(2){padding-left: 20px;margin-left: 10px;}
 .notice_contents .btn_more {top: -50px;height: 30px;width: 30px;  background-size: 14px;}
 
 .menu_list ul li {width:33.3%;}
.menu_list ul li:nth-child(-n+3) {margin-bottom: 20px;} 
}




/*section03*/
.section03{position: relative;padding: 120px 8% 100px; background-color: #f0f5f9;min-height: 500px;}
.section03 .owl-carousel .owl-stage-outer{padding-bottom: 20px;}
.img_title {position: relative;display: block;margin-bottom: 10px;}
.img_title h3{font-size: 40px;}
.section03 > span{display: block; font-size: 20px;margin-bottom: 40px;}

.section03 > a,.section03 .img_title a{display: block;height: 45px; width: 45px;border-radius: 50%;overflow: hidden;text-indent: -500px;}
.section03 .img_title .prev,.section03 .img_title .next{position: absolute; top: 0;border: 1px solid #000; }
.section03 .img_title .prev{right: 110px;background:#fff url("/images/main/prev_arrow.png") center no-repeat;}
.section03 .img_title .next{right: 55px;background:#fff url("/images/main/next_arrow.png") center no-repeat;}
.section03 .more{position: absolute; top: 120px; right: 8%;background:#788095 url("/images/main/more_icon.png") center no-repeat;}

.img_list02 .img_box01 a{display: block;overflow:hidden;border-radius: 20px;border: 1px solid #eee;background: #fff; margin: 0 15px; box-shadow: 0 5px 10px rgb(0,0,0,0.05);}
.img_list02 .img_box01 a > span{overflow:hidden; background:#fff;}
.img_list02 .img_box01 a > span:nth-of-type(1){display: block;height:230px;}
.img_list02 .img_box01 a img {min-height:100%; transition: all 0.4s;object-fit: cover;object-position: center;}
.img_list02 .img_box01 a:hover img{transform:scale(1.1, 1.1);}

.img_list02 .img_box01 a .txt_box{position: relative; margin:20px; display:block;height:80px;}
.img_list02 .img_box01 a .txt_box > strong{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:24px;margin-bottom: 20px; color: #000;font-weight: 300;}
.img_list02 .img_box01 a:hover .txt_box > strong{ text-decoration: underline;}
.img_list02 .img_box01 a .txt_box > em{font-size: 15px; color: #666;position: absolute; right: 0;}


@media all and (max-width :1520px){
 .section03 {padding: 120px 5% 100px;}
 .section03 .more{right:5%;}
}

@media all and (max-width :1360px){
 .section03 {padding: 100px 4% 80px;}
 .section03 .more{right:4%;top: 100px;}
}


@media all and (max-width :767px){
.section03 {padding: 60px 4% 40px;} 
.img_title h3{font-size: 32px;text-align: center;}
.section03 span{margin-bottom: 20px; font-size: 16px; text-align: center;}
 
.section03 > a,.section03 .img_title a{height: 40px; width: 40px;}
.section03 .img_title .prev,.section03 .img_title .next{top: 230px;z-index: 99;border: none; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); } 
.section03 .img_title .prev{left: 0; }
.section03 .img_title .next{right: 0;}
.section03 .more{top: 60px;} 
.img_list02 .img_box01 a .txt_box{height:60px;} 
.img_list02 .img_box01 a .txt_box > strong{font-size:20px;margin-bottom: 20px;text-align: left;} 
}

@media all and (max-width :630px){
.img_title h3{font-size: 24px;}
.section03 span{margin-bottom: 20px; font-size: 12px;}
.section03 > a,.section03 .img_title a{height: 30px; width: 30px;} 
.section03 .img_title .prev,.section03 .img_title .next{background-size: 8px;top: 210px;}
.section03 .more{background-size: 14px;}  
.img_list02 .img_box01 a .txt_box{height:50px;} 
.img_list02 .img_box01 a .txt_box > strong{font-size:18px;margin-bottom: 10px;} 
}



/*section04*/
.section04 {padding:120px 8%;position: relative;background: url("../images/main/view_icon04.png") 5% bottom no-repeat;background-size: 17%;}
.section04::before{display: block; content: ''; position: absolute; bottom: 0; right: 0; background: #4e86ed; width:48%; height: 680px; border-radius: 200px 0 0; z-index: -5;}
.search_title {font-size: 0;margin-bottom:10px;}
.search_title li{display: inline-block;}
.search_title li:nth-of-type(2){background:url("../images/main/dot01.png") left center no-repeat; padding-left: 50px;margin-left:40px;}
.search_title li a{font-size: 40px;color: #bbb;font-weight: 500;}
.search_title li a.active{color: #000;}
.section04  span {font-size: 20px; margin-bottom: 40px;display: block;}

.search_contents{position: relative;}
.search_contents > a{display: block;height: 45px; width: 45px;border-radius: 50%;overflow: hidden;text-indent: -500px;position: absolute;top: -120px;border: 1px solid #000; }
.search_contents .prev{right: 110px;background:#fff url("/images/main/prev_arrow.png") center no-repeat;}
.search_contents .next{right: 55px;background:#fff url("/images/main/next_arrow.png") center no-repeat;}
.search_contents .more{right: 0;background:#788095 url("/images/main/more_icon.png") center no-repeat;border: none;}

.section04 .map_box{background-color:transparent;border: none; border-radius: 0; padding: 0; margin: 0;}
.section04 .map_name{display: none;}

.section04 .map_view{width: 40%;}
.section04 .map_view a {display: block; min-height: 691px;}
.section04 .map_view a > span{display: block;border-radius: 15px;overflow: hidden;border: 3px solid #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.1);height: 400px; background: #fff;margin:0 5px 50px;}
.section04 .map_view a > span img{ height: 100%; width: 100%; object-fit: cover;object-position: center;}

.section04 .view_icon01 {background: url("../images/main/view_icon01.png") left top no-repeat;width: 130px;height: 62px;color: #122075;font-weight: 300;position: absolute;top:-75px;left: 15px; display: inline-block;text-align: center;padding-top: 13px;font-size: 22px;}
.section04 dl{position: relative;color: #fff;font-size: 20px;}
.section04 dl dt{font-size: 36px; font-weight: 500!important; margin-bottom: 30px;color: #fff;}

.view_info01,.view_info02{ padding-left: 45px;line-height: 35px;margin-bottom: 25px;}
.view_info01 {font-size: 28px;background: url("../images/main/view_icon02.png") top left no-repeat;}
.view_info02 {background: url("../images/main/view_icon03.png") top left no-repeat;}
.view_info03 { padding-top: 25px; margin-top: 25px; border-top: 1px solid #fff; }


@media all and (max-width :1520px){
 .section04 {padding:120px 5%;}
}


@media all and (max-width :1360px){
.section04 {background-size: 25%;padding:100px 4%; }  
.section04::before{width: 54%; height: 560px;} 
 
.section04 .map_img{display: none;}
.section04 .map_name{display: block;width: 43%;}
.map_name ul{display: flex; flex-wrap: wrap ;}
.map_name ul li{width: 33.33%; padding:3px;}
.map_name ul li button{display: block; width: 100%; text-align: center; font-size: 20px; background: #f0f5f9; color: #3848ad;border: 2px solid #3848ad; border-radius: 8px; padding: 15px 0;}
.map_name ul li.on button, .map_name ul li:hover button, .map_name ul li:focus button{background: #3848ad;color: #fff;}

.section04 .map_view{width: calc(100% - 55%);} 
.section04 .map_view a > span{height: 320px;}
}


@media all and (max-width :1024px){
.section04::before{display: none;}
.section04{background: none;}
 
.section04 .map_name{width: 40%;margin-bottom: 40px;}
.map_name ul li button{font-size: 16px;padding: 10px 0;}
 
.section04 .map_view{width: 55%;}
.section04 .map_view a {min-height:inherit;} 
.section04 dl {color: #000;font-size: 18px;}
.section04 dl dt{font-size: 32px;color: #3848ad;margin-bottom: 20px;}

.view_info01,.view_info02{background-size: 30px; padding-left: 40px;line-height: 30px;margin-bottom: 20px;}
.view_info01 {font-size: 24px;} 
.view_info03 {padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd;} 
}

@media all and (max-width :767px){
.section04 {padding:60px 4%;}
.search_title {text-align: center;} 
.search_title li a{font-size: 32px;}
.search_title li:nth-of-type(2){padding-left: 30px;margin-left:20px;background-size: 6px;}
.section04  span {font-size: 16px; margin-bottom: 20px;text-align: center;}
 
.search_contents > a{height: 40px; width: 40px;}
.search_contents .prev,.search_contents .next{background-size: 8px;top: 340px;z-index: 99;border: none; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.search_contents .more{top: -86px;}
.search_contents .prev{left: 0;} 
.search_contents .next{right: 0;left: inherit;} 
 
.section04 .map_name{width: 100%;margin-bottom: 20px;} 
.map_name ul li{width: 16.6%;}
.map_name ul li button{font-size: 13px;padding: 10px 0;border-radius: 5px;}
.section04 .map_view{width: 100%;margin: 0 15px;overflow: hidden;}
.section04 .map_view a > span{margin: 0 5px 45px;display: block;}  
.section04 dl {font-size: 16px;} 
.section04 dl dt{font-size: 26px;}

.view_info01,.view_info02 {background-size: 25px; padding-left: 35px;line-height: 25px;margin-bottom: 10px;}
.view_info01 {font-size: 20px;} 
.view_info03 {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;} 
}


@media all and (max-width :630px){
.search_title li a{font-size: 24px;}
.search_title li:nth-of-type(2){padding-left: 20px;margin-left:10px;}
.section04  span {font-size: 12px;}
 
.search_contents > a{height: 30px; width: 30px;}
.search_contents .prev,.search_contents .next{background-size: 8px;top: 350px;}
.search_contents .more{background-size: 14px;top: -72px;}   

.section04 .map_view a > span{margin: 0 0 30px;}  
.section04 .view_icon01 {background-size: 100px; width: 100px;height: 47px; font-size: 16px;padding-top: 10px; top: -55px;} 
}