@charset "utf-8";

#wrap, html, body {;margin:0;padding:0;height: 100%;}
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }
body { /*min-width: 1400px; min-height: 795px;*/background: #000; overflow-x: hidden;}

#smartPop_overlay { background: #000 !important; }
#smartPop_content { padding: 0px !important;  }
#smartPop_container {background-color:white; -webkit-box-shadow:none !important;}

.naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/naver/btn_naver_login.png) 0 0 no-repeat;vertical-align: middle;margin-left: 5px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kakao/btn_kakaol_login.png) 0 0 no-repeat;margin-left: 5px;vertical-align: middle;}
.kakao_login_btn > img {display: none;}

img {width: 100%;height: auto;}
div.content {position: relative;height: 100%;}
div.content > img.bg_layer {position: relative;z-index: 1;width: 2242px;height: auto; left:50%;margin-left: -1121px;}
div.wrap_content {position: absolute;top:0px;left:0px;right:0px;bottom:0px;z-index: 2;}
div.wrap_content > h1.title {width: 39vw;margin: 3vw auto 0px auto;}

div.page01 > div.wrap_content span.scroll {width: 2.8vw;position: absolute;bottom:4vw;left:50%;margin-left: -1.4vw;z-index: 2;}

div.wrap_content > h2.event_title {width: 62.5vw;margin: 0px auto;}
div.page02 div.reg_box { width: 53vw; margin: 3.7vw auto 0px auto; position: relative; }
div.page02 div.reg_box div.input_box {position: absolute;top:5.6vw;left:8.6vw;height: 3.7vw;width: 38.2vw;}
div.page02 div.reg_box div.input_box > input.phone {width: 24.1vw;font-size: 1rem;text-align: center;padding: 0.8vw 0px 0.8vw 0px; border: 0px;vertical-align: middle;margin-right: 0.2vw;}
div.page02 div.reg_box div.input_box > input.reg_btn {width: 11.71vw;height: 3.76vw;background: url(http://cdn-img.kingkongsoft.kr/dungeonkingm/content2/btn_reservation.jpg) 0 0 no-repeat;background-size: 100%;font-size: 0pt;border: none;cursor: pointer;vertical-align: middle;}

/*div.page02 div.reg_box div.input_box > label {position: absolute;top:4.4vw;left:0vw; line-height: 1;}
div.page02 div.reg_box div.input_box > label > input {width: 1vw;}
div.page02 div.reg_box div.input_box > a {position: absolute;top:4.2vw;right:-2vw;width: 5vw; line-height: 1;}*/


div.page02 div.reg_box label.check_box {display: inline-block;*display: inline;*zoom: 1;width: 1vw;height: 1vw;vertical-align: middle; background: url(http://cdn-img.kingkongsoft.kr/nahonja/content/square.png) 0 0 no-repeat;background-size:100%;border: 1px solid #000; position: absolute; left:-0.1vw; top:4.3vw;}
div.page02 div.reg_box label.check_box.on { background: url(http://cdn-img.kingkongsoft.kr/nahonja/content/w/square_check.png) 0 0 no-repeat; background-size:100%;}
div.page02 div.reg_box label.check_box > input {vertical-align: middle;width: 0px;height: 0px;}
div.page02 div.reg_box div.input_box > a {position: absolute;top:4.2vw;right:-2vw;width: 5vw; line-height: 1;}

div.page03 div.reg_box { width: 45vw; margin: 3vw auto 0px auto; position: relative; }
div.page03 div.reg_box > span.count {position: absolute;font-size: 1.2rem; font-weight: 600; width: 10vw; padding: 0.3vw 0px 0.3vw 0px;text-align: center;top:6.8vw;left: 17.5vw;}

div.page04 div.reg_box {position: relative;width: 62vw;margin: 7.4vh auto 0px auto;font-size: 0pt;line-height: 0pt;text-align: center;}
div.page04 div.reg_box > div {display: inline-block;*display: inline;*zoom: 1;width: 31vw;position: relative;font-size: 0pt;line-height: 0pt;}
div.page04 div.reg_box > div > ul.social_btn_box {position: absolute;width: 100%;bottom:3vw;font-size: 0pt;line-height: 0pt;text-align: center;}
div.page04 div.reg_box > div > ul.social_btn_box > li {width: 49.5%; display: inline-block;*display: inline;*zoom: 1;}
div.page04 div.reg_box > div > ul.social_btn_box > li > a {display: inline-block;*display: inline;*zoom: 1;width: 72%;}


ul.side_navi {position: fixed; top:39%;width: 6.3vw;z-index: 3;left:10vw;}
ul.side_navi > li {margin-bottom: 1.5vw;}
ul.side_navi > li > a {display: block;position: relative;}
/*ul.side_navi > li > a > img.on {display: none; position: absolute;left:0px;top:0px;}*/
ul.side_navi > li > a > img.on {display: block; position: absolute;left:0px;top:0px;}

ul.side_navi > li > a.on > img.on {display: block;}
ul.side_navi > li > a:hover > img.on {display: block;}

div.agree_box {width: 619px;height: 400px; background: #fff;position: relative;}
div.agree_box > span.close_agree_pop { position: absolute;right:40px;top:15px; font-size: 23pt;font-weight: 900; cursor:pointer;}

@media only screen and (max-width: 1200px) {

  div.content > img.bg_layer {width: 1200px;position: relative; height: auto;left:50%;margin-left: -600px;}

}

@media only screen and (max-width: 800px) {

    div.content > img.bg_layer {width: 1560px;position: relative; height: auto;left:50%;margin-left: -780px;}

    div.wrap_content > h1.title {width: 53.7vw;margin: 9vw auto 0px auto;}
    div.page01 > div.wrap_content span.scroll {width: 4.5vw;position: absolute;bottom:10vw;left:50%;margin-left: -2.25vw;z-index: 2;}
    div.page02 div.reg_box { width: 80.6vw; margin: 16vw auto 0px auto; position: relative; }
    div.page03 div.reg_box { width: 80.6vw; margin: 16vw auto 0px auto; position: relative; }

    div.page02 div.reg_box div.input_box {position: absolute;top:8.6vw;left:13vw;height: 5.4vw;width: 56.9vw;}
    div.page02 div.reg_box div.input_box > input.phone {width: 36.9vw;font-size: 1.1rem;text-align: center;padding: 0.9vw 0px 0.9vw 0px; border: 0px;vertical-align: middle;margin-right: 0.1vw;}
    div.page02 div.reg_box div.input_box > input.reg_btn {width: 17.41vw;height: 5.56vw;background: url(http://cdn-img.kingkongsoft.kr/dungeonkingm/content2/btn_reservation.jpg) 0 0 no-repeat;background-size: 100%;font-size: 0pt;border: none;cursor: pointer;vertical-align: middle;}
    div.page03 div.reg_box > span.count {position: absolute;font-size: 1.2rem; font-weight: 600; width: 10vw; padding: 0.3vw 0px 0.3vw 0px;text-align: center;top:11.9vw;left: 35.1vw;}

    div.page04 div.reg_box {position: relative;width: 90vw;margin: 14vw auto 0px auto;font-size: 0pt;line-height: 0pt;text-align: center;}
    div.page04 div.reg_box > div {display: inline-block;*display: inline;*zoom: 1;width: 45vw;}
    div.page04 div.reg_box > div > ul.social_btn_box {position: absolute;width: 100%;bottom:5vw;font-size: 0pt;line-height: 0pt;text-align: center;}
    div.page04 div.reg_box > div > ul.social_btn_box > li {width: 49.5%; display: inline-block;*display: inline;*zoom: 1;}
    div.page04 div.reg_box > div > ul.social_btn_box > li > a {display: inline-block;*display: inline;*zoom: 1;width: 72%;}

    ul.side_navi {position: fixed; top:39%;width: 6.3vw;z-index: 3;left:10vw; display: none;}

    div.page02 div.reg_box label.check_box {display: inline-block;*display: inline;*zoom: 1;width: 1.8vw;height: 1.8vw;vertical-align: middle; background: url(http://cdn-img.kingkongsoft.kr/nahonja/content/square.png) 0 0 no-repeat;background-size:100%;border: 1px solid #000; position: absolute; left:-0.5vw; top:6.4vw;}
    div.page02 div.reg_box label.check_box.on { background: url(http://cdn-img.kingkongsoft.kr/nahonja/content/w/square_check.png) 0 0 no-repeat; background-size:100%;}
    div.page02 div.reg_box label.check_box > input {vertical-align: middle;width: 0px;height: 0px;}
    div.page02 div.reg_box div.input_box > a {position: absolute;top:5.9vw;right:-6.8vw;width: 10vw; line-height: 1;}

    div.agree_box {width: 96vw;height: 62vh; background: #fff;position: relative;}
    div.agree_box > span.close_agree_pop { position: absolute;right:30px;top:15px; font-size: 2rem;font-weight: 900; cursor:pointer;}
}

/*@media only screen and (min-width: 320px) and (max-width: 400px) {*/
@media only screen and (max-width: 453px)  {
    div.wrap_content > h1.title {width: 73.7vw;margin: 20vw auto 0px auto;}

    div.page01 > div.wrap_content span.scroll {width: 5.8vw;position: absolute;bottom:25vw;left:50%;margin-left: -2.9vw;z-index: 2;}
    div.wrap_content > h2.event_title {width: 90.5vw;margin: 0px auto;}
    div.page02 div.reg_box { width: 90vw; margin: 17vw auto 0px auto; position: relative; }
    div.page03 div.reg_box { width: 90vw; margin: 17vw auto 0px auto; position: relative; }

    div.page02 div.reg_box div.input_box {position: absolute;top:9.4vw;left:14.5vw;height: 6vw;width: 63.2vw;}
    div.page02 div.reg_box div.input_box > input.phone {width: 41.1vw;font-size: 0.8rem;text-align: center;padding: 1.1vw 0px 1.1vw 0px; border: 0px;vertical-align: middle;margin-right: 0.1vw;}
    div.page02 div.reg_box div.input_box > input.reg_btn {width: 20.31vw;height: 6.46vw;background: url(http://cdn-img.kingkongsoft.kr/dungeonkingm/content2/btn_reservation.jpg) 0 0 no-repeat;background-size: 100%;font-size: 0pt;border: none;cursor: pointer;vertical-align: middle;}
    div.page03 div.reg_box > span.count {position: absolute;font-size: 1.1rem; font-weight: 600; width: 10vw; padding: 0.3vw 0px 0.3vw 0px;text-align: center;top:12.5vw;left: 39.8vw;}

    div.page04 div.reg_box {position: relative;width: 90vw;margin: 14vw auto 0px auto;font-size: 0pt;line-height: 0pt;text-align: center;}
    div.page04 div.reg_box > div {display: inline-block;*display: inline;*zoom: 1;width: 90vw;}
    div.page04 div.reg_box > div.right {margin-right: -4vw;}
    div.page04 div.reg_box > div > ul.social_btn_box {position: absolute;width: 100%;bottom:8vw;font-size: 0pt;line-height: 0pt;text-align: center;}
    div.page04 div.reg_box > div > ul.social_btn_box > li {width: 49.5%; display: inline-block;*display: inline;*zoom: 1;}
    div.page04 div.reg_box > div > ul.social_btn_box > li > a {display: inline-block;*display: inline;*zoom: 1;width: 72%;}

    ul.side_navi {position: fixed; top:39%;width: 6.3vw;z-index: 3;left:10vw; display: none;}

    div.page02 div.reg_box label.check_box {display: inline-block;*display: inline;*zoom: 1;width: 2vw;height: 2vw;vertical-align: middle; background: url(http://cdn-img.kingkongsoft.kr/nahonja/content/square.png) 0 0 no-repeat;background-size:100%;border: 1px solid #000; position: absolute; left:-0.5vw; top:7.2vw;}
    div.page02 div.reg_box label.check_box.on { background: url(http://cdn-img.kingkongsoft.kr/nahonja/content/w/square_check.png) 0 0 no-repeat; background-size:100%;}
    div.page02 div.reg_box label.check_box > input {vertical-align: middle;width: 0px;height: 0px;}
    div.page02 div.reg_box div.input_box > a {position: absolute;top:6.9vw;right:-6.8vw;width: 10vw; line-height: 1;}

    div.agree_box {width: 96vw;height: 62vh; background: #fff;position: relative;}
    div.agree_box > span.close_agree_pop { position: absolute;right:30px;top:15px; font-size: 2rem;font-weight: 900; cursor:pointer;}

}