@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,th,td,input,select,textarea,button{font-family: "Nanum Gothic", sans-serif;}

/* main css */
#main_wrap{padding-bottom: 40px;}
#main_wrap .swiper-pagination{bottom: 15px;}
#main_wrap .swiper-pagination-bullet{width: 5px;height: 5px;margin: 0 2px;background: #666;}
#main_wrap .swiper-pagination-bullet-active{background: #0075c2;}
.visual_swiper{position: relative;overflow: hidden;width: 100%;}
.products_swiper{position: relative;overflow: hidden;width: 100%;}

.tab_content dt{line-height: 65px;border-top: 1px solid #dfe3e6;cursor: pointer;}
.tab_content dt span{position: relative;font-size: 26px;font-weight: 900;vertical-align: middle;}
.tab_content dt span:before{content: '';position: absolute;left: -25px;top: 50%;margin-top: -3px;width: 0px;height: 0px;border-bottom: none;border-top: 7px solid #666;border-right: 5px solid transparent;border-left: 5px solid  transparent;}
.tab_content dd{border-top: 1px solid #dfe3e6;}

/* 연구개발 */
.main_content_01 .randd li{position: relative;overflow: hidden;min-height: 128px;border-bottom: 1px solid #dfe3e6;text-align: left;}
.main_content_01 .randd li:last-child{border-bottom: none;}
.main_content_01 .randd .thumb{position: absolute;width: 105px;left: 15px;top: 50%;transform: translateY(-50%);}
.main_content_01 .randd .desc{padding: 30px 15px 30px 134px;}
.main_content_01 .randd .desc .tit{font-size: 19px;font-weight: 900;color: #0e4e7c;}
.main_content_01 .randd .desc .st{padding-top: 15px;color: #666;}

/* 제품정보 */
.main_content_02 .ff{padding: 0 15px 20px;}
.main_content_02 .ff > li{position: relative;width: calc(50% - 7px);overflow: hidden;}
.main_content_02 .ff > li:first-child{margin-right: 14px;}
.main_content_02 .tit a{display: block;position: relative;margin-top: 20px;padding-left: 8px;font-size: 18px;color: #2a4a6d;text-align: left;}
.main_content_02 .tit a:after{content: '';position: absolute;bottom: 4px;right: 0px;width: 16px;height: 16px;background: url(../images/main/icon_more.png) no-repeat;background-size: 16px 16px;}
.main_content_02 .products_wrap .thumb{margin-top: 15px;border: 1px solid #dfe3e6;}
.main_content_02 .products_wrap .thumb img{object-fit: cover;height: 44vw;}
.main_content_02 .products_wrap .name{padding-top: 20px;font-weight: 900;overflow:hidden;display: block;width: 95%;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px;}
.main_content_02 .products_wrap .desc .st{padding-top: 8px;color: #666;}
.main_content_02 .products_wrap .desc .st2{padding-top: 8px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 18px;height: 62px;text-align: left;}
.main_content_02 .swiper-button-prev,
.main_content_02 .swiper-button-next{position: static;display: inline-block;overflow: hidden;width: 28px;height: 28px;margin-top: 20px;text-indent: -9999px;}
.main_content_02 .swiper-button-prev{background: url(../images/main/btn_product_prev.png) no-repeat;background-size: 100%;}
.main_content_02 .swiper-button-next{background: url(../images/main/btn_product_next.png) no-repeat;background-size: 100%;}

/* 투자정보 */
.main_content_03 .investment li > a{display: block;min-height: 156px;padding: 30px;text-align: left;box-sizing: border-box;}
.main_content_03 .investment .investment_time{background: #dbeeff url(../images/main/investment_bg_01.jpg) no-repeat 100% 0;background-size: contain;color: #2b9ab8;}
.main_content_03 .investment .investment_time .tit{font-size: 23px;font-weight: 900;}
.main_content_03 .investment .investment_time .st{padding-top: 5px;}
.main_content_03 .investment .investment_stock a{padding-top: 20px;background: #0e4e7c url(../images/main/investment_bg_02.jpg) no-repeat 100% 0;background-size: contain;color: #fff;}
.main_content_03 .investment .investment_stock .tit{font-size: 24px;font-weight: 900;}
.main_content_03 .investment .investment_stock .desc{font-family:'Nanum Barun Gothic';font-size: 200;}
.main_content_03 .investment .investment_stock .krw{font-size: 38px;}
.main_content_03 .investment .investment_stock .krw i{font-size: 13px;}
.main_content_03 .investment .investment_stock .stock_change .down{display: inline-block;margin-right: 3px;border-bottom: none;border-top: 5px solid #fff;border-right: 5px solid transparent;border-left: 5px solid  transparent;vertical-align: middle;}
.main_content_03 .investment .investment_stock .stock_change .up{display: inline-block;margin-right: 3px;border-top: none;border-bottom: 5px solid #fff;border-right: 5px solid transparent;border-left: 5px solid  transparent;vertical-align: middle;}

/* 회사소개 */
.main_content_04 .company_intro{min-height: 143px;}
.main_content_04 .company_intro li{position: relative;overflow: hidden;border-bottom: 1px solid #dfe3e6;text-align: left;}
.main_content_04 .company_intro li:nth-child(1){background: #f4f8f9}
.main_content_04 .company_intro li:nth-child(2){background: #eef2f9}
.main_content_04 .company_intro li:nth-child(3){background: #f4f6fa}
.main_content_04 .company_intro .thumb{position: absolute;width: 122px;left: 15px;top: 15px;}
.main_content_04 .company_intro .thumb.news{top:25px}
.main_content_04 .company_intro .desc{padding: 30px 15px 30px 150px;}
.main_content_04 .company_intro .desc .tit{font-size: 19px;font-weight: 900;color: #0e4e7c;}
.main_content_04 .company_intro .desc .st{margin-top: 15px;color: #666; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  font-size:13px;
  line-height:18px;
  height:36px;
}