@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* default Setting */
body { margin:0px; padding:0px; font-family:"Pretendard-Regular", "�������", "Malgun Gothic", sans-serif; font-size:13px; background: #d3d3d3; }
a:link, a:visited, a:active { color:#FFF; text-decoration:none; }
a:hover { color:#333; text-decoration:none; }
div, p, span { margin:0px; padding:0px; word-break:keep-all; word-wrap:break-word; }
dl, dt, dd { margin:0px; padding:0px; font-family:"Pretendard-Regular", "�������", "Malgun Gothic", sans-serif; }
ul, ol, li { margin:0px; padding:0px; list-style:none; font-family:"Pretendard-Regular", "�������", "Malgun Gothic", sans-serif; word-break:keep-all; word-wrap:break-word; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-size:0; line-height:0; }
table, th, td { margin:0px; border:0px; padding:0px; border-collapse:collapse; font-family:"Pretendard-Regular", "�������", "Malgun Gothic", sans-serif; }
input { border:1px solid #ddd; padding:2px 5px; vertical-align:middle; font-size:12px; font-family:"Pretendard-Regular", "�������", "Malgun Gothic", sans-serif; outline: none }
textarea { padding:2px 5px; border:1px solid #ddd; font-family:"Pretendard-Regular", "�������", "Malgun Gothic", sans-serif; }
select { border:1px solid #ddd; height:20px; vertical-align:middle; font-size:12px; padding-left:5px; behavior:url("###"); font-family:"Pretendard-Regular", "�������", "Malgun Gothic", sans-serif; }
fieldset, form, label { margin:0px; padding:0px; border:none; }
em { font-style:normal; }
img { border:0;selector-dummy:expression( this.hideFocus=true); vertical-align:middle; }
a { border:0;selector-dummy:expression( this.hideFocus=true); vertical-align:top; }
hr, caption, legend { display:none; }
label { cursor:pointer; }
/* default Setting END */

.wrap { position:relative; width:470px; margin:0 auto; *zoom:1; }
.wrap:after { content:""; display:block; clear:both; }

/* header */
#header { width:100%; }
#header h1 { padding:10px 0; font-size:0; line-height:0; text-align:center; background-color:#000; }
#header h1 img { height:50px; }
#header div.gnb { border-top:1px solid #000; border-bottom:1px solid #000; background-color:#000; }
#header ul.gnb { overflow:hidden; width:470px; margin:0 auto; }
#header ul.gnb li { float:left; width:20%; }
#header ul.gnb li:first-child a { border-left:1px solid #000; }
#header ul.gnb li a { display:block; font-size:13px; color:#fff; line-height:42px; text-align:center; border-right:1px solid #000; }
#header ul.gnb li a.on, #header ul.gnb li a:hover { font-weight:600; color:#C90; }
#header div.notice { font-size:0; line-height:0; }
#header div.notice a { display:block; font-size:13px; font-weight:600; color:#f4f672; line-height:42px; }
#header div.notice a img { height:12px; margin:15px 8px 0 0; vertical-align:top; }

/* main */
#main { width:100%; max-width:640px; margin:0 auto; }
#main div.visual { width:100%; }
#main div.visual div.img1 { position:relative; height:640px; background:url('/mobile_main_files/xba1.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main div.visual div.img1 img { position:absolute; top:50%; left:50%; margin:-67px 0 0 -235px; font-size:0; line-height:0; }
#main div.visual div.img2 { position:relative; height:640px; background:url('/mobile_main_files/xba2.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main div.visual div.img2 img { position:absolute; top:50%; left:50%; margin:-67px 0 0 -235px; font-size:0; line-height:0; }
#main div.visual div.img3 { position:relative; height:640px; background:url('/mobile_main_files/xba3.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main div.visual div.img3 img { position:absolute; top:50%; left:50%; margin:-67px 0 0 -235px; font-size:0; line-height:0; }
#main div.visual div.img4 { position:relative; height:640px; background:url('/mobile_main_files/xba4.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main div.visual div.img4 img { position:absolute; top:50%; left:50%; margin:-67px 0 0 -235px; font-size:0; line-height:0; }
#main div.bg { margin-top:15px; padding:15px; background-color:rgba(0,0,0,0.5); }
#main div.bg input { width:100%; height:30px; margin-bottom:10px; padding-left:10px; font-size:13px; color:#ddd; border-radius:3px; border:1px solid #7d7469; background-color:#111; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#main div.button { font-size:0; line-height:0; }
#main div.button a { display:inline-block; width:48.5%; margin-left:3%; font-size:13px; font-weight:600; color:#fff; line-height:28px; text-align:center; text-shadow:0 0 1px rgba(0,0,0,0.1); border-radius:3px; border:0px solid #404499; background:url('/mobile_main_files/btn_bg.jpg') repeat-x left top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#main div.button input[type=submit] { display:inline-block; width:48.5%; margin:0 0 0 3%; padding:0; font-size:13px; font-weight:600; color:#fff; line-height:28px; text-align:center; text-shadow:0 0 1px rgba(0,0,0,0.1); border-radius:3px; border:0px solid #404499; background:url('/mobile_main_files/btn_bg.jpg') repeat-x left top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#main div.button a:first-child { margin-left:0; }
#main div.button a.more { width:100%; margin:0; }
#main ul.model { overflow:hidden; margin-bottom:15px; }
#main ul.model li { float:left; width:48.5%; margin-left:3%; }
#main ul.model li:first-child { margin-left:0; }
#main ul.model li a { display:block; position:relative; }
#main ul.model li a span { position:absolute; bottom:0; left:0; width:100%; font-size:13px; color:#fff; line-height:32px; text-align:center; background:rgba(0,0,0,0.7); }
#main ul.model li a strong { margin-right:10px; font-weight:600; color:#f4f672; vertical-align:top; }
#main ul.model li a img { width:100%; }
#main div.party { margin-top:15px; }
#main div.party img { max-width:100%; }

/* contents */
#contents { width:100%; }
#contents div.image { margin-top:15px; font-size:0; line-height:0; }
#contents div.image img { max-width:100%; }
#contents ul.model { overflow:hidden; }
#contents ul.model li { float:left; width:48%; margin:15px 1% 0 1%; }
#contents ul.model li a { display:block; position:relative; }
#contents ul.model li a span { position:absolute; bottom:0; left:0; width:100%; font-size:13px; color:#fff; line-height:32px; text-align:center; background:rgba(0,0,0,0.7); }
#contents ul.model li a strong { margin-right:10px; font-weight:600; color:#f4f672; vertical-align:top; }
#contents ul.model li a img { width:100%; }
#contents ul.model li a.btn1 { display:block; margin-top:5px; font-size:13px; color:#fff; line-height:32px; text-align:center; background-color:#e47325; }
#contents ul.model li a.btn2 { display:block; margin-top:5px; font-size:13px; color:#fff; line-height:32px; text-align:center; background-color:#333; }
#contents div.bg { margin-top:15px; padding:15px; background-color:rgba(0,0,0,0.5); }
#contents div.bg img { max-width:100%; }
#contents ul.guide { overflow:hidden; margin-top:20px; padding:15px; background:rgba(0,0,0,0.7); }
#contents ul.guide li { float:left; width:32%; margin-left:2%; text-align:center; }
#contents ul.guide li:first-child { margin-left:0; }
#contents ul.guide li div.img { position:relative; font-size:0; line-height:0; }
#contents ul.guide li div.img img { max-width:100%; }
#contents ul.guide li div.img div.price { position:absolute; top:50%; left:0; width:100%; font-size:16px; font-weight:800; color:#fff; line-height:20px; }
#contents ul.guide li p.time { margin-top:20px; font-size:24px; font-weight:600; color:#ff76b8; line-height:33px; }
#contents ul.guide li p.time em { display:block; font-size:18px; font-weight:400; color:#fff; line-height:27px; }
#contents ul.guide li p.txt { margin-top:15px; font-size:14px; color:#ddd; line-height:23px; }

/* talk */
#talk { display:none; position:fixed; bottom:15px; right:15px; font-size:0; line-height:0; }
#talk a { display:block; }
#talk a img { width:45px; height:45px; }

/* footer */
#footer { width:100%; max-width:640px; margin:15px auto 0 auto; }
#footer div.kakaooo { font-size:16px; color:#3e2f34; line-height:43px; text-align:center; background-color:#f9e81e; }
#footer div.kakaooo img { margin:6px 6px 0 0; vertical-align:top; }
#footer div.pandora { margin-top:15px; font-size:16px; font-style:italic; color:#fff; line-height:61px; text-align:center; background:url('/mobile_main_files/common/flower_bg.jpg') no-repeat center top; }
#footer div.pandora strong { margin-left:10px; font-size:22px; font-weight:800; color:#f6e850; line-height:61px; vertical-align:top; }
#footer address { margin-top:15px; padding:15px 0; font-size:13px; font-style:normal; font-weight:300; color:rgba(255,255,255,0.8); line-height:22px; text-align:center; background:#141118; }

table.board-write { width:100%; margin-top:15px; border-top:1px solid #222; background-color:rgba(0,0,0,0.5); }
table.board-write th { font-size:13px; font-weight:400; color:#fff; line-height:26px; padding:8px 0 8px 15px; text-align:left; background-color:#000; border-bottom:1px solid #222; }
table.board-write td { font-size:13px; font-weight:400; color:#ccc; line-height:26px; padding:8px 0 8px 15px; text-align:left; border-bottom:1px solid #222; }
table.board-write td input { height:26px; padding-left:10px; font-size:13px; color:#ccc; border:none; background:rgba(0,0,0,0.5); vertical-align:top; }
table.board-write td input.radio { margin:0 8px 0 0; padding:0; border:none; vertical-align:top; background:none; }
table.board-write td select { height:26px; font-size:13px; color:#fff; border:none; background:rgba(0,0,0,0.5); vertical-align:top; }
table.board-write td textarea { width:90%; height:120px; font-size:12px; color:#ccc; border:1px solid #222; background:rgba(0,0,0,0.5); }
table.board-write td label { vertical-align:top; }

@media screen and (max-width:480px) {
	.wrap { width:auto; margin:0 15px; }

	#header ul.gnb { width:auto; margin:0 15px; }

	#main div.visual div.img1 { height:390px; }
	#main div.visual div.img1 img { height:110px; left:15px; margin:-55px 0 0 0; }
	#main div.visual div.img2 { height:390px; }
	#main div.visual div.img2 img { height:110px; left:15px; margin:-55px 0 0 0; }
	#main div.visual div.img3 { height:390px; }
	#main div.visual div.img3 img { height:110px; left:15px; margin:-55px 0 0 0; }
		#main div.visual div.img4 { height:390px; }
	#main div.visual div.img4 img { height:110px; left:15px; margin:-55px 0 0 0; }
}