@charset "UTF-8";
/* CSS Document */

section p{line-height: 1vw; font-size: 0.84vw;}
section h1{font-size: 1.93vw; text-align: center; color:#004274; margin-bottom: 1vw;}
section h1 span{color:#669835;}

.sldcntrl .l_arw{display: none!important;}

.sec1{background-color:#fff; position:relative; height:110vh;}
.sec1 .prlx{height:114%;}
.sec1 ul li{position:absolute; top:0px; height:100%; display: grid; align-content: center;}
.sec1 .sec1_img{right:0px; width:63.6vw;}
.sec1 .sec1_img .l_1{position:relative; height:80.5vh; overflow: hidden; display: grid; align-content: center;}
.sec1 .sec1_img img{width:100%; height:auto;}
.sec1 .sec1_h{left:5.2vw; width:27vw; top:50%; height:auto; display:block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.sec1 .sec1_h .btn1{margin-left:0px;}
.sec1 .sec1_ptrn1{position: absolute; top:50%; left: 0vw; width: 2.6vw; height: auto; display: block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sec1 .lble{text-align:left; line-height: 1vw; font-size: 0.84vw; color:#004274; font-weight:bold; display: block; position:relative; -ms-transform: translateY(1.8vw); -webkit-transform: translateY(1.8vw); transform: translateY(1.8vw);}

/*
.sec1{position:relative; top:0px; left:0px; width:100%; height:65.6vw; overflow:hidden;}
.sec1 ul li{position:absolute;}
.sec1 .hdr1{top: 26.6vw; left: 7.6vw;}
.sec1 .ptrn1{top: 17vw; left: 0vw; width: 2.6vw; height: auto;}
.sec1 .sldr1{top: 10.4vw; right: 0px; width: 63.5vw; height: auto;}
.sec1 .sldcntrl{padding-right:5.2vw;}
*/

.sec2{position:relative; top:0px; left:0px; width:100%; height:65.6vw; overflow:hidden;}
.sec2 ul li{position:absolute;}
.sec2 .elm1{top: 0vw; right: 0vw; width: 18vw;}
.sec2 .sldr2{top: 0vw; left: 12.5vw; width:35.4vw;}
.sec2 .sldr2 h1{border-left: 1px solid #bfbfbf; padding-left: 1.7vw; font-size: 1.27vw; height: 3.6vw; text-align: left; margin-bottom:0px;}

.sec2 .hdr1{top: 1vw; right: 19.2vw;}
.sec2 .hdr1 p{width: 23.5vw;}

.sec2 .sldr3{top: 17.1vw; right: 12.5vw; width:35.4vw;}
.sec2 .sldr3 h1{border-left: 1px solid #bfbfbf; font-size: 1.27vw; height: 5.7vw; text-align: left; margin-bottom:0px; position:relative;}
.sec2 .sldr3 h1 span{position: absolute; top: 1.4vw; /*left: 6.8vw;*/ left:2.6vw;}
.sec2 .sldr3 h1 img{position: absolute; top: 0vw; left: 2.65vw; width: 3.1vw; height: auto; display: none!important;}

.sec2 .img1{position: absolute; top: 35.75vw; left: 21.9vw; width: 26vw;}

.sec3{background-color:#fff; position:relative; height:87vh;}
.sec3 .prlx{height:114%;}
.sec3 ul li{position:absolute; top:0px; height:100%; display: grid; align-content:first baseline;}
.sec3 .sec3_img{left:0px; width:63.6vw;}
.sec3 .sec3_img .l_1{position:relative; height:80.5vh; overflow: hidden; display: block;}
.sec3 .sec3_img img{width:100%; height:auto;}
.sec3 .sec3_h{right:5.2vw; width:27vw; top:48%; height:auto; display:block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.sec3 .sec3_h .btn1{margin-left:0px;}
.sec3 .sec3_ptrn1{position: absolute; top: 50%; right: 0vw; width: 2.6vw; height: auto; display: block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sec3 .lble{text-align:left; line-height: 1vw; font-size: 0.84vw; color:#004274; padding-left:5.2vw; font-weight:bold; display: block; position:relative; -ms-transform: translateY(1.8vw); -webkit-transform: translateY(1.8vw); transform: translateY(1.8vw);}


.sec4{position:relative; top:0px; left:0px; width:100%; height:66vw; z-index:4; overflow:visible;}
.sec4 ul li{position:absolute;}
.sec4 .hdr1{top: 15.4vw; left: 16.7vw; text-align: center;}
.sec4 .elm1{top: -1.8vw; right: 0vw; width: 18.1vw;}
.sec4 .elm2{bottom: -4.3vw; right: 0vw; width:16vw;}
.sec4 .img1{bottom: 7.8vw; left: 12.5vw; width: 24vw;}
.sec4 .mrtmap{top: 8.6vw; right: 12.8vw; width: 46.9vw;}
.sec4 .mrtmap p{position: absolute; bottom: 8.1vw; left: 2.5vw;}
.sec4 .mrtmap strong{color:#669835;}

.sec5{position:relative; top:0px; left:0px; width:100%; height:71.5vw; overflow:hidden;}
.sec5 ul li{position:absolute;}
.sec5 .hdr1{top: 7vw; right: 5.8vw; text-align: center;}
.sec5 .l_map{top: 0vw; left: 0vw; width: 63.6vw; height: 63.6vw; border:2.05vw solid #dadada;}

.sec5 .l_map .mainpan .scrl_2,
.sec5 .l_map .mainpan .scrl_1 .scrl_1_1{width:200%;}

.sec5 .ptrn1{top: 17vw; left: 63.6vw; width: 2.6vw; height: auto;}
.sec5 .mapline{position: absolute; top: 16vw; left: 71.7vw; width: 20.7vw;}
.sec5 .mapline span{color:#595959; display: block; font-size: 0.63vw; line-height: 0.8vw; white-space: nowrap;}
.sec5 .mapline i{font-weight:bold; color:#595959; display: block; font-style:normal; font-size:0.84vw; line-height:1.3vw; white-space: nowrap;}
.sec5 .mapline ul li{top:0vw; /*cursor: pointer;*/}
/*.sec5 .mapline ul li:hover span,
.sec5 .mapline ul li:hover i{color:#669835;}*/
.sec5 .mapline ul li:nth-child(odd){text-align: left; left:14.6vw;}
.sec5 .mapline ul li:nth-child(even){text-align: right; right:15.5vw;}
.sec5 .mapline ul li:nth-child(1){top:0.4vw;}
.sec5 .mapline ul li:nth-child(2){top:3.8vw;}
.sec5 .mapline ul li:nth-child(3){top:8vw;}
.sec5 .mapline ul li:nth-child(4){top:11.4vw;}
.sec5 .mapline ul li:nth-child(5){top:15.1vw;}
.sec5 .mapline ul li:nth-child(6){top:19.3vw;}
.sec5 .mapline ul li:nth-child(7){top:22.7vw;}
.sec5 .mapline ul li:nth-child(8){top:26.5vw;}
.sec5 .mapline ul li:nth-child(9){top:30.7vw;}
.sec5 .mapline ul li:nth-child(10){top:34.4vw;}
.sec5 .mapline ul li:nth-child(11){top:38.2vw;}

.bulet{margin: 0 auto; padding-top: 1vw; width: 21vw;}
.bulet li{position:relative!important; display: block!important; margin-bottom:0.3vw; text-align: left; padding-left:1vw; padding-left:0.8vw; line-height: 1vw; font-size: 0.84vw;}
.bulet li i{position: absolute; top: 0.3vw; left: 0vw; background-color: #669835; width: 0.3vw; height: 0.3vw; -moz-border-radius: 5vw; -webkit-border-radius: 5vw; -khtml-border-radius: 5vw; border-radius: 5vw;}
.bulet li strong{color:#669835; font-weight:normal;}

.mobile .bulet{padding-top:3vw; width:87%;}
.mobile .bulet li{line-height: 3.7vw!important; font-size: 3vw; padding-left:3vw; margin-bottom:1vw;}
.mobile .bulet li i{top:1.2vw; width:1vw; height:1vw;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx MOBILE*/

.dmyscroll{display: none; position:relative; width:100%; margin:0 auto; height:5px; background:url(../img/common/scroll_tile.jpg) center left repeat-x;}
.dmyscroll b{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#004274;}
.mobile .dmyscroll{display: block;}
.mobile .dmyscroll b{display:block;}

.mobile .slick-dots{display:block!important; bottom:2vw;}
.mobile .slick-arrow{display: block!important; z-index:2; width: 6vw; height: 7vw;}
.mobile .slick-arrow:before{content:''; display: block; width:100%; height:100%;}
.mobile .slick-prev{left:2vw;}
.mobile .slick-next{right:2vw;}
.mobile .s_label{position:absolute; bottom:0px; left:0px; width:100%; display: block; text-align: center; font-weight:bold; color:#004274;
    -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); font-size: 3.1vw; padding:2vw 0vw;
}

.mobile .slick-dots li.slick-active{background-color:#669835;}
.mobile .slick-dots li.slick-active button:before{color:#669835; opacity:1;}
.mobile .slick-dots li button:before{opacity:1; color:#fff; font-size:1vw; width:100%; height:100%; line-height: 1.5vw;}
.mobile .slick-dots li{margin:0 1.8vw; width:1.5vw; height:1.5vw; background-color:#fff;}
.mobile .slick-next:before{background:url(../img/common/mob_sld_arrow_right.png) center no-repeat; background-size:100% auto;}
.mobile .slick-prev:before{background:url(../img/common/mob_sld_arrow_left.png) center no-repeat; background-size:100% auto;}

.mobile .sldType2 .slick-prev{left:-6vw;}
.mobile .sldType2 .slick-next{right:-6vw;}
.mobile .sldType2 .slick-next:before{background:url(../img/common/mob_sld_arrow_right_green.png) center no-repeat; background-size:100% auto;}
.mobile .sldType2 .slick-prev:before{background:url(../img/common/mob_sld_arrow_left_green.png) center no-repeat; background-size:100% auto;}

.mob_sec{display: none!important; overflow: hidden;}
.mobile .mob_sec{display: block!important;}

.mob_sec{display: none!important; position:relative;}

.mobile .mob_sec{display: block!important;}
.mobile .mob_sec h1{font-size: 4.95vw; color:#004274; text-align: center; width:100%; margin-bottom:3.2vw;}
.mobile .mob_sec p{width:86.5vw; margin:0 auto; line-height: 3.7vw!important; font-size: 3vw; text-align: center;}

.mobile h1 span,
.mobile h1 span{color:#669835;}

.mobile section{display: none!important;}
.mobile .f_kv{height:134.2vw;}
.mobile .f_kv{display: block!important;}



.mobile .mob_sec .h1_1{padding-top: 25.6vw;}
.mobile .mob_sec .h1_1 img{margin-top:6.5vw;}

.mobile .mob_sec .m_sld1{position:relative; padding-bottom:10vw;}
.mobile .mob_sec .m_sld1 .slick-slide{overflow: hidden;}
.mobile .mob_sec .m_sld1 .slick-slide img{height:79.7vw; width:auto!important; position:relative; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.mobile .mob_sec .h1_2{padding-top: 13vw;}
.mobile .mob_sec .m_sld2{padding: 0vw 7.35vw; padding-bottom:10vw; padding-top: 8vw; position:relative; background: url(../img/page_thelocation/mob_elm1.png) top 4vw right no-repeat; background-size: 32.5vw auto;}
.mobile .mob_sec .m_sld2 h1{border-left: 1px solid #bfbfbf; padding-left: 7.4vw; font-size: 3.4vw; height: 14.2vw; text-align: left; margin-bottom: 0px;}
.mobile .mob_sec .m_sld2 .tny{position: absolute; top: 13.9vw; left: 14.9vw; width: 18.6vw;}

.mobile .mob_sec .m_sld3{padding: 0vw 7.35vw; padding-bottom:10vw; padding-top: 4.3vw; position:relative;}
.mobile .mob_sec .m_sld3 h1{border-left: 1px solid #bfbfbf; font-size: 3.45vw; height: 15.5vw; text-align: left; margin-bottom:0px; position:relative;}
.mobile .mob_sec .m_sld3 h1 span{position: absolute; top: 4.5vw; left: 7.8vw;}
.mobile .mob_sec .m_sld3 h1 img{position: absolute; top: 0vw; left: 5.3vw; width: 10vw; height: auto; display: none!important;}
.mobile .mob_sec .m_sld3 .slick-slide img{height:59.3vw; width:auto!important; position:relative; }

.mobile .mob_sec .h1_3{padding-top: 13vw;}
.mobile .mob_sec .h1_3 h1{margin-bottom: 1.9vw;}
.mobile .mob_sec .h1_3 img{padding-top:8.6vw;}
.mobile .mob_sec .m_sld4{position:relative;}
.mobile .mob_sec .m_sld4 .slick-slide img{height:79.7vw; width:auto!important; position:relative; }
.mobile .mob_sec .m_sld4 .s_label{width:62vw; left:50%; line-height: 3.5vw; -ms-transform: translate(-50%,100%); -webkit-transform: translate(-50%,100%); transform: translate(-50%,100%);}
.mobile .mob_sec .m_sld4 i{display: block; width:85%; margin:0 auto; height:1px; background-color:#e5e5e5; margin-top: 26.4vw;}
.mobile .mob_sec .m_sld4 .mpatrn3{width:100%; height:auto; display: block;}

.mobile .mob_sec .h1_4{padding-top: 8.5vw; position:relative; padding-bottom:32.6vw;}
.mobile .mob_sec .h1_4 h1{margin-bottom: 1.9vw;}
.mobile .mob_sec .h1_4 .mrtmap{padding-top: 21vw; width: 89%; margin: 0 auto;}
.mobile .mob_sec .h1_4 .mbelm{position:absolute; top:12.4vw; right:0vw; width:29.5vw; height:auto;}

.mobile .mob_sec .h1_4 .mob_img2{position:absolute; bottom:0vw; left:7.3vw; width:42.7vw;}
.mobile .mob_sec .h1_4 .m_trn{position: absolute; display: block; bottom: -0.3vw; left: 55.2vw; width: 40vw;}
.mobile .mob_sec .h1_4 .m_trn img{width: 23vw; margin: 0 auto; margin-bottom: 2.5vw;}
.mobile .mob_sec .h1_4 .m_trn p{width: auto; font-size: 2.25vw; line-height: 3vw!important;}

.mobile .mob_sec .h1_5{padding-top:11.6vw;}
.mobile .mob_sec .h1_5 i{display: block; width:85%; margin:0 auto; height:1px; background-color:#e5e5e5;}
.mobile .mob_sec .h1_5 .mpatrn4{width:100%; height:auto; display: block;}
.mobile .mob_sec .h1_5 h1{margin-top: 14.2vw;}

.mobile .mob_sec .mod_map .o_map{top: 0vw; left: 0vw; width: 100%; height: 100.8vw; border:3.4vw solid #dadada;}
.mobile .mob_sec .mod_map .o_map u{display: none!important;}
.mobile .mob_sec .mod_map .o_map .mainpan .scrl_1{overflow: scroll!important;}
.mobile .mob_sec .mod_map .mainpan .scrl_2,
.mobile .mob_sec .mod_map .mainpan .scrl_1 .scrl_1_1{width:200%;}

.mobile .mob_sec .mod_mapline{width:100%; padding-top: 6vw; padding-bottom: 3vw; position:relative; width:100%; height:auto; display: block; overflow: hidden; overflow-x: scroll;}
.mobile .mob_sec .mod_mapline img{height:18.3vw!important; width:auto; height:auto;}
.mobile .mob_sec .mod_mapline ul{display: flex; flex-wrap: nowrap; width:208vw; padding-left: 2vw;}
.mobile .mob_sec .mod_mapline ul li{display: grid; width:9.09%; text-align: center; align-content: end;}
.mobile .mob_sec .mod_mapline ul li span{color: #595959; display: block; width: 19vw; margin: 0 auto; font-size: 1.8vw; line-height: 2.1vw;}
.mobile .mob_sec .mod_mapline ul li i{font-weight:bold; width:100%; color:#595959; display: block; font-style:normal; font-size: 2.1vw; line-height:2.4vw; white-space: nowrap;}

.mobile .mod_mapline::-webkit-scrollbar {
    width: 3px;
    height:5px;
}

.mobile .mod_mapline::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px #004274; 
    border-radius: 0px;
    background:url(../img/common/scroll_tile.jpg) center left repeat-x;

}

.mobile .mod_mapline::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color:#004274;
    -webkit-box-shadow: inset 0 0 0px #004274; 
}

.mobile .mob_sec .spacer1{width:100%; height:17vw; display: block;}

/* Mediaqueries */

@media (max-width:1366px){

    section p{line-height: 1.25vw!important; font-size: 1vw;}

    .sec2 .sldr3{top:19vw;}

    .sec4 .mrtmap p{bottom: 7vw;}
    .sec5 .mapline span{font-size: 0.8vw; line-height: 1vw;}

    .sec5 .mapline ul li:nth-child(1){top:0.2vw;}
    .sec5 .mapline ul li:nth-child(2){top:3.6vw;}
    .sec5 .mapline ul li:nth-child(3){top:7.8vw;}
    .sec5 .mapline ul li:nth-child(4){top:11.2vw;}
    .sec5 .mapline ul li:nth-child(5){top:14.9vw;}
    .sec5 .mapline ul li:nth-child(6){top:19.1vw;}
    .sec5 .mapline ul li:nth-child(7){top:22.5vw;}
    .sec5 .mapline ul li:nth-child(8){top:26.3vw;}
    .sec5 .mapline ul li:nth-child(9){top:30.5vw;}
    .sec5 .mapline ul li:nth-child(10){top:34.2vw;}
    .sec5 .mapline ul li:nth-child(11){top:38vw;}

    .bulet{width:25vw;}
    .bulet li{line-height: 1.25vw!important; font-size: 1vw;}
    .bulet li i{top:0.38vw;}
 
 }

@media (max-width:1024px){


}

@media (max-width:550px){
}