@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Playball');

/* 공통 서브 레잉아웃 */
#container_s{overflow:hidden;position:relative;width:100%;margin:0 auto;}

@media (min-width: 768px) and (max-width: 991px) {
#container_s{width:98%;}
}

@media all and (max-width: 767px) {
#container_s{width:96%;}
}


#sub_visual{position:relative;width:100%;height:340px;margin:-100px 0 0;padding:0;background:url(../images/sub/sub_visual.jpg) no-repeat 50% 50%;background-size:cover;}
#sub_visual .sub_slogan{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:148px 0 0 0;color:#fff;}
#sub_visual .sub_slogan .tit{font-family: 'Lato', sans-serif !important;font-size:42px;font-weight:900;text-transform:uppercase;}
#sub_visual .sub_slogan .tit span{padding-right:5px;font-family: 'Playball', cursive !important;font-style:italic;font-size:52px;font-weight:normal;text-transform:none !important;}
#sub_visual .sub_slogan .txt{padding-top:10px;font-size:15px;color:#fff;line-height:150%;}

@media (min-width: 768px) and (max-width: 991px) {
#sub_visual{background:url(../images/sub/sub_visual.jpg) no-repeat 0% 50%;}
#sub_visual .sub_slogan{padding:148px 20px 0;}
}

@media all and (max-width: 767px) {
#sub_visual{height:240px;background-position:0 50%;}
#sub_visual .sub_slogan{padding:120px 20px 0;text-align:center;}
#sub_visual .sub_slogan .tit{font-size:24px;}
#sub_visual .sub_slogan .tit span{font-size:28px;}
#sub_visual .sub_slogan .txt{padding-top:10px;font-size:13px;}
#sub_visual .sub_slogan .txt br{display:none;}
}

@media all and (max-width: 640px) {
#sub_visual{height:200px;}
#sub_visual .sub_slogan{padding:128px 20px 0;}
#sub_visual .sub_slogan .tit{font-size:20px;}
#sub_visual .sub_slogan .tit span{font-size:26px;}
#sub_visual .sub_slogan .txt{display:none;}
}

/********************************************** 컨텐츠영역 ************************************************/
.center_con{overflow:hidden;position:relative;width:100%;max-width:1200px;min-height:800px;margin:40px auto;padding:0 0 80px 0;}
.center_con h2.title{margin-bottom:30px;padding:55px 0 30px;font-size:32px;letter-spacing:-2px;text-align:center;background:url(../images/sub/bg_title.jpg) no-repeat 50% 100%;display: none;}
.center_con h3{padding-left:25px;font-size:20px;line-height:100%;background:url(../images/sub/ico_subject.png) no-repeat 0 2px;clear:both;}

@media (min-width: 768px) and (max-width: 991px) {

}
@media all and (max-width: 767px) {
.center_con h2.title{padding:45px 0 25px;font-size:28px;letter-spacing:-2px;}
.center_con h3{padding-left:23px;font-size:18px;line-height:110%;background-size:18px;}
}
@media all and (max-width: 480px) {
.center_con h2.title{padding:40px 0 20px;font-size:24px;letter-spacing:-1px;}
.center_con h3{padding-left:20px;font-size:16px;line-height:110%;background-size:16px;}
}

