@charset "utf-8";

@import url(default.css);

@import url(layout.css);

@import url(style.css);

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /*나눔고딕*/

@import url("http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css"); /*나눔스퀘어*/







/* -------- 게시판 공통  -------- */

	/* 게시판 area */

.board-list-area{

	box-sizing:border-box;

	margin:0 auto; padding:0 0 0 0;

	width:100%;  /* 게시판 width */

	background:#fff;

}



	/* 게시판 navi */

.board-naving{

	margin:0 0 55px 0;

	text-align:center;

	font-size:0; line-height:0;

}

.board-naving li{

	display:inline-block;

}

.board-naving a{

	display:block;

	width:180px;

	border-bottom:2px solid #ccc;

	font-size:18px; line-height:42px; color:#aaa;

}



	/* on */

.board-naving li.on a{

	border-bottom:2px solid #777;

	color:#666;

}



	/* hover */

.board-naving li:hover a{

	border-bottom:2px solid #777;

	color:#666;

}



	/* 타이틀 */

.board-title-area h2{ 

	margin:0 0 47px 0; 

	font-weight:bold;

	font-size:34px;

	color:#333;

}



	/* board 카테고리 */

.qna-board-cate-area{

	margin:0 0 30px 0;

}

.qna-board-cate-area ul{

	text-align:center;

	font-size:0; line-height:0;

}

.qna-board-cate-area li{

	display:inline-block;

	width:20%; /* 100 / 카테고리 갯수 = width */

	margin-left:-1px;

}

.qna-board-cate-area li a{

	display:block;

	border:1px solid #e9e9e9;

	border-bottom:1px solid #bbb;

	background:#f9f9f9;

	font-size:13px; line-height:44px;

	vertical-align:middle;

}



	/* on */

.qna-board-cate-area li.on a{

	position:relative;

	z-index:999;

	border:1px solid #bbb;

	border-bottom:1px solid #fff;

	background:#fff;

	font-weight:bold; color:#6667a1;

}



	/* hover */

.qna-board-cate-area li a:hover{

	font-weight:bold; color:#6667a1;

}



	 /* total */

.board-total-area{

	margin:0 0 14px 0;

	font-size:14px; color:#555;

}

.board-total-area strong{

	font-weight:bold; color:#f91c40;

}

.board-total-area span{

	margin:0 0 0 10px;

}



	/* 페이징 */

.board-paging{

	clear:both;

	margin:20px 0 0 0;

	text-align:center;

	font-size:0; line-height:0; /* display:inline-block; 여백제거 */

}

.paging-btn-first, .paging-btn-prev, .paging-btn-next, .paging-btn-last{

	display:inline-block; 

	margin:0 2px;

	border:1px solid #ddd;

	font-size:13px; line-height:28px;

	width:28px; height:28px;

}

.board-paging ol{

	display:inline-block; 

}

.board-paging ol li{

	display:inline-block; 

	margin:0 2px;

}

.board-paging ol a{

	display:block;

	width:28px; height:28px;

	border:1px solid #ddd;

	font-size:13px; line-height:28px; color:#555;

}



	/* 페이지 on */

.board-paging ol li.on a{

	background:#54545d;

	border:1px solid #54545d;

	color:#fff;

}



	/* 페이지 hover */

.board-paging a:hover{

	border:1px solid #888894;

	background:#9898a5;

	color:#fff;

}



	/* 검색 */

.board-search-area{

    margin:40px 0 0 0;

	text-align:center;

	font-size:0; line-height:0;

}

.board-search-area select{

	margin:0 5px 0 0 ;

	width:90px; height:28px;

	border:1px solid #d8d8d8;

	font-size:13px; color:#555;

}

.board-search-area input[type="text"]{

	margin:0 5px 0 0 ; padding:0 0 0 5px;

	width:219px; height:26px;

	border:1px solid #d8d8d8;

	color:#555;

}

.board-search-area input[type="submit"]{

	width:55px; height:28px;

	border:0 none;

	background:#6c6c77;

	font-size:13px; line-height:28px; color:#fff;

}

