@charset "utf-8";

.clear {clear:both;display:block;float:none;font-size:0 !important;height:0;line-height:0 !important;margin:0 !important;overflow:hidden;padding:0 !important;width:100%;}
.clearfix {*zoom:1;}
.clearfix:after {content:"";display:block;clear:both;font-size:0;}
.fl {float:left;}
.fr {float:right;}


.mart0 {margin-top:0 !important;}
.mart2 {margin-top:2px !important;}
.mart3 {margin-top:3px !important;}
.mart5 {margin-top:5px !important;}
.mart9 {margin-top:9px !important;}
.mart10 {margin-top:10px !important;}
.mart15 {margin-top:15px !important;}
.mart20 {margin-top:20px !important;}
.mart25 {margin-top:25px !important;}
.mart30 {margin-top:30px !important;}
.mart35 {margin-top:35px !important;}
.mart40 {margin-top:40px !important;}
.mart45 {margin-top:45px !important;}
.mart50 {margin-top:50px !important;}
.mart60 {margin-top:60px !important;}
.mart65 {margin-top:65px !important;}
.mart70 {margin-top:70px !important;}
.mart75 {margin-top:75px !important;}
.mart80 {margin-top:80px !important;}
.mart90 {margin-top:90px !important;}
.mart100 {margin-top:100px !important;}

.marl0 {margin-left:0 !important;}
.marl5 {margin-left:5px !important;}
.marl7 {margin-left:7px !important;}
.marl10 {margin-left:10px !important;}
.marl15 {margin-left:15px !important;}
.marl20 {margin-left:20px !important;}
.marl25 {margin-left:25px !important;}
.marl30 {margin-left:30px !important;}
.marl35 {margin-left:35px !important;}
.marl40 {margin-left:40px !important;}
.marl45 {margin-left:45px !important;}
.marl50 {margin-left:50px !important;}
.marl70 {margin-left:70px !important;}
.marl75 {margin-left:75px !important;}
.marl100 {margin-left:100px !important;}
.marl355 {margin-left:355px !important;}
.marl360 {margin-left:360px !important;}

.marr0 {margin-right:0 !important;}
.marr5 {margin-right:5px !important;}
.marr7 {margin-right:7px !important;}
.marr10 {margin-right:10px !important;}
.marr15 {margin-right:15px !important;}
.marr20 {margin-right:20px !important;}
.marr25 {margin-right:25px !important;}
.marr30 {margin-right:30px !important;}
.marr35 {margin-right:35px !important;}
.marr40 {margin-right:40px !important;}
.marr45 {margin-right:45px !important;}
.marr50 {margin-right:50px !important;}

.marb0 {margin-bottom:0 !important;}
.marb5 {margin-bottom:5px !important;}
.marb10 {margin-bottom:10px !important;}
.marb15 {margin-bottom:15px !important;}
.marb20 {margin-bottom:20px !important;}
.marb25 {margin-bottom:25px !important;}
.marb30 {margin-bottom:30px !important;}
.marb35 {margin-bottom:35px !important;}
.marb40 {margin-bottom:40px !important;}
.marb45 {margin-bottom:45px !important;}
.marb50 {margin-bottom:50px !important;}
.marb60 {margin-bottom:50px !important;}
.marb70 {margin-bottom:70px !important;}

.padt0 {padding-top:0 !important;}
.padt5 {padding-top:5px !important;}
.padt9 {padding-top:9px !important;}
.padt10 {padding-top:10px !important;}
.padt15 {padding-top:15px !important;}
.padt20 {padding-top:20px !important;}
.padt25 {padding-top:25px !important;}
.padt30 {padding-top:30px !important;}
.padt35 {padding-top:35px !important;}
.padt40 {padding-top:40px !important;}
.padt45 {padding-top:45px !important;}
.padt50 {padding-top:50px !important;}
.padt60 {padding-top:60px !important;}
.padt65 {padding-top:65px !important;}
.padt70 {padding-top:70px !important;}
.padt75 {padding-top:75px !important;}
.padt80 {padding-top:80px !important;}
.padt90 {padding-top:90px !important;}
.padt100 {padding-top:100px !important;}