/****************************************** 네비게이션 *****************************************************/
.lnb {position:relative; margin:0 auto;height:55px; z-index:900; background:#246788;}
.lnb.fixed {position:fixed; max-width:1200px; top:0;z-index:901;}]
.lnb .lnb_map {width:100%; height:55px; overflow:hidden;}
.lnb .lnb_map li {float:left; width:200px;}
.lnb .lnb_map li a {width:100%; height:100%; display:block;}
.lnb .lnb_map li a:focus {display:inline-block;outline:1px dotted #8ea3ad;}
.lnb .lnb_map li.home {display:block;width:50px;height:55px;background:url(../images/common/ico_home.png) 50% 50% no-repeat; border-right:1px solid #8ea3ad;border-left:1px solid #8ea3ad;}
.lnb .lnb_map li.depth {position:relative;}
.lnb .lnb_map li.depth a {z-index:9999; display:block; width:100%; height:100%;}
.lnb .lnb_map li.depth ul {display:none; position:absolute;left:0;top:55px;margin:0;padding:0;width:100%;z-index:1;}
.lnb .lnb_map li.depth ul li {width:100%; float:none;border-top:1px solid #8ea3ad;background:#36799a;}
.lnb .lnb_map li.depth ul li a {display:block; padding:17px 10px;font-size:14px;color:#fff;}
.lnb .lnb_map li.depth ul li a.active {background:#3c96c3; color:#fff;}
.lnb .lnb_map li.depth * {vertical-align:top;}
.lnb .lnb_map li.depth a span {float:left; padding-left:10px; width:100%; font-size:15px; color:#fff; line-height:55px; text-align:left; border-right:1px solid #8ea3ad; background:url(../images/common/btn_lnb_down.png) no-repeat 90% 50%;}

@media all and (min-width: 992px) {
.lnb .lnb_map {width:1200px;margin:0 auto;}
}

@media (min-width: 768px) and (max-width: 991px) {
.lnb .lnb_map {width:100%;}
.lnb .lnb_map li {width:28.5%;}
}

@media all and (max-width: 767px) {
.lnb {height:50px;}
.lnb .lnb_map {width:100%;height:50px;}
.lnb .lnb_map li {width:28.5%;}
.lnb .lnb_map li.home {width:42px;height:50px;}
.lnb .lnb_map li.depth ul {top:50px;}
.lnb .lnb_map li.depth ul li a {padding:17px 5px;font-size:13px;}
.lnb .lnb_map li.depth a span { padding-left:5px;font-size:13px;line-height:50px;background:url(../images/common/btn_lnb_down.png) no-repeat 95% 50%;}
}

/********************************************** 회사소개 *************************************************/
#introduction{position:relative;width:100%;margin:0 auto;}
#introduction:after{clear: both; content: ""; display: block;}
#introduction .eng{word-break:keep-all;}
#introduction .sloganBox{position:relative;width:100%;display:block;padding:50px;background:url(../images/sub/bg_company.jpg) no-repeat 0 50%;background-size:cover;text-align:center;color:#fff;}
#introduction .sloganBox .line{padding:80px 40px;border:solid 5px #fff;}
#introduction .sloganBox .line > p{padding-bottom:20px;font-family: 'Lato', sans-serif !important;font-size:48px;font-weight:700;text-transform:uppercase;}
#introduction .sloganBox .line .tit{font-size:30px;font-weight:normal;line-height:125%;letter-spacing:-2px;}
#introduction .sloganBox .line .tit span{font-style:italic;}
#introduction > p{padding-top:20px;font-size:22px;line-height:150%;}
#introduction .history{margin-top:20px;}
#introduction .history .yearBox{overflow:hidden;padding-bottom:30px;}
#introduction .history .yearBox:after{clear: both; content: ""; display: block;}
#introduction .history .yearBox dt{float:left; margin:10px 30px 10px 0; padding-right:30px; border-right:solid 1px #ddd;}
#introduction .history .yearBox dt > img{width:100%;max-width:280px;}
#introduction .history .yearBox dd{padding:10px;line-height:125%;word-break:keep-all;}
#introduction .history .yearBox dd.year{font-size:24px;color:#0053a6;}
#introduction .history .yearBox dd span{padding-right:10px;font-weight:600;color:#4caddf;}

@media (min-width: 768px) and (max-width: 991px) {
#introduction .sloganBox{padding:40px;}
#introduction .sloganBox .line{padding:70px 30px;border:solid 3px #fff;}
#introduction .sloganBox .line > p{font-size:42px;}
#introduction .sloganBox .line .tit{font-size:23px;letter-spacing:-1.5px;word-break:keep-all;}
}

@media all and (max-width: 767px) {
#introduction .sloganBox{padding:30px;}
#introduction .sloganBox .line{padding:50px 30px;border:solid 2px #fff;}
#introduction .sloganBox .line > p{font-size:34px;}
#introduction .sloganBox .line .tit{font-size:18px;letter-spacing:-.8px;line-height:150%;word-break:keep-all;}
#introduction > p{font-size:13px;}
#introduction .history .yearBox dt{float:none;margin:10px 0; padding-right:0;border-right:none;}
#introduction .history .yearBox dt > img{max-width:100%;}
#introduction .history .yearBox dd{padding:5px;line-height:125%;}
#introduction .history .yearBox dd.year{font-size:18px;font-weight:bold;letter-spacing:-.8px;}
}

@media all and (max-width: 640px) {
#introduction .sloganBox{padding:20px;}
#introduction .sloganBox .line{padding:30px 15px;border:solid 1px #fff;}
#introduction .sloganBox .line > p{font-size:26px;}
#introduction .sloganBox .line .tit{font-size:14px;letter-spacing:-.5px;}
#introduction .history .yearBox dd.year{font-size:18px;}
}

/********************************************** 진단기기 *************************************************/
#readers{position:relative;width:100%;margin:0 auto;}
#readers:after{clear: both; content: ""; display: block;}
#readers > p{padding-top:20px;font-size:15px;line-height:150%;word-break:keep-all;}

/********************************************** 오시는길 *************************************************/
#map{position:relative;width:100%;margin:0 auto;}
#map .mapBox{margin:30px 0 0;}
#map .addressBox{position:relative;width:100%;margin:0 auto 50px;background:#fafafa;border:solid 1px #e8e8e8;}
#map .addressBox:after{clear: both; content: ""; display: block;}
#map .addressBox .addressInfo{float:left;width:33.3333%;padding:40px;}
#map .addressBox .addressInfo > dl{padding:10px 0 10px 58px;}
#map .addressBox .addressInfo > dl.add{background:url(../images/sub/ico_address01.png) no-repeat 0 50%;}
#map .addressBox .addressInfo > dl.tel{background:url(../images/sub/ico_address01.png) no-repeat 0 50%;}
#map .addressBox .addressInfo > dl.fax{background:url(../images/sub/ico_address01.png) no-repeat 0 50%;}
#map .addressBox .addressInfo > dl dt{font-size:18px;}
#map .addressBox .addressInfo > dl dd{padding-top:10px;font-size:16px;}
#map > dl{}
#map > dl dt{margin-top:20px;padding-left:10px;font-size:18px;background:url(../images/sub/ico_sq.gif) no-repeat 0 8px;}
#map > dl dd{padding-top:10px;padding-left:10px;font-size:15px;color:#333;}


@media (min-width: 768px) and (max-width: 991px) {
#map .addressBox .addressInfo{padding:30px 20px;}
}

@media (max-width: 767px) {
#map .addressBox .addressInfo{padding:30px 15px;}
#map .addressBox .addressInfo > dl dt{font-size:15px;}
#map .addressBox .addressInfo > dl dd{font-size:13px;line-height:125%;}
#map > dl dt{font-size:15px;background:url(../images/sub/ico_sq.gif) no-repeat 0 8px;}
#map > dl dd{font-size:13px;}
}

@media (max-width: 640px) {
#map .addressBox .addressInfo{float:none;width:100%;padding:10px;border-bottom:solid 1px #ddd;}
}

/********************************************** 제품소개뷰페이지 *************************************************/
#product .proLst{}
#product .proLst > .list{position:relative;}
#product .proLst > .list:after{clear: both; content: ""; display: block;}
#product .proLst > .list li{float:left;display:block;width:33.3333%;margin:0 0 30px;}
#product .proLst > .list li a{margin-left:1%;display:block;text-align:center;}

#product .proLst > .list li .img{border:solid 1px #ddd;}
#product .proLst > .list li .img img{width:100%;}
#product .proLst > .list li p{padding-top:10px;font-size:15px;}
#product .proLst > .list li:hover .img{background:#4caddf;}
#product .proLst > .list li:hover p{color:#4caddf;}

@media all and (min-width: 1200px) {
#product .proLst > .list li{min-height:320px;}
#product .proLst > .list li:nth-child(3n+1) a{clear:both;margin-left:0}
}

@media (min-width: 992px) and (max-width: 1199px) {
#product .proLst > .list li{height:260px;}
}

@media (min-width: 768px) and (max-width: 991px) {
#product .proLst > .list li{height:220px;}
}

@media all and (max-width: 767px) {
#product .proLst > .list li{width:50%;height:auto;height:280px;}
#product .proLst > .list li:nth-child(2n+1) a{clear:both;margin-left:0}
#product .proLst > .list li:nth-child(2n+0) a{margin-right:0}
}

@media all and (max-width: 640px) {
#product .proLst > .list li{width:100%;height:auto;margin:0 0 25px 0;}
#product .proLst > .list li:nth-child(1n+1) a{clear:both;margin-left:0}
#product .proLst > .list li:nth-child(1n+0) a{margin-right:0}
}

/********************************************** 제품소개뷰페이지 *************************************************/
#product{position:relative;width:100%;margin:0 auto;}
#product:after{clear: both; content: ""; display: block;}
#product .txt{padding-top:30px;font-size:15px;line-height:150%;}
#product .productInfo{overflow:hidden;position:relative;width:100%;}
#product .productInfo:after{clear: both; content: ""; display: block;}
#product .fl{float:left;display:block;width:50%;}
#product .productThumb{width:100%;text-align:center;background:#c7dcee;}
#product .productThumb img{width:100%;}
#product .small{position:relative;width:100%;height:92px;margin-top:10px;}
#product .small:after{clear: both; content: ""; display: block;}
#product .small li{float:left;}
#product .small li a{display:block;}
#product .small li:nth-child(1){clear:both;margin-left:0}
#product .small li img{width:100%;max-width:140px;}
#product .fr{display:inline-block;width:48%;margin-left:2%;}
#product .movieBox{position:relative;}
#product .contBox{display:block;padding:20px 0 0;}
#product .itemListBox{position:relative;padding-top:20px;}
#product .itemListBox:after{clear: both; content: ""; display: block;}
#product .product_tbl{width:100%;border-top:solid 3px #4caddf;}
#product .product_tbl th{padding:15px 10px;font-weight:normal;background:#fafafa;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#product .product_tbl td{padding:15px 10px;border-bottom:solid 1px #ddd;}
#product .product_tbl td > ul {}
#product .product_tbl td > ul li{line-height:125%;}

@media all and (min-width: 1200px) {
#product .productThumb img{width:590px;height:386px;}
#product .movieBox iframe{ width:590px; height:386px;}
#product .small li{width:140px;height:92px;margin-left:13px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
#product{width:98%;}
#product .small li{width:24.222%;height:92px;margin-left:1%;}
#product .movieBox{height:365px;}
#product .movieBox iframe{ width:100%; height:100%; }
}

@media all and (max-width: 991px) {
#product .fl{float:none;width:100%;}
#product .small li{width:24.222%;height:92px;margin-left:1%;text-align:center;}
#product .fr{display:block;width:100%;margin-left:0;}
#product .movieBox{height:315px;}
#product .movieBox iframe{ width:100%; height:100%; }
}

@media all and (max-width: 767px) {
#product .txt{padding-top:20px;font-size:13px;line-height:150%;}
#product .movieBox{height:286px;}
#product .small{height:auto;}
#product .small li{height:auto;}
}

@media all and (max-width: 640px) {
#product .movieBox{height:214px;}
}

/********************************************** 개인정보처리방침 *************************************************/
#privacy{position:relative;width:100%;margin:0 auto;font-size:14px;}
#privacy h3{margin-top:30px;}
#privacy p{margin-bottom:0;padding-top:10px;line-height:150%;}
#privacy ul{}
#privacy ul li{padding-top:7px;line-height:150%;}
#privacy ul li ul{padding-left:10px;line-height:150%;}
#privacy dl{}
#privacy dl dt{padding-top:7px;font-size:15px;font-weight:normal;line-height:150%;}
#privacy dl dd{padding-top:7px;line-height:150%;}
#privacy dl dd > ul{padding-left:10px;line-height:150%;}

@media all and (max-width: 767px) {
#privacy{font-size:13px;}
#privacy dl dt{font-size:14px;}
}

/********************************************** 게시판디자인 *************************************************/
/********************************************** 시약제품 상세뷰페이지 *************************************************/
#testItem{position:relative;width:100%;margin:0 auto;}
#testItem:after{clear: both; content: ""; display: block;}
#testItem .thumbBox{position:relative;width:100%;}
#testItem .thumbBox:after{clear: both; content: ""; display: block;}
#testItem .thumbBox img{width:100%;max-width:590px;height: auto!important;}
#testItem .thumbBox > div{display:block; vertical-align:middle;} 
#testItem .thumbBox > div iframe{width:100%;}
#testItem .thumbBox .thumbLeft_wrap{float:left; width:49.5%; position:relative; margin:0 auto; display:block;  }
/*#testItem .thumbBox .thumbLeft{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; }*/
#testItem .thumbBox .thumbRight{float:right; width:49.5%;}
#testItem .exp{padding:30px 0;font-size:15px;line-height:150%;}
#testItem .exp p a img{width:auto;height:auto; max-width: 100%;}
#testItem .detail{display: inline-block;width: 49.5%;vertical-align: middle;}
#testItem .detail_wrap {overflow:hidden;}
#testItem .detail > div p img{max-width:100%;}
#testItem .detail > .detail_item01{display:block;border:solid 1px #ccc;vertical-align:middle;  text-align:center;min-height:280px; }
#testItem .detail > .detail_item02{display:block;margin-top:20px;border:solid 1px #ccc; vertical-align:middle;}
#testItem .detail > .detail_item01 > img{max-width:598px; max-height:338px; vertical-align:middle;}
#testItem .detail > .detail_item02 > img{width:100%;vertical-align:middle;}
#testItem .detail_tbl{display: inline-block;vertical-align: middle;}
#testItem .detail_tbl table{width:100%;border-top:solid 1px #ccc;}
#testItem .detail_tbl table th{padding:13px 10px;font-size:13px;line-height:125%;font-weight:normal;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;background:#f2f5f6;}
#testItem .detail_tbl table td{padding:13px 10px;font-size:13px;line-height:125%;border-bottom:solid 1px #ccc;background:#fff;}
#testItem .bnr_product{position:relative;width:100%;margin-top:20px;padding:7% 0;text-align:center;background:#5abce0;}
#testItem .bnr_product > a{display:block;width:100%;height:100%;font-size:22px;font-weight:600;color:#fff;}
#testItem .bnr_product img.ico{width:23px;}
#testItem .btn{clear:both;position:relative;width:100%;margin:0 auto;padding-top:60px;}
#testItem .btn .btn_item_viewList{padding:20px 30px;border:solid 1px #ddd;}
#testItem .btn .btn_item_viewList:hover{color:#fff;background:#246788;}
#testItem .wid01{width:148px !important;text-align:left !important;}
#testItem .file_wr label > i{padding-left:7px;}
#testItem .file_wr label > span{font-size:13px;}
#testItem .file_wr .frm_file{padding-left:155px;}
#testItem .file_del > label{font-size:0.92em !important;line-height:100% !important;}

@media all and (max-width: 1210px) {
	
	#testItem .exp p img {max-width: 100%!important;height: auto!Important;}
	#testItem .thumbBox p img {max-width: 100%!important;height: auto!Important;}

}
@media all and (min-width: 1200px) {
#testItem .detail > .detail_item01{ VERTICAL-ALIGN:MIDDLE; width:100%;min-height:340px; text-align:center; padding:15px; }
#testItem .detail > .detail_item02{width:50%;height:245px;}
#testItem .detail > .detail_item02 > img{height:243px;}
#testItem .detail_tbl{width: 49%;margin-left: 1%;}
#testItem .detail_tbl table{}
#testItem .detail_tbl table th{width:140px;}
#testItem .bnr_product{max-width:49%;height:211px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
#testItem{width:98%;}
#testItem .detail{width:49.5%;}
#testItem .detail_tbl{width:49%;margin-left: 1%;}
#testItem .detail_tbl table th{width:140px;}
#testItem .detail_tbl table td{}
}

@media all and (max-width: 991px) {
#testItem .detail{width:100%;}
#testItem .detail_tbl{width:100%; margin-top:20px;}
#testItem .detail > div p img{max-width:100%;height:auto!important;}
}

@media all and (max-width: 767px) {
#testItem .exp{padding:20px 0 0;font-size:13px;line-height:150%;}
#testItem .exp img {width:100%}
#testItem .thumbBox > div{width:100%;}
#testItem .thumbBox > div iframe{width:100%;}
#testItem .thumbBox .thumbLeft_wrap{width:100%;}
#testItem .thumbBox .thumbLeft{width:100%;}
#testItem .thumbBox .thumbRight{padding-top:20px; width:100%;}

#testItem .detail_tbl table th{padding:10px 5px;}
#testItem .detail_tbl table td{padding:10px 5px;}
#testItem .bnr_product{max-width:100%;padding:20px 0;}
#testItem .bnr_product img{width:100%;max-width:180px;}
#testItem .bnr_product > a{font-size:16px;}
#testItem .bnr_product img.ico{width:18px;}
#testItem .btn .btn_item_viewList{padding:10px 15px;}
}

@media all and (max-width: 767px) {
#testItem .detail > .detail_item01{padding:30px;min-height:auto;}
}

@media all and (max-width: 480px) {
#testItem .thumbBox > div{float:none;width:100%;}
#testItem .bnr_product img{max-width:120px;}
#testItem .detail > .detail_item01{padding:10px;}
#testItem .detail_tbl table th{padding:10px 5px;}
#testItem .detail_tbl table td{padding:10px 5px;}
}

/********************************************** 시약제품 리스트페이지 *************************************************/
#testItem .itemPro{}
#testItem .itemPro > .list{position:relative;}
#testItem .itemPro > .list:after{clear: both; content: ""; display: block;}
#testItem .itemPro > .list li{float:left;display:block;width:33.3333%;height:224px;margin:0 0 30px;}
#testItem .itemPro > .list li a{margin-left:1%;display:block;text-align:center;}
#testItem .itemPro > .list li:nth-child(3n+1) a{clear:both;margin-left:0}
#testItem .itemPro > .list li .img{padding:70px 20px;border:solid 1px #ddd;background:#c6d4e0;}
#testItem .itemPro > .list li .img img{width:100%;max-width:316px;}
#testItem .itemPro > .list li p{padding-top:10px;font-size:15px;}
#testItem .itemPro > .list li:hover .img{background:#4caddf;}
#testItem .itemPro > .list li:hover p{color:#4caddf;}

@media (min-width: 768px) and (max-width: 991px) {
#testItem .itemPro > .list li{height:214px;}
}

@media all and (max-width: 767px) {
#testItem .itemPro > .list li .img{padding:40px 10px;}
#testItem .itemPro > .list li{width:50%;height:auto;min-height:194px;margin:0;}
#testItem .itemPro > .list li:nth-child(2n+1) a{clear:both;margin-left:0}
#testItem .itemPro > .list li:nth-child(2n+0) a{margin-right:0}
}

@media all and (max-width: 640px) {
#testItem .itemPro > .list li .img{padding:40px 10px;}
#testItem .itemPro > .list li{width:100%;min-height:auto;margin:0 0 25px 0;}
#testItem .itemPro > .list li:nth-child(1n+1) a{clear:both;margin-left:0}
#testItem .itemPro > .list li:nth-child(1n+0) a{margin-right:0}
}

/********************************************** 시약제품 글쓰기페이지 *************************************************/
#testItem .itemcheck{border-top:solid 3px #222;}
#testItem .itemcheck .write_div{position:relative;margin:15px 0;vertical-align:middle;}
#testItem .itemcheck .line{padding-bottom:15px;border-bottom:solid 1px #ddd;}
#testItem .itemcheck .write_div label{display:inline-block !important;width:120px;margin:0;padding:0;font-size:15px;line-height:40px;}
#testItem .itemcheck .write_div input{}
#testItem .itemcheck .write_div textarea{padding:5px;border:solid 1px #ccc;}
@media all and (max-width: 767px) {
#testItem .itemcheck .write_div input{width:100%;}
}

/********************************************** 통합게시판 *************************************************/
#newsBoard{position:relative;width:100%;margin:0 auto 30px;}
#newsBoard .listWrap{position:relative;width:100%;margin:0 auto;border-top:solid 3px #333;}
#newsBoard .listWrap li{position:relative;padding:25px 0;border-bottom:dashed 1px #ddd;}
#newsBoard .listWrap a{display:block;}
#newsBoard .listWrap .thumb{position:absolute;top:25px;left:0;}
#newsBoard .listWrap .thumb span{position:absolute;top:0;left:0;z-index:10;}
#newsBoard .listWrap .thumb > img{width:100%;}
#newsBoard .listWrap .conText{}
#newsBoard .listWrap .conText dl{}
#newsBoard .listWrap .conText dl dt{overflow:hidden;display:block;margin-bottom:20px;font-size:20px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;}
#newsBoard .listWrap .conText dl dd{overflow:hidden;font-size:13px;line-height:125%;}
#newsBoard .listWrap .conText dl .cate{padding:0 5px 0 0;}
#newsBoard .listWrap .conText dl .cate span{}
#newsBoard .listWrap .conText dl .date{margin-bottom:20px;color:#999;}
#newsBoard .listWrap .conText dl .txt{height:100px;line-height:150%;}

@media all and (min-width: 768px) {
#newsBoard .listWrap a{padding:0 40px 0 320px;min-height:226px;}
#newsBoard .listWrap .thumb{width:298px;height:226px;}
}

@media all and (max-width: 767px) {
#newsBoard .listWrap a{padding:0 20px 0 240px;min-height:167px;}
#newsBoard .listWrap .thumb{width:220px;height:167px;}
}

@media all and (max-width: 640px) {
#newsBoard .listWrap a{padding:0 20px 0 178px;min-height:120px;}
#newsBoard .listWrap .thumb{width:158px;height:120px;}
#newsBoard .listWrap .conText{clear:both;}
#newsBoard .listWrap .conText dl dt{margin-bottom:10px;font-size:15px;}
#newsBoard .listWrap .conText dl .date{margin-bottom:10px;}
#newsBoard .listWrap .conText dl .txt{overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis;}
}

@media all and (max-width: 360px) {
#newsBoard .listWrap a{padding:0;min-height:auto;}
#newsBoard .listWrap .thumb{position:relative;width:100%;height:auto;top:0;}
#newsBoard .listWrap .conText{clear:both;margin-top:10px;}
}

/********************************************** 다운로드 *************************************************/
#downLoad{position:relative;}
#downLoad:after{clear: both; content: ""; display: block;}
#downLoad .downloadList{border-top:solid 3px #222;}
#downLoad .downloadList {padding-bottom:20px;}
#downLoad .downloadList .listWrap{position:relative;}
#downLoad .downloadList .listWrap li{overflow:hidden;position:relative;width:100%;height:238px;padding:20px 0;border-bottom:solid 1px #ddd;}
#downLoad .downloadList .listWrap li .img{float:left;margin-right:30px;padding:70px 20px;text-align:center;border:solid 1px #ddd;background:#c6d4e0;vertical-align:middle;}
#downLoad .downloadList .listWrap li .img img{width:100%;max-width:316px;}
#downLoad .downloadList .listWrap li h4 {margin-top:10px;padding-bottom:20px;font-size:18px;}
#downLoad .downloadList .listWrap li h4 .cate{padding-right:5px;font-size:18px;color:#4caddf;}
#downLoad .downloadList .listWrap li .btnBox{float:left;display:block;}
#downLoad .downloadList .listWrap li .btnBox dt{margin:0 10px 20px 0;padding-left:10px;font-size:18px;line-height:100%;border-left:solid 3px #c6d4e0;}
#downLoad .downloadList .listWrap li .btnBox .btn_down{float:left;}
#downLoad .downloadList .listWrap li .btnBox .btn_down > a{display:block;padding:12px 15px;border:solid 1px #ddd;}
#downLoad .downloadList .listWrap li .btnBox .btn_down > a:hover{color:#fff;background:#4caddf;border:solid 1px #4caddf;box-shadow:3px 3px 3px #ddd;}
#downLoad .downloadWrite{position:relative;}
#downLoad .downloadWrite{border-top:solid 3px #222;}
#downLoad .downloadWrite .write_div{position:relative;margin:15px 0;vertical-align:middle;}
#downLoad .downloadWrite .line{padding-bottom:15px;border-bottom:solid 1px #ddd;}
#downLoad .downloadWrite .write_div label{display:inline-block !important;width:120px;margin:0;padding:0;font-size:15px;line-height:40px;}
#downLoad .downloadWrite .write_div .radio{width:14px;}

@media (min-width: 768px) and (max-width: 991px) {
#downLoad .downloadList .listWrap li{height:205px;}
#downLoad .downloadList .listWrap li .img{padding:60px 20px;}
#downLoad .downloadList .listWrap li .img img{max-width:244px;}
}

@media all and (max-width: 767px) {
#downLoad .downloadList .listWrap li{height:auto;}
#downLoad .downloadList .listWrap li .img{float:none;padding:30px 20px;}
#downLoad .downloadList .listWrap li .btnBox{float:none;}
#downLoad .downloadList .listWrap li .btnBox .btn_down > a{padding:12px 10px;}
}

@media all and (max-width: 640px) {
#downLoad .downloadList .listWrap li h4 {padding-bottom:15px;font-size:16px;}
#downLoad .downloadList .listWrap li h4 .cate{font-size:16px;}
#downLoad .downloadList .listWrap li .img{margin-right:0;}
#downLoad .downloadList .listWrap li .btnBox dt{margin:0 10px 10px 0;font-size:14px;}
#downLoad .downloadList .listWrap li .btnBox .btn_down > a{padding:12px 8px;}
}

@media all and (max-width: 480px) {
#downLoad .downloadWrite .write_div label{display:block !important;}
#downLoad .downloadWrite .write_div .sort{display:inline-block !important;width:100%;max-width:100px;line-height:125%;text-align:left;}
}


/********************************************** 기술지원문의 *************************************************/
.onlineBox{}
.onlineBox .online_tbl{width:100%;border-top:solid 1px #ddd;}
.onlineBox .online_tbl th{padding:15px 10px;font-weight:normal;border-bottom:solid 1px #ddd;background:#fafafa;}
.onlineBox .online_tbl td{padding:15px 10px;border-bottom:solid 1px #ddd;}
.onlineBox .cntBox{width:100%;}
.onlineBox .cntBox dt{padding:15px 0;font-weight:normal;}
.onlineBox .cntBox dd{padding:15px 10px;border:solid 1px #ddd;}