/* -------- 게시판 공통 End  -------- */



/* -------- 일반 게시판  -------- */

 	/* 게시판 */

.basic-board-list{

	width:100%;

	border-bottom:1px solid #e9e9e9;

	text-align:center;

}

.basic-board-list thead th{

	padding:13px 0;

	border-top:2px solid #555;

	border-bottom:1px solid #bbb;

	background:#fafafb;

	font-weight:bold; font-size:14px; color:#444;

	vertical-align:middle;

}

.basic-board-list tbody tr{

	border-top: 1px solid #e9e9e9;

}


	/* 게시판 답글 있을 때 */

.basic-board-list tbody .board-list-reply{

	border-top:1px dashed #e9e9e9;

}

.basic-board-list tbody tr:first-child{

	border-top:0 none;

}

.basic-board-list tbody td{

	padding:15px 0;

	font-size:13px; line-height:1; color:#555;

	vertical-align:middle;

}

@media all and (max-width:480px)
{
	.basic-board-list tbody td{font-size:12px; }		
	
	.basic-board-list thead th:nth-child(1){display: none}
	.basic-board-list thead th:nth-child(2){width:60%}
	.basic-board-list thead th:nth-child(3){display: none}
	.basic-board-list thead th:nth-child(4){width:30%}
	.basic-board-list thead th:nth-child(5){width:10%}
	
	.basic-board-list tbody td:nth-child(1){display: none}
	.basic-board-list tbody td:nth-child(2){width:60%}
	.basic-board-list tbody td:nth-child(3){display: none}
	.basic-board-list tbody td:nth-child(4){width:30%}
	.basic-board-list tbody td:nth-child(5){width:10%}
}
	



.basic-board-list  .board-list-subject{ /* 게시글 제목 */

	padding:0 0 0 5px;

	text-align:left;

}

.basic-board-list  .board-list-subject a{ /* 게시글 제목 */

	color:#555;display:block;

}

.basic-board-list .board-list-lock-icon{ /* 비밀글 icon */

	margin:0 5px 0 0;

}

.basic-board-list .board-list-re-icon{ /* 답글 icon */

	margin: 0 5px 0 15px;

}

.basic-board-list  .board-list-file-icon{ /* 첨부파일 icon */

	margin:0 0 0 5px;

}

.basic-board-list img{display:inline;}

.basic-board-list  .board-list-new-icon{ /* 새글 icon */

	position:absolute;top:0;margin:0 0 0 5px;display:inline;

}



	/* 게시판 공지사항 */

.board-list-notice .board-list-subject{

	padding:0 0 0 5px;

	font-weight:bold;

}

.board-list-notice .board-list-subject a{

	color:#7679b9;

}



	/* 댓글 갯수 표시 */

.basic-board-list .board-list-subject span{

	margin-left:5px;

}



	/* 하단 버튼 */

.board-btn-area{

	overflow:hidden;

	margin:10px 0 0 0;

}



	/* 선택 버튼 */

.board-btn-select{

	float:left;

}

.board-btn-select li{

	float:left;

	margin-right:5px;

}

.board-btn-select a{

	display:block;

	padding:10px;

	background:#9898a5;

	font-size:13px; color:#fff;

}



	/* 글쓰기 버튼 */

.board-btn-write{

	float:right;

}

.board-btn-write a{

	display:block;

	padding:10px 30px;

	background:#7679b9;

	font-size:13px; color:#fff;

}



	/* 리스트 비밀번호 입력폼 */

.board-password-form{

	margin:150px 0;

	text-align:center;

}

.board-password-form form{

	margin:0 auto; padding:50px;

	width:50%;

	border:1px solid #ddd;

}

.board-password-txt{

	font-size:13px; line-height:2; color:#555;

}

.board-password-txt strong{

	font-weight:bold; color:#333;

}

.board-password-input{

	margin:30px 0;

}

.board-password-input label{

	margin:0 10px 0 0;

	font-size:12px; color:#333;

}