.padl0 {padding-left:0 !important;}
.padl5 {padding-left:5px !important;}
.padl7 {padding-left:7px !important;}
.padl10 {padding-left:10px !important;}
.padl15 {padding-left:15px !important;}
.padl20 {padding-left:20px !important;}
.padl25 {padding-left:25px !important;}
.padl30 {padding-left:30px !important;}
.padl35 {padding-left:35px !important;}
.padl40 {padding-left:40px !important;}
.padl45 {padding-left:45px !important;}
.padl50 {padding-left:50px !important;}
.padl70 {padding-left:70px !important;}
.padl75 {padding-left:75px !important;}
.padl100 {padding-left:100px !important;}
.padl355 {padding-left:355px !important;}
.padl360 {padding-left:360px !important;}

.padr0 {padding-right:0 !important;}
.padr5 {padding-right:5px !important;}
.padr7 {padding-right:7px !important;}
.padr10 {padding-right:10px !important;}
.padr15 {padding-right:15px !important;}
.padr20 {padding-right:20px !important;}
.padr25 {padding-right:25px !important;}
.padr30 {padding-right:30px !important;}
.padr35 {padding-right:35px !important;}
.padr40 {padding-right:40px !important;}
.padr45 {padding-right:45px !important;}
.padr50 {padding-right:50px !important;}

.padb0 {padding-bottom:0 !important;}
.padb5 {padding-bottom:5px !important;}
.padb10 {padding-bottom:10px !important;}
.padb15 {padding-bottom:15px !important;}
.padb20 {padding-bottom:20px !important;}
.padb25 {padding-bottom:25px !important;}
.padb30 {padding-bottom:30px !important;}
.padb35 {padding-bottom:35px !important;}
.padb40 {padding-bottom:40px !important;}
.padb45 {padding-bottom:45px !important;}
.padb50 {padding-bottom:50px !important;}
.padb70 {padding-bottom:70px !important;}

.lih24 {line-height:24px !important;}
.lih22 {line-height:22px !important;}
.lih20 {line-height:20px !important;}
.lih18 {line-height:18px !important;}
.lih16 {line-height:16px !important;}
.lih14 {line-height:14px !important;}
.lih12 {line-height:12px !important;}
.lih10 {line-height:10px !important;}

