@charset "utf-8";

/* gamja-flower-regular - latin */
@font-face {
  font-family: 'Gamja Flower';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gamja-flower-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gamja Flower Regular'), local('GamjaFlower-Regular'),
       url('../fonts/gamja-flower-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gamja-flower-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gamja-flower-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gamja-flower-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gamja-flower-v5-latin-regular.svg#GamjaFlower') format('svg'); /* Legacy iOS */
}

/* 공통요소 */
.sr-only{
	position:absolute;left:-9999px;
}


header>nav{
	position:fixed;
	right:5px;
	top:45%;
}


header>nav>ul>li{
	margin-bottom:10px;
}

header>nav>ul>li>a{
	display:block;
	text-align:right;
	font-weight:400;
	line-height:25px;
	margin-right:30px;
	font-size:10px;
	/* width:10px; */
	/* height:10px; */
	/* margin-left:5px; */
	/* text-indent:-9999px; */
	/* background-color:rgba(0,0,0,0.85); */
	/* border-radius:12px; */
}


header>nav>ul>li.on>a{
	color:#fff;
	/* width:12px; */
	/* height:12px; */
	/* margin-left:2px; */
	/* background:none; */
	/* border:2px solid white; */
	/* border-radius:7px; */
	
}

header>.ro{
	position:fixed;
	right:0;
	top:48%;
}


header>.ro>ul>li>a{
	display:block;
	/* text-align:right; */
	/* font-weight:400; */
	/* line-height:25px; */
	/* margin-right:30px; */
	/* font-size:10px; */
	width:10px;
	height:10px;
	margin-left:5px;
	text-indent:-9999px;
	background-color:rgba(0,0,0,0.85);
	border-radius:12px;
}


header>.ro>ul>li.on>a{
	/* color:#fff; */
	width:12px;
	height:12px;
	margin-left:2px;
	background:none;
	border:2px solid white;
	border-radius:7px;
	
}

/* 컨텐츠 영역 */



section>.cont1{
	
	overflow:hidden;
	width:100%;
    height:auto;
}

.qp {
	overflow:hidden;
	z-index:999999999;
	position:absolute;
	left:51.7%;
	top:49.5%;
	background-image:url(../images/f1.png);
	width:829px;
	height:230px;
	transform: translate(-50%, -50%);
	
}


.line_b{border-bottom:#ccc 1px solid;}
.line_l{border-left:#ccc 1px solid;}
.line_r{border-right:#ccc 1px solid;}
.line_t{border-top:#ccc 1px solid;}

table, th , td{border: 1px solid #ccc; text-align:-webkit-center;}

td {padding-top:4px;}
	p{
		font-size: 14px!important;
		color:#666666!important;
	}

	

#header.on .m_btn a{background: url(../images/menu_btn.png)no-repeat 50% 50%;}

.top{width:100%;height:350px;background: url(../images/main_ty.png)no-repeat 50% 50%;background-size: cover;}


@media (max-width:900px) {
    #contents-box{width:100% !important;padding: 0 20px 50px !important;box-sizing: border-box;}
    .b_title{width:100% !important;}
    #price{width:100% !important;}
    .bb{width:100% !important;}
}
@media (max-width:500px) {
    .top{height:300px !important;}
    .b_title{background-size: cover;margin:40px 0 20px 0 !important;height:28px !important;}
}
@media (max-width:350px) {
    .top{height:200px !important;}
    .bb{font-size:12px !important;}
    .bb p{font-size:12px !important;}
    #total_period{font-size:12px !important;letter-spacing: -1px;}
}