@import url("/font/NotoKR-Bold/stylesheet.css");
@import url("/font/NotoKR-Light/stylesheet.css");
@import url("/font/NotoKR-Medium/stylesheet.css");
@import url("/font/NotoKR-Regular/stylesheet.css");
@import url("/font/NotoKR-Thin/stylesheet.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,800');

*{ font-size: 13px; color: #666; line-height:100%; font-family:'NotoKR-Regular', sans-serif;}

.input {border-left:1px solid #b6b6b6; border-top:1px solid #b6b6b6; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:9pt; color:#666; padding:5px;}
.textarea { font-size: 12px; color: #666666; line-height: 160%; border-right: #e7e7e7 1px solid; border-top: #e7e7e7 1px solid; padding-left: 5px; border-left: #e7e7e7 1px solid; border-bottom: #e7e7e7 1px solid; background-color: #f4f4f4 }

.ctgr_box {width:100%; border:3px solid #eaeaea;}
.pro_search{float:left; padding:10px 0;}
.pro_search .select{float:left; padding:6px; border:1px solid #aaa;}
.pro_input_area{margin-left:10px;float:left; width:200px; height:29px;border-top:1px solid #b6b6b6; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #b6b6b6; }
.pro_input_area .pro_input{float:left; padding:6px; border:none !important; width:160px;}
.pro_input_area .pro_btn{float:left; border:none !important; margin:5px 0 0 0;}

.btn_full{float:right; padding:7px 0;}

.btn_b_s {font-size:13px;display:inline-block; text-align:center; height:37px; line-height:37px; color:#fff; font-family:'NotoKR-Regular', sans-serif; width:86px; background:#424242; letter-spacing:-0.5pt; vertical-align:top; box-sizing:border-box; border:none;}


/* list */
.pro_list{width:100%; border-collapse:collapse}
.pro_list th{font-size:13px; color:#333; font-weight:bold; text-align:center; padding:8px 0; background-color:#f9f9f9; border-bottom:1px solid #ddd; border-top:2px solid #262626;}
.pro_list td{padding:10px 7px; border-bottom:1px dotted #888;}



.search_box{border:1px solid #ddd; margin-bottom:20px; background:#f9f9f9; padding:20px;}
.search_box select{padding:5px; border-left:1px solid #b6b6b6; border-top:1px solid #b6b6b6; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:9pt;}
.search_category{height:40px;}
.search_box h4{float:left; width:60px; color:#333;}
.search_box li{float:left; margin-right:10px;}
.search_box dt{float:left; width:60px; color:#333; font-weight:bold; padding-top:5px;}
.search_box dd{float:left; margin-right:30px;}
.search_box input{vertical-align:middle;}
.search_box .last{margin-right:5px !important;}



@media screen and (-webkit-min-device-pixel-ratio:0) {
.pro_list li{position:relative ; width:230px; overflow:hidden; float:left; margin-right:3px; margin-bottom:-5px; text-align:center; }
}
 
@-moz-document url-prefix(){
.grayscale img {
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
}
 
.pro_list{padding-left:26px; overflow:hidden; padding-bottom:10px;}
.pro_list li{position:relative ; width:230px; overflow:hidden; float:left; margin-right:12px; margin-bottom:12px; text-align:left;}
.pro_list li a:hover .pro_bg{display:block; text-decoration:none ;}
.pro_list li a .pro_bg{width:230px; height:165px; opacity: .8; filter: alpha(opacity=80); position:absolute; left:0 ; top:0; background-color:#32303f; display:none ;}
.pro_list li a .pro_tit{display:block ; line-height:18px; text-align:center; padding-top:65px; color:#c7c4d5;}


.grayscale img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
 -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
} 



/*»ó¼¼º¸±â ÆäÀÌÁö*/
.view_info{border-bottom:1px dashed #ccc; border-top:1px solid #25aae1; padding:5px 0 0 5px;}
.view_info th{color:#333; text-align:left; padding:6px 0px 6px 0px;}
.view_info td{text-align:left; padding:6px 0px 0px 0px;}

.list_btn a{float:right; margin:7px 0;}




.view_box {padding:11px 16px 12px 13px; border:3px solid #eaeaea;}
.view_tit {color:#000000; font-family:'NotoKR-Regular', sans-serif; height:31px; border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:bold;}
.view_stit {background:url(/admin/product/skin/prdBasic2/image/detail_tit.gif) left top no-repeat; color:#000000; font-family:'NotoKR-Regular', sans-serif; height:23px; font-size:14px; font-weight:bold; padding-right:15px;}

detail_bg {background:url(/admin/product/skin/prdBasic2/image/detail_bg.gif) left bottom repeat-x;}

.field {background:url(/admin/product/skin/prdBasic2/image/view_field.gif) 3px right no-repeat;}
.view_other {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f3f3f3; padding:10px;}

.gray_box {border:1px solid #e1e1e1; background:#f3f3f3; padding:10px;}
.img_box {border:1px solid #e1e1e1; padding:10px;}

.pro_input {background:#fff; border:none; font-size:12px; color:#666; width:200px; padding:1px 10px 1px 3px;}
.list_subject{padding:5px 15px; text-align:left;}
.list_subject a{color:#eee; text-decoration:none;}




/** 171115 **/
.serchWrap{width:100%; background:#f0f0f0; margin:20px 0; position:relative; padding:20px 15px; box-sizing:border-box}
	.pro_search2 {overflow:hidden; clear:both; text-align:center;}
	.pro_search2 h5{font-size:15px; font-weight:100; font-family:'NotoKR-Regular', sans-serif; padding:0 0 10px; color:#444; letter-spacing:-0.5pt; text-align:center;}
	.pro_search2 .select{float:left; width:33%; height:37px; margin:0 0.5% 2px 0;box-sizing:border-box; padding:8px; border:1px solid #dddddd; color:#666666; font-size:13px; letter-spacing:-0.75pt; background:#fff; }
	.pro_search2 select[name="searchopt"] {margin-right:0}
	.pro_input_area2{clear:both; width:100%; height:37px; margin:0 auto 2px auto; border:1px solid #ddd; font-size:13px; letter-spacing:-0.75pt; background:#fff; box-sizing:border-box;}
		.pro_input_area2 .pro_input{padding:6px; height:35px; box-sizing:border-box; width:100%; border:none !important;}
.serchWrap .resetBtn{ display:inline-block; width:124px; font-size:13px; letter-spacing:-0.5pt; background:#999; text-align:center; color:#fff; height:37px; line-height:37px; margin:0 auto; box-sizing:border-box;}

/* list */
.pro_list2{width:100%; border-collapse:collapse;border-top:2px solid #a3c52f;}
.pro_list2 th{font-size:14px; color:#333; font-weight:100; font-family:'NotoKR-Medium', sans-serif; text-align:center; padding:15px 0; background-color:#fff; border-bottom:1px solid #bbb; }
.pro_list2 td{padding:15px 10px; text-align:center; border-bottom:1px solid #ddd; line-height:135%; font-size:12px;; }
.pro_list2 td p { margin-bottom:2px; text-align:left; font-size:12px; line-height:135%;}
.pro_list2 td p.name {color:#333; font-family:'NotoKR-Medium', sans-serif; font-size:13px; margin-bottom:6px}
.pro_list2 td p:last-child {margin-bottom:0}


.more_btn{font-size:12px; letter-spacing:-0.5pt; background:#fff; display:block; margin:0 auto; width:70px; height:32px; line-height:32px; box-sizing:border-box; border:1px solid #ddd; margin-bottom:2px}
.more_btn:last-child {margin-bottom:0}

.view_top{border:1px solid #ddd; overflow:hidden; clear:both; position:relative; }
.view_top .left{width:430px; float:left; position:relative; }
.view_top .prdimg{width:100%; height:367px; background:url('/admin/product/skin/prdBasic5/image/monitor_bg2.gif') no-repeat 1px top; }
.view_top .prdimg span{display:block; width:292px; height:162px; overflow:hidden; padding:50px 0px 0 66px; }
.view_top .prdimg span img{max-width:292px;}
.view_top .mobile{position:absolute; top:207px; right:80px; width:67px; height:130px; background:url('/admin/product/skin/prdBasic5/image/mobile_bg2.png') no-repeat left top;}
.view_top .mobile span{display:block; width:55px; height:111px; overflow:hidden; padding:7px 0 0 6px;}
.view_top .mobile img{width:55px; height:auto;}


.view_top .right{float:left; width:630px; padding:0 0 0 10px;}
.view_top .cate{display:block; letter-spacing:-0.5pt; line-height:100%; color:#949494; padding:46px 0 11px;}
.view_top .view_tit{font-size:24px; letter-spacing:-0.75pt; line-height:100%; color:#333333; font-weight:100; font-family:'NotoKR-Bold', sans-serif !important; }
.view_top .view_tit span{padding-left:7px; font-size:13px; line-height:100%; color:#333333; font-weight:100; font-family:'NotoKR-Bold', sans-serif; letter-spacing:0 !important;}
.view_top .view_tit span a{font-size:13px; line-height:100%; color:#666666; letter-spacing:0 !important; font-weight:100;}
.view_top .bg_box{background:#f5f5f5; width:630px; box-sizing:border-box; padding:16px 20px; font-size:13px; letter-spacing:-0.45pt; line-height:18px; margin:18px 0 16px}
.view_top .bg_box span{display:block; font-size:14px; letter-spacing:-0.55pt; color:#333; font-weight:100; font-family:'NotoKR-Bold', sans-serif; padding-bottom:3px;}
.view_top dl{overflow:hidden; clear:both; padding-bottom:5px;}
.view_top dt{width:76px; float:left;line-height:22px;  color:#333; letter-spacing: -0.55pt; font-weight:100; font-family:'NotoKR-Bold', sans-serif}
.view_top dd{float:left; line-height:22px; }
.view_top .list_btn{position:absolute; bottom:40px; right:30px;}


.view_cont{border:1px solid #ddd; border-top:none;  background:#f5f5f5; padding:60px 0 80px; margin-bottom:80px;}
.view_cont table{margin:0 auto;}

.pad40{padding:40px 0;}

.portfolio_detail{ padding:0 40px 0}
.portfolio_detail table{width:100%; }
.portfolio_detail td img{display:block; 

-moz-box-shadow: 20px 20px 60px #cbcbcb; /* Firefox */
-webkit-box-shadow: 20px 20px 60px #cbcbcb; /* Safari */ 
box-shadow: 20px 20px 60px #cbcbcb; 
}






/* ºä */
.pro_view{position:relative; overflow:hidden; margin-bottom:30px}
.pro_view .img_area{box-sizing:border-box;}
.pro_view .img_area .big{border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.pro_view .img_area .big img {max-width:100%;max-height:100%;}
.pro_view .img_area dl{position:relative; overflow:hidden;}
.pro_view .img_area dd{border:1px solid #ddd; box-sizing:border-box;}
.pro_view .img_area dd img{width:100%;}
.pro_view .img_area dd:nth-child(5n){margin:1.875% 0 0 0;}
.pro_view .pro_info{box-sizing:border-box; padding:15px 0 0 0}
.pro_view .pro_info h4{ margin:0; font-size:15px; color:#333; font-family: 'NotoKR-Bold', sans-serif; letter-spacing:-0.7pt; font-weight:normal; line-height:135%; padding-bottom:10px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.pro_view .pro_info p.shortexp{color:#777; line-height:22px; letter-spacing:-0.5pt;}

.view_data{width:100%; border-collapse:separate; border-spacing:0px; padding:15px 0 20px 0}
.view_data th{vertical-align:top; width:88px; font-weight:100; font-family:'NotoKR-Regular', sans-serif; color:#333; text-align:left;letter-spacing:-0.5pt; padding:0 0 10px 0;}
.view_data td{ text-align:left; padding:0 0 10px 0;}
.view_data td.shortexp{ font-size:12px; color:#666; line-height:135%; letter-spacing:-0.5pt; padding:15px; background-color:#f9f9f9; margin-top:15px;}
.view_data td.upfile a:link, .view_data td.upfile a:visited{text-decoration:underline;}
.view_data td.upfile2{font-size:11px; text-align:left; padding:10px 0 0 0; color:#777}

h5.datail_tit{font-size:14px; color:#fff; background-color:#acacac; padding:15px; line-height:100%; letter-spacing:-0.7pt; font-weight:normal; font-family:NotoKR-Regular, sans-serif; margin-bottom:20px}
h5.datail_tit2{font-size:20px; color:#333; background-color:#efefef; padding:17px 15px 17px 20px; line-height:100%; letter-spacing:-0.7pt; font-weight:normal; font-family:NotoKR-Bold, sans-serif; margin-top:40px}

.size_txt{color:#888; font-weight:bold; padding-bottom:10px;}

.pro_btn{position:relative; text-align:center}
.pro_btn .list_btn {font-size:13px; letter-spacing:-0.75pt; line-height:45px; width:110px; box-sizing:border-box; display:inline-block; background:url('/m/img/list_icon.png') 15px center no-repeat ,#a3c52f; background-size:12px auto; color:#fff; text-align:left; padding-left:42px;}
.pro_btn .print_btn {font-size:15px; letter-spacing:-0.75pt; height:63px; line-height:63px; width:152px; box-sizing:border-box; display:inline-block;  background:url('/m/img/print_icon.png') 19px 22px no-repeat ,#fff; color:#a3c52f; border:1px solid #a3c52f; text-align:left; padding-left:62px; text-decoration:none !important;}


.datail_con{}
.datail_con img{max-width:100%; height:auto !important;}