@charset "utf-8";
/* CSS Document */


/***** 상단 *****/
.top_link_naver {
    position: absolute;
    top: 50px;
    left: 0;
}
.count {
    position: absolute;
    top: 50px;
    right: 0;
}
.count dd {
    color: #454545;
    padding: 0 10px 0 20px;
    margin-bottom: 10px;
    font-family: 돋움;
    font-size: 12px;
}
.count dd span {
    display: inline-block;
    background: #0e76bc;
    border-radius: 35px;
    border: 1px solid #0e76bc;
    color: #fff;
    margin-left: 10px;
    padding: 0 15px;
    letter-spacing: 0.1em;
}



.top_wrap{ 
	background:#e8ecf5;
} 	/*수정 코드추가 margin-top:130px; */

.main_img_box {
	float:left;
	margin:20px 0 20px;
	position: relative;
}

/* 메인 비주얼 슬라이드 */
.spot {
	position:relative;
	float:left;
	width:920px;
	height:370px;
	overflow:hidden;
	z-index:0;
	margin-right:20px;
}
.spot_images {
	width:100%;
	height:370px;
	overflow:hidden;
}
.spot_images .spot_image1, .spot_images .spot_image2, .spot_images .spot_image3 {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:370px;
	text-align:center;
	overflow:hidden;
}
.spot_images .spot_image2, .spot_images .spot_image3 {
	opacity:0;
	filter:alpha(opacity=110);
}
.spot_images .image {
	height:370px;
}
.spot_images .image div {
	position:relative;
	width:920px;
	height:370px;
	margin:0 auto;
	text-align:left;
	overflow:hidden
}
.spot_images .image div {
	width:920px;
}
.spot_image1 {
	background:url("../img_visual/visual1.png") repeat-x 100% 0;
}
.spot_image2 {
	background:url("../img_visual/visual2.png") repeat-x 100% 0;
}

.mainshow {
	z-index:0;
!important
}
.spot_static {
	position:absolute;
	bottom:10px;
	left:47%;
	z-index:999;
	float:left;
	margin-right:10px;
}
#main_txt_title {
	position:relative;
	top:560px;
	left:90px;
	text-align:left;
	font-size:22px;
	line-height:24px;
	font-weight:600;
}
/* 메인 비주얼 슬라이드 끝 */


/* 팝업존 */
.popupzone {
	float: left;
	width: 320px;
	background: #1cb0e6;
	border-radius: 7px;
}
.popupzone h2 {
    float: left;
    font-size: 17px;
    color: #fff;
    padding: 13px 20px 12px;
	font-weight:400;
	letter-spacing:-0.5pt;
	line-height:30px;
}
.popupzone ul {
    float: right;
    padding: 9px 20px 0;
}
.popupzone ul li {
    display: inline-block;
    float: left;
}
/* 팝업존 끝 */

