.listWrap {max-width:1450px; margin:0 auto; width:100%;}
@media all and (max-width:1450px){
	.listWrap {width:98%;}
}

.listWrap .listNavi {margin:50px 0; border:1px solid #ccc; border-radius:5px; padding:15px 0;}
.listWrap .listNavi > ul {padding:0 20px;}
@media all and (max-width:680px){
	.listWrap .listNavi > ul {padding:0 0 0 10px;}
}
.listWrap .listNavi > ul > li{display:inline-block; position:relative; padding:5px 20px; text-align:center;}
.listWrap .listNavi > ul > li:after {content:'|'; display:block; position:absolute; top:5px; left:0; color:#ccc;}
.listWrap .listNavi > ul > li.thisNavi {padding:5px 20px 5px 0}
.listWrap .listNavi > ul > li.thisNavi:after {content:'';}
.listWrap .listNavi > ul > li > div {display:inline-block;}
.listWrap .listNavi > ul > li > div span {display:inline-block;}
.listWrap .listNavi > ul > li > div span a {}
.listWrap .listNavi > ul > li > div span.angle_r {padding:0 10px;}

.listWrap .listNavi > ul > li > div.hiddenCate {display:none;}
.listWrap .listNavi > ul > li > div.parentCate {}
.listWrap .listNavi > ul > li > div.parentCate > span > a {color:#0065b3;}
.listWrap .listNavi > ul > li > div.thisCate {color:#0065b3;}

.listWrap > ul {border-top:1px solid #ccc; border-left:1px solid #ccc;}
.listWrap > ul:after {content:''; display:block; clear:both;}
.listWrap > ul > li {float:left; width:25%;}
/*.listWrap > ul > li:nth-child(5n) {
    clear: both;
}*/

.listWrap > ul > li > a {display:block;}
.listWrap > ul > li div.productBox {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.listWrap > ul > li div.product_img {width:100%; box-sizing:border-box; padding:20px;}
.listWrap > ul > li div.product_img > img {width:100%;}
.listWrap > ul > li div.product_Desc { padding:15px 0;}
.listWrap > ul > li div.product_title {text-align:center; font-size:1rem;}
.listWrap > ul > li div.product_subtitle {text-align:center; font-size:0.85rem;}

.pager {margin:50px 0;}

.NoProduct {width:100%;}
.NoProduct .NoProductTable {display:table; width:100%;}
.NoProduct .NoProductTable .NoProductCell {display:table-cell; vertical-align:middle; width:100%; height:300px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#f1f1f1;}

@media all and (max-width:980px){
	.listWrap > ul > li {width:33.333%;}
}
@media all and (max-width:680px){
	.listWrap > ul > li {width:50%;}
	.listWrap > ul > li div.product_title {font-size:0.9rem;}
	.listWrap > ul > li div.product_subtitle {font-size:0.5rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
}




/* view CSS */
.viewWrap {width:100%;}

.viewProduct {width:100%;}
.viewProduct .viewProductInner {width:100%; max-width:1450px; margin:50px auto; display:table;}
.viewProduct .viewProductInner > div {width:50%; display:table-cell; vertical-align:top;}

.viewProduct .viewProductInner .imgArea .imgArea_Box {width:100%; box-sizing:border-box; border:1px solid #ccc;}
.viewProduct .viewProductInner .imgArea .imgArea_Box:after {content:''; display:block; clear:both;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div {float:left; box-sizing:border-box;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_Big {width:80%;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_Big > img {width:100%;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_small {width:20%; border-left:1px solid #ccc;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_small > ul {width:100%;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_small > ul > li {border-bottom:1px solid #ccc; cursor:pointer; position:relative; width:100%;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_small > ul > li > img {width:100%;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_small > ul > li.act:after {content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #0066cc; z-index:10;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_small > ul > li:hover:after {content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #0066cc; z-index:10;}
.viewProduct .viewProductInner .imgArea .imgArea_Box > div.imgArea_small > ul > li:last-child {border:none;}

.viewProduct .viewProductInner .infoArea {}
.viewProduct .viewProductInner .infoArea .infoArea_Inner {padding:30px 0 0 50px;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .titBox {border-bottom:1px solid #ccc; padding:0 0 20px 0;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .titBox h2 {font-size:1.8rem;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .titBox p {}

.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox {margin:50px 0 0 0;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox h2 {}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox > ul {}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox > ul:after {content:''; display:block; clear:both;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox > ul > li {float:left; width:33.333%; margin:5px 0;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox > ul > li > a {display:block; border:1px solid #ccc; padding:10px; width:84%; position:relative; font-size:0.92rem;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox > ul > li > a > span {position:absolute; right:10px; top:8px;}
.viewProduct .viewProductInner .infoArea .infoArea_Inner .fileDownBox > ul > li > a > span > img {width:20px;}

@media all and (max-width:1450px){
	.viewWrap {width:96%; margin:0 auto;}
}
@media all and (max-width:1000px){
	.viewProduct .viewProductInner .infoArea .infoArea_Inner {padding:30px 0 0 20px;}
}
@media all and (max-width:800px){
	.viewProduct .viewProductInner > div {display:block; width:100%; margin:0 auto;}
	.viewProduct .viewProductInner .infoArea .infoArea_Inner {padding:30px 0 0 0;}
}


/* ������ �� �Ķ��� */
.title_underline {position:relative; margin:0 0 20px 0;}
.title_underline:after {content:''; display:block; position:absolute; top:26px; left:0; width:19px; height:2px; background:#0065b3;}
.title_underline__no {
    position:relative;
    margin:0 0 20px 0;
    color: blue;
    font-size: 1.4em;
}

.cpProductWrap {width:100%; max-width:1450px; margin:0 auto;}
.cpProductWrap > ul {border-top:1px solid #ccc; border-left:1px solid #ccc;}
.cpProductWrap > ul:after {content:''; display:block; clear:both;}
.cpProductWrap > ul > li {float:left; width:50%; box-sizing:border-box; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.cpProductWrap > ul > li table {width:100%;}
.cpProductWrap > ul > li table tr td {}
.cpProductWrap > ul > li table tr td.cpimg{ width:100px; border-right:1px solid #ccc;}
.cpProductWrap > ul > li table tr td.cpimg > a > img {width:100%;}
.cpProductWrap > ul > li table tr td.cpinfo {vertical-align:middle;}
.cpProductWrap > ul > li table tr td.cpinfo > a {display:block; padding:0 20px;}
.cpProductWrap > ul > li table tr td.cpinfo > a > h3 {font-size:1rem;}
.cpProductWrap > ul > li table tr td.cpinfo > a > p {font-size:1rem;}

@media all and (max-width:860px){
	.cpProductWrap > ul > li {float:none; width:100%;}
}

.ProductContWrap {width:100%; max-width:1450px; margin:50px auto;}
.ProductContWrap > h2 {font-size:1.6rem; font-weight:300;}
.ProductContWrap > h2:after {top:44px;}
.ProductContWrap .ProductContInner {}
.ProductContWrap table {}
.ProductContWrap table tr td{border:1px solid #ccc;}


.viewRelated {width:100%; background:#f7f7f7; padding:100px 0;}
.viewRelated .viewRelatedInner {width:100%; max-width:1450px; margin:0 auto;}

.related_PackageBox {}
.related_Box {margin:70px 0 0 0;}

.related_item {}
.related_item > h2 {font-size:1.6rem; font-weight:500;}
.related_item > h2:after {top:44px;}
.related_item > a.moreBtn {display:block; width:86px; padding:10px 0; text-align:center; background:#0065b3; color:#fff;}
.related_item > ul {border-top:1px solid #ccc; border-left:1px solid #ccc; margin:20px 0;}
.related_item > ul:after {content:''; display:block; clear:both;}
.related_item > ul > li {float:left; width:20%; background:#fff;}
.related_item > ul > li > a {display:block; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.related_item > ul > li > a .related_proBox {}
.related_item > ul > li > a .related_proBox .related_img {}
.related_item > ul > li > a .related_proBox .related_info {}
.related_item > ul > li > a .related_proBox .related_info > h3 { text-align:center; font-size:1rem; padding:0 0 20px 0;}
.related_item > ul > li > a .related_proBox .related_info > p { text-align:center; font-size:0.92rem;}

@media all and (max-width:1000px){
	.related_item > ul > li {width:25%;}
}
@media all and (max-width:760px){
	.related_item > ul > li {width:33.333%;}
}
@media all and (max-width:600px){
	.related_item > ul > li {width:50%;}
}


.listBtn {width:100%; max-width:1450px; margin:80px auto;}
.listBtn > a {display:block; width:150px; padding:10px 0; background:#0065b3; color:#fff; margin:0 auto; text-align:center; transition:all .3s ease;}
.listBtn > a:hover {background:#333;}

/* �˻���� ����Ʈ */
.searchTitle {padding:20px 0; text-align:center; background:#f1f1f1; border:1px solid #ccc; margin:10px 0;}