.board-password-input input{

	padding:0 0 0 8px;

	width:200px; height:26px;

	border:1px solid #d8d8d8;

	color:#555;

}



	/* 버튼 */

.board-password-btn a{

	display:inline-block;

	margin:0 5px; padding:10px 30px;

}

.board-password-btn .board-password-btn-list{

	border:1px solid #babaca;

	color:#444;

}

.board-password-btn .board-password-btn-ok{

	border:1px solid #6c6c77;

	background:#6c6c77;

	color:#fff;

}

/* -------- 일반 게시판 End  -------- */



/* -------- 갤러리 게시판  -------- */

.gallery-board-list{

	overflow:hidden;

	width:100%; 

	font-size:0; line-height:0;

}

.gallery-board-list>ul>li{

	position:relative;

	display:inline-block;

	margin-bottom:48px; margin-right:2%;

	width:32%; /* 3개씩 출력*/

	vertical-align:top;

}

.gallery-board-list li:nth-child(3n+3){

	margin-right:0;

}

.gallery-board-list li img{

	width:100%;

}



	/* checkbox */

.gallery-board-list input[type="checkbox"]{

	position:absolute; top:10px; left:10px;

	width:15px; height:15px;

}



	/* txt  area */

.gallery-board-list .gallery-list-cont{

	box-sizing:border-box;

	padding:15px;

	width:100%;

	border:1px solid #ccc;

}

.gallery-board-list .gallery-list-subject{ /* 제목 하단 여백 */

	margin-bottom:9px;

}

.gallery-board-list .gallery-list-subject a{ /* 제목 */

	font-weight:bold; font-size:16px; 

	line-height:1; color:#333;

}

.gallery-list-subject span{ /* 댓글 갯수 */

	margin-left:5px;

	font-size:13px; line-height:1; color:#333;

}

.gallery-board-list .gallery-list-cont-view{ /* 내용 하단 여백 */

	margin-bottom:8px;

}

.gallery-board-list .gallery-list-cont-view a{ /* 내용 */

	font-size:12px; line-height:19px;

}

.gallery-board-list .gallery-list-user{ /* 이름 날짜*/

	font-size:13px; line-height:1;

	color:#999;

}

.gallery-board-list .gallery-list-user span{

	padding:0 10px;

	background:url('/img/gallery-list-user-line.gif') no-repeat 0 50%;

}

.gallery-board-list .gallery-list-user .gallery-list-name{ /* 이름 - 여백 bg 없앰*/

	padding-left:0;

	background:none;

}

	/* 2줄 말줄임 */

.ellipsis{

	display:block;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2; /* 라인수 */

	-webkit-box-orient: vertical;

	word-wrap:break-word; 

	line-height:19px; 

	height:38px; /* ie 버전은 높이를 넣어줘야함 line-height*2*/

}



	/* 하단 버튼 margin 삭제*/

.gallery-board-list-area .board-btn-area{

	margin:0;

}

/* -------- 갤러리 게시판  End -------- */



/* -------- 자주하는질문  -------- */

.qna-board-list{

	width:100%;

}

.qna-board-list dl{

	border-top:2px solid #555;

	border-bottom:1px solid #bbb;

}



	/* 질문 */

.qna-board-list dt{

	padding:0 15px 0 10px;

	height:54px;

	line-height:54px;

	border-top:1px solid #ccc;

	background:url('/img/faq_arrow_off.png') no-repeat 98% 50%; /* 화살표 */

	font-weight:bold; font-size:15px; color:#6667a1;

	cursor:pointer;

}



	/* 답변 보일때 화살표 변경*/

.qna-board-list dt.on{

	background:url('/img/faq_arrow_on.png') no-repeat 98% 50%;

}



/* 

	1page 3개 출력시 처음부분 border 없애기  

	- 갯수 수정시 (3n+1) 부분 변경해주어야함.

*/

.qna-board-list dt:nth-of-type(3n+1){

	border-top:0 none;

}



	/* Q */