.notice{
	float:left;
	width:450px;
	height:300px;
	background:url(../img_visual/notice_bg.png);
	margin: 0 20px 30px 0;

}
.notice .t{
	font-size:18px;
	color:#f6a200;
	margin-bottom:18px;
	text-align: left;
	font-weight:bold;
	letter-spacing: -1pt;
	background:url(./img_visual/notice_icon.png)360px 0px no-repeat;
}
.notice .name{
	font-size:21px;
	color:#212122;
	margin-bottom: 17px;
	margin-top: 18px;
	text-align: justify;
	font-weight:500;
	letter-spacing: -0.5pt;
	line-height: 24px;	
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	width:260px; 
}
.notice .time{
	font-size:15px;
	color:#696969;
	text-align: left;
	font-weight: 500;
}
.notice .line{
	border-top:1px solid #cac6ca;
	margin: 29px 0 14px;
}
.list{
	float: left;
	width: 390px;
	height: 240px;
	margin: 30px;
}
.list ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
.list ul li {
	font-size:13px;
}
.list ul li span.tit {
	float:left;
	padding:4px 0px;
	color:#232323;
	width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.list ul li span.date {
	float:right;
	width:7%;
	font-size:12px;
	color:#757575;
	text-align:right;
	letter-spacing:0.1px;
	padding:4px 0px;
	margin-right: 5px;
}
.n_img{
	width:100px;
	height:100px;
	float:left;
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin-right:20px;
	margin-top: -5px;
	}
.list_view{
	width: 390px;
	height:100px;
	border-bottom:1px solid #cac6ca;
	margin-bottom:10px;
	padding-bottom:8px;
	}


/* 버튼 */
.button{
	float:left;
	width:450px;
	height:300px;
	margin-right: 20px;
}
.btn_img{
	float:left;
	height:184px;
}
.btn_img1{
	float:left;
	height:117px;
}
/* 버튼 끝 */


/* 일정관리 */
.schedule {
	position: relative;
	float: right;
	width: 320px;
	height: 300px;
	overflow: hidden;
	background: #fff;
}
.schedule h2 {
	font-size: 17px;
	color: #fff;
	padding: 13px 20px 12px;
	background:url(../img_visual/schedule_icon.png)220px 15px no-repeat #9ac940;
	font-weight:400;
	letter-spacing:-0.5pt;
}
.schedule .control {
    text-align: center;
    background: #d91b5c;
}
.schedule .control .prev {
    float: left;
    padding-top: 5px;
}
.schedule .control .next {
    float: right;
    padding-top: 5px;
}
.schedule .control .date {
    font-size: 25px;
    color: #fff;
}
.schedule_list {
    padding: 20px;
    border-bottom: 1px dashed #dedede;
}
.schedule_list ul {
    height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}
.schedule_list ul li {
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede;
    color: #656565;
	overflow:hidden;
}
.schedule_list ul li a {
    font-size: 15px;
    font-weight: 500;
    color: #232323;
	width: 280px;
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.schedule_list ul li span.period {
	width: 250px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #656565;
}
/* 일정관리 끝 */
/***** 상단 끝*****/



/***** 탭 *****/
/* * { box-sizing: border-box; } */
.tabs {
    display: flex;
    flex-wrap: wrap;
	margin-top:40px;
}
.tabs label[for="tabone"] {
    width: 420px;
	height:63px;
    order: 0;
    display: block;
    padding: 17px 0 0;
    text-align: center;
	font-size:25px;
    font-weight: 500;
    color: #a1a1a1;
    cursor: pointer;
    transition: background ease 0.2s;
	background: url('../img_visual/tap_arrow1.gif')0 0 no-repeat #FFF;
}
.tabs label[for="tabtwo"] {
    width: 420px;
	height:63px;
    order: 0;
    display: block;
    padding: 17px 0 0;
    text-align: center;
	font-size:25px;
    font-weight: 500;
    color: #a1a1a1;
    cursor: pointer;
    transition: background ease 0.2s;
	background: url('../img_visual/tap_arrow2.gif')0 0 no-repeat #FFF;
}
.tabs label[for="tabtree"] {
    width: 420px;
	height:63px;
    order: 0;
    display: block;
    padding: 17px 0 0;
    text-align: center;
	font-size:25px;
    font-weight: 500;
    color: #a1a1a1;
    cursor: pointer;
    transition: background ease 0.2s;
	background: url('../img_visual/tap_arrow3.gif')0 0 no-repeat #FFF;
}
/* 박스배경 */
.tabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    background: #FFF;
	margin: 10px 0 70px;
}
.tabs input[type="radio"] {
    display: none;
}
/* 탭 눌렀을때 컬러 */
.tabs input[type="radio"]:checked + label {
    color: #FFF;
	background: url('../img_visual/tap_arrow.gif')0 0 no-repeat #FFF;
}
.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}


/*** 렌탈상품 ***/
.rental {
	margin-top:0px;
	overflow:hidden;
}
.rental:first-child {
	margin-top:0;
}
.rental .title {
	color:#464646;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	letter-spacing:-1pt;
	line-height:40px;
}
.rental .title span {
	color:#0054a6;
}
.rental .box {
	float:left;
	width:305px;
	margin: 5px 10px 5px 0;
	border:1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align:center;
}
.rental .box2 {
	float:left;
	width:303px;
	margin-right:12px;
	margin-bottom:15px;
	border:1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	text-align:center;
} /*수정전 	width:305px;*/
.rental .box:last-child {
    margin-right:0px;
}

.rental .data {
	overflow:hidden;
	border-top:1px solid #cfcfcf;
	padding:15px 12px;
}
/* A3, 흑백, 컬러 등 구분 */
.rental .data size {
	float:left;
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #0054a6;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	line-height:26px;
	margin:0 4%;
}
	/*margin:0 13% 0 10%;
  /*수정전 margin-right:5px;*/
.rental .data black {
	float:left;
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #636363;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	line-height:26px;	
} /*수정전 	margin-right:5px;*/
.rental .data color {
	float:left;
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #ff5a00;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	margin-right:5px;
	line-height:26px;
}
.rental .data spec {
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #ed145b;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	/*수정 코드추가*/margin:0 auto;
	/*수정 코드추가*/display:block;
	line-height:26px;
} /*수정전 	float:left;	margin-right:5px;*/
.rental .data used {
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #39b54a;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	/*수정 코드추가*/margin:0 auto;
	/*수정 코드추가*/display:block;
	line-height:26px;
} /*수정전 	float:left; margin-right:5px;*/
.rental .data asdf {
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #89b03e;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	/*수정 코드추가*/margin:0 auto;
	/*수정 코드추가*/display:block;
	line-height:26px;
} /*수정전 	float:left; margin-right:5px;*/
.rental .data qwer {
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #1d60aa;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	/*수정 코드추가*/margin:0 auto;
	/*수정 코드추가*/display:block;
	line-height:26px;
} /*수정전 	float:left; margin-right:5px;*/
.rental .data zxcv {
	width:94px;
	height:26px;
	border-radius:15px;
	background-color: #b03e86;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:400;
	padding:2px 0 0;
	/*수정 코드추가*/margin:0 auto;
	/*수정 코드추가*/display:block;
	line-height:26px;
} /*수정전 	float:left; margin-right:5px;*/
/* A3, 흑백, 컬러 등 구분 끝 */
.rental .data .division {
	overflow: hidden;
	margin-bottom:15px;
	text-align:center;
	/*수정 코드추가*/ margin: 5px 0px 5px 32px;
}
.rental .data .txt {
	font-size:16px;
	color:#555;
	line-height:20px;
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow:hidden;
	width:280px;
	/*수정 코드추가*/text-align:center;
} /*수정전 	letter-spacing:-0.5pt;*/
.rental .data .tit {
	color:#111;
	font-size:19px;
	font-weight:500;
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow:hidden;
	width:280px;
	/*수정 코드추가*/text-align:center;
} /*수정전 	letter-spacing:-1pt;*/
.rental .data .price {
	color:#8dc63f;
	font-size:20px;
	font-weight: bold;
	letter-spacing:-1pt;
	line-height:30px;
	margin-top:8px;
	text-align:center;
}  /*수정전 	color:#ef0000; font-size:32px;*/
.rental .data .price .month {
	color:#111;
	font-size:18px;
	font-weight: 600;
	/*수정 코드추가*/margin:5px; 
}
.rental .data .price .won {
	color:#111;
	font-size:18px;
	font-weight: 600;
	/*수정 코드추가*/margin:5px; 
} /*수정전 color:#111; font-size:16px;*/
/*수정 코드추가*/
.rental .data .price price_num {
	color:#8dc63f;
	font-size:18px;
	font-weight: 600;
	/*수정 코드추가*/margin:5px; 
}


