@charset "utf-8";

/* Common */
body,p,hr,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div {margin:0;padding:0}
body,input,textarea,select,button,table {font-family:'Noto Sans KR', 'Nanum Gothic', '나눔고딕', Gulim, AppleGothic, sans-serif;font-size:9pt;-webkit-font-smoothing:antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;text-rendering: optimizeLegibility;-ms-touch-action: manipulation;touch-action: manipulation}
img,fieldset{border:0;}
fieldset{margin:0;padding:0;border:0}
img{max-width:100%;vertical-align:middle}
ul,ol{list-style:none;}
em,address {font-style:normal}
small{font-weight:normal}
a {color:black;text-decoration:none}
a:hover,a:active,a:focus {text-decoration:underline; outline:none;}
.blind {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
.Clear{content:""; clear:both; display:block; height:0px;}
/* // Common */

.btn-both{width:100%;margin:10px auto;text-align:center;overflow:hidden}
.btn-both.fr{text-align:right}
.btn-both.fl{text-align:left}

/* #wrap{width:100%;min-width:320px; max-width:720px; min-height:720px;margin:0 auto;}  */
#header{width:100%;position:relative;background-color:#f4f4f4;z-index:100;}
#header h1{width:176px;margin:0 auto;padding-top:16px;padding-bottom:10px;}
#header .home{position:absolute;left:3%;top:10px;}
#header .all{position:absolute;right:3%;top:10px;}
.gnb{width:100%;clear:both;background-color:#515151;}
.gnb:after{clear:both;content:'';display:block;}
.gnb li{float:left;margin-left:1%;width:24%;text-align:center;line-height:48px;background:url(/img/gnb_bg.jpg) repeat-x 0 0;}
.gnb li a{color:#fff;display:block;font-weight:bold;font-size:0.9em;}
.gnb li.ma_la{margin-right:0;}
#header .all1{position:absolute;right:0;top:0;padding-top:60px;padding-bottom:10px;width:75%;min-height:660px;z-index:100;background-color:#2c2c2c;}
#header .all1 h3{height:30px;padding-top:10px;padding-left:3%;background-color:#3a3a3a;}
#header .all1 ul{padding:0 5%;}
#header .all1 ul li{position:relative;padding:5% 0;border-bottom:1px solid #595959;}
#header .all1 ul li a{display:block;}
#header .all1 ul li.all02{border-top:1px solid #595959;}
#header .all1 ul li ul{display:none;}
#header .all1 ul li ul li{width:40%;height:15px;padding:5% 0;text-indent:10px;border:none;}
#header .all1 ul li ul .mar_la{margin-right:0%;width:40%;}
#header .all1 ul.all_ul{top:0;}
#header .all1 .close{width:30px;height:30px;position:absolute;right:6%;top:10px;}
#header .all1 .close a img{width:120%;}
.plus{width:13px;float:right;margin-right:5%;}

#container{width:100%;overflow:hidden;z-index:1;}
#container p img{width:100%}
#contents{position:relative;z-index:1;}
.w_ban{position:relative;width:100%;}
.ban{position:absolute;left:0;top:0;clear:both;width:400%;}
.ban li{float:left;width:25%;}
.ban li img{width:100%;}
.ban_btn{position:absolute;left:5%;padding-top:2%;width:100%;}
.ban_btn .bg1{float:left;height:15px;margin-right:1%;width:7%;background-color:#e8447e;overflow:hidden;}
.ban_btn .bg2{float:left;height:15px;margin-right:1%;width:7%;background-color:#fff;overflow:hidden;}
.ban_btn li a{display:block;height:15px;text-indent:-9999px;}

#visual{clear:both;margin-top:38.5%;z-index:0;}
.v_top{width:100%;}
.v_top li{float:left;width:25%;}
.v_top li a img{width:100%;max-width:160px;max-height:159px;}
.v_top .w50{width:50%;}
.v_top .w50 a img{max-width:320px;max-height:320px;}
.v_bot{clear:both;border-top:3px solid #e8447e;}
.bot_li{margin-top:3%;padding:0 5%;}
.bot_li li{float:left;width:23%;margin-right:2%;margin-bottom:2%;line-height:40px;text-align:center;background:url(/img/n_sel_bg.jpg) repeat-x 0 0;}
.bot_li li.over{background:url(/img/sel_bg.jpg) repeat-x 0 0;}
.bot_li li.over a{color:#fff;}
.bot_li li a{display:block;font-size:15px;color:#595959;font-weight:bold;font-size:0.9em}
.bot_li li.mar_la{margin-right:0;}

#footer{clear:both;padding:3% 0 5% 0;width:100%;}
#footer p{width:100%;}
#footer p img{margin:0 auto;width:80%;display:block;}

/* sub */

/* photo */
.sub_fb{padding:0% 0% 0 0%;}
.sub{padding:5px}{2% 0% 0 2%;}
.sub h3{margin:2% 0;}
.taps li{float:left;width:21.75%;margin-right:3%;margin-top:5%;}
.taps li img{width:110%;}
.taps li.mar_la{margin-right:0;}
.sub h4{width:100%;margin-top:20%;}
.sub dl{padding-bottom:5%;}
.sub dt{margin:2% 0;}
.sub dt a{font-size:18px;color:#5b5b5b;}
.sub dd{width:97.5%;font-family:"나눔고딕";}
.sub dd a img{width:100%;}
.page{width:97%;margin-top:2%;margin-bottom:4%;text-align:center;}
.page a{margin-right:10px;font-size:18px;}
.no_ban{margin-top:4%;margin-bottom:2%;}
.no_ban img{width:100%;}

/* hot */
.h_tap{width:100%;margin-top:3%;margin-left:10%;}
.h_tap li{float:left;width:31.8%;margin-left:5%;}
.h_tap li a img{width:100%;}

.hot_li{position:relative;width:96%;overflow:hidden;padding-left:2%;margin-top:2%;}
.hot_li > li{width:100%;padding:2% 0;clear:both;}
.hot_li > li > img{width:20%;}
.hot_li li ul{margin-top:1%;}
.hot_li li ul li{float:left;padding:0;width:23%;margin:0 1%;}
.hot_li li ul li a{display:block;}
.hot_li li ul li a img{width:100%;}

.hot_facebook{clear:both;margin-top:0%;}
.hot_facebook2{clear:both;margin-top:4%;margin-bottom:5%;}
.hot_text{clear:both;margin-top:0%;}
.hot_text p{width:98%;margin-bottom:0%;}
.hot_text p img{width:100%;}

.pro_ma{clear:both;border:1px solid #fff;width:96%;padding-top:1%;}
.pro_ma li{width:100%;margin:3% 0;}
.pro_ma li img{width:100%;}
.pro_img{width:96%;}
.pro_img p{width:100%;margin-bottom:2%;}
.pro_img p img{width:100%;}


.four{position:relative;width:100%;overflow:hidden;margin-bottom:0%;}
.four li ul{margin-top:0%;background:#f3eaed;}
.four li ul li{float:left;padding:0;width:24.6%;margin:0% 0%;}
.four li ul li a{display:block;}
.four li ul li a img{width:100%;}



/* facebook이벤트 */
.fbevent{clear:both;margin-top:0;}
.fbevent p{width:98%;margin-bottom:0;}
.fbevent p img{width:100%;}
.fbevent p.ad {padding:30px 0;}

/* guide */
.g_li li{float:left;width:18.2%;margin-right:1.5%;margin-top:4%;}
.g_li li a img{width:100%;}
.g_text{clear:both;padding:3% 0;}
.g_text li{margin-top:3%;}
.g_text img{width:96%;}
.com{width:96%;margin-bottom:3%;}
.com img{width:100%;}

/* real */
.real{width:100%;overflow:hidden;}
.re0_cl{margin:5px 0;clear:both;}
.re0_cl ul{margin-top:2%;padding-left:2%;}
.re0_cl ul li{float:left;width:23.5%;margin-right:2%;margin-bottom:2%;}
.re0_cl ul li a img{width:100%;}
.re0_cl ul li.re0_mar{margin-right:0;}

.snb{width:100%;}
.snb li{position:relative;padding:2% 0;}
.snb li a{font-size:10px;display:block;}
.snb li ul li{float:left;padding:0;width:23%;margin:2% 1% 0 1%;border-bottom:none;line-height:0;}
.snb li ul li a img{width:100%;}
.snb li.snb_h1{clear:both;width:100%;}
.snb li.snb_h1 > img{padding-left:1%;width:50%;}

.re_ban{position:relative;width:100%;overflow:hidden;background-color:#000;}
.re_ban p img{width:100%;}
.re_ban div{position:absolute;left:0;top:13.8%;width:100%;padding-top:24%;overflow:hidden;}
.re_ban div ul{position:absolute;left:0%;top:0;width:600%;}
.re_ban div ul li{float:left;width:5.56%;background-color:#000;}
.re_ban div ul li a img{width:100%;}
.re_text img{width:100%;}
.d_text{width:96%;}
.d_text img{width:80%;}
.d_btn{width:25%;margin:5% 0 5% 37%;}
.d_btn img{width:100%;}

.movie{width:98%;height:40px;margin-bottom:2%;background-color:#f1f1f1;border:1px solid #d6d6d6;}
.m_inp{float:left;padding-top:8px;padding-left:20px;height:20px;width:75%;}
.m_inp input{height:21px;width:100%;border:1px solid #d6d6d6;}
.m_btn{float:left;padding-top:7px;padding-left:4%;width:10%;}
.m_btn a img{width:100%;height:28px;}
.sub .m_div dl{width:98%;clear:both;position:relative;padding:3% 0 11% 0;border-bottom:1px solid #ccc;}
.sub .m_div dl:after{content:"";clear:both;display:block;}
.sub .m_div dt{float:right;width:70%;margin-top:0;}
.sub .m_div dt a{font-family:"돋움";font-weight:bold;color:#000;}
.sub .m_div dd{float:right;width:70%;font-family:"돋움"}
.sub .m_div .m_img{width:28%;position:absolute;left:0;top:8%;}
.sub .m_div .m_img a{font-family:"돋움"}
.sub .m_div .m_img a img{width:100%;}
.m_page{margin:0 auto 5% auto;width:100%;height:20px;padding:2% 0;position:relative;}
.m_page p{float:left;}
.m_prev{position:absolute;left:2%;top:18%;}
.m_next{position:absolute;right:2%;top:18%;}
.m_num{width:100%;line-height:30px;text-align:center;}
.m_num a{margin:1%;padding:7px 10px;font-size:15px;color:#484848;border:1px solid #888;}
.m_num .m_sel{background-color:#e30000;color:#fff;}

.us_tap li{float:left;margin-right:3.5%;width:31%;}
.us_tap li a img{width:100%;}
.us_tap .mar_la{margin-right:0;}
.no_text{clear:both;padding-left:2%;margin-top:15%;margin-bottom:1%;}
.no_text li{line-height:25px;}
.no_text li a{font-size:16px;color:#000}
.no_text li a:visited{font-size:16px;color:#000}

.sub table{width:100%;font-family:"돋움";margin-bottom:2%;}
.sub table a{font-family:"돋움";font-size:17px;color:#000;}
.sub table tr{border-bottom:1px solid #ccc;}
.sub table th{padding-left:2%;text-align:left;border-bottom:1px solid #ccc;}
.sub table td{width:8%;text-align:center;border-bottom:1px solid #ccc;}
.sub table .ta2{width:40%;text-align:left;text-indent:10px;}
.sub table .ta5{text-align:left;text-indent:10px;padding:0 2%;line-height:25px;}
.sub table .ta1{width:5%;}
.wr_btn{width:100%;height:36px;}
.wr_btn a{float:right;margin-right:2%;}
.wr_btn1{margin-bottom:2%;}
.wr_sel{width:100%;text-align:center;margin-bottom:2%;}
.wr_sel select{width:15%;margin-right:2%;}
.wr_sel input{width:50%;margin-right:2%;}
.wr_sel input.aa{width:10%}
.sub_new{clear:both;font-size:12px;padding:1% 2%;width:96%;}
.sub_new a{font-size:12px;color:#333;margin-left:3%;text-decoration:underline;}
.sub_new p{margin-top:2%;}
.sub_new select{margin-left:2%;border:1px solid #ccc;}
.sub_new span{margin-right:0.8%;}
.sub_new label{font-size:11px;}
.sub_new .bor333{border:1px solid #ccc;background-color:#f1f1f1}
.sub_new .in_w{width:100%;}
.sub_new .txt{width:34%;}
.sub_new textarea{width:98%;height:100px;border:1px solid #ccc;}
.sub_new .new_ok{width:100%;padding:2% 0;}
.sub_new .new_ok a{width:20%;margin-left:40%;display:block;}
.sub_new .new_ok a img{width:100%;}
.sub_new .r_width{float:right;width:45%;margin-right:30%;}
.fast_s{width:100%;line-height:23px;}
.sub_new select.r_width{width:45.7%;}
.sub_new .new_text strong{font-size:14px;font-family:"돋움";}
.sub .sns_div{margin-top:2%;border:1px solid #ccc;font-family:"돋움";}
.sub .sns_div tr{height:30px;}
.sub .sns_div th{width:100%;text-align:left;line-height:40px;font-size:18px;text-indent:10px;border-bottom:1px solid #ccc;background-color:#fdecef;}
.sub .sns_div td{width:70%;font-size:15px;text-align:left;text-indent:10px;border:none;}
.sub .sns_div .sns_t1{width:25%;text-align:left;text-indent:10px;border-right:1px solid #ccc;}
.sub .sns_div .bor_no{border-bottom:none;}
.sub .sns_div .fonts{font-size:13px;}
.sub .sub_new .sns_div #ra1,.sub .sns_div #ra2{border:none;width:20px;}
.sub .sns_div1 input{width:70%;border:1px solid #ccc}
.sub .sns_div label{font-size:15px;font-family:"돋움";}
.sub .sns_div2 tr{border-bottom:none;width:100%;}
.sub .sns_div2 td{width:35%;}
.sub .sns_div2 .div2{width:70%;font-size:13px;}
.sub .sns_div2 .div2 select{margin-left:0;}
.sub .cus h5{width:75%;}
.sub .cus h5 img{width:100%;}
.sub .cus select{width:60%;}
.h3_text{width:70%;}
.h3_text img{width:100%;}
#sss {width:98%;height:100px;border:1px solid #ccc;overflow:auto;}

.frm{margin:1% 2% 1% 0;padding:5px;border:2px solid #fb3a71;font-size:12px;}
.frm img{max-width:100%}
.frm h1{text-align:center}
.frm h4{margin-top:0}
.frm table,
.frm th,
.frm td{border:0}
.frm table{width:100%;table-layout:fixed}
.frm th,
.frm td{padding:8px;text-align:left}
.frm th{vertical-align:top}
.frm hr{padding:5px 0;border:0;border-bottom:1px solid #999}
.frm .item{position:relative;}
.frm .item-br{margin-bottom:8px}
.frm .item-br h4{float:left;width:60px;padding:4px 8px;border-left:4px solid #f33}
.frm .item-br label{display:inline-block;width:75px;margin:0 0 2px 0;font-weight:bold;}
.frm .i_text{padding:2px}
.frm .form-group{margin:10px 0 5px}
.frm .form-group h4{margin-bottom:5px}
.frm .form-group .i_text{margin:2px;padding:3px;border:1px solid #999;box-sizing:border-box}
.frm .form-group .full{width:70%}
.frm .okok h3{display:inline;}
.frm .okok p {display:inline; margin-left:5%}
.frm a{color:#000;font-size:12px;}
.frm .agreement {font-size:11px; letter-spacing:-1px;}

fieldset {margin:0; padding:0}
.inform {position:relative;width:94%;margin:0 0 30px;padding:5px;border:2px solid #FB3A71;}
.inform legend{display:none;}
.inform .label{display:inline-block;width:20%;margin-left:5px;font-weight:bold;text-align:left;font-size:15px;}
.inform p{padding:5px; clear:both; }
.inform .input_text { font-size:13px; width:43%; border:1px solid #ccc; background-color:#f1f1f1; }
.inform .btn{width:95%;margin:0 auto;text-align:right}
.inform .btn .sendimg{height:50px}
.inform .agr  { margin-left:0px; padding:0; margin:0; }
.inform .agr * { font-size:xx-small; }
.inform .agr label { padding-right:10px; }
.inform .agr span { cursor:pointer; _cursor:hand; text-decoration:underline; }
.inform .evbox { display:inline; width:78%; float:right; padding:0px; }
.inform .evbox label { display:block; float:left; font-size:12px; padding-right:10px; }
.inform .olbr { clear: both; }
.inform .inbox { position:relative; display:inline-block; width:100%; padding-top:10px; }
.inform .sss { display:none; margin-left:10px; font-size:11px; width:93%; height:100px; border:1px solid #ccc; overflow:auto; }
.inform .group{padding:5px;clear:both;}
.sinform .group:after{display:block;clear:both;content:''}
.inform .group label{float:left;width:20%;margin:0}
.inform .group .col{margin-left:21%;}
.inform .group select.i_text{padding:4px}
.inform .group .i_text{padding:5px;border:1px solid #ccc;background-color:#f1f1f1;font-size:13px;box-sizing:border-box}
.inform .group .full{box-sizing:border-box;width:100%}
.inform .group .txt-shop{width:73px;font-size:13px}
.inform .group label.evt{display:block;width:98%;font-size:12px}
.inform .group small{font-size:11px;font-weight:normal}
.inform .selected{padding:5px}
.inform .selected span{display:inline-block;padding:4px 6px;border:1px solid #ef4c84;margin:3px 4px 0 0;font-size:0.75em}
.inform .selected .btn-x{margin-left:6px;font-size:inherit;font-weight:bold}

#container .event{;}
#container .event .title{border-bottom:2px solid #ef4c84;margin-bottom:10px}
#container .event .title h2{padding:0 0 0 10px;margin:20px;10px;border-left:5px solid #ef4c84;font-weight:600;font-size:1.3em}
#container .event .event-tbl{width:100%;table-layout:fixed;font-size:12px;padding:6px;margin:0 auto;}
#container .event .event-tbl th, .event-tbl td{border:0;width:inherit;padding:10px 5px;font-size:0.95em;text-align:left}
#container .event .event-tbl th{vertical-align:top}
#container .event .event-tbl td .right{text-align:right;padding:0 20px}
#container .event .event-tbl td .item{margin:-4px 0}
#container .event .event-tbl td .item .i_text{padding:5px;border:1px solid #d7d7d7;font-size:12px;}
#container .event .event-tbl td .item .i_select{padding:4px 2px;border:1px solid #d7d7d7;font-size:12px;}
#container .event .event-tbl td .item .i_check,
#container .event .event-tbl td .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
#container .event .event-tbl td .item label{display:inline-block;margin:2px 4px;cursor:pointer;white-space:nowrap}
#container .event .event-tbl td .item button{background:none;border:none;cursor:pointer;}
#container .event .event-tbl td .item button img{height:35px}
#container .event .event-tbl td .item .more{text-decoration:underline;font-size:xx-small;color:#000;font-weight:600;}
#container .event .event-tbl td .item .privacy{display:none;margin-left:10px;font-size:11px;width:90%;height:100px;border:1px solid #ccc;overflow:auto;}
#container .event .event-tbl td.selected{padding:5px}
#container .event .event-tbl td.selected span{display:inline-block;padding:4px 6px;border:1px solid #ef4c84;margin:3px 4px 0 0}
#container .event .event-tbl td.selected .btn-x{margin-left:6px;font-size:inherit;font-weight:bold}