@charset "utf-8";

/* default Setting */
body { margin:0px; padding:0px; font-family: "NotoSans", "�������", "Malgun Gothic", sans-serif; font-size:13px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
a:link, a:visited, a:active { color:#7a7a7a; 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: "NotoSans", "�������", "Malgun Gothic", sans-serif; }
ul, ol, li { margin:0px; padding:0px; list-style:none; font-family: "NotoSans", "�������", "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: "NotoSans", "�������", "Malgun Gothic", sans-serif; }
input { border:1px solid #ddd;  padding:0 5px; vertical-align:middle; font-size:12px; font-family: "NotoSans", "�������", "Malgun Gothic", sans-serif; }
textarea { padding:2px 5px; border:1px solid #ddd; font-family: "NotoSans", "�������", "Malgun Gothic", sans-serif; }
select { border:1px solid #ddd; height:20px; vertical-align:middle; font-size:12px; padding-left:5px; behavior:url("###"); font-family: "NotoSans", "�������", "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 */

@font-face {
	font-family: 'NotoSans';
	font-style: thin;
	font-weight: 100;
	src: url(../fonts/NotoSans-Thin.eot);
	src: url(../fonts/NotoSans-Thin.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSans-Thin.woff2) format('woff2'), url(../fonts/NotoSans-Thin.woff) format('woff'), url(../fonts/NotoSans-Thin.ttf) format('truetype'), url(../fonts/NotoSans-Thin.svg#NotoSans-light) format('svg');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/NotoSans-Light.eot);
	src: url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSans-Light.woff2) format('woff2'), url(../fonts/NotoSans-Light.woff) format('woff'), url(../fonts/NotoSans-Light.ttf) format('truetype'), url(../fonts/NotoSans-Light.svg#NotoSans-light) format('svg');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/NotoSans-Regular.eot);
	src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSans-Regular.woff2) format('woff2'), url(../fonts/NotoSans-Regular.woff) format('woff'), url(../fonts/NotoSans-Regular.ttf) format('truetype'), url(../fonts/NotoSans-Regular.svg#NotoSans-Regular) format('svg');
}
@font-face {
	font-family: 'NotoSans';
	font-style: bold;
	font-weight: 700;
	src: url(../fonts/NotoSans-Medium.eot);
	src: url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSans-Medium.woff2) format('woff2'), url(../fonts/NotoSans-Medium.woff) format('woff'), url(../fonts/NotoSans-Medium.ttf) format('truetype'), url(../fonts/NotoSans-Medium.svg#NotoSans-medium) format('svg');
}
@font-face {
	font-family: 'NotoSans';
	font-style: bolder;
	font-weight: 900;
	src: url(../fonts/NotoSans-Bold.eot);
	src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSans-Bold.woff2) format('woff2'), url(../fonts/NotoSans-Bold.woff) format('woff'), url(../fonts/NotoSans-Bold.ttf) format('truetype'), url(../fonts/NotoSans-Bold.svg#NotoSans-Bold) format('svg');
}

/* topwrap */
#topwrap { width:100%; background:rgba(0,0,0,0.3); width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px; }
#topwrap div.wrap { overflow:hidden; width:1200px; margin:0 auto; padding:12px 0; }
#topwrap div.wrap div.notice { float:left; font-size:0; line-height:0; }
#topwrap div.wrap div.notice img { margin-right:10px; vertical-align:top; }
#topwrap div.wrap div.notice a { display:inline-block; font-size:15px; color:#fff; line-height:36px; }
#topwrap div.wrap div.top { float:right; overflow:hidden; }
#topwrap div.wrap div.top div.talk { float:left; font-size:19px; color:#fff; line-height:36px; }
#topwrap div.wrap div.top div.talk img { margin-right:10px; vertical-align:top; }
#topwrap div.wrap div.top div.my { float:left; font-size:15px; color:#fff; line-height:36px; }
#topwrap div.wrap div.top div.my span { color:#ffd361; }
#topwrap div.wrap div.top div.my img { margin:8px 5px 8px 20px; vertical-align:top; }
#topwrap div.wrap div.top ul.menu { float:left; overflow:hidden; margin-left:20px; }
#topwrap div.wrap div.top ul.menu li { float:left; margin-left:5px; font-size:0; line-height:0; }
#topwrap div.wrap div.top ul.menu li:first-child { margin-left:0; }
#topwrap div.wrap div.top ul.menu li a { display:block; width:88px; font-size:15px; color:#f4f672; line-height:34px; text-align:center; border-radius:5px; border:1px solid #818183; }
#topwrap div.wrap div.top ul.menu li a:hover { font-weight:600; border:1px solid #f4f672; }
#topwrap div.wrap div.top ul.menu li a.money { color:#f4f672; }
#topwrap div.wrap div.top ul.menu li a.money:hover { font-weight:600; color:#f4f672; border:1px solid #f4f672; }

/* header */
#header { width:100%; background:rgba(0,0,0,0.3); /*box-shadow:0 5px 5px rgba(0,0,0,0.2);*/ width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px; }
#header div.head { position:relative; width:1200px; margin:0 auto; padding:10px 0; }
#header div.head h1 { position:absolute; top:-33px; left:0; font-size:0; line-height:0; }
#header div.head div.gnb { font-size:0; line-height:0; text-align:right; }
#header div.head div.gnb a { display:inline-block; margin-right:70px; font-size:18px; color:#fff; line-height:60px; }
#header div.head div.gnb a:hover { color:#f4f672; }

/* visual */
#visual { position:relative; width:1200px; margin:20px auto 0 auto; width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px; }
#visual div.img { font-size:0; line-height:0; text-align:center; }
#visual div.onoff { position:absolute; bottom:20px; left:0; width:100%; font-size:0; line-height:0; text-align:center; }
#visual div.onoff a { display:inline-block; width:40px; height:5px; margin:0 5px; background-color:#fff; }
#visual div.onoff a.on, #visual div.onoff a:hover { background-color:#404499; }

/* contentsWrap */
#contentsWrap { overflow:hidden; width:1200px; margin:0 auto; padding:20px 0 40px 0; width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px; }
.bs-main-timer{
    width:100%;height:460px;
	
    background:url('../images/main/main-timer.png') no-repeat center;
}
.bs-main-timer .clock{
    position:absolute;bottom:-150px;left:50%; margin-left:-390px !important;
}

/* contents */
#contents { float:left; width:728px; }
#contents div.main { margin-bottom:20px; font-size:0; line-height:0; }
#contents div.main a { display:inline-block; margin-left:10px; }
#contents div.main a:first-child { margin-left:0; }
#contents div.bg { margin-top:0; padding:20px; }
#contents div.list { padding-bottom:15px; font-size:16px; font-weight:600; color:#fff; line-height:27px; border-bottom:1px solid #b5974d; }
#contents div.list img { margin-right:10px; vertical-align:top; }
#contents div.list em { font-size:14px; font-weight:400; line-height:27px; vertical-align:top; }
#contents div.list span { color:#ffd361; }
#contents ul.girl { overflow:hidden; }
#contents ul.girl li { float:left; width:216px; margin:20px 0 0 20px; font-size:0; line-height:0; }
#contents ul.girl li.first { margin:20px 0 0 0; }
#contents ul.girl li a { display:block; position:relative; }
#contents ul.girl li a img { width:230px !important; height:260px !important; }
#contents ul.girl li a div.infor { position:absolute; bottom:0; left:0; width:100%; font-size:13px; color:#fff; line-height:34px; text-align:center; background:rgba(0,0,0,0.7); }
#contents h2 { display:none; margin-top:-5px; padding-bottom:12px; font-size:30px; font-weight:bold; color:#111; line-height:39px; border-bottom:1px solid #111; }
#contents div.image { margin-top:20px; font-size:0; line-height:0; }
#contents ul.area { overflow:hidden; margin-top:20px; }
#contents ul.area li { float:left; width:86px; margin-left:2px; font-size:0; line-height:0; text-align:center; }
#contents ul.area li:first-child { width:88px; margin-left:0; }
#contents ul.area li a { display:block; font-size:14px; color:#fff; line-height:35px; background-color:#505173; }
#contents ul.area li a.on, #contents ul.area li a:hover { color:#fff; background-color:#442f6a; }
#contents ul.guide { overflow:hidden; margin-top:20px; padding:60px 38px; background:rgba(0,0,0,0.7); }
#contents ul.guide li { float:left; width:260px; margin-left:12px; 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 div.price { position:absolute; top:127px; left:0; width:100%; font-size:35px; font-weight:800; color:#fff; line-height:40px; }
#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; }
#contents div.board { margin-top:20px; font-size:0; line-height:0; }
#contents ul.bank { overflow:hidden; margin-top:20px; }
#contents ul.bank li { float:left; margin-left:5px; font-size:0; line-height:0; }
#contents ul.bank li:first-child { margin-left:0; }
#contents div.button { margin-top:40px; font-size:0; line-height:0; text-align:center; }
#contents div.button input { width:170px; height:45px; margin:0 10px; font-size:16px; color:#fff; line-height:45px; text-align:center; border-radius:5px; border:none; background-color:#777; }
#contents div.button input.on { background-color:#442f6a; }

/* right */
#right { float:right; width:300px; }
#right div.title1 { font-size:16px; font-weight:600; color:#fff; line-height:47px; background-color:#4a90e2; }
#right div.title1 img { margin:10px 10px 10px 20px; vertical-align:top; }
#right div.title2 { margin-top:20px; font-size:16px; font-weight:600; color:#fff; line-height:47px; background-color:#43baa8; }
#right div.title2 img { margin:10px 10px 10px 20px; vertical-align:top; }
#right div.title3 { margin-top:20px; font-size:16px; font-weight:600; color:#fff; line-height:47px; background-color:#e47325; }
#right div.title3 img { margin:10px 10px 10px 20px; vertical-align:top; }
#right div.title4 { margin-top:20px; font-size:16px; font-weight:600; color:#fff; line-height:47px; background-color:#C69 ; }
#right div.title4 img { margin:10px 10px 10px 20px; vertical-align:top; }
#right ul.complete { padding:8px 20px 20px 20px; background:rgba(0,0,0,0.7); }
#right ul.complete li { position:relative; width:100%; font-size:13px; color:#fff; line-height:36px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); }
#right ul.complete li em { position:absolute; top:0; left:0; }
#right ul.complete li span { position:absolute; top:0; right:0; padding:0; margin:0; }
#right ul.complete li span.color1 { color:#64e5d1; }
#right ul.complete li span.color2 { color:#dba92e; }
#right div.talk { padding:20px 0; font-size:19px; color:#f3e601; line-height:36px; text-align:center; background:rgba(0,0,0,0.7); }
#right div.talk img { margin-right:10px; vertical-align:top; }
#right ul.talk { padding:20px 0 20px 52px; background:rgba(0,0,0,0.7); }
#right ul.talk li { margin-top:10px; font-size:19px; color:#fff; line-height:36px; }
#right ul.talk li:first-child { margin-top:0; }
#right ul.talk li img { margin-right:10px; }

/* footer */
#footer { width:100%; background-color:#141118; width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px; }
#footer div.fmenu { width:100%; border-top:1px solid #666; border-bottom:1px solid #666; background-color:#2d2018; }
#footer div.fmenu div.wrap { width:1200px; margin:0 auto; font-size:0; line-height:0; }
#footer div.fmenu div.wrap a { display:inline-block; margin-left:20px; padding-left:21px; font-size:13px; color:#fff; line-height:44px; background:url('../images/common/fmenu_line.png') no-repeat left 16px; }
#footer div.fmenu div.wrap a:first-child { margin-left:0; padding-left:0; background:none; }
#footer div.foot { overflow:hidden; margin:0 auto; padding:20px 0 35px 0; background: url(../images/common/copyright_bg.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#footer div.foot div.flogo { float:left; font-size:0; line-height:0; }
#footer div.foot address { float:left; width:800px; margin:2px 0 0 80px; font-size:13px; font-weight:300; font-style:normal; color:rgba(255,255,255,0.7); line-height:22px; }

#footer .company{
	
    width: 100%;
    padding: 25px 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: url(../images/common/company_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}

table.board-write { width:100%; border-top:1px solid #222; }
table.board-write th { font-size:14px; font-weight:400; color:#fff; line-height:29px; padding:10px 0 10px 20px; text-align:left; background-color:#000; border-bottom:1px solid #222; }
table.board-write td { font-size:14px; font-weight:400; color:#ccc; line-height:29px; padding:10px 0 10px 20px; text-align:left; border-bottom:1px solid #222; }
table.board-write td input { height:29px; 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; background:none; }
table.board-write td select { height:29px; font-size:13px; color:#ccc; 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:#333; border:1px solid #222; }

.mgtop0 { margin-top:0 !important; }