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

#wrap { position:relative; height:auto !important; } /*수정전 position:relative; width:100%; height: auto !important;*/

/*상단*/
.search_box{ float:left; width:500px; height:366px; background:#333; margin-bottom:13px; /*width:260px; margin-left:1px; padding:10px 15px;*/}
.search_box .tit{ font-size:18px; color:#fff;  padding-bottom:10px; background:url(../img/search_icon.png) 80px 2px  no-repeat;}
div#select_box {
				position: relative;
				height: 40px;
				display: inline-block;
				background: url(../img/arrow-down.png) right center no-repeat;
				vertical-align: middle; z-index: 1; font-size: 14px;  background-color: #fff; margin-bottom: 10px;
			}
div#select_box label {
				position: absolute; top: 10px; left: 10px; color: #323232; z-index: -1; background:#fff;
			}
div#select_box select#choice {
				width: 100%;
				height: 40px;
				min-height: 40px;
				line-height: 40px;
				padding-left:0px;
				opacity: 0;
				filter: alpha(opacity=0);
				-webkit-appearance: none; -moz-appearance: none; appearance: none;

			}
.search_btn a{display:block; width:230px; height:50px; background:#ed1c24; color:#fff; text-align:center; font-size:15px; padding-top:10px; }			






/* 메인 비주얼 슬라이드*/
.spot {
	position:relative;
	height:366px;
	overflow:hidden;
	z-index:0;
	float:right;
	width:750px;
	/*width:990px;*/
}
.spot_images {
	width:100%;
	height:366px;
	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:366px;
	text-align:center;
	overflow:hidden;
}
.spot_images .spot_image2, .spot_images .spot_image3 {
	opacity:0;
	filter:alpha(opacity=110);
}
.spot_images .image {
	height:366px;
}
.spot_images .image div {
	border:1px solid #ddd;
	position:relative;
	width:750px;
	/*width:990px;*/
	height:366px;
	margin:0 auto;
	text-align:left;
	overflow:hidden
}
.spot_images .image div {
	width:750px;
	/*width:990px;*/
}
.spot_image1 {
	background:url("../img/main_visual.jpg") repeat-x 50% 0; /*visual1.jpg*/
}
.spot_image2 {
	background:url("../img/main_visual.jpg") repeat-x 50% 0; /*visual2.jpg*/
}
.spot_image3 {
	background:url("../img/main_visual.jpg") repeat-x 50% 0; /*visual3.jpg*/
}
.mainshow {
	z-index:0;
!important
}
.spot_static {
	position:absolute;
	bottom:10px;
	right:20px;
	z-index:999;
	float:left;
	width:38px;
	/*bottom:23px;
	right:410px;
	z-index:999;
	float:left;
	width:140px;*/
}
#main_txt_title {
position:relative;
top:560px;
left:90px;
text-align:left;
font-size:22px;
line-height:24px;
font-weight:600;
}
/* 메인 비주얼 슬라이드 끝 */