.qna-board-list dt span{

	display:inline-block;

	margin:0 9px 0 0;

	width:30px; height:30px;

	background:#c3c4d5;

	border-radius:50%;

	font-size:16px; line-height:30px;

	color:#fff; text-align:center;

}



	/* 카테고리 */

.qna-board-list dt strong{

	margin:0 10px 0 0;

	font-weight:normal;

	color:#999;

}



	/* 답변 */

.qna-board-list dd{

	display:none;

	padding:15px 30px 20px 50px;

	background:#fafafd;

	border-top:1px solid #ccc;

	font-size:13px; line-height:23px; color:#555;

}



	/* A */

.qna-board-list dd span{

	display:inline-block;

	margin:0 9px 0 -40px;

	width:30px; height:30px;

	background:#9fa0cd;

	border-radius:50%;

	font-size:16px; line-height:30px; 

	color:#fff; text-align:center;

}

/* -------- 자주하는질문  End -------- */



/* -------- 글쓰기  -------- */

.board-write-area{

	width:100%;

}

.board-write{

	width:100%;

	border-top:2px solid #555;

}

.board-write th{

	padding:7px 13px;

	width:12.6%;

	box-sizing:border-box;

	border-bottom:1px solid #dedede;

	background:#f3f3f7;

	text-align:left;

	vertical-align:middle;

}

.board-write th label{

	font-weight:bold; font-size:13px;

	line-height:2; color:#555;

}

.board-write td{

	padding: 7px 10px;

	border-bottom:1px solid #dedede;

	vertical-align:middle;

}

.board-write td input[type="text"],.board-write td input[type="password"]{

	padding:0; margin:0;

	padding-left:8px;

	width:45%; height:26px;

	border:1px solid #d8d8d8;

}

.board-write td select{

	padding:0; margin:0;

	padding-left:3px;

	width:15%; height:28px;

	border:1px solid #d8d8d8;

	color:#555;

}

.board-write td textarea{ /* html 편집기 넣으면 삭제 */

	padding:10px;

	width:100%; height:250px;

	box-sizing:border-box;

	border:1px solid #d8d8d8;

	color:#555;

}

.board-write td #bw_sclect{

	width:30%;

}

.board-write td label{

	color:#555;

}



	/* 파일 */

.board-write td button,.board-write td input[type="file"]{

	margin-bottom:5px;

	color:#555;

}



	/* 글쓰기 버튼 */

.board-write-btn-area{

	margin:20px 0 0 0;

	font-size:0; line-height:0;

	text-align:center;

}

.board-write-btn-area a{

	display:inline-block;

	margin:0 3px;

	width:110px; 

	font-size:13px; line-height:35px;

}

.board-write-btn-area .board-write-btn-cancel{

	background:#fff;

	box-sizing:border-box;

	border:1px solid #babaca;

	line-height:33px; color:#444;



}

.board-write-btn-area .board-write-btn-ok{

	background:#6467af;

	color:#fff;

}

/* -------- 글쓰기  End -------- */



/* -------- 글보기  -------- */

.board-view-area{

	width:100%;

	color:#555;

}

.board-view{

	width:100%;

	border-top:2px solid #555;

	border-bottom:1px solid #ddd;

}

.board-view tr{

	border-bottom:1px solid #ddd;

}

.board-view td{

	overflow:hidden;

	padding:12px 0;

	line-height:1.5;

}



	/* 글제목 */

.board-view .board-view-subject{

	border-bottom:1px solid #555;

	text-align:center;

}

.board-view-subject td{

	font-weight:bold; font-size:16px;

}



	/* 글쓴이 등록일 조회*/

.board-view-writer{

	font-size:13px;

}



	/* 글쓴이 */

.board-view-writer .board-view-name strong{

	font-weight:bold;

}

.board-view-writer .board-view-writer-right{

	float:right;

}

.board-view-writer .board-view-writer-right span{

	margin-left:30px;

}



	/* link */

.board-view-link td{

	padding-left:20px;

	background:url('/img/icon_link.gif') no-repeat 0 50%;

}

.board-view-link a:hover{

	text-decoration:underline;

}



	/* 파일 */

