@charset "utf-8";

/* 공통 레잉아웃 */
#wrap{overflow:hidden;position:relative;width:100%;height:100%;margin:0;padding:0;z-index:5;zoom:1}
#wrap:after {clear: both; content: ""; display: block;}
#mainContainer{position:relative;width:100%;height:100%;margin:0;padding:0;border:0;left:0;z-index:100;background:rgba(255,255,255,1);-webkit-transition:left 0.5s ease;-moz-transition:left 0.5s ease;-o-transition:left 0.5s ease;transition:left 0.5s ease;}
#mainContainer:after {clear: both; content: ""; display: block;}
#mainContainer.in {left:150px;}

.in_wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0;}
/* main_contents */
.main_content{position:relative;width:100%;margin:0 auto;padding:0;}

/********************************************** 뉴스최근게시물 *****************************************************/
.newsBox{position:relative;width:100%;max-width:1280px;margin:70px auto;padding:0;}
.newsBox h3{font-size:48px;text-align:center;text-transform:uppercase;}
.newsBox h3 > span{color:#0053a6;}
.newsBox h3 > span strong{font-weight:600;color:#fbc300}
.newsBox .news{position:relative;width:100%;margin:0 auto;padding:0;border:0;}
.newsBox .news:after {clear: both; content: ""; display: block;}
.newsBox .news .newsList{float:left;width:50%;margin:30px auto 0;padding:0;}
.newsBox .news .newsList > a{display:block;margin:20px;}
.newsBox .news .newsList > a:after {clear: both; content: ""; display: block;}
.newsBox .news .newsList > a > ul{margin-top:20px;}
.newsBox .news .newsList > a > ul li{margin-top:20px;line-height:125%;}
.newsBox .news .newsList > a > ul > .date{font-size:13px;color:#888}
.newsBox .news .newsList > a > ul > .subject{font-size:16px;color:#222}
.newsBox .news .newsList > a > ul > .content{overflow:hidden;font-size:14px;color:#888;text-overflow:ellipsis;}
.newsBox .news .newsList > a > .thumbA img,
.newsBox .news .newsList > a > .thumbB img{width:100%;}
.newsBox .news .listLeft{border-right:solid 1px #ddd;}
.newsBox .news .listLeft > a > .thumbA{max-width:600px;}
.newsBox .news .listRight{}
.newsBox .news .listRight > a > ul{margin-bottom:60px;}
.newsBox .news .listRight > a > .thumbB{float:left;display:block;max-width:240px;margin-right:20px;}

@media (min-width: 992px) and (max-width: 1279px) {
.newsBox .news{width:100%;}
.newsBox .news .newsList > a > .thumbB{max-width:200px;}
.newsBox .news .newsList > a > ul li{margin-top:15px;}
.newsBox .news .newsList > a > ul > .date{font-size:12px;}
.newsBox .news .newsList > a > ul > .subject{font-size:15px;}
.newsBox .news .newsList > a > ul > .content{font-size:13px;}
.newsBox .news .listRight > a > ul{margin-bottom:30px;}
}

@media (max-width: 991px) {
.newsBox{margin:40px auto 0;}
.newsBox h3{font-size:32px;}
.newsBox .news{margin:30px auto 0;}
.newsBox .news .newsList{float:none;width:100%;margin:0 auto;}
.newsBox .news .newsList > a{margin:20px;}
.newsBox .news .listLeft{border-right:none;}
.newsBox .news .listLeft > a {padding-bottom:20px;border-bottom:dashed 1px #ddd;}
.newsBox .news .listLeft > a > .thumbA{float:left;max-width:240px;margin-right:20px;}
.newsBox .news .listLeft > a{}
.newsBox .news .listRight > a {border-bottom:dashed 1px #ddd;}
.newsBox .news .listRight > a.last{border-bottom:none;}
.newsBox .news .listRight > a > ul{margin-bottom:20px;}
}

@media (max-width: 767px) {
.newsBox{margin:0 auto;}
.newsBox h3{font-size:24px;}
.newsBox .news .listLeft > a > .thumbA{max-width:200px;margin-right:12px;}
.newsBox .news .listRight > a > .thumbB{max-width:200px;margin-right:12px;}
}

@media (max-width: 480px) {
.newsBox .news .newsList > a > ul{margin-top:20px;}
.newsBox .news .newsList > a > ul li{margin-top:10px;line-height:125%;}
.newsBox .news .newsList > a > ul > .date{font-size:12px;}
.newsBox .news .newsList > a > ul > .subject{font-size:14px;}
.newsBox .news .newsList > a > ul > .content{font-size:12px;}
.newsBox .news .listLeft > a > .thumbA{float:none;max-width:100%;margin-right:0;}
.newsBox .news .listRight > a > .thumbB{float:none;max-width:100%;margin-right:0;}
}

/********************************************** 제품소개 *****************************************************/
.productBox{position:relative;width:100%;margin:0 auto;padding:70px 0 0;background:#074d90;}
.productBox h3{font-size:48px;color:#fff;text-align:center;}
.productBox h3 > span{color:#ffc600;}
.productBox .proBox01{position:relative;width:100%;max-width:1200px;margin:100px auto;}
.productBox .proBox01:after {clear: both; content: ""; display: block;}
.productBox .proBox01 > dl{padding-top:80px;color:#fff;}
.productBox .proBox01 > dl dt{padding-bottom:40px;font-size:30px;font-weight:500;letter-spacing:-.8px;}
.productBox .proBox01 > dl dd{padding:6px 0 6px 13px;font-size:16px;background:url(../images/common/ico_dot.png) no-repeat 0 48%;}
.productBox .proBox01 .movie{position:absolute; top:70px;right:0;box-shadow:10px 10px 10px 0 #063e73;}
.productBox .proBox01 .movie iframe{ width:560px; height:315px;}
.productBox .proBox01 > a{clear:both;display:inline-block;margin-top:75px;padding:15px 80px;color:#fff;background:#014484;border:solid 1px #5283b2;}
.productBox .proBox02{position:relative;width:100%;display: table;}
.productBox .proBox02 .box{display:table-cell;width:50%;height:500px;margin:0 auto;padding:40px 0;text-align:center;vertical-align:middle;}
.productBox .proBox02 .bgA{background:url(../images/main/bg_main_pro01.jpg) no-repeat 100% 0 #fba500;background-size:cover;}
.productBox .proBox02 .bgA:hover{background:url(../images/main/bg_main_pro01_on.jpg) no-repeat 100% 0 #fba500;}
.productBox .proBox02 .bgB{background:#fff;}
.productBox .proBox02 .bgC{background:url(../images/main/bg_main_pro02.jpg) no-repeat 0 100% #333e52;background-size:cover;}
.productBox .proBox02 .bgC:hover{background:url(../images/main/bg_main_pro02_on.jpg) no-repeat 0 100% #333e52;}
.productBox .proBox02 .bgD{background:url(../images/main/bg_main_pro03.jpg) no-repeat 0 0 #8bbff1;background-size:cover;}
.productBox .proBox02 .bgD:hover{background:url(../images/main/bg_main_pro03_on.jpg) no-repeat 0 0 #8bbff1;}
.productBox .proBox02 .bgE{background:#fafafa;}
.productBox .proBox02 .box > img{width:100%;max-width:732px;}
.productBox .proBox02 .box > a{position:relative;overflow:hidden;display:block;top:0;vertical-align:middle;}
.productBox .proBox02 .box > a:hover{top:-10px;-webkit-transform: all 0.3s ease; -moz-transform: all 0.3s ease; -ms-transform: all 0.3s ease; transition: all 0.3s ease;}
.productBox .proBox02 .box > a > h4{display:inline-block;margin-bottom:30px;padding:30px 15px;font-size:48px;color:#fff;line-height:130%;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.productBox .proBox02 .box > a > p{padding-top:15px;font-size:20px;color:#fff;}
.productBox .proBox02 .box > a > .more{margin-top:30px;}

@media (min-width: 992px) and (max-width: 1279px) {
.productBox .proBox01{margin:70px auto;}
.productBox .proBox01 > dl{margin-left:2.5%;padding-top:20px;}
.productBox .proBox01 .movie{top:0;right:2.5%;}
.productBox .proBox01 > a{margin-left:2.5%;}
}

@media (max-width: 991px) {
.productBox{padding:40px 0 0;}
.productBox h3{font-size:32px;}
.productBox .proBox01{margin:30px auto 0;}
.productBox .proBox01 > dl{margin-left:2.5%;padding-top:20px;}
.productBox .proBox01 > dl dt{padding-bottom:20px;font-size:22px;letter-spacing:-.3px;}
.productBox .proBox01 > dl dd{padding:6px 0 6px 12px;font-size:14px;}
.productBox .proBox01 .movie{position:relative;top:30px;padding-bottom:56.25%;padding-top:30px;height:0;overflow: hidden;}
.productBox .proBox01 .movie iframe{position:absolute;top: 0;left:0;width:100%;height:100%;}
.productBox .proBox01 > a{display:block;width:95%;margin:20px auto 0;text-align:center;}

.productBox .proBox02 .box{height:auto;padding:40px 0;}
.productBox .proBox02 .bgB > img{max-width:100%;}
.productBox .proBox02 .bgC > img{max-width:100%;}
.productBox .proBox02 .bgE > img{max-width:100%;}
.productBox .proBox02 .box > a > h4{margin-bottom:30px;padding:3% 15px;font-size:32px;}
.productBox .proBox02 .box > a > p{padding-top:15px;font-size:16px;}
.productBox .proBox02 .box > a > .more{margin-top:30px;}
}

@media (min-width: 767px) {
.productBox #MOBILE{display:none;}
}

@media (max-width: 767px) {
.productBox h3{font-size:24px;}
.productBox .proBox01{margin:20px auto 0;}
.productBox .proBox01 > dl dt{padding-bottom:10px;font-size:18px;}
.productBox .proBox01 > dl dd{padding:4px 0 4px 10px;font-size:13px;}

.productBox #PC{display:none;}
.productBox #MOBILE{display:block;}
.productBox .proBox02 .box{display:block;width:100%;padding:0;}
.productBox .proBox02 .bgA{padding:30px 0;}
.productBox .proBox02 .bgB{padding:30px 0;border-bottom:solid 1px #ddd;}
.productBox .proBox02 .bgC{padding:30px 0;}
.productBox .proBox02 .bgD{padding:30px 0;}
.productBox .proBox02 .bgE{padding:30px 0;}
.productBox .proBox02 .box > a:hover{top:0;}
.productBox .proBox02 .box > a > h4{display:inline-block;margin-bottom:20px;padding:3% 15px;font-size:24px;}
.productBox .proBox02 .box > a > h4 br{display:none;}
.productBox .proBox02 .box > a > p{padding-top:10px;font-size:14px;}
.productBox .proBox02 .box > a > .more{margin-top:20px;}
}

@media (max-width: 480px) {
.productBox{padding:20px 0 0;}
}

/****************************** 시약소개최근게시물 *********************************************/
.testItem{position:relative;width:100%;margin:0 auto;padding:70px 0;background:url(../images/main/bg_main_testBox.png) no-repeat 50% 100% #0053a6;background-size:cover;text-align:center;}
.testItem h3{font-size:48px;color:#00d2ff;}
.testItem > p{padding-top:40px;font-size:16px;color:#fff;line-height:150%;}
.testItem > .img{padding:30px 0 40px;}
.testItem .itemBox{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;border:0;}
.testItem .itemBox:after{clear: both; content: ""; display: block;}
#mainTtem{float:left;width:19%;margin:0 .5%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#mainTtem h4{padding:50px 0 40px;font-size:22px;color:#fff;font-weight:600;text-transform:uppercase;word-break:break-all;}
#mainTtem > ul{padding-bottom:50px;min-height:340px;}
#mainTtem > ul li{width:96%;margin:5px auto 0;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#mainTtem > ul li:hover{background:#fff;}
#mainTtem > ul li > a{display:block;padding:18px 0;font-size:15px;word-break:break-all;}

/* 2018-11-01 스타일 변경 */
#mainTtem2{float:left;width:32.3333%;margin:0 .5%;padding:30px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#mainTtem2 h4{padding:10px 0 30px;font-size:22px;color:#fff;font-weight:600;text-transform:uppercase;word-break:break-all;}
#mainTtem2 > ul{padding-bottom:50px;min-height:509px;max-height:509px;overflow-y:auto;}
/* chrome scroll */
.scroll::-webkit-scrollbar-track {
	border-radius: 10px;
	 background: rgba(0, 0, 0, 0.3);
}
.scroll::-webkit-scrollbar {
	width: 8px;
	border-radius: 10px;
	background-color: #fff;
}
.scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
}
/* ie scroll edge는 불가 */
.scroll {
    scrollbar-arrow-color: #fff;
    scrollbar-Face-Color: #eaeaea;
    scrollbar-Shadow-Color: #eaeaea;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

#mainTtem2 > ul li{width:90%;margin:5px auto 0;padding:15px 0;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#mainTtem2 > ul li:hover{background:#fff;}
#mainTtem2 > ul li > a{display:block;padding:3px 0;font-size:15px;word-break:break-all;}
.waiting{color:#fff;}

.testItem .itemBox .hormone{background:#cd69a9;}
.testItem .itemBox .cardiac{background:#5aa6dc;}
.testItem .itemBox .infection{background:#815496;}
.testItem .itemBox .inflammation{background:#bbc71d;}
.testItem .itemBox .others{background:#7e4628;}
.testItem .itemBox .hormone > ul li{background:#d489b9;}
.testItem .itemBox .cardiac > ul li{background:#7ab9e5;}
.testItem .itemBox .infection > ul li{background:#916da2;}
.testItem .itemBox .inflammation > ul li{background:#cfdb2d;}
.testItem .itemBox .others > ul li{background:#89643d;}
.testItem .itemBox .hormone > ul li:hover{box-shadow:0 5px 5px 0 #b44687;}
.testItem .itemBox .cardiac > ul li:hover{box-shadow:0 5px 5px 0 #3a86ce;}
.testItem .itemBox .infection > ul li:hover{box-shadow:0 5px 5px 0 #522f67;}
.testItem .itemBox .inflammation > ul li:hover{box-shadow:0 5px 5px 0 #a8bc08;}
.testItem .itemBox .others > ul li:hover{box-shadow:0 5px 5px 0 #4a270f;}
.testItem .itemBox .hormone > ul li > a,
.testItem .itemBox .cardiac > ul li > a,
.testItem .itemBox .infection > ul li > a,
.testItem .itemBox .inflammation > ul li > a,
.testItem .itemBox .others > ul li > a{color:#fff;}
.testItem .itemBox .hormone > ul li:hover > a{color:#ae4183;}
.testItem .itemBox .cardiac > ul li:hover > a{color:#0d6ab5;}
.testItem .itemBox .infection > ul li:hover > a{color:#531f6c;}
.testItem .itemBox .inflammation > ul li:hover > a{color:#7d850f;}
.testItem .itemBox .others > ul li:hover > a{color:#613218;}
.testItem .itemBox .hormone > ul li:hover > .waiting{color:#ae4183;}
.testItem .itemBox .cardiac > ul li:hover > .waiting{color:#0d6ab5;}
.testItem .itemBox .infection > ul li:hover > .waiting{color:#531f6c;}
.testItem .itemBox .inflammation > ul li:hover > .waiting{color:#7d850f;}
.testItem .itemBox .others > ul li:hover > .waiting{color:#613218;}

@media (max-width: 991px) {
.testItem{padding:40px 0;}
.testItem h3{font-size:32px;}
.testItem > p{padding-top:40px;font-size:16px;line-height:150%;}
.testItem > .img{padding:30px 0 40px;}
.testItem > .img img{width:100%;max-width:407px;}
#mainTtem{width:19%;margin:0 .5%;}
#mainTtem h4{padding:50px 0 40px;font-size:18px;}
#mainTtem > ul{padding-bottom:50px;min-height:340px;}
#mainTtem > ul li > a{font-size:13px;}

/* 2018-11-01 스타일 변경 */
#mainTtem2{width:32.3333%;margin:0 .5%;}
#mainTtem2 h4{padding:10px 0 30px;font-size:18px;}
#mainTtem2 > ul{padding-bottom:50px;min-height:340px;}
#mainTtem2 > ul li > a{font-size:13px;}
}

@media (max-width: 767px) {
.testItem{padding:40px 0;}
.testItem h3{font-size:24px;}
.testItem > p{padding:25px 20px 0;font-size:14px;}
.testItem > .img{width:204px;margin:0 auto;padding:20px 0 30px;}
#mainTtem{width:49%;margin:1% .5% 0;}
#mainTtem h4{padding:30px 0 20px;font-size:16px;}
#mainTtem > ul{padding-bottom:30px;}
#mainTtem > ul li > a{font-size:13px;}

/* 2018-11-01 스타일 변경 */
#mainTtem2{width:49%;margin:1% .5% 0;}
#mainTtem2 h4{padding:0 0 20px;font-size:16px;}
#mainTtem2 > ul{padding-bottom:30px;min-height:240px;max-height:240px;}
#mainTtem2 > ul li > a{font-size:13px;}
}

@media (max-width: 640px) {
.testItem > .img{padding:20px 0;}
#mainTtem{float:none;width:96%;margin:2% 2% 0;}
#mainTtem > ul{min-height:auto;}
#mainTtem > ul li{width:96%;}

/* 2018-11-01 스타일 변경 */
#mainTtem2{float:none;width:96%;margin:2% 2% 0;}
#mainTtem2 > ul{min-height:auto;}
#mainTtem2 > ul li{width:96%;}
}


 
/****************************** 시약소개최근게시물 2019-05-14 스타일 변경 (php나 스킨에 있는거 지우면 됨. 이게 진짜!) *********************************************/
.testItemNew .itemBox .hormone > ul li > a.titOn{box-shadow:0 5px 5px 0 #b44687;background:#fff!important;color:#ae4183!important;}
.testItemNew .itemBox .others > ul li > a.titOn{box-shadow:0 5px 5px 0 #613218;background:#fff!important;color:#613218!important;}
.testItemNew .itemBox .cardiac > ul li > a.titOn{box-shadow:0 5px 5px 0 #3a86ce;background:#fff!important;color:#0d6ab5!important;}
.testItemNew .itemBox .infection > ul li>a.titOn{box-shadow:0 5px 5px 0 #522f67;background:#fff!important;color:#531f6c!important;}
.testItemNew .itemBox .inflammation > ul li>a.titOn{box-shadow:0 5px 5px 0 #a8bc08;background:#fff!important;color:#7d850f!important;}


.testItemNew{position:relative;width:100%;margin:0 auto;padding:70px 0;background:url(../images/main/bg_main_testBox.png) no-repeat 50% 100% #0053a6;background-size:cover;text-align:center;}
.testItemNew h3{font-size:48px;color:#00d2ff;}
.testItemNew > p{padding-top:40px;font-size:16px;color:#fff;line-height:150%;}
.testItemNew > .img{padding:30px 0 40px;}
.testItemNew .itemBox{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;border:0;}
.testItemNew .itemBox:after{clear: both; content: ""; display: block;}

/* 2018-11-01 스타일 변경 */
.mainTtem2New{float:left;width:32.3333%;margin:0 .5%;padding:30px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.mainTtem2New h4{padding:10px 0 30px;font-size:25px;color:#fff;font-weight:600;text-transform:uppercase;word-break:break-all;}
.mainTtem2New > ul{padding-bottom:50px;min-height:509px;max-height:509px;overflow-y:auto;}
.mainTtem2New > ul .conWr>a{display:block;}

.mainTtem2New > ul li{width:90%;margin:5px auto 0;}
.mainTtem2New > ul li > a:hover{background:#fff!important;}
.mainTtem2New > ul li > a{display:block;padding:18px 0;font-size:20px;word-break:break-all;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:pointer;}
.mainTtem2New .conWr{padding:8px 0}
.mainTtem2New .conWr a{display:block;padding:7px 0;font-size:18px;color: #ffffff;opacity: 0.7;}
.mainTtem2New .conWr a:hover{text-decoration:underline;}
.waiting{color:#fff;}

.mainTtem2New .conWr1{padding:8px 0}
.mainTtem2New .conWr1 a{display:block;padding:6px 0;font-size:17px;color: #ffffff;opacity: 0.7;}
.mainTtem2New .conWr1 a:hover{text-decoration:underline;}


.mainTtem2New .conWr2{padding:8px 0}
.mainTtem2New .conWr2 a{display:block;padding:6px 0;font-size:17px;color: #ffffff;opacity: 0.7;}
.mainTtem2New .conWr2 a:hover{text-decoration:underline;}


.testItemNew .itemBox .hormone{background:#cd69a9;}
.testItemNew .itemBox .cardiac{background:#5aa6dc;}
.testItemNew .itemBox .infection{background:#815496;}
.testItemNew .itemBox .inflammation{background:#bbc71d;}
.testItemNew .itemBox .others{background:#7e4628;}
.testItemNew .itemBox .hormone > ul li > a{background:#d489b9;}
.testItemNew .itemBox .cardiac > ul li > a{background:#7ab9e5;}
.testItemNew .itemBox .infection > ul li > a{background:#916da2;}
.testItemNew .itemBox .inflammation > ul li > a{background:#cfdb2d;}
.testItemNew .itemBox .others > ul li > a{background:#89643d;}
.testItemNew .itemBox .hormone > ul li > a:hover{box-shadow:0 5px 5px 0 #b44687;}
.testItemNew .itemBox .cardiac > ul li > a:hover{box-shadow:0 5px 5px 0 #3a86ce;}
.testItemNew .itemBox .infection > ul li>a:hover{box-shadow:0 5px 5px 0 #522f67;}
.testItemNew .itemBox .inflammation > ul li>a:hover{box-shadow:0 5px 5px 0 #a8bc08;}
.testItemNew .itemBox .others > ul li>a:hover{box-shadow:0 5px 5px 0 #613218;}
.testItemNew .itemBox .hormone > ul li > a,
.testItemNew .itemBox .cardiac > ul li > a,
.testItemNew .itemBox .infection > ul li > a,
.testItemNew .itemBox .inflammation > ul li > a,
.testItemNew .itemBox .others > ul li > a{color:#fff;}
.testItemNew .itemBox .hormone > ul li>a:hover{color:#ae4183;}
.testItemNew .itemBox .cardiac > ul li>a:hover{color:#0d6ab5;}
.testItemNew .itemBox .infection > ul li>a:hover{color:#531f6c;}
.testItemNew .itemBox .inflammation > ul li>a:hover{color:#7d850f;}
.testItemNew .itemBox .others > ul li>a:hover{color:#613218;}
.testItemNew .itemBox .hormone > ul li:hover > .waiting{color:#ae4183;}
.testItemNew .itemBox .cardiac > ul li:hover > .waiting{color:#0d6ab5;}
.testItemNew .itemBox .infection > ul li:hover > .waiting{color:#531f6c;}
.testItemNew .itemBox .inflammation > ul li:hover > .waiting{color:#7d850f;}
.testItemNew .itemBox .others > ul li:hover > .waiting{color:#613218;}

@media (max-width: 991px) {
.testItemNew{padding:40px 0;}
.testItemNew h3{font-size:32px;}
.testItemNew > p{padding-top:40px;font-size:16px;line-height:150%;}
.testItemNew > .img{padding:30px 0 40px;}
.testItemNew > .img img{width:100%;max-width:407px;}

/* 2018-11-01 스타일 변경 */
.mainTtem2New{width:32.3333%;margin:0 .5%;}
.mainTtem2New h4{padding:10px 0 30px;font-size:18px;}
.mainTtem2New > ul{padding-bottom:50px;min-height:340px;}
.mainTtem2New > ul li > a{font-size:13px;}
}

@media (max-width: 767px) {
.testItemNew{padding:40px 0;}
.testItemNew h3{font-size:24px;}
.testItemNew > p{padding:25px 20px 0;font-size:14px;}
.testItemNew > .img{width:204px;margin:0 auto;padding:20px 0 30px;}

/* 2018-11-01 스타일 변경 */
.mainTtem2New{width:49%;margin:1% .5% 0;}
.mainTtem2New h4{padding:0 0 20px;font-size:16px;}
.mainTtem2New > ul{padding-bottom:30px;min-height:240px;max-height:240px;}
.mainTtem2New > ul li > a{font-size:13px;}

/* 2019-05-14 스타일 변경 */
.mainTtem2New .conWr{padding:8px 0!important;}
.mainTtem2New .conWr a{padding:7px 0!important;font-size:14px!important;}

}

@media (max-width: 640px) {
.testItemNew > .img{padding:20px 0;}

/* 2018-11-01 스타일 변경 */
.mainTtem2New{float:none;width:96%;margin:2% 2% 0;}
.mainTtem2New > ul{min-height:auto;}
.mainTtem2New > ul li{width:96%;}
}


/********************************************** 회사소개 *****************************************************/
.mainCompany{position:relative;width:100%;margin:0 auto;padding:90px 0 80px;background:url(../images/main/bg_main_company.jpg) no-repeat 50% 100% #0053a6;background-size:cover;text-align:center;}
.mainCompany h3{font-size:48px;color:#00d2ff;}
.mainCompany > p{padding:70px 0;font-size:18px;color:#0e4070;line-height:220%;}
.mainCompany .btn_go{display:inline-block;padding:13px 80px;font-size:16px;color:#fff;background:#0e4070;}

@media (max-width: 991px) {
.mainCompany{padding:40px 0;}
.mainCompany h3{width:192px;margin:0 auto;text-align:center;}
.mainCompany h3 img{width:100%;}
.mainCompany > p{padding:30px 20px;font-size:15px;}
.mainCompany > p br{display:none;}
.mainCompany .btn_go{font-size:13px;}
}

@media (max-width: 767px) {
.mainCompany h3{width:165px;}
.mainCompany > p{padding:30px 20px;font-size:13px;}
}

@media (max-width: 480px) {
.mainCompany{padding:20px 0;}
.mainCompany > p{padding:20px;}
}

/********************************************** 배너 *****************************************************/
.banner{position:relative;width:100%;margin:0 auto;padding:0;background:url(../images/main/bg_main_banner.jpg) no-repeat 50% 100%;background-size:cover;text-align:center;}
.banner .banner_wrap{max-width:1280px;margin:0 auto;padding:0;}
.banner .banner_wrap:after{clear: both; content: ""; display: block;}
.banner .banner_wrap .box{float:left;width:33%;height:359px;padding:75px 0 65px;border-left:solid 1px #7a6450;}
.banner .banner_wrap .box.last{border-right:solid 1px #7a6450;}
.banner .banner_wrap .box:hover{background:url(../images/main/bg_black.png) repeat-x 50% 100%;}
.banner .banner_wrap .box .txt{position:relative;top:0;}
.banner .banner_wrap .box:hover .txt{position:relative;top:-5px;-webkit-transform: all 0.2s ease; -moz-transform: all 0.2s ease; -ms-transform: all 0.2s ease; transition: all 0.2s ease;}
.banner .banner_wrap .box .txt > img{display:none;top:0;}
.banner .banner_wrap .box:hover .txt > img{display:inline-block;top:-30px;}
.banner .banner_wrap .box .txt h3{padding-top:80px;font-size:30px;color:#fff;}
.banner .banner_wrap .box:hover .txt h3{padding-top:30px;}
.banner .banner_wrap .box .txt p{padding-top:25px;font-size:16px;color:#fff;font-weight:300px;line-height:125%;}
.banner .banner_wrap .box .txt a{display:none;margin-top:35px;padding:10px 30px;background:#fff;}
.banner .banner_wrap .box:hover .txt a{display:inline-block;}
.banner .banner_wrap .box:hover .txt a:hover{color:#fff;background:#0d6ab5;-webkit-transform: all 0.2s ease; -moz-transform: all 0.2s ease; -ms-transform: all 0.2s ease; transition: all 0.2s ease;}

@media (max-width: 991px) {
.banner .banner_wrap .box{height:359px;padding:75px 0 65px;}
.banner .banner_wrap .box .txt h3{font-size:24px;}
.banner .banner_wrap .box .txt p{padding:25px 0 35px;font-size:15px;}
.banner .banner_wrap .box .txt a{padding:10px 30px;}
}

@media (max-width: 767px) {
.banner .banner_wrap .box{float:none;width:100%;height:auto;padding:40px 0 45px;border-bottom:solid 1px #7a6450;}
.banner .banner_wrap .box.last{border-right:none;}
.banner .banner_wrap .box .txt{}
.banner .banner_wrap .box .txt > img{display:inline-block;top:0;}
.banner .banner_wrap .box .txt:hover > img{top:0;}
.banner .banner_wrap .box .txt h3{padding-top:20px;font-size:18px;}
.banner .banner_wrap .box:hover .txt h3{padding-top:20px;}
.banner .banner_wrap .box .txt p{padding:15px 0 20px;font-size:13px;}
.banner .banner_wrap .box .txt p br{display:none;}
.banner .banner_wrap .box .txt a{display:inline-block;font-size:13px;}
}

@media (max-width: 480px) {
.banner .banner_wrap .box{padding:20px 0;}
.banner .banner_wrap .box .txt h3{padding-top:0;font-size:16px;}
.banner .banner_wrap .box:hover .txt h3{padding-top:0;}
.banner .banner_wrap .box .txt > img{display:none;}
.banner .banner_wrap .box .txt:hover > img{display:none;}
}

/********************************************** footer *****************************************************/
#footer{position:relative;margin:0 auto;padding:0;border-top:solid 1px #ddd;}
#footer .infoBox{position:relative;height:50px;margin:0 auto;border-bottom:solid 1px #ddd;}
#footer .infoBox .info{float:left;}
#footer .infoBox .info > a{color:#999;line-height:49px;}
#footer .infoBox .info > span{padding:0 20px 0 22px;color:#ddd;}
#footer .infoBox .siteLink{position:absolute;height:50px;right:0;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
#footer .infoBox .siteLink > select{height:49px;padding:10px 30px 10px 10px;background:url(../images/common/arrow_down.png) no-repeat 85% 50% #fff;border:0;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
#footer .infoBox .siteLink > select::-ms-expand{ display: none; }
#footer .footer_info{position:relative;max-width:1280px;margin:0 auto;padding:30px 0;}
#footer .footer_info .foot_logo{position:absolute;width:188px;left:0;}
#footer .footer_info .foot_logo img{width:100%;}
#footer .footer_info .address{margin-left:240px;font-size:13px;}
#footer .footer_info .address li{padding-bottom:8px;color:#999;}
#footer .footer_info .address li span{padding:0 5px;}
#footer .footer_info .address li a{color: #999;}

@media (max-width: 767px) {
#footer .infoBox{height:45px;}
#footer .infoBox .info{margin-left:10px;}
#footer .infoBox .info > a{line-height:44px;}
#footer .infoBox .info > span{padding:0 10px 0 12px;}
#footer .infoBox .siteLink{height:45px;}
#footer .infoBox .siteLink > select{height:44px;}
#footer .footer_info{padding:20px 0;}
#footer .footer_info .foot_logo{width:124px;}
#footer .footer_info .address{margin-left:144px;}
}

@media (max-width: 640px) {
#footer .footer_info .foot_logo{position:relative;margin:0 auto;text-align:center;}
#footer .footer_info .address{margin:10px 20px 0;text-align:center;}
}