/*****************삭제하지말것 (기존탭3개짜리/주석지우면사용가능)*********************************/
/*메인 tab*/
/**, *:before, *:after {box-sizing: border-box;}
.content_wrap {position:relative;}

.tabs {width:1260px; height: auto !important; margin:0 auto; }
.tabs:after {content: ""; display:table; clear:both; }
.tabs input[type=radio] { display:none;}
.tabs label { display:block; float:left;  border-bottom:1px solid #ccc;  width:100%;  padding:15px;  background-color: #ebebeb;  text-align:center;  color:#afafaf;  cursor: pointer;  -webkit-transition: background-color 150ms ease-in-out;  transition:background-color 150ms ease-in-out; font-size:30px; border-top:1px solid #ddd; letter-spacing:12px; } /*수정전 display: block; float:left;  border-bottom:1px solid #ccc;  width:33.333%;  padding:20px;  background-color: #ebebeb;  text-align:center;  color:#afafaf;  cursor: pointer;  -webkit-transition: background-color 150ms ease-in-out;  transition:background-color 150ms ease-in-out; font-size:20px; border-top:1px solid #ddd;*/
/*.tabs label:hover {}
.tabs [id^="tab"]:checked + label { background:#0095ff; border-bottom:1px solid #fff; color:#FFF; font-weight:600; } /*수정전 background:#353d52; border-bottom:1px solid #fff; color:#FFF; font-weight:600;*/
/*.tab_content {  display: none;  border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding:0 10px 0px; height:1300px;}

#tab1:checked ~ #tab_content1,#tab2:checked ~ #tab_content2,#tab3:checked ~ #tab_content3 {  display: block;}

div.total_list{background:#fff;   margin-bottom:25px; text-align:center;}
div.total_list ul{ display:inline-block; border:1px solid #dfdfdf; width:98px; text-align:center; margin-left:2px; margin-top:20px;}
div.total_list ul:first-child{margin-left:0;}
div.total_list ul li.tit{ background:#f1f3f4; color:#000; font-size:14px; padding:13px 0; margin-bottom:5px; } /*수정전 background:#1172b7; color:#fff; font-size:14px; padding:13px 0; margin-bottom:5px;*/
/*div.total_list ul li.num{ margin:0 7px 15px 7px;   font-weight:600; color:#ed1c24;}
div.total_list ul li.num a{ display:block; width:82px; height:28px; color:#ed1c24;  background:#f1f3f4; border:1px solid #ebebeb; border-radius: 46px;padding:3px 0; } /*수정전 display:block; width:82px; height:28px; color:#ed1c24;  background:#ebebeb; border:1px solid #ebebeb; border-radius: 46px;padding:3px 0;*/
/*div.total_list ul li.num a:hover{color:#fff;  background:#ed1c24; border:1px solid #ed1c24;}


/*메인 좌측 */
/*.left_box{float:left; width:158px; height:100px; margin-right:9px;}
.counter{}
.counter ul{ border-top:2px solid #464d60;  border-left:1px solid #ebebeb;  border-right:1px solid #ebebeb;}
.counter ul li{border-bottom:1px solid #ebebeb; padding:12px}
.counter ul li span{ color:#ed1c24; font-weight:600;}
.left_box p{ margin-bottom:28px;}

/*메인 우측 */
/*.right_box{display:inline-block; width:1070px;}
.regist_btn{margin:0 0 20px 0; text-align:center;  font-size:24px; line-height:2;}
.regist_btn a{display:block; width:1073px; height:64px; color:#fff200; background:url(../img/btn_sale_bg.jpg); padding-top:8px;}
.regist_btn a:hover{background:url(../img/btn_sale_bg_o.jpg);}

.main_board_list_total{ position:absolute; /*top:360px;*/ color:#363636; font-size:16px;}
/*.main_board_list_total span.num{font-weight:600;}
.main_board_list_total p.more{ float:right; margin-left:20px; vertical-align:bottom;}

.main_board_list_box{ margin-bottom:20px; width:100%; height:880px; overflow:hidden;}

/*메인 리스트 */
/*table.main_board_list {width:100%; }
table.main_board_list thead th {text-align:center; color:#2b2b2b; padding:7px 3px 15px;font-weight:600; border-bottom:2px solid #333; }
table.main_board_list tbody tr:hover {background-color:#f7f6f5;}
table.main_board_list tbody td {padding:6px 5px; text-align:center;color:#333;border-bottom:1px solid #eee; height:76px;}
table.main_board_list tbody td a {color:#333;}
table.main_board_list tbody td.left {text-align:left;}
table.main_board_list tbody td.s {color:#888; font-size:12px;}
table.main_board_list tbody td.s a {color:#888;}
table.main_board_list tbody td.b {font-weight:600; font-size:13px;}
table.main_board_list tbody td.type {color:#003964;}
table.main_board_list tbody td.type a {color:#003964;}
table.main_board_list tbody td.price {color:#ff1154;}
table.main_board_list tbody td.price a {color:#ff1154;}

.check_banner {margin:50px 0 20px;}
.check_banner img {width:100%}
 */

 
