/* CSS Document */

/* Reset 
*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:'none'}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:'none'}
input,select,textarea,button{font-size:100%;vertical-align:middle;}
button{border:0 none;background-color:transparent;cursor:pointer}
table{width:100%;border-collapse:collapse;border-spacing:0}
caption{display:none}
a{text-decoration: underline;}
a:hover{text-decoration: underline; color:#64a3fc;}
*{margin:0;padding:0;box-sizing:border-box}
body,th,td,input,select,textarea,button {font-family:'Malgun Gothic','돋움',dotum,Helvetica,sans-serif;color:#000; }
#container{width: 866px; height: 496px; background: #fff}
#container-main-pop{width: 866px; height: 280px; background: #fff; z-index: 500;}
#container-popup01{position: relative; width: 372px; height: 377px; background: #cad3df; border: 1px solid #999; margin: 0 auto; top: 60px;}
#container-popup01 .btnclose{position: absolute;top: 15px; right: 15px; }
#container-popup02{position: relative; width: 372px; height: 287px; background: #cad3df; border: 1px solid #999; margin: 0 auto; top: 100px;}
#container-popup02 .btnclose{position: absolute;top: 15px; right: 15px; }
#container-popup02-1{position: relative; width: 372px; height: 287px; background: #cad3df; border: 1px solid #999; margin: 0 auto;}
#container-popup02-1 .btnclose{position: absolute;top: 15px; right: 15px; }
#container-popup03{position: relative; width: 403px; height: 307px;}
#container-popup04{position: relative; width: 239px; height: 457px; }

/*body */
body {background-color: #f4f4f4; margin: 0 auto;}

/* font */

.bold {font-weight: bold;}
.ft-yellow{color: #fffc00;}
.ft-red{color: #dd2c00}
.ft-11{font-size: 11px; color: #000}
.ft-12{font-size: 12px;}
.ft-13{font-size: 13px;}
.ft-14{font-size: 14px;}
.ft-20{font-size: 20px;}
.center {text-align: center;}
.left {text-align: left;}
.maT-10{margin-top: 10px;}
.maT-20{margin-top: 20px;}
.maT-30{margin-top: 30px;}
.maT-170{margin-top: 170px;}
.maT-240{margin-top: 240px;}
.maT-330{margin-top: 330px;}




/*버튼*/
.receive-num{font-size: 16px; color: #fff; background-color: #3b5998; width: 282px; height: 40px; text-align: center; border-radius: 4px; margin-top: 10px; margin-left: 10px;}
.btn-ok{position: absolute;  font-size: 16px; color: #fff; background-color: #3b5998; width: 178px; height: 40px; text-align: center; right: 5px;}
.btn-cancel{position: absolute;  font-size: 16px; color: #c2cad6; background-color: #8493a8; width: 178px; height: 40px; text-align: center; left: 5px;}
.btn-confirm{position: absolute;  font-size: 16px; color: #fff; background-color: #3b5998; width: 360px;; height: 40px; text-align: center; right: 5px;}

input[type=text2] { width: 282px; padding: 8px 10px; font-size: 14px; border: 2px solid #e6e9ee; border-radius: 4px; margin-top: 13px; margin-left: 10px; }
input[type=text] { width: 280px; padding: 1px 10px 8px 50px; font-size: 16px; border: none; border-bottom: 1px solid #d8d8d9; outline: none;}
input[type=radio] { display:none; }
input[type=radio] + label { display: inline-block; cursor: pointer; line-height: 20px; padding-left: 28px; background: url('../img/btn-radio-unchecked.png') left/20px no-repeat; }
input[type=radio]:checked + label { background-image: url('../img/btn-radio-checked.png'); padding-right: 20px;}

input[type=checkbox] { }
input[type=checkbox] + label { display: inline-block; cursor: pointer; line-height: 16px; padding-left: 10px; background: url('../img/btn-radio-unchecked.png') left/16px no-repeat; }
input[type=checkbox]:checked + label { background-image: url('../img/btn-radio-checked.png'); }

.phone-num{font-size: 20px; font-weight: bold; display: inline-block;  height: 35px; line-height: 20px;  position: absolute; }


.loading {position: relative; width: 866px; height: 280px; overflow: hidden; background: #e1ebf5; border-bottom: solid 2px #cb242a; padding: 14px; background-image: url(../img/bg_loading.png) }
.sec_01 {position: relative; width: 866px; height: 280px; overflow: hidden; background: #e1ebf5; border-bottom: solid 2px #cb242a; padding: 14px; background-image: url(../img/temp/bg_traha.png) }
.sec_01 .vid{width: 448px; height: 252px;}
.sec_01 .snsBtn{display: inline-block; position: absolute; top: 15px; margin-left: 700px;}
.sec_01 .reservationBtn{display: inline-block; position: absolute; top: 158px; margin-left: 460px;}

.sec_02 {position: relative; width: 866px; height: 216px; overflow: hidden; background: #424242;}
.sec_02 .slide_ads{position: absolute;}
.sec_02 .ads{padding-left: 14px; font-size: 0px; overflow: hidden;}
.sec_02 .item{vertical-align: top; display: inline-block; width: 200px; height: 190px; margin-top: 2px; margin-left: 10px;}

.sec_02 .item:first-child {vertical-align: top; display: inline-block; width: 200px; height: 190px; margin-top: 2px; margin-left: 2px;}
.sec_02 .item .cnts{font-size: 12px; color: #ffffff; line-height: 18px; margin-top: 8px; letter-spacing: -0.5px; padding-left: 7px;}
.sec_02 .item .tag{position: absolute; top: 13px;}
.sec_02 .dotnav{position: absolute; top: 192px; text-align: center; display: inline-block; width: 100%; height: 24px;}
.sec_02 .dotnav img{vertical-align: top;padding-top: 8px;}
.sec_02 .arrow{position: absolute; width: 100%; top: 44px; display: inline-block;}
.sec_02 .arrow .arr_left{position: absolute; left: 8px;}
.sec_02 .arrow .arr_right{position: absolute; right: 10px; }

.sec_03{position: relative;}
.sec_03 .zone01{display: inline-block; width: 503px;}
.sec_03 .zone02{display: inline-block; font-size: 14px; letter-spacing: -1px; vertical-align: top; margin-top: 26px;}
.sec_03 .btnclose{position: absolute;top: 10px; right: 10px; }
.area-radio{margin-top: 10px; margin-left: 20px;}
.area-radio .wt{display: inline-block; width: 100px;}
.agree-option{ font-size: 13px; margin-top: 10px; margin-left: 10px; line-height: 25px;}

.sec_04 {position: absolute;  width: 360px; height: 320px; background: #fff; margin: 5px; padding: 15px; }
.sec_04 li{line-height: 24px; padding-left: 10px} 

.sec_05 {position: absolute;  width: 360px; height: 230px; background: #fff; margin: 5px; padding: 15px; }
.sec_06 {position: absolute;  width: 360px; height: 160px; background: #fff; margin: 5px; padding: 15px; }
.mbanner{position: absolute; left: 5px; top: 214px;}
.txtarea { width: 320px;; padding: 8px 10px; font-size: 16px; border: 2px solid #e6e9ee; border-radius: 4px; margin-top: 13px; margin-left: 5px; text-align: center; }

.sec_07 {position: absolute;  width: 403px; height: 307px; background-image: url(../img/preview/minibox_width.png); }
#container-popup03 .banner{position: absolute;  width:359px; top: 39px; left: 22px;}
#container-popup03 .bannerGroup{position: absolute;  width:371px; height: 134px; top: 39px; left: 16px; background-image:url(../img/preview/minibox_width_balloon.png); }
#container-popup03 .bannerGroup span{position: absolute; top: 8px; left: 6px; }
#container-popup03 .bannerGroup span img{margin-left: 2px;}
#container-popup03 .gameicon{position: absolute;  width:359px; top: 166px; left: 22px; }
#container-popup03 .sgameicon{position: absolute; top: 7px; left: 99px; display: inline-block; width: 72px; }
#container-popup03 .splayericon{position: absolute; top: 7px; left: 189px; display: inline-block; width: 72px; }
#container-popup03 .scouponicon{position: absolute; top: 7px; left: 279px; display: inline-block; width: 72px; }

.sec_08 {position: absolute;  width: 239px; height: 457px; background-image: url(../img/preview/minibox_height.png); }
#container-popup04 .banner{position: absolute;  width:191px; top: 39px; left: 24px;}
#container-popup04 .bannerGroup{position: absolute;  width:371px; height: 134px; top: 76px; left: -16px; background-image:url(../img/preview/minibox_height_balloon.png); }
#container-popup04 .bannerGroup span{position: absolute; top: 8px; left: 6px; }
#container-popup04 .bannerGroup span img{margin-left: 2px;}
#container-popup04 .gameicon{position: absolute;  width:87px; top: 202px; left: 28px; }
#container-popup04 .sgameicon{position: absolute; top: 7px; left: 104px; display: inline-block; width: 72px; }
#container-popup04 .splayericon{position: absolute; top: 121px; left: 8px; display: inline-block; width: 72px; }
#container-popup04 .scouponicon{position: absolute; top: 121px; left: 104px; display: inline-block; width: 72px; }