@charset "utf-8";
/**********************************************************************
* Descript : 게시판 스타일 정의
-----------------------------------------------------------------------
* 최초작성일 : 2018.04.04
* 최초작성자 : 더웹 유대경
***********************************************************************/

table{width:100%; border-spacing:0px; border:0; border-collapse:collapse;}


/**********************************************************************
* Descript : 검색 폼 스타일
***********************************************************************/
.searchBox{width:100%; height:50px; margin-bottom:25px;}
.searchBox input, .searchBox button, .searchBox select{float:left; box-sizing:border-box; display:inline-block; height:50px; line-height:50px; font-size:17px;}
.searchBox input[type="text"]{width:68%; margin:0 1%; border:1px solid #cfd1d4; text-align:left; padding:0 10px; background:url(/assets/img/common/search.png) no-repeat 98% center;}
.searchBox button{width:15%; background:#344251; color:#fff; font-weight:700; cursor:pointer;}
.searchBox select{width:15%; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background:url(/assets/img/common/arrow.png) no-repeat 98% center;}
/**********************************************************************/



/**********************************************************************
* Descript : 체크박스 및 라디오버튼 스타일
***********************************************************************/
input[type="radio"], input[type="checkbox"]{display:none;}
input[type="radio"] + label, input[type="checkbox"] + label {font-size:14px; position:relative;}
input[type="radio"] + label:before, input[type="checkbox"] + label::before {content: ""; display: inline-block; position:relative; border: 1px solid #ccc; width: 21px; height: 21px; margin-right:5px; box-sizing: border-box; cursor:pointer; vertical-align:middle;}
input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label::after	{content: ""; display: inline-block; width:13px; height:13px; background:#462f21; position:absolute; left:4px; top:4px; cursor:pointer;}
/**********************************************************************/



/**********************************************************************
* Descript : 온라인상담 폼 개인정보 취급방침
***********************************************************************/
.checkPrivate{width:100%; margin-bottom:50px;}
.checkPrivate textarea{width:100%; max-width:100%; min-width:100%; height:250px; box-sizing: border-box; border:1px solid #ccc; background:#eee; padding:15px; margin-bottom:15px; white-space: pre-line; line-height:24px;}
/**********************************************************************/



/* 검색 폼 스타일 시작 */
.search-box{width:100%; height:50px; margin-bottom:25px;}
.search-box select, .search-box input, .search-box button{float:left; box-sizing:border-box; display:inline-block; height:50px; line-height:50px; font-size:17px;}
.search-box input[type="text"]{width:68%; margin:0 1%; border:1px solid #cfd1d4; text-align:left; padding:0 10px; background:url(/assets/img/board/search.png) no-repeat 98% center;}
.search-box button{width:15%; background:#333; color:#fff; font-weight:700; cursor:pointer;}
.search-box select{width:15%; border:1px solid #cfd1d4; cursor:pointer; padding:0 10px; background:url(/assets/img/common/arrow.png) no-repeat 98% center;}
/* 검색 폼 스타일 끝 */




/**********************************************************************
* Descript : 상품 리스트 스타일
***********************************************************************/
#shop-item-list-wrap{width:100%;}
#shop-item-list-wrap ul.shop-item-list{display:inline-block; width:100%; }
#shop-item-list-wrap ul.shop-item-list li{float:left; padding:0 10px; height:450px; text-align:center; font-family:'맑은고딕'; font-size:12px; box-sizing:border-box;}

/* 해상도 별 상품 리스트 갯수 조절 */
@media (min-width:1000px) and (max-width:1920px){#shop-item-list-wrap ul.shop-item-list li{width:calc(100% / 4);}}
@media (min-width:640px) and (max-width:1000px)	{#shop-item-list-wrap ul.shop-item-list li{width:calc(100% / 3);}}
@media (min-width:480px) and (max-width:640px)	{#shop-item-list-wrap ul.shop-item-list li{width:calc(100% / 2);}}
@media (min-width:0) and (max-width:480px)	{#shop-item-list-wrap ul.shop-item-list li{width:calc(100% / 1);}}

#shop-item-list-wrap ul.shop-item-list li a{text-decoration:none;}
#shop-item-list-wrap ul.shop-item-list li span{display:block;}
#shop-item-list-wrap ul.shop-item-list li span.item-thumb{position:relative; margin-bottom:20px; height:240px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
#shop-item-list-wrap ul.shop-item-list li span.item-thumb::before{content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0);  border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#shop-item-list-wrap ul.shop-item-list li span.item-thumb:hover::before{content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}
#shop-item-list-wrap ul.shop-item-list li span.no-image{background-image:url(/assets/img/board/no_image.png) !important; border:1px solid #eee;}
#shop-item-list-wrap ul.shop-item-list li span.item-subject{padding:10px;}
#shop-item-list-wrap ul.shop-item-list li i{font-size:11px; border-radius:2px; padding:2px 4px;}
#shop-item-list-wrap ul.shop-item-list li i.icon-rec{background:#73e800; color:#fff;}
#shop-item-list-wrap ul.shop-item-list li i.icon-new{background:#fc0; color:#fff;}
#shop-item-list-wrap ul.shop-item-list li i.icon-pro{background:#ff7b08; color:#fff;}
#shop-item-list-wrap ul.shop-item-list li i.icon-sol{background:#cc0000; color:#fff;}
#shop-item-list-wrap ul.shop-item-list li b.item-price{display:block; font-size:14px;}
#shop-item-list-wrap ul.shop-item-list li p.item-caption{line-height:20px;}
#shop-item-list-wrap ul.shop-item-list li p.item-size{color:#cc0000;}
/**********************************************************************/



/**********************************************************************
* Descript : 상품 선택 및 상품 검색
***********************************************************************/
.shop-item-controll{width:100%; display:inline-block; margin-bottom:25px;}

.shop-item-select{}
.shop-item-select li{float:left;}
.shop-item-select select{margin-right:5px; box-sizing:border-box; padding:0 10px; height:35px; line-height:35px; min-width:100px; cursor:pointer; border:1px solid #ddd; border-radius:3px; background:#f3f3f3 url(/assets/img/common/arrow.png) no-repeat 95% center;}
.shop-item-select select.active{background-color:#fff;}

.shop-item-search{}
.shop-item-search li{float:left;}
.shop-item-search select{margin-right:5px; box-sizing:border-box; padding:0 10px; height:35px; line-height:35px; min-width:100px; cursor:pointer; border:1px solid #ddd; border-radius:3px; background:#fff url(/assets/img/common/arrow.png) no-repeat 95% center;}
.shop-item-search input[type="text"]{margin-right:5px; padding:0 10px; height:35px; min-width:200px; border:1px solid #ddd; border-radius:3px;}


@media (min-width:0) and (max-width:980px)	{
	.shop-item-select, .shop-item-search{width:100%;}
	.shop-item-select{margin-bottom:5px;}
	.shop-item-select li{width:calc(100% / 3); box-sizing:border-box;}
	.shop-item-select li select{width:100%;}
	.shop-item-select li:nth-child(2){padding:0 5px;}

	.shop-item-search li:nth-child(1) {width:25%;}
	.shop-item-search li:nth-child(2) {width:50%; box-sizing:border-box; padding:0 5px;}
	.shop-item-search li:nth-child(3) {width:25%;}
	.shop-item-search li select, .shop-item-search li input[type="text"], .shop-item-search li button{width:100%; min-width:70px;}
}
/**********************************************************************/



/**********************************************************************
* Descript : 상품 리스트 페이지
***********************************************************************/
#shop-list-pagenation{width:100%;}
#shop-list-pagenation{width:100%; max-width:1200px; margin:50px auto; text-align:center;}
#shop-list-pagenation a{display:inline-block; width:25px; height:25px; line-height:25px; font-size:1em;}
#shop-list-pagenation a:hover{text-decoration:underline;}
#shop-list-pagenation a.active{background:#333; color:#fff;}
/**********************************************************************/



/**********************************************************************
* Descript : 상품 리스트 버튼
***********************************************************************/
#shop-list-btn{width:100%; display:inline-block; margin:25px 0; text-align:center;}
/**********************************************************************/



/**********************************************************************
* Descript : 상품 상세보기 썸네일 이미지
***********************************************************************/
#shop-item-view{width:100%; display:inline-block; margin-bottom:50px;}
#shop-item-view .shop-item-pic{float:left; width:calc(100% / 2);}
#shop-item-view .shop-item-info{float:left; width:calc(100% / 2); padding:0 25px; box-sizing:border-box;}
#shop-item-view .shop-item-info h3{padding:15px 0; font-size:1.6em; border-top:2px solid #222; line-height:1.4em;}
#shop-item-view .shop-item-slide{width:100%; margin-bottom:4px;}
#shop-item-view .shop-item-thumb{width:100%;}
#shop-item-view .shop-item-slide span{display:inline-block; width:100%; height:450px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
#shop-item-view .shop-item-slide span.no-image{background-image:url(/assets/img/board/no_image.png) !important;}
#shop-item-view .shop-item-thumb span{display:inline-block; width:100%; height:125px; margin:0 2px; background-size:cover; background-repeat:no-repeat; background-position:center center; cursor:pointer;}
#shop-item-view .shop-item-thumb span.no-image{background-image:url(/assets/img/board/no_image.png) !important; border:1px solid #eee;}
/**********************************************************************/



/**********************************************************************
* Descript : 상품 상세보기 테이블
***********************************************************************/
#shop-item-view .shop-item-table{font-size:1em; line-height:1.6em;}
#shop-item-view .shop-item-table thead{border-top:1px solid #eee; border-bottom:1px dotted #eee;}
#shop-item-view .shop-item-table th{text-align:left; vertical-align:top; padding:15px 0; width:120px;}
#shop-item-view .shop-item-table td{text-align:left; vertical-align:top; padding:15px 0;}
#shop-item-view .shop-item-table td b.price{font-size:1.4em; font-weight:300;}
/**********************************************************************/



/**********************************************************************
* Descript : 상품 상세보기
***********************************************************************/
#shop-item-detail{width:100%; display:inline-block;}

#shop-item-detail ul{position:relative; height:46px; border-bottom:1px solid #555; margin-bottom:25px;}
#shop-item-detail ul li{float:left; width:25%;}
#shop-item-detail ul li a{position:relative; display:block; text-align:center; height:46px; line-height:46px; font-size:15px; border:1px solid #ddd; border-bottom:1px solid #555; margin-left:-1px; background:#f3f3f3; color:#222;}
#shop-item-detail ul li:first-child  a{margin-left:0;}
#shop-item-detail ul li.active a{background:#fff; border-left:1px solid #555; border-top:1px solid #555; border-right:1px solid #555; border-bottom:1px solid #fff; font-weight:700; z-index:2;}

#shop-item-detail .shop-detail-info{margin-bottom:50px; text-align:center;}
/**********************************************************************/



/**********************************************************************
* Descript : 상품 상세보기 반응형 레이아웃
***********************************************************************/
@media (min-width:0) and (max-width:940px)	{
	#shop-item-view .shop-item-info{float:left; width:calc(100% / 2); padding:0;}
	#shop-item-view .shop-item-pic{float:left; width:calc(100% / 1);}
	#shop-item-view .shop-item-info{float:left; width:calc(100% / 1);}
	#shop-item-view .shop-item-slide{width:100%; margin-bottom:4px;}
	#shop-item-view .shop-item-thumb{width:100%;}
}
/**********************************************************************/



/**********************************************************************
* Descript : SERVICE 카테고리 갤러리형 리스트 게시판 스타일
***********************************************************************/
#service-gallery{display:inline-block; width:100%; padding:75px 0; text-align:center;}
#service-gallery.bg01{background:#333 url(/assets/img/board/gallery_bg.png) no-repeat center center;}
#service-gallery ul.service-gallery-list{display:inline-block; margin-bottom:25px; width:100%; max-width:1200px;}
#service-gallery ul.service-gallery-list li{float:left; width:50%; box-sizing:border-box; height:294px; margin:10px 0;}
#service-gallery ul.service-gallery-list li:nth-child(2n+1){padding-right:10px;}
#service-gallery ul.service-gallery-list li:nth-child(2n+2){padding-left:10px;}
#service-gallery ul.service-gallery-list li.no-data{width:100%; text-align:center; padding:100px 0; font-weight:700;}
#service-gallery ul.service-gallery-list li a{position:relative; display:inline-block; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#service-gallery ul.service-gallery-list li a::before{position:absolute; content:''; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0); left:0; top:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#service-gallery ul.service-gallery-list li a:hover::before{background:rgba(0,0,0,0.6);}
#service-gallery ul.service-gallery-list li a b{position:relative; display:inline-block; opacity:0; text-align:center; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:24px; line-height:24px; color:#fff; font-weight:700; text-shadow:0 0 10px rgba(0,0,0,0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#service-gallery ul.service-gallery-list li a b::before{position:absolute; content:''; display:inline-block; width:0; height:3px; background:#fff; bottom:-20px; left: 50%; transform: translate(-50%, 0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#service-gallery ul.service-gallery-list li a:hover b::before{width:100%;}
#service-gallery ul.service-gallery-list li a:hover b{opacity:1;}

/**********************************************************************/



/**********************************************************************
* Descript : NEWS 게시판 스타일
***********************************************************************/
.board-title{position:relative; width:100%; padding:90px 0 35px 0; text-align:center; background:#fff; z-index:1;}
.board-title h4{display:inline-block; font-size:36px; line-height:36px; color:#222; padding-bottom:10px; border-bottom:4px solid #34ca9d;}

.board-notice-list{width:100%;}
.board-notice-list thead{background:#f8f8f8; border-top:3px solid #333; border-bottom:1px solid #cfd1d4;}
.board-notice-list thead th{text-align:center; font-size:14px; font-weight:700; color:#222; padding:15px 0;}

.board-notice-list tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; padding:15px 0; font-size:13px;}
.board-notice-list tbody td i.notice{display:inline-block; padding:10px 20px; background:#009e73; color:#fff; border-radius:25px; font-size:11px; font-weight:700;}
.board-notice-list tbody td.subject{text-align:left;}
.board-notice-list tbody td.subject a{color:#222;}
.board-notice-list tbody td.date{font-size:12px;}
.board-notice-list tbody td.hit{font-size:12px;}



.board-notice-view{width:100%; }
.board-notice-view tbody{border-top:3px solid #333;}
.board-notice-view tbody th{width:150px; background:#f8f8f8; border-bottom:1px solid #cfd1d4; font-size:14px; font-weight:700;}
.board-notice-view tbody td{background:#fff;  border-bottom:1px solid #cfd1d4; text-align:left; padding:15px; font-size:13px; line-height:23px;}
.board-notice-view tbody td i.notice{display:inline-block; padding:5px; background:#939598; color:#fff; border-radius:2px; font-size:11px; font-weight:700;}
.board-notice-view tbody td.subject{text-align:left;}
.board-notice-view tbody td.subject a{color:#222;}
.board-notice-view tbody td.date{font-size:12px;}
.board-notice-view tbody td.con{padding:25px 15px; font-size:13px; line-height:21px;}
.board-notice-view tbody td.con img{max-width:100%;}
.board-notice-view tbody td a{color:#999;}
.board-notice-view tbody object{min-height:600px; margin-top:35px;} /* 유투브 동영상 */
/**********************************************************************/



/**********************************************************************
* Descript : 페이징 스타일
***********************************************************************/
#shop-list-pagenation{width:100%; clear:both;}
#shop-list-pagenation{width:100%; max-width:1200px; margin:50px auto; text-align:center;}
#shop-list-pagenation a{position:relative; display:inline-block; width:35px; height:35px; line-height:35px; font-size:1em; border:1px solid #ccc; color:#ccc; margin:0 2px; box-sizing:border-box;}
#shop-list-pagenation a:hover{text-decoration:underline; background:#e33900; color:#fff; border:1px solid #e33900;}
#shop-list-pagenation a.on{background:#333; border:1px solid #333; color:#fff; font-weight:700;}
/**********************************************************************/






/**********************************************************************
* Descript : 페이징 스타일
***********************************************************************/
#board-pagenation{width:100%;}
#board-pagenation{width:100%; max-width:1200px; margin:30px auto; text-align:center;}
#board-pagenation a{position:relative; display:inline-block; width:25px; height:35px; line-height:35px; font-size:1em; color:#333; margin:0 2px; box-sizing:border-box;}
#board-pagenation a:hover{text-decoration:underline;}
#board-pagenation a.on{color:#56c3ca; font-weight:700;}
/**********************************************************************/



/**********************************************************************
* Descript : 버튼 스타일
***********************************************************************/
.btn-group {display:inline-block; width:100%; height:36px; margin:25px 0; text-align:right;}
.btn-group-center {display:inline-block; width:100%; height:36px; margin:25px 0; text-align:center;}
	button.btn, a.btn{display:inline-block; width:100px; height:36px; line-height:36px; vertical-align:middle; font-size:13px; font-weighT:700; box-sizing:border-box; text-align:center;}
	button.btn:hover, a.btn:hover{text-decoration:none;}
	.btn-list{background:#2bd1a3; color:#fff;}
	.btn-submit{background:#2bd1a3; color:#fff;}
	.btn-my-list{background:#333; color:#fff;}
	.btn-del{background:#f4f4f4; border:1px solid #ccc; color:#222;}
	.btn-update{background:#2bd1a3; color:#fff;}
	.btn-view-list{background:#858585; color:#fff;}
	.btn-cancel{background:#cbcbcb; color:#fff;}

/**********************************************************************/




/**********************************************************************
* Descript : 온라인상담 게시판 스타일
***********************************************************************/
.board-tit{text-align:center; padding:100px 0 50px 0;}

.board-counsel-list{width:100%;}
.board-counsel-list thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
.board-counsel-list thead th{text-align:center; font-size:14px; font-weight:700; color:#222; padding:15px 0;}

.board-counsel-list tbody td{background:#fff; border-bottom:1px solid #cfd1d4; text-align:center; padding:15px 0; font-size:13px;}
.board-counsel-list tbody td i.notice{display:inline-block; padding:10px; background:#2ab3bc; color:#fff; border-radius:25px; font-size:11px; font-weight:700;}
.board-counsel-list tbody td.subject{text-align:left;}
.board-counsel-list tbody td.subject a{color:#222;}
.board-counsel-list tbody td.date{font-size:12px;}
.board-counsel-list tbody td.hit{font-size:12px;}
.board-counsel-list tbody td i.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:12px; font-weight:700;}
.board-counsel-list tbody td i.com{background:#2ab3bc; }
.board-counsel-list tbody td i.ready{background:#cbcbcb; }
.board-counsel-list tbody td a{color:#222;}



.board-counsel-view{width:100%; }
.board-counsel-view thead{background:#f8f8f8; border-top:2px solid #858585; border-bottom:1px solid #cfd1d4;}
.board-counsel-view thead th{text-align:center; font-size:14px; font-weight:700; color:#222; padding:15px 0;}

.board-counsel-view tbody td{background:#fff;  border-bottom:1px solid #cfd1d4; text-align:center; padding:15px; font-size:13px; line-height:23px;}
.board-counsel-view tbody td i.notice{display:inline-block; padding:5px; background:#ec1b39; color:#fff; border-radius:2px; font-size:11px; font-weight:700;}
.board-counsel-view tbody td.subject{text-align:left;}
.board-counsel-view tbody td.subject a{color:#222;}
.board-counsel-view tbody td.date{font-size:12px;}
.board-counsel-view tbody td.con{padding:25px 15px; font-size:13px; line-height:21px; text-align:left;}
.board-counsel-view tbody td.con img{max-width:100%;}
.board-counsel-view tbody td i.state{display:inline-block; padding:10px 20px; color:#fff; border-radius:25px; font-size:12px; font-weight:700;}
.board-counsel-view tbody td i.com{background:#2ab3bc; }
.board-counsel-view tbody td i.ready{background:#cbcbcb; }
.board-counsel-view tbody td a{color:#999;}

.board-counsel-content{padding:25px; border-bottom:1px solid #eee;}

.board-counsel-reply{padding:25px; background:#f4f4f4; border-top:1px solid #cfd1d4; border-bottom:1px solid #cfd1d4;}
.board-counsel-reply .reply-title{position:relative; display:inline-block; width:100%; height:30px; line-height:30px;  padding-left:100px; box-sizing:border-box; font-weight:700; margin-bottom:25px;}
.board-counsel-reply .reply-title i{position:absolute; left:0; top:0; display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; background:#2bd1a3; font-size:13px;}
.board-counsel-reply .reply-txt{font-size:13px; line-height:20px;}
/**********************************************************************/



/**********************************************************************
* Descript : 온라인상담 글쓰기 폼 스타일
***********************************************************************/
.board-cousel-form{width:100%;}
.board-cousel-form input[type="text"],
.board-cousel-form input[type="password"],
.board-cousel-form select{min-width:100px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}
.board-cousel-form select{background:url(/assets/img/common/arrow.png) no-repeat 90% center;}
.board-cousel-form textarea{width:100%; max-width:100%; min-width:100%; height:150px; bbox-sizing:border-box; padding:5px; border:1px solid #cacaca; color:#222; font-size:12px; line-height:20px;}
.board-cousel-form input[element-name="제목"]{width:100%;}

.board-cousel-form tbody{border-top:2px solid #858585;}
.board-cousel-form tbody th{width:125px; padding:10px 20px; text-align:left; background:#f8f8f8; border-bottom:1px solid #cfd1d4; font-size:13px; font-weight:700;}
.board-cousel-form tbody td{padding:10px 20px; text-align:left; border-bottom:1px solid #cfd1d4;}

.private-agree{}
.private-agree textarea{width:100%; max-width:100%; min-width:100%; height:150px; background:#f4f4f4; box-sizing:border-box; padding:25px; color:#222; font-size:12px; line-height:20px; margin:15px 0;}
/**********************************************************************/


/**********************************************************************
* Descript : 체크박스 및 라디오버튼 스타일
***********************************************************************/
.private-agree{text-align:right;}
.private-agree input[type="radio"],
.private-agree input[type="checkbox"]{display:none;}

.private-agree input[type="radio"] + label,
.private-agree input[type="checkbox"] + label{font-size:14px; position:relative; cursor:pointer;}

.private-agree input[type="radio"] + label::before,
.private-agree input[type="checkbox"] + label::before{position:absolute; content:""; display:inline-block; left:-25px; top:-3px; border:1px solid #ddd; width:23px; height:23px; margin-right:10px; box-sizing: border-box; cursor:pointer; vertical-align:middle;}

.private-agree input[type="radio"]:checked + label:after,
.private-agree input[type="checkbox"]:checked + label::after{position:absolute; content:""; display:inline-block; width:15px; height:15px; left:-21px; top:1px; background:#2bd1a3}
/**********************************************************************/


/**********************************************************************
* Descript : 온라인상담하기 비밀번호 입력폼 스타일
***********************************************************************/
.check-password{width:620px; background:#eee; margin:50px auto; border:1px solid #333; text-align:center;}
.check-password h3{background:#333; color:#fff; padding:20px; font-size:15px; font-weight:700;}
.check-password p{font-size:13px; color:#777; padding:25px 0 10px 0; line-height:20px;}
.check-password input[type="password"]{width:50%; border:1px solid #ccc; box-size:border-box; padding:7px; background:#fff;}
/**********************************************************************/





/**********************************************************************
* Descript : Creative&Prodution 분류탭 스타일
***********************************************************************/
.board-titl{width:100%; padding:60px 0; text-align:center;}

.board-kinds{width:100%; display:inline-block;}
.board-kinds li{float:left; width:25%; box-sizing:border-box;}
.board-kinds li a{display:block; height:50px; line-height:50px; text-align:center; font-size:17px; color:#172b4d; background:#fbfbfb; margin-right:1px;}
.board-kinds li.active a{color:#fff; background:#34ca9d;}
.board-kinds li:last-child a{margin-right:0;}
/**********************************************************************/