/*메인 리스트 상세페이지*/
/*@media screen and (min-device-width: 1024px) {
.main_board_view{ width:1000px; margin-bottom:20px;}
.main_board_view .tit{ background:url(../img/board_tit_bul.jpg)0 5px no-repeat; font-size:20px; color:333; padding-left:30px; padding-bottom:10px; border-bottom:2px solid #333;}
.main_board_view .no{margin-top:30px;}
.main_board_view .txt{ font-size:24px; color:#000; padding-bottom:30px;}

.spac_wrap{}
.spac_wrap .img{ float:left; width:200px; height:180px; border:1px solid #eee;}
.spac_wrap .img img { width:100%; height:180px; }
.spac_wrap .spac{float:left;  width:800px; padding-left:20px;}
.spac_wrap .detail{ padding:10px 0px; margin-bottom:50px;}

table.main_board_view      {width:100%; border:1px solid #ccc;}
table.main_board_view tbody th{padding:12px; text-align:center;color:#333; font-weight:700;border-bottom:1px solid #ccc; background:#eee; }
table.main_board_view tbody td{border-bottom:1px solid #ccc;  padding-left:20px;}
table.main_board_view tbody td.img{display:block; width:199px; height:221px; overflow:hidden; background:#eee;}
table.main_board_view tbody td.price{ color:#ed1c24; font-size:15px;}

table.main_board_person{width:100%; border-left:1px solid #ccc;}
table.main_board_person tbody th{padding:12px; text-align:center; border-bottom:1px solid #ccc;  color:#333; font-weight:700;background:#eee;}
table.main_board_person tbody td{ border-bottom:1px solid #ccc;  color:#333; border-right:1px solid #ccc; padding-left:20px;}
}


@media screen and (max-device-width: 360px) {
.main_board_view{ margin-bottom:20px;}
.main_board_view .tit{background:url(../img/board_tit_bul.jpg)0 5px no-repeat; font-size:20px; color:333; padding-left:30px; padding-bottom:10px; border-bottom:2px solid #333;}
.main_board_view .no{margin-top:30px;}
.main_board_view .txt{ font-size:24px; color:#000; padding-bottom:30px;}

.spac_wrap{}
.spac_wrap .img{border:1px solid #eee; padding:10px; text-align:center; margin-bottom:5px;}
.spac_wrap .spac{}
.spac_wrap .detail{padding:10px 20px; margin-bottom:50px;}

table.main_board_view      {width:100%; border:1px solid #ccc;}
table.main_board_view tbody th{padding:12px; text-align:center;color:#333; font-weight:700;border-bottom:1px solid #ccc; background:#eee; }
table.main_board_view tbody td{border-bottom:1px solid #ccc;  padding-left:20px;}
table.main_board_view tbody td.img{display:block; width:199px; height:221px; overflow:hidden; background:#eee;}
table.main_board_view tbody td.price{ color:#ed1c24; font-size:15px;}

table.main_board_person{width:100%; border-left:1px solid #eee;}
table.main_board_person tbody th{padding:12px; text-align:center; border-bottom:1px solid #eee;  color:#333; font-weight:700;}
table.main_board_person tbody td{border-bottom:1px solid #eee;  color:#333; border-right:1px solid #eee;}
}
*/

/*****************삭제하지말것 (기존탭3개짜리/주석지우면사용가능)*********************************/


/*메인 tab*/
*, *:before, *:after { box-sizing: border-box; }
.content_wrap { position:relative; width:1260px; margin:0 auto; }

