@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; outline:0 none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 helvetica;background:#e5e3e3;color:#000;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }

body{min-width: 1440px;position: relative;}
.wrapper{ position: relative; width: 100%; overflow: hidden;}
.container{ margin: 0 auto; width: 1334px; font-family:helvetica; font-size: 18px;}

.top{ height: 63px; background:url(//png.pookcdn.net/hw/milliondungeon/pc/bg_top.jpg) repeat-x; text-align: center; line-height: 63px;}
.top .container{ display: flex; justify-content: center;}
.nav{ margin-left: -20px; font-size: 20px; color: #55414f; }
.nav li{ padding: 0 15px; height: 25px; display: inline-block; border: 1px #55414f solid; line-height: 25px;
 border-radius: 10px; cursor: pointer;}
.nav li:hover,
.nav li.active{ color: #00a9a3; border-color:#00a9a3;}
.nav li:first-child{ margin-right: 20px;}
.nav li:hover a, .nav li.active a{color: #00a9a3;}
.logo{ margin: 0 20px;position: relative;z-index: 2;}
.top .text{ margin-right: 20px; font-size: 21px; color: #55414f;}
.icoLink{ margin-top: 20px; height: 25px; border: 1px #55414f solid; border-radius: 10px;}
.icoLink li{ float: left; margin-left: 5px;}
.icoLink li a{ display: block; width: 38px; height: 38px; background-repeat: no-repeat;}
.icoLink li a.icoINS{ background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_top_01.png);}
.icoLink li:hover a.icoINS{ background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_top_01_active.png);}
.icoLink li a.ico_Facebook{ background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_top_02.png);}
.icoLink li:hover a.ico_Facebook{ background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_top_02_active.png);}

.intro .title{ margin:0 auto 50px; width: 600px; text-align: center;}
.intro .container{ width: 1450px; overflow: hidden;}
#certify { position: relative; width: 1334px; margin: 0 auto 50px; /*! overflow: hidden; */ height: 700px;}
#certify .swiper-container { padding-bottom: 60px; }
#certify .swiper-slide {  height: 569px; margin:0 auto 70px\9; }
#certify .swiper-slide img { display: block;  border-radius: 45px; height: 569px; border: 3px #00c29f solid;}
#certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }
#certify .swiper-pagination { width: 100%; bottom: 80px; }
#certify .swiper-pagination-bullet{ margin: 0 10px;}
.swiper-container { width: 100%; height: 100%; }
#certify .swiper-container { overflow: initial; }
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; 
-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-pagination-bullet{ width: 22px; height: 6px; background: #0cb493; opacity: 1; border-radius:5px;}
.swiper-pagination-bullet-active{ background: #f6ac47;}
@keyframes width{
	0%{ width: 8px;}
	100%{ width: 40px;}
}
.swiper-button-next,
.swiper-button-prev{ margin-top: -135px; width: 88px; height: 88px; background-repeat: no-repeat; background-size: 100% 100%; box-shadow: 0 0 5px #fff;
 border-radius: 50%;}
.swiper-button-prev{ left: -40px; background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_arrow_pre.png);}
.swiper-button-next{ right: -40px; background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_arrow_next.png);}


.footer{ height: 342px; background: url(//png.pookcdn.net/hw/milliondungeon/pc/bg_footer.jpg) no-repeat top center; background-size: 1920px 100%;}
.footer .container{ overflow: hidden;}
.footer .icoList{ display: flex; margin: 40px auto 20px; justify-content: center; text-align: center\9;}
.footer .icoList li{ display: flex; margin-right: 60px; font-size: 22px; align-items: center; display: inline-block\9;}
.footer .icoList li:last-child{ margin-right: 0;}
.footer .icoList li a{ display: block; color: #00b5a8; line-height: 76px;}
.footer .icoList li a:hover{ color: #fba820;}
.footer .icoList a span{ float: left; margin-top: 26px; margin-right: 6px; width: 19px; height: 22px; background-repeat: no-repeat;}
.footer .icoList a span.icoProtocol{ background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_footer_03.png);}
.footer .icoList a:hover span.icoProtocol{ background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_footer_03_active.png);}
.footer .icoList a span.icoContact{ width: 38px; background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_footer_04.png);}
.footer .icoList a:hover span.icoContact{ background-image: url(//png.pookcdn.net/hw/milliondungeon/pc/ico_footer_04_active.png);}
.footer .txtList{ font-size: 18px; color: #065658; text-align: center; line-height: 2;}
.footer .icoListBot{ margin: 0;}
.footer .icoListBot li a{ color: #fff;}

.thickdiv { position: fixed; top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; opacity: 0.7; 
filter:alpha(opacity=70); z-index:101;}
.pup{ position: absolute;  top: 50%; left: 50%; margin: -175px 0 0 -328px; width: 656px; height:350px; 
background:url(//png.pookcdn.net/hw/milliondungeon/pc/bg_pup_common.png) no-repeat; background-size: 100% 100%; font-size: 20px; z-index: 102; }
.pup .btnClose{ top: -9px; right: -44px; width:33px; height: 33px;
 background: url(//png.pookcdn.net/hw/milliondungeon/pc/btn_close.png) no-repeat; background-size: 100% 100%;}
.pup .btnSure{ display: block; margin:50px auto 0; width: 210px; height: 59px; 
background: url(//png.pookcdn.net/hw/milliondungeon/pc/btn_sure.png) no-repeat; background-size: 100% 100%; transition: .4s all;}
.pup .btnSure:hover{ -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01);}

.pup .title{ position: relative; margin: 70px auto 25px; font-size: 20px; color: #55414f; text-align: center;}
.pup .title:after,
.pup .title:before{ content: ""; position: absolute; top: 50%; margin-top: -2px; width: 22px; height: 5px; background: #0cb493;}
.pup .title:after{ left: 150px;}
.pup .title:before{ right: 150px;}
.pupReservation .textIpt{ margin:0 auto 25px; width: 434px;}
.pupReservation .textIpt input{ padding: 0 25px; width: 100%; height: 51px; background:#d8e3e3; border: none; font-size: 18px; 
color: #2e3131; box-sizing: border-box; border-radius: 5px;}

.pupContact { font-size: 22px; color: #12705f;}
.pupContact .title{ margin:50px auto 0; text-align: center;}
.pupContact .txtContact{ margin: 30px auto 40px; width: 205px; line-height: 42px; color:#55414f}
.pupContact .txtContact img{ margin-right: 10px; float: left; margin-top: 12px;}