.board-view-file td{

	float:left; padding:5px 0 5px 20px;

	width:100%;

    border-bottom:1px dashed #efefef;

    box-sizing:border-box;

	background:url('/img/icon_file.gif') no-repeat 0 50%;

}

.board-view-file td:last-child{

    border-bottom:0 none;

}

.board-view-file span{

	font-weight:bold;

}



	/* 글내용 */

.board-view-cont td div{

	margin-bottom:20px;

	max-width:100%;

	text-align:center;

}

.board-view-cont td{

	padding:30px 0;

	font-size:13px; line-height:22px;

}



	/* 댓글 no */

.board-view-comment-nodata{

	border-top:1px solid #ddd;

}

.board-view-comment-nodata td{

	padding:18px 20px;

	text-align:center;

}



	/* 댓글 보기 */

.board-view-comment{

	border-top:1px solid #ddd;

}

.board-view-comment td{

	padding:10px 20px;

	width:100%;

	box-sizing:border-box;

}

.board-view-comment span{

	display:inline-block;

	vertical-align:middle;

}



	/* 이름*/

.board-view-comment-name{

	width:10%;

}



	/* 댓글 내용*/

.board-view-comment-txt{

	width:70%;

}



	/* 댓글 등록일 */

.board-view-comment-date{

	width:18%;

	text-align:right;

}



	/* 댓글삭제 */

.board-view-comment-del{

	display:inline-block;

	width:2%;

	text-align:right;

}



	/* 댓글쓴이 / 비밀번호 */

.board-view-comment-write{

	border-top:1px solid #ddd;

	font-size:0; line-height:0;

}

.board-view-comment-write td{

	box-sizing:border-box;

	padding:10px 20px;

	width:100%;

}

.board-view-comment-write-name,  .board-view-comment-write-pw{

	float:left;

	margin-bottom:10px;

}

.board-view-comment-write label{

	margin:0 10px 0 0;

	font-size:13px; line-height:1.5;

	vertical-align:middle;

}

.board-view-comment-write input{

	margin:0 30px 0 0; padding:0 0 0 8px;

	width:200px; height:26px;

	border:1px solid #d8d8d8;

	line-height:1.5px; color:#555;

}



	/* 댓글쓰기 */

.board-view-comment-cont{

	box-sizing:border-box;

	width:100%;

}

.board-view-comment-cont textarea{

	display:inline-block;

	padding:0; margin:0; 

	margin-right:1%; padding:10px;

	width:80%; height:98px;

	box-sizing:border-box;

	border:1px solid #d8d8d8;

	color:#555;

	vertical-align:top;

}

.board-view-comment-cont a{

	display:inline-block;

	width:120px; height:98px;

	background:#6c6c77;

	font-size:14px; line-height:98px;

	color:#fff; text-align:center;

	vertical-align:top;

}



	/* 하단버튼 */

.board-view-btn-area{

	overflow:hidden;

	margin:0px 0 0px 0;

	width:100%;

}

.board-view-btn-left{

	float:left;

}

.board-view-btn-right{

	float:right;

}

.board-view-btn-area a{

	display:inline-block;

	margin:0 0 0 5px; padding:8px 30px;

	border:1px solid #babaca;

	background:#fff;

	font-size:13px; line-height:1.2;

}



	/* 글쓰기 버튼 */

.board-view-btn-area .board-view-btn-write{

	border:1px solid #7679b9;

	background:#7679b9;

	color:#fff;

}



	/* 이전글 다음글 */

.next-view{

	border-top:1px solid #d8d8d8;

}

.next-view li{

	padding:12px 20px;

	border-bottom:1px solid #d8d8d8;

	font-size:12px; line-height:1.5;

}

.next-view li strong{

	margin-right:70px;

	padding-left:20px;

	color:#333;

}

.next-view .next-view-list-prev strong{

	background:url('/img/faq_arrow_on.png') no-repeat 0 50%;

	background-size:8px auto;

}