.fs40 {font-size:40px !important;}
.fs30 {font-size:30px !important;}
.fs24 {font-size:24px !important;}
.fs20 {font-size:20px !important;}
.fs18 {font-size:18px !important;}
.fs16 {font-size:16px !important;}
.fs15 {font-size:15px !important;}
.fs14 {font-size:14px !important;}
.fs12 {font-size:12px !important;}
.fs11 {font-size:11px !important;}
.fs10 {font-size:10px !important;}
.fwn {font-weight:normal !important;}
.fwb {font-weight:600 !important;}
.cf8be59 {color:#f8be59 !important;}
.c999 {color:#999 !important;}
.c777 {color:#777 !important;}
.c666 {color:#666 !important;}
.c333 {color:#333 !important;}
.c444 {color:#444 !important;}
.c000 {color:#000 !important;}
.c69c2f4 {color:#69c2f4 !important;}
.cd53524 {color:#d53524 !important;}
.cff4359 {color:#ff4359 !important;}
.c158506 {color:#158506 !important;}
.ced1c24 {color:#ed1c24 !important;}
.red {color:#dc0303;}
.blue {color:#4166ad;}
.orange {color:#fc7f04;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.les1 {letter-spacing:-1px;word-spacing:-1px;}
.les5 {letter-spacing:-0.5px;word-spacing:-0.5px;}
.les75 {letter-spacing:-0.75px;word-spacing:-0.75px;}
.les25 {letter-spacing:-0.25px;word-spacing:-0.25px;}

/*input 폼*/
.ndh-cform {
	display:inline-block;
	height:31px;
	line-height:31px;
	border:1px solid #dcdcdc;
	padding:0 5px;
}
.ndh-iform {display:inline-block;border:1px solid #dcdcdc;}
input.ndh-iform {line-height:31px;text-indent:5px;height:31px;}
select.ndh-iform {height:33px;}
textarea.ndh-iform {height:33px;height:95px;width:100%;box-sizing:border-box;}
/*input[type="submit"] {}*/



/* 버튼 */
.ndh-abtn {
	display:inline-block;
	text-align:center;
	width:108px;
	color:#666666;
	font-size:14px;
	letter-spacing:-0.05em;
	line-height:34px;
	background:#fff;
	padding-bottom:2px;
	border:1px solid #696969;
	cursor:pointer;
	vertical-align:top;
}
input.ndh-abtn {width: 110px; *height:38px;}
.ndh-abtn1 {border:1px solid #444; background-color: #444; color: #fff !important;}
.ndh-abtn2 {border:1px solid #d8202d; background-color: #fff; color: #d8202d;}
.ndh-abtn3 {border:1px solid #707070; background: #808080; color: #fff;}
.ndh-bbtn {
	display:inline-block;
	text-align:center;
	padding:0 15px;
	height:31px;
	line-height:30px;
	color:#fff;
	font-size:13px;
	letter-spacing:-0.075em;
	word-spacing:-0.05em;
	background:#333;
	border:1px solid #333;
	cursor:pointer;
}


/* PAGING */
.ndh-paging {text-align:center; margin-top:55px; font-size: 0; }
.ndh-paging a {display:inline-block; line-height:0px;}
.ndh-paging .ndh-arrow-lef {display: inline-block; vertical-align: top;}
.ndh-paging .ndh-arrow-rig {display: inline-block; border-left: 0; vertical-align: top;}
[class^='ndh-arrow-']{height:31px;width:31px;overflow:hidden; border: 1px solid #d8d8d8;vertical-align: middle;}
.ndh-paging .ndh-arrow img {display:block;}
/*.ndh-paging .ndh-arrow.active img,
.ndh-paging .ndh-arrow:hover img {margin-top:-22px;}*/
.ndh-paging .ndh-num {display: inline-block; height: 33px;}
.ndh-paging .ndh-num a {
  font-size:12px;
  color:#666;
  display: inline-block;
  width: 31px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #d8d8d8;
  border-left: 0;
}
.ndh-paging .ndh-num a.active,
.ndh-paging .ndh-num a:hover {background-color: #666; color: #fff;}

/* SEARCH */
.ndh-search {text-align:center;padding-bottom:40px;  font-size: 0; }
.ndh-search .ndh-txt,
.ndh-search .ndh-btn,
.ndh-search select {display:inline-block;color:#777;}
.ndh-search select {border:1px solid #c1c1c1;height:33px; margin-right: 5px;}
.ndh-search .ndh-txt {border:1px solid #c1c1c1;height:32px;width:278px;text-indent:7px;}
.ndh-search .ndh-btn {width: 33px; height: 32px; border: 0; vertical-align: bottom;}

/* 리스트 테이블 */
.ndh-ltbl {width:100%;border-top:1px solid #231f20; table-layout: fixed;}
.ndh-ltbl th,
.ndh-ltbl td {border-bottom:1px solid #e6e6e6;text-align:center;}
.ndh-ltbl th {background:#fafafa;height:40px;font-size:13px;font-weight:700; color:#343434; vertical-align: middle; 	}
.ndh-ltbl td {padding:15px 10px;}
.ndh-ltbl .ndh-subject {text-align:left;}
.ndh-ltbl .ndh-subject a {color:#343434;}
.ndh-ltbl .ndh-subject a:hover {color:#f15a24;}

.ndh-ltbl tbody td {border-bottom:1px solid #dcdcdc;text-align:center;padding:13px 10px 13px;font-size:14px;}
.ndh-ltbl tbody .ndh-subject {
	text-align:left;
	letter-spacing:-0.05em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*게시판뷰 공통 테이블*/
.ndh-view {width:100%; position:relative;border-top:1px solid #707070; }
.ndh-view th {
	letter-spacing:-0.075em;
	color:#333;
	font-size:14px;
	padding:10px 0;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#f8f9f8;
	font-weight: normal;
}
.ndh-view td {font-size:13px;color:#666; border-bottom:1px solid #e6e6e6; padding:0 15px; }
.ndh-view-con {
	line-height:24px;
	font-size:15px;
	color:#888;
	padding:15px 15px 20px;
	letter-spacing:-0.05em;
	min-height:400px;
	border-bottom:1px solid #dcdcdc;
}


/* 글쓰기 테이블 */
.ndh-wtbl {width:100%;border-top:1px solid #707070;}
.ndh-wtbl th,
.ndh-wtbl td {font-size:14px;border-bottom:1px solid #e6e6e6;padding:10px 20px;min-height:33px;}
.ndh-wtbl th {
	text-align:left;
	background:#f7f7f7;
	font-size:14px;
	color:#333;
	font-weight:normal;
	border-right:1px solid #e6e6e6;
	vertical-align:top;
	padding-top:16px;
	padding-bottom:0;
	padding-left:25px;
}
.ndh-wtbl th span {color:#ee3827;}
.ndh-wtbl td p {margin-top:7px;}
.ndh-wtbl td p:first-child {margin-top:0;}

/* 갤러리 리스트 */
.g-list {position: relative; margin-top: 15px;}
.g-list:after {content: ""; display: block; clear: both;}
.g-list li {float: left; width: 252px; margin-bottom: 40px; margin-left: 30px;}
.g-list li:nth-child(5n+1) {margin-left: 0;}
.g-list li a{display: block; border: 1px solid #d7d5d5;}
.g-list li span {display: block; width: 100%; height: 30px; text-align: center; margin-top: 15px;}


/*FAQ*/
.faq-listtab {margin-bottom:10px; margin-top: 40px;}
.faq-listtab:after {content:"";display:block;clear:both;height:0;}
.faq-listtab a {
	display:block;
	float:left;
	font-size:15px;
	letter-spacing:-0.075em;
	word-spacing:-0.05em;
	color:#343434;
	border:1px solid #e2e2e2;
	/*border-bottom:none;*/
	margin-left:-1px;
	position:relative;
	height:37px;
	line-height:37px;
	z-index:0;
	width:135px;
	text-align:center;
	font-weight:500;
}
.faq-listtab a:first-child {margin-left:0;width:137px;}
.faq-listtab a:hover,
.faq-listtab a.active {background:#de202e;color:#fff;border:1px solid #de202e;/*border-bottom:none;*/z-index:1;}

.faq-list {border-top:1px solid #707070;}
.faq-list dl {border-bottom:1px solid #e6e6e6;}
.faq-list dl dt {letter-spacing:-0.075em;word-spacing:-0.05em; position:relative;padding:13px 0 13px 40px;}
.faq-list dl dd {letter-spacing:-0.075em;word-spacing:-0.05em; position:relative;padding:0px 0 13px 40px;}
.faq-list dl dt:after,
.faq-list dl dd:after {content:"";display:block;clear:both;height:0;}
.faq-list dl:first-child {border-top:1px solid #e6e6e6;}
.faq-list dl dt h6 {position:absolute; left:10px;top:0;height:100%;width:30px;text-align:center;font-size:14px;  color:#666;}
.faq-list dl dd h6 {position:absolute; left:10px;top:0;width:30px;text-align:center;font-size:14px;  color:#666;}
.faq-list dl h6:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.faq-list dl dt .ndh-txt {width:1000px;float:left;font-size:14px !important;color:#666;  line-height:20px; text-align: left; }
.faq-list dl dt .ndh-txt {color:#333; line-height: 30px;}
.faq-list dl dd,
.faq-list dl dd span {line-height:20px;}
.faq-list dl dt {cursor:pointer;}
.faq-list dl dd {display:none;font-size: 14px; line-height: 25px;}
.faq-list dl:hover dt h6,
.faq-list dl.over dt h6,
.faq-list dl:hover dt .ndh-txt,
.faq-list dl.over dt .ndh-txt {color:#de202e;}
.faq-list dl dd b, .faq-list dl dd strong {font-weight:500;}
.faq-list dl:hover dt h6,
.faq-list dl.over dt h6,
.faq-list dl:hover dt .ndh-txt,
.faq-list dl.over dt .ndh-txt {color:#de202e;}


/*제품A*/
.productA .pro-tit {margin-top: 40px;}
.productA .box:before,
.productA .box:after {content: ""; display: table;clear: both; }
.productA .box > div.no-data {text-align:center; padding:40px 0;}
.productA .box dl {float: left; margin-left: 30px; margin-top: 20px; width: 250px;}
.productA .box dl:nth-child(4n+1) {margin-left: 0;}
.productA .box dt {border: 1px solid #d7d5d5; position: relative; width: 250px; height: 250px;}
.productA .box.box1 dt {border: 1px solid #fff;}
.productA .box dd {text-align: center; height: 50px;}
.productA .box .pro-name {margin-top: 10px; font-size: 14px; color: #222;}
[class^="cash-"] {font-size: 16px; display: block; margin-top: 5px;}
.productA .box .cash-red {color: #d8202d;}
.productA .box .cash-blue {color: #177ec1;}



/* 제품 상세 */
.ndh-pro-viewA {}
.ndh-pro-viewA:after {content:"";display:block;clear:both; height:0;}
.ndh-pro-viewA .ndh-img {width:461px; float:left;}
.ndh-pro-viewA .ndh-img > img {border:1px solid #d9d8d8;}
.ndh-pro-viewA .ndh-img ul {width:466px; margin-top:5px;}
.ndh-pro-viewA .ndh-img ul:after {content:""; height:0; clear:both;}
.ndh-pro-viewA .ndh-img ul li {float:left; margin-left:5px; margin-bottom:5px; border:1px solid #d9d8d8;}
.ndh-pro-viewA .ndh-img ul li:nth-child(5n+1) {margin-left:0;}
.ndh-pro-viewA .ndh-img ul li:hover,
.ndh-pro-viewA .ndh-img ul li.active {border:1px solid #d8202d;}

.ndh-pro-info {width:540px; float:right;}
.ndh-pro-info dl.ndh-name {padding-bottom:15px;letter-spacing:-0.075em; word-spacing:-0.05em;}
.ndh-pro-info dl.ndh-name dt {font-size:24px; font-weight:500; color:#d8202d; margin-bottom:20px;}
.ndh-pro-info dl.ndh-name dd {font-size:14px;margin-bottom:8px; color:#666; padding-top: 5px;}
.ndh-pro-info dl.ndh-name dd strong {width:75px; display:inline-block; color: #333; font-weight: 600; font-size: 15px;}
.ndh-pro-info h4 {font-size:16px; color:#333; margin-bottom:10px; font-weight:500;}
.ndh-pro-info table {width:100%; margin-bottom:30px;}
.ndh-pro-info table th,
.ndh-pro-info table td {padding:5px 0; font-size:14px;}
.ndh-pro-info table th {width:70%; text-align:left; font-weight:normal;}
.ndh-pro-info table td {width:30%;}
.ndh-pro-info table td select {width:100%;}

.ndh-pro-info .ndh-oplist {/*border:1px solid #333;*/ padding:20px 10px; letter-spacing:-0.075em; word-spacing:-0.05em;}
.ndh-pro-info .ndh-oplist p {font-size:15px;}
.ndh-pro-info .ndh-oplist p strong {color:#d8202d; font-weight: 600;}
.ndh-pro-info .ndh-oplist .ndh-num {margin:0;}
.ndh-pro-info .ndh-oplist .ndh-num a {height:29px; line-height:29px;display:inline-block; margin-left:2px;}
.ndh-pro-info .ndh-end {border-top:1px solid #333;margin-top:10px;padding-top:10px;text-align:right;}
.ndh-pro-info .ndh-end span {font-size:16px;color:#333;padding-right:10px;}
.ndh-pro-info .ndh-end em {font-size:16px;color:#666;}
.ndh-pro-info .ndh-end strong {
	font-size:35px;
	color:#d8202d;
	font-family:os,sans-serif;
	font-weight:normal;
	letter-spacing:0;
	word-spacing:0;
	vertical-align:-4px;
}
.ndh-pro-info .ndh-btn {margin-top:40px;}
.ndh-pro-info .ndh-btn .ndh-formbtn {
	display:block;
	float:left;
	margin-left:5px;
	width:157px;
	line-height:55px;
	height:55px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	letter-spacing:-0.075em;
	word-spacing:-0.05em;
	background:#666;
	border:none;
	/*text-indent:20px;*/
	text-align:center;
	cursor:pointer;
}
.ndh-pro-info .ndh-btn .ndh-formbtn:nth-child(3n+1) {margin-left:0;}
.ndh-pro-info .ndh-btn .ndh-formbtn1 {background-color: #d8202d;}
.ndh-pro-info .ndh-btn .ndh-formbtn2 {background-color: #555555;}
.ndh-pro-info .ndh-btn .ndh-formbtn3 {background-color: #828282; width: 156px;}
.ndh-pro-info .ndh-sns {margin-top:30px; font-size: 0;}
.ndh-pro-info .ndh-sns a {margin-right: 5px;}
.ndh-pro-info .ndh-shop-more {margin-left:5px; cursor:pointer;}
.ndh-pro-info .ndh-fee {position:relative;}
.ndh-pro-info .ndh-fee div.fee {position:absolute; top:-30px; left:170px; border:1px solid #d8202d; padding:10px; font-size:12px; font-family:mg; display:none;}
.ndh-pro-info .ndh-fee div span {color:#d8202d; font-weight:500;}


/**/
/*프로덕트 뷰B*/
.sp2 {
	display: block;
	margin: 0 auto;
	background: url(../images/sp.jpg) 0 0 no-repeat;
}
.ndh-pro-viewB {height: 461px;}
.ndh-pro-viewB:after {content: ""; display: block; clear: both;}
.pro-lef {float: left; width: 414px;}
.pro-rig {float: right; width: 540px;}

.ndh-pro-viewB .ndh-img {
	width: 461px;
	height: 461px;
	border: 1px solid #ddd;
	position: relative;
}
.ndh-pro-viewB .ndh-img .bx-controls-direction a {
	position:absolute;
	top: 50%;
	margin-top: -14px;
	z-index:100;
	display:block;
	width:29px;
	height:29px;
	text-indent:-9999px;
}
.ndh-pro-viewB .ndh-img .bx-controls-direction .bx-prev {background:url(../images/sp.jpg) -29px 0 no-repeat;right:0;}
.ndh-pro-viewB .ndh-img .bx-controls-direction .bx-next {background:url(../images/sp.jpg) 0 0 no-repeat;left:0;}
/*
.ndh-pro-viewB .ndh-img .bx-pager {position:absolute;z-index:100;top:50%;left:50%;margin-left:-50px;width:200px;}
.ndh-pro-viewB .ndh-img .bx-pager .bx-pager-item {display:block;float:left;margin-right:5px;}
.ndh-pro-viewB .ndh-img .bx-pager .bx-pager-item a {
	display:inline-block;
	width:23px;
	height:23px;
	background:url(../images/vis-off.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.ndh-pro-viewB .ndh-img .bx-pager .bx-pager-item a.active {background:url(../images/vis-on.png) no-repeat;}
*/
.ndh-pro-viewB .pro-category,
.ndh-pro-viewB .pro-name {display: block;}
.pro-category {/*margin-top: 37px;*/font-size: 16px; color: #838181;}
.ndh-pro-viewB .pro-name {margin-top: 15px;color: #111; font-weight: bold; font-size: 32px;}
.ndh-pro-viewB .pro-tbl {width: 100%; margin-top: 35px;}
.ndh-pro-viewB .pro-tbl caption {
	text-align: left;
	color: #353535;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
}
.ndh-pro-viewB .pro-tbl th {
	background: #a1a1a5;
	padding: 14px 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
.ndh-pro-viewB .pro-tbl td {
	border-bottom: 1px solid #dadee1; padding: 12px 0;
	font-size: 13px;
	color: #838181;
	text-indent: 30px;
}
[class*="do-"] {
	width: 16px; height: 16px;
	text-indent: -9999px;
	font-size: 1px;
}
.do-pdf {background-position: -58px 0;}
.do-excel {background-position: -74px 0;}
.do-word {background-position: -90px 0;}
.do-hwp {background-position: -106px 0;}
.do-zip {background-position: -122px 0;}
.do-jpg {background-position: -138px 0;}
.do-png {background-position: -138px 0;}
.do-gif {background-position: -138px 0;}
.do-pptx {background-position: -154px 0;}

/*상세 탭메뉴*/
.ndh-ptit {font-size: 0;}
.ndh-pro-tab {position:relative; margin-top:50px;width:100%;border-bottom:1px solid #b6b6b6;margin-bottom:20px;height:39px;}
.ndh-pro-tab ul { height:38px;padding-left:1px; clear:both;}
.ndh-pro-tab ul:after {content:""; height:0; clear:both;}
.ndh-pro-tab ul  li {
  position:relative;
  z-index:10;
  float:left;
  margin-left:-1px;
  border:1px solid #b6b6b6;
  border-bottom:none;
  background-color:#fff;
  height:38px;
}
.ndh-pro-tab ul  li a {display:block; width:160px;line-height: 38px; text-align:center; font-size:14px;}
.ndh-pro-tab ul  li.active {background-color:#d8202d;height:38px; border: 1px solid #d8202d}
.ndh-pro-tab ul  li.active a { color:#464646;font-weight:500; color: #fff;}



/* 2뎁스 카테고리 */
.sub-2dep {
	border: solid #d2d2d2;
	border-width: 1px 0;
	background: #fafafa;
	padding-bottom:20px;
}
.sub-2dep:after {content: ""; display: block; clear: both;}
.sub-2dep li {float: left; width: 22%; padding-top:20px; padding-left:30px; line-height: 18px;}
.sub-2dep li a {}
.sub-2dep li a:hover,
.sub-2dep li.active a {
	border-bottom: 1px solid #1b6fbd;
	color: #1b6fbd;
}
/* 3뎁스 카테고리 */
.sub-3dep {
	position: relative;
	border: 1px solid #d2d2d2;
	padding-bottom:15px;
	border-radius: 10px;
	margin-top: 25px;
}
.sub-3dep:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0px;
	right: 0;
	bottom: 0;
	width: 3px;
	height: 76%;
	background: #fff;
}
.sub-3dep:after {content: ""; display: block; clear: both;}
.sub-3dep li {
	float: left; margin-top:15px;text-indent: -15px;
	padding:0 30px 0 45px;
	background: url(../images/sub-3line.gif) 0 50% no-repeat;
}
.del_chk{position: absolute; left: 5px; top: 5px; z-index: 10; width: 17px; height: 17px; 	}
.sub-3dep li a {padding-left:15px;}
.sub-3dep li a:hover,
.sub-3dep li.active a {
	background: url(../images/sub-arrow.gif) 0 50% no-repeat;
	color: #1b6fbd;
}
.portfolio-sub-list { font-size: 0; margin-left: -1.75%;}
.portfolio-sub-list li {
  margin-bottom: 4%;
  width: 23.15%;
  display: inline-block;
  margin-left: 1.75%;
  vertical-align: top;
  position: relative; 
}
.portfolio-sub-list a {display: block; width: 100%; border: 1px solid #ccc;  height: 0; padding-bottom: 70%;position: relative;  }
.portfolio-sub-list a img {width: 100%; max-width: 100%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 100%;}
.portfolio-sub-list a .over {
	position: absolute;
	display: none;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,.7);
}
.portfolio-sub-list a:hover .over {display: block;}
.portfolio-sub-list a .over .inner {position: absolute; width: 100%; bottom: 50%; margin-bottom: -15%;}
.portfolio-sub-list .subject {
	display: block;
	color: #fff; text-align: center; font-size: 16px; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%;
	top:50%; margin: 0 auto;

}

.portfolio-sub-list .view-btn	{
	margin: 0 auto;
	margin-top: 15px;
	display:table;
	width: 120px; height: 37px; background: #fff; color: #333;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
}
.portfolio-sub-list .view-btn span {display: table-cell; vertical-align: middle;}
.portfolio-sub-list .list-subject { display: block; text-align: center;  font-size: 15px; color: #666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; margin:5% auto 0 auto ;line-height:1.2}

/* PAGING */
.hnn-paging {text-align:center; margin-top:55px; font-size: 0; }
.hnn-paging a {display:inline-block; line-height:0px;}
.hnn-paging .hnn-arrow-lef {display: inline-block; vertical-align: top;}
.hnn-paging .hnn-arrow-rig {display: inline-block; border-left: 0; vertical-align: top;}
[class^='hnn-arrow-']{height:31px;width:31px;overflow:hidden; border: 1px solid #d8d8d8;vertical-align: middle;}
.hnn-paging .hnn-arrow img {display:block;}
/*.hnn-paging .hnn-arrow.active img,
.hnn-paging .hnn-arrow:hover img {margin-top:-22px;}*/
.hnn-paging .hnn-num {display: inline-block; height: 33px;}
.hnn-paging .hnn-num a {
  font-size:12px;
  color:#666;
  display: inline-block;
  width: 31px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #d8d8d8;
  border-left: 0;
}
.hnn-paging .hnn-num a.active,
.hnn-paging .hnn-num a:hover {background-color: #666; color: #fff;}

.ndh-view-con img { max-width:100%; width: auto; }
.recruit.ndh-ltbl tbody .mobileRecruit{display: none;}

@media screen and (max-width:1100px) {
	/* SEARCH */
	.ndh-search .ndh-txt {border:1px solid #c1c1c1;height:32px;width:50%;text-indent:7px;}
	.ndh-view td { padding:0 10px; }
	.ndh-abtn { width:70px; }


.recruit.ndh-ltbl{ border-collapse: inherit}
.recruit.ndh-ltbl colgroup col:nth-child(1){width: 10% !important;}
.recruit.ndh-ltbl colgroup col:nth-child(2){width: 90% !important;}
.recruit.ndh-ltbl thead th{display: none; }
.recruit.ndh-ltbl tbody .mobileRecruit{display: block; margin-top: 10px; }
.recruit.ndh-ltbl tbody .mobileRecruit ul:after{display: block;clear: both;content: "";}
.recruit.ndh-ltbl tbody .mobileRecruit ul li{float: left; position: relative; padding: 0 6px; color: #666;}
.recruit.ndh-ltbl tbody .mobileRecruit ul{ padding-left: 0;}
.recruit.ndh-ltbl tbody .mobileRecruit ul li:after{position: absolute; left: 0; top: 10%; width: 1px; height: 80%; background-color: #999;content: "";}
.recruit.ndh-ltbl tbody .mobileRecruit ul li:first-child{padding-left: 0;}
.recruit.ndh-ltbl tbody .mobileRecruit ul li:first-child:after{display: none; }
}

@media screen and (max-width:1024px) {
	.portfolio-sub-list li {width: 31.58%; }
	

}
@media screen and (max-width:640px) {
	.portfolio-sub-list li {width: 48.15%; }
	.portfolio-sub-list .list-subject{font-size: 14px; }
	.portfolio-sub-list a:hover .over{display: none; }
}
