@charset "utf-8";


body { background-color:#FFF; }



#wrap { position:relative; margin:0 auto; max-width:980px; min-width:320px; line-height:1; }
#wrap img { width:100%; }

#wrap .section { position:relative; overflow:hidden; background-color:#fff; }

#wrap .section1 h1 { position:absolute; top:3.3%; right:4.081632653061224%; width :16.53061224489796%; z-index:1; display:block; z-index:5; }
#wrap .section1 h1 a{ display:block; width:100%; }
#wrap .section1 h2 { position:absolute; top:2.3%; left:4.081632653061224%; width:19.48979591836735%; z-index:1; display:block; z-index:5; }
#wrap .section1 h2 a{ display:block; width:100%; }


#wrap .section1 .swiper-pagination { position:absolute; bottom:4%; left:10%; width:80%; text-align:center; z-index:1; }
#wrap .section1 .swiper-pagination .swiper-pagination-bullet { width:15px; height:15px; margin:0 2%; background:#fff; opacity:1; }
#wrap .section1 .swiper-pagination .swiper-pagination-bullet-active { background:#29a0ef; }
#wrap .section1 .swiper-button-prev { background:none; top:43%; left:4.081632653061224%; width:7.244897959183673%; }
#wrap .section1 .swiper-button-next { background:none; top:43%; right:4.081632653061224%; width:7.244897959183673%; }

#wrap .section2 .button1 { position:relative; }
#wrap .section2 .button1 a { position:absolute; bottom:9.75%; right:3.877551020408163%; width:28.26530612244898%; z-index:1; display:block; }
#wrap .section2 .button2 { clear:both; float:left; width:50%; }
#wrap .section2 .button3 { float:left; width:50%; }
#wrap .section2 .button4 { clear:both; position:relative; /*padding-top:1.530612244897959%;*/ }
#wrap .section2 .button4 a { position:absolute; bottom:9.75%; right:3.877551020408163%; width:28.26530612244898%; z-index:1; display:block; }
#wrap .section2 .button5 { clear:both; position:relative; padding-top:1.530612244897959%; }
#wrap .section2 .button5 a.link02 { position:absolute; bottom:9.75%; right:4.0%; width:30.3%; z-index:1; display:block; }
#wrap .section2 .button5 a.link01 { position:absolute; bottom:36.1%; right:4.0%; width:30.3%; z-index:1; display:block; }

#wrap .section3 { background-color:#ececec; }
#wrap .section3 .title { clear:both; position:relative; }
#wrap .section3 .title a { position:absolute; top:71.86700767263427%; left:23.87755102040816%; width:52.3469387755102%; height:14.9616368286445%; z-index:1; display:block; font-size:0; }
#wrap .section3 .event { clear:both; position:relative; }
#wrap .section3 .event a.btn_event { position:absolute; top:65.83850931677019%; left:23.87755102040816%; width:52.3469387755102%; height:10.38154392191659%; z-index:1; display:block; font-size:0; }
#wrap .section3 .event a.btn_share1 { position:absolute; top:78.79325643300799%; left:34.28571428571429%; width:12.55102040816327%; height:10.82519964507542%; z-index:1; display:block; font-size:0; }
#wrap .section3 .event a.btn_share2 { position:absolute; top:78.79325643300799%; left:53.36734693877551%; width:12.55102040816327%; height:10.82519964507542%; z-index:1; display:block; font-size:0; }

#wrap .section4 .btns { clear:both; position:relative; }
#wrap .section4 .btns a.btn_kakaotalk { position:absolute; top:14.78599221789883%; left:5.102040816326531%; width:89.79591836734694%; height:77.82101167315175%; z-index:1; display:block; font-size:0; }
#wrap .section4 .btns a.btn_tel { position:absolute; top:35.68464730290456%; left:5.102040816326531%; width:89.79591836734694%; height:27.66251728907331%;  z-index:1; display:block; font-size:0; }
#wrap .section4 .btns a.btn_detail { position:absolute; top:66.25172890733057%; left:5.102040816326531%; width:89.79591836734694%; height:27.66251728907331%;  z-index:1; display:block; font-size:0; }

.hidden { display:none; }



.dimmed { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9; background:rgba(0, 0, 0, 0.6); display:none; }
.layer { position: absolute; left: 50%; top: 50%; transform: translateX(-50%); width:80%; max-width:660px; text-align:center; z-index:10; visibility: hidden; }
.layer img { width:100%; }
.layer a { position:absolute; display:block; font-size:0; z-index:1; }
.layer1 .btn_close { top:1.070336391437309%; left:91.51515151515152%; width:6.363636363636364%; height:3.211009174311927%;  }
.layer1 .btn_layer_1 { top:89.98470948012232%; left:9.090909090909091%; width:39.39393939393939%; height:5.351681957186544%; }
.layer1 .btn_layer_2 { top:89.98470948012232%; left:51.51515151515152%; width:39.39393939393939%; height:5.351681957186544%; }
.layer2 .btn_close { top:1.314636283961437%; left:91.51515151515152%; width:6.363636363636364%; height:3.85626643295355%;  }
.layer3 .btn_close { top:2.5%; left:91.51515151515152%; width:6.363636363636364%; height:7.333333333333333%;  }
.layer4 .btn_close { top:1.99203187250996%; left:91.51515151515152%; width:6.363636363636364%; height:5.97609561752988%;  }