.next-view .next-view-list-next strong{

	background:url('/img/faq_arrow_off.png') no-repeat 0 50%;

	background-size:8px auto;

}

.next-view li a{

	color:#555;

}

.next-view li a:hover{

	text-decoration:underline;

}

/* -------- 글보기  End -------- */



/* -------- 웹진 리스트 -------- */

.webzine-board-list>ul{ 

	overflow:hidden;

}

.webzine-board-list>ul>li{ 

	position:relative;

	overflow:hidden;

	margin-bottom:20px;

	padding:15px;

	width:100%;

	box-sizing:border-box;

	border:1px solid #d8d8d8;

	border-top:1px solid #7679b9;

}



/* input type=checkbox */

.webzine-board-list>ul>li input { 

	position:absolute; top:20px; left:20px;

	width:15px; height:15px;

}



/* 이미지 영역 */

.webzine-board-list>ul>li>a{ 

	float:left;

}

.webzine-board-list>ul>li>a img{ 

	width:200px; height:auto;

}



/* 텍스트 영역 */

.webzine-board-list .gallery-list-cont{ 

	float:left;

	margin-left:30px;

	width:70%;

	font-size:14px; line-height:160%; color:#666;

}



/* 제목 */

.webzine-board-list .gallery-list-subject{ 

	margin-bottom:10px;

	font-weight:bold; font-size:20px; line-height:1.4;

}

.webzine-board-list .gallery-list-subject span{ 

	font-weight:normal; font-size:15px; color:#999;

}



/* 작성자, 작성일 */

.webzine-board-list .gallery-list-name span,

.webzine-board-list .gallery-list-date span{ 

	color:#999;

}

.webzine-board-list .gallery-list-cont-view{ 

	margin-top:5px;

}

/* -------- 웹진 리스트  End -------- */





/* 제품검색 */

#product_search{width:100%;clear:both;overflow:hidden;}

#product_search h2.tit{width:105px;height:124px;background:#0661aa url(/images/sub/board/icon_search.png) no-repeat 35px 55px;padding:25px 0;color:#fff;font-weight:600;text-align:center;font-size:17px;float:left;box-sizing:border-box; }

#product_search .search_wrap{clear:both;overflow:hidden;margin-bottom:30px;}

#product_search .search_wrap .search_box{width:calc(100% - 105px);height:auto;border:1px solid #e5e5e5;background:#f3f3f3;float:right;padding:25px;box-sizing:border-box }
/*
#product_search .search_wrap .search_box .bt_list{padding:0 0 20px 0;}

#product_search .search_wrap .search_box .bt_list a{display:block-inline;border:1px solid #bcbcbc;background:#fff;padding:5px 10px;font-size:15px;margin:0 20px 0 0;}
*/

#product_search .search_wrap .search_box .bt_list{padding:0;}
#product_search .search_wrap .search_box .bt_list a{display:inline-block;border:1px solid #bcbcbc;background:#fff;padding:5px 10px;font-size:15px;margin:0 10px 10px 0;}

#product_search .search_wrap .search_box .bt_list a.first{background:#b7b6b6;color:#fff;border:1px solid #b7b6b6;}

#product_search .search_wrap .search_box a.bt_p_search{display:inline-block;background:#545454;color:#fff;font-weight:bold;padding:0; height: 33px;line-height: 33px; width:70px; text-align: center; margin-left:-3px;box-sizing: border-box; vertical-align: top}

#product_search .search_wrap .search_box input.text{border:1px solid #b7b6b6;padding:6px;width:calc(100% - 70px);box-sizing: border-box; margin-left:-3px;height: 33px; vertical-align: top}

#product_search .search_wrap .search_box .bt_list a.on, #product_search .search_wrap .bt_list a:hover{background:#0661aa;border:1px solid #0661aa;color:#fff;}

#product_search .search_con{clear:both;overflow:hidden;}

#product_search .search_con ul{}
/*
#product_search .search_con ul.list li{float:left;width:10%;text-align:center;height:50px;}

#product_search .search_con ul.list li a{width:80%;display:block;margin:0 auto;padding:5px;border:1px solid #b7b6b6;font-size:14px;}
*/