.content_wrap .seller_title_gp { width:1260px; height:auto !important; margin:10px auto; border-bottom: 1px solid #36a5ed; }
.content_wrap .seller_title_gp .st_title { display:inline-block; font-size:22px; color:#000; font-weight: 600; }
.content_wrap .seller_title_gp .st_title span { display:inline-block; color:#aaa; font-size:16px; padding:0 0 0 10px; }
.content_wrap .seller_title_gp .st_btn { display:inline-block; float:right; }
.content_wrap .seller_title_gp .st_btn span { display:inline-block; color:#aaa; font-size:16px; padding:0 0 0 15px; }
.content_wrap .seller_title_gp .st_btn img { float:right; padding:0 0 0 10px; }

.content_wrap .container { position:relative; display:flow-root; width:100%; padding:0; margin:0 auto; }
.content_wrap .container .tabs_sm { background:#e7f2ff; margin-bottom:25px; text-align:center; padding:10px 0; border:1px solid #e1e6ed; }
.content_wrap .container .tabs_sm input[type=radio] { display:none; }
.content_wrap .container .tabs_sm ul { display:inline-block; border:1px solid #dfdfdf; width:116px; text-align:center; margin:0 2px 4px 2px; background:#fff; cursor:pointer; }
.content_wrap .container .tabs_sm ul:hover { border:1px solid #58aaff; transition:0.5s ease; }
.content_wrap .container .tabs_sm ul:hover > li.num  { background:#28a9fc; transition:0.5s ease; color:#fff; }
.content_wrap .container .tabs_sm ul li.tit { height:20px; background:#f1f3f4; color:#000; font-size:14px; padding:13px 0; margin-bottom:5px; line-height:16px; }
.content_wrap .container .tabs_sm ul li.num { margin:10px 7px; font-weight:600; color:#28a9fc; background:#f1f3f4; border-radius:10px; }
.content_wrap .container .tabs_sm ul li.num a { display:block; width:82px; height:20px; color:#28a9fc; background:#f1f3f4; border:1px solid #ebebeb; border-radius:46px; padding:3px 0; } /*수정전 color:#ed1c24;*/


/*메인 리스트*/
.tab_content { display:none; border-top:3px solid #28a9fc; border-bottom:1px solid #ddd; background:#f1f3f4; }
.tab_content.current { display:flex; border-top:3px solid #28a9fc; border-bottom:1px solid #ddd; background:#f1f3f4; }

.main_board_list { width:100%; }
.main_board_list ul.product_box { float:left; padding:13px 10px; background:#fff; margin:10px; }
.main_board_list ul.product_box:hover { background-color:#f3f5fa; box-shadow:4px 4px 9px 0px #9999995c; transition:ease 0.5s; }
.main_board_list ul.product_box li.thumb { display:block; width:200px; height:200px; margin:0 auto; border:1px solid #d7d7d7; }
.main_board_list ul.product_box li.thumb img { width:100%; height:100%; } 
.main_board_list ul.product_box li a { color:#333; }
.main_board_list ul.product_box li.list_title { width:200px; height:25px; text-align:center; font-size:19px; color:#352f2e; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:15px 5px 10px 5px; }
.main_board_list ul.product_box li.list_icon { display:block; width:200px; height:20px; margin:0 auto; text-align:center; }
.main_board_list ul.product_box li.list_icon .list_area { display:inline-block; width:56px; height:18px; border:1px solid #ff6e0f; color:#ff6e0f; text-align:center; line-height:18px; margin:0 5px 0 0; }
.main_board_list ul.product_box li.list_icon .list_state { display:inline-block; width:56px; height:18px; text-align:center; line-height:18px; margin:0 5px 0 0; }
.main_board_list ul.product_box li.list_icon .list_gubun { display:inline-block; width:56px; height:18px; text-align:center; line-height:18px; margin:0 5px 0 0; }
.main_board_list ul.product_box li.list_price { clear:both; display:block; color:#0075ff; text-align:center; padding:5px 0; font-size:22px; font-weight:bold; }
.main_board_list ul.product_box li.list_price a { color:#ff1154; }

.check_banner { margin:50px 0 20px; }
.check_banner img { width:100% }


/*서브 리스트*/
.board_list_box { clear:both; display:block; margin:0 auto; } 
.board_list ul.product_box_list { float:left; padding:10px; background:#fff; margin:9px; border:1px solid #ddd; }
.board_list ul.product_box_list:hover { border:1px solid #ff4e4e; transition:ease 0.5s; }
.board_list ul.product_box_list li.thumb { display:block; width:157px; height:157px; margin:0 auto; border:1px solid #d7d7d7; }
.board_list ul.product_box_list li.thumb img { width:100%; height:100%; } 
.board_list ul.product_box_list li a { color:#333; }
.board_list ul.product_box_list li.list_title { width:157px; height:20px; text-align:center; font-size:14px; color:#352f2e; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:15px 0 10px 0; }
.board_list ul.product_box_list li.list_icon { display:block; width:157px; height:20px; margin:0 auto; text-align:center; }
.board_list ul.product_box_list li.list_icon .list_area { display:inline-block; width:45px; height:18px; border:1px solid #ff6e0f; font-size:11px;  color:#ff6e0f; text-align:center; line-height:18px; margin:0 2px 0 0; }
.board_list ul.product_box_list li.list_icon .list_state { display:inline-block; width:45px; height:18px; text-align:center; font-size:11px; line-height:18px; margin:0 2px 0 0; }
.board_list ul.product_box_list li.list_icon .list_gubun { display:inline-block; width:45px; height:18px; text-align:center; font-size:11px; line-height:18px; margin:0 2px 0 0; }
.board_list ul.product_box_list li.list_price { clear:both; display:block; color:#0075ff; text-align:center; padding:5px 0; font-size:18px; font-weight:bold; }
.board_list ul.product_box_list li.list_price a { color:#ff1154; }



/*메인 리스트 상세페이지*/
.main_board_view { width:1000px; margin-bottom:20px; }
.main_board_view .tit { background:url(../img/board_tit_bul.jpg) 0 5px no-repeat; font-size:20px; color:#333; padding-left:30px; padding-bottom:10px; border-bottom:2px solid #333; }
.main_board_view .no { margin-top:30px; }
.main_board_view .txt { font-size:24px; color:#000; }
.main_board_view .spac_print { width:100%; display:block; padding:10px 0; text-align:right; }
.main_board_view .spac_print button { display:inline-block; }
.main_board_view .spac_print .hit { display:inline-block; padding:0 10px; font-size:15px; color:#7a7a7a; }


.spac_wrap{}
.spac_wrap .img { float:left; width:400px; height:400px; border:1px solid #ccc; }
.spac_wrap .img img { width:100%; height:100%; }
.spac_wrap .spac { float:left; width:570px; padding:0 0 0 27px; }
.spac_wrap .detail { clear:both; padding:50px 0; }

table.main_board_view {width:100%; border:1px solid #ccc; table-layout:fixed; }
table.main_board_view tbody th { padding:12px; text-align:center;color:#333; font-weight:700;border-bottom:1px solid #ccc; background:#eee; }
table.main_board_view tbody td { border-bottom:1px solid #ccc; padding:10px; word-break:break-word; word-wrap:break-word; }
table.main_board_view tbody td.img { display:block; width:199px; height:221px; overflow:hidden; background:#eee; }
table.main_board_view tbody td.price { color:#ed1c24; font-size:15px; }

table.main_board_person { width:100%; border:1px solid #ccc; table-layout:fixed; }
table.main_board_person tbody th { padding:12px; text-align:center; border-bottom:1px solid #ccc; color:#333; font-weight:700; background:#eee; }
table.main_board_person tbody td { border-bottom:1px solid #ccc; color:#333; border-right:1px solid #ccc; padding:10px; line-height:22px; word-break:break-word; word-wrap:break-word; }



/*메인 링크 */
.main_link{ margin-top:20px; margin-bottom:20px;}
.main_link ul{border:1px solid #ccc;background:#f6f6f6;}
.main_link ul li{ display:inline-block;  border-left:1px solid #ccc;  font-size:17px; padding:30px 0  0 120px; line-height:32px;}
.main_link ul li.link_icon1{ background:URL('../img/link_icon1.png')40px 15px  no-repeat;}
.main_link ul li.link_icon2{ background:URL('../img/link_icon2.png')40px 15px  no-repeat;}
.main_link ul li.link_icon3{ background:URL('../img/link_icon3.png')40px 15px  no-repeat;}
.main_link ul li.link_icon4{ background:URL('../img/link_icon4.png')40px 15px  no-repeat;}
.main_link ul li.link_icon5{ background:URL('../img/link_icon5.png')40px 15px  no-repeat;}
.main_link ul li:first-child{ border-left:0;}
.main_link ul li a{display:block; width:128px; height:60px; color:#333;}
.main_link ul li a:hover{color:#ff1154;}


/*메인 대외협력업체 */
.main_coop_list{width:1260px; height: auto !important; margin:0 auto;  margin-bottom:30px;}
.main_coop_list h3{font-size:20px; color:#333; margin-bottom:20px; border-bottom:2px solid #464d60;}
.main_coop_list div{}
.main_coop_list div ul{ display:inline-block;  margin-bottom:20px; margin-left:11px;}
.main_coop_list div ul:first-child{margin-left:0px;}
.main_coop_list div ul li.logo{ border:1px solid #ccc; margin-bottom:10px; height:66px;}
.main_coop_list div ul li.txt{font-size:15px; font-weight:bold; line-height:30px; color:#1e69b2; text-align:center;}
.main_coop_list div ul li.link{ text-align:center;}
.main_coop_list div ul li.link a{ color:#333;}


/*메인 사이트맵*/
.main_sitemap { width:100%; background:#4c4c4c; margin:30px 0 0 0; }
.main_sitemap div{width:1260px; margin:0 auto; background:#4c4c4c; padding:50px 0 50px 0;}
.main_sitemap div ol{width:140px; margin:0 40px; display:inline-block; vertical-align:top;}
.main_sitemap div ol:first-child{ margin-left:0;}
.main_sitemap div ol:last-child{ margin-right:0px;}
.main_sitemap div ol li.h{font-size:18px; color:#dbdbdb;}
.main_sitemap div ol li ul{border-top:1px solid #5e5e5e; margin-top:15px; padding-top:10px;}
.main_sitemap div ol li ul li{font-size:12px; line-height:25px; color:#b7b7b7; padding-left:10px;}
.main_sitemap div ol li ul li a{color:#b7b7b7;}
.main_sitemap div ol li ul li a:hover{ text-decoration:underline;}