/***** 판매상품 *****/
.market_box {
    width: 1260px;
    margin: 0 0 45px;
	overflow:hidden;
}

/* 판매상품 tab */
.market_tabs {
    width: 1260px;
    /*margin: 0 0 35px;*/
    border-top: 1px solid #dedede;
}
.market_tabs:after {
    content: "";
    display: table;
    clear: both;
}
.market_tabs input[type=radio] {
    display: none;
}
.market_tabs input[type="radio"]:checked + label {
    color: #ff9fa2;
	background: #FFF;
}
.market_tabs label {
    display: block;
    float: left;
    width: 12.50%;
    height: 100px;
    text-align: center;
    color: #656565;
    cursor: pointer;
    -webkit-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
    font-size: 15px;
    box-sizing: border-box;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
	background:#FFF;
	font-weight:400;
	padding:10px 0 0;
}
.market_tabs label.last_tabs {
    border-right: 1px solid #dedede;
}
.market_tabs label:hover {
    border: 1px solid #ff9ea1;
    color: #ff9fa2;
}
.market_tabs [id^="market_tab"]:checked + label {
    border: 1px solid #ff9ea1;
    color: #ff9fa2;
}
/* 상품 내용 */
.market_tab_content {
    display: none;
    width: 100%;
}
.market_tab_content .box {
	float:left;
	width:303px;
	margin-right:12px;
	margin-bottom: 15px;
	border:1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
} /*수정전 	padding:10px 10px 15px;*/
.market_tab_content .box  .data .division2 {
	text-align:center;
	margin-top:10px;
}
.market_tab_content .box  .data .division2 img {
	width:70px !important;
	height:26px !important;
	display:inline-block;
}
.market_tab_content .box  .data .division2 .img_left{
	margin-right:5px;
}
.market_tab_content .box:last-child {
    margin-right:0px;
}

.market_tab_content .data {
	overflow:hidden;
	/*수정 코드추가*/border-top:1px solid #cfcfcf;
	padding:10px 10px 15px 10px;
	/*border-top:1px solid #cfcfcf;*/
}
.market_tab_content .data .tit {
	color:#111;
	font-size:16px;
	line-height:20px;
	letter-spacing:-0.5pt;
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow:hidden;
	width:280px;
	text-align:center;
	margin-top:5px;
}
.market_tab_content .data .price {
	color:#8dc63f;
	font-size:23px;
	font-weight: 500;
	letter-spacing:-0.5pt;
	line-height:20px;
	margin-top:8px;
	text-align:center;
}
.market_tab_content .data .price won {
	color:#666;
	font-size:15px;
	font-weight: 300;
}
.market_tab_content .market_img {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 220px;
	height: 220px;
	/*수정 코드추가*/ padding:10px;
}
.market_tab_content img {
	width:100%;
	height:100%;
}

#market_tab1:checked ~ #market_tab_content1,
#market_tab2:checked ~ #market_tab_content2,
#market_tab3:checked ~ #market_tab_content3,
#market_tab4:checked ~ #market_tab_content4,
#market_tab5:checked ~ #market_tab_content5,
#market_tab6:checked ~ #market_tab_content6,
#market_tab7:checked ~ #market_tab_content7,
#market_tab8:checked ~ #market_tab_content8,
#market_tab9:checked ~ #market_tab_content9,
#market_tab10:checked ~ #market_tab_content10,
#market_tab11:checked ~ #market_tab_content11,
#market_tab12:checked ~ #market_tab_content12,
#market_tab13:checked ~ #market_tab_content13,
#market_tab14:checked ~ #market_tab_content14,
#market_tab15:checked ~ #market_tab_content15,
#market_tab16:checked ~ #market_tab_content16 {
    display: block;
}