#product_search .search_con ul.list li{float:left;text-align:center;}
#product_search .search_con ul.list li a{display:block;margin:0 8px 8px 0;padding:8px;border:1px solid #b7b6b6;font-size:14px;}
#product_search .search_con ul.list li a:hover{background:#b7b6b6;color:#fff;}

#product_search #search_popup{position:absolute;top:0;left:50%;margin-left:-260px;width:450px;border:5px solid #bbb;background:#fff;padding:30px;clear:both;}

#product_search #search_popup h2{position:relative;font-size:18px;font-weight:600;background:none;border-bottom:1px solid #b1b1b1;padding-bottom:20px;margin-bottom:30px;}

#product_search #search_popup h2 .bt_close{position:absolute;right:0;top:0;}

#product_search #search_popup .popup_box{clear:both;overflow:hidden;}

#product_search #search_popup .popup_box .txt{width:45%;line-height:180%;margin:0;}
#product_search #search_popup .popup_box div img{ width: 100%!important; max-width:220px; height: 270px}	

@media all and (max-width:1100px)
{	
#product_search h2.tit{width:100%;height:40px; background:#0661aa;padding:10px 0;}
#product_search .search_wrap .search_box{width:100%;padding:20px }
	
#product_search .search_wrap .search_box .bt_list a{padding:3px 8px;font-size:15px; }
#product_search .search_con ul.list li a{margin:0 5px 5px 0;padding:5px;font-size:11px;}

}
@media all and (max-width:600px)
{	
	
#product_search #search_popup{left:inherit;margin-left:0;width:calc(100% - 50px);padding:20px;}
#product_search #search_popup .popup_box .txt{width:100%; font-size: 12px; margin-top: 10px}
#product_search #search_popup .popup_box div {width: 100%; margin: auto; text-align: center}	
#product_search #search_popup .popup_box div img{margin: auto; text-align: center; height: auto}
#product_search #search_popup h2{font-size:16px;padding-bottom:15px;margin-bottom:20px;}

}



/*달력검색*/

#calendal_wrap{width:100%;clear:both;overflow:hidden;margin-top:40px;}

#calendal_wrap .list_box{width:410px;float:left; background:url(/images/sub/board/icon_arrow.png) no-repeat right 100px;}

#calendal_wrap .list_box ul{width:100%;max-width: 340px;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;background:#f4f4f4;overflow:hidden;text-align:center;box-sizing: border-box}
#calendal_wrap .list_box ul li{width:25%;float:left;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;box-sizing: border-box}
#calendal_wrap .list_box ul li a{display:block;font-size:20px;height:75px;padding:0; line-height: 75px}
#calendal_wrap .list_box ul li.on a, #calendal_wrap .list_box ul li a:hover{background:#0661aa;color:#fff !important;}


#calendal_wrap .con_box{width:calc(100% - 430px);float:right;border:1px solid #e0e0e0;background:#f8f9fb;padding:30px; box-sizing: border-box}
#calendal_wrap .con_box h2.tit{position:relative;font-size:25px;font-weight:600;padding-bottom:12px;margin-bottom:20px;}
#calendal_wrap .con_box h2.tit i.ic{display:block;position:absolute;bottom:0;left:4px;width:35px;height:3px;background:#5e5e5e;}
#calendal_wrap .con_box .txt{background:#fff;padding:15px;}

#calendal_wrap .m_arrow{display: none}
@media all and (max-width:1100px)
{	
	#calendal_wrap .list_box{width:100%;float:inherit; margin: auto; text-align: center; display: block; background: none}	
	#calendal_wrap .list_box ul{ margin: auto; text-align: center;}
	#calendal_wrap .con_box{width:100%;float:inherit; margin: 20px 0 0 0; }
	#calendal_wrap .con_box .txt p{}
	#calendal_wrap .m_arrow{display: block; text-align: center; margin: 20px auto; width: 100%;}
	#calendal_wrap .m_arrow img{text-align: center; margin: auto;}
}
@media all and (max-width:480px)
{	
	#calendal_wrap .list_box ul li a{font-size:16px;height:45px;line-height:45px}
	#calendal_wrap .con_box{ padding: 20px}
	#calendal_wrap .con_box .txt ul li{font-size: 12px}
}
/*지도검색*/

#map_wrap{border:1px solid #e0e0e0;overflow:hidden;padding:30px;background:#f8f9fb;}

#map_wrap .sbg{width:100%;background:url(/images/sub/board/bg_map00.gif--) repeat-y center 0;overflow:hidden;}

#map_wrap .map_box{width:420px;display: inline-block;background:url(/images/sub/board/icon_arrow.png) no-repeat right 45%;}

#map_wrap .map_box .map_list{position:relative;width:325px;height:380px;background:url(/images/sub/board/bg_map.png) no-repeat center 0;margin-left:20px;}

#map_wrap .map_box .map_list li{text-align:center;}

#map_wrap .map_box .map_list li a{display:block;width:50px;color:#fff;font-size:12px;padding:0;background:#8b8b8b;border-radius:10px;letter-spacing:-1px;}

#map_wrap .map_box .map_list li.on a, #map_wrap .map_box .map_list li a:hover{background:#0075d2;}

#map_wrap .map_box .map_list li.op01{position:absolute;left:0;top:40px;}

#map_wrap .map_box .map_list li.op02{position:absolute;left:0;top:68px;}

#map_wrap .map_box .map_list li.op03{position:absolute;left:90px;top:87px;}

#map_wrap .map_box .map_list li.op04{position:absolute;right:110px;top:40px;}

#map_wrap .map_box .map_list li.op05{position:absolute;left:140px;top:115px;}

#map_wrap .map_box .map_list li.op06{position:absolute;left:65px;top:125px;}

#map_wrap .map_box .map_list li.op07{position:absolute;left:0px;top:160px;}

#map_wrap .map_box .map_list li.op08{position:absolute;left:85px;top:210px;}

#map_wrap .map_box .map_list li.op09{position:absolute;left:0;top:245px;}

#map_wrap .map_box .map_list li.op10{position:absolute;left:65px;bottom:85px;}

#map_wrap .map_box .map_list li.op11{position:absolute;right:85px;top:147px;}

#map_wrap .map_box .map_list li.op12{position:absolute;right:0px;top:188px;}

#map_wrap .map_box .map_list li.op13{position:absolute;right:0px;top:218px;}

#map_wrap .map_box .map_list li.op14{position:absolute;right:20px;bottom:105px;}

#map_wrap .map_box .map_list li.op15{position:absolute;right:115px;top:230px;}

#map_wrap .map_box .map_list li.op16{position:absolute;left:105px;bottom:15px;}



#map_wrap .con_box{width:calc(100% - 460px)/*480px*/;display: inline-block;padding:30px; background: #fff; vertical-align: top; box-sizing: border-box; margin-left: 20px}

#map_wrap .con_box h2.tit{position:relative;font-size:25px;font-weight:600;padding-bottom:12px;margin-bottom:20px;}

#map_wrap .con_box h2.tit i.ic{display:block;position:absolute;bottom:0;left:4px;width:40px;height:3px;background:#5e5e5e;}
#map_wrap .con_box .txt{padding:0;}
#map_wrap .m_arrow{display: none}
@media all and (max-width:1100px)
{	

	#map_wrap .map_box{width:100%;margin: auto; text-align: center; display: block; background: none}
	#map_wrap .map_box .map_list{margin: auto; text-align: center}
	
	#map_wrap .con_box{width:100%;margin: 20px 0 0 0; }
	
	#map_wrap .m_arrow{display: block; text-align: center; margin: 20px auto; width: 100%;}
	#map_wrap .m_arrow img{text-align: center; margin: auto;}
}
@media all and (max-width:480px)
{	
	#map_wrap .con_box{ padding: 20px}
	#map_wrap .con_box .txt{font-size: 12px}

}