@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 14px 40px; position: relative; overflow: hidden;}
.main_content_02 .ff > li{position: relative; width: 100%; /*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: 0 18px;font-size: 18px;color: #2a4a6d;text-align: left;}
.main_content_02 .tit a:after{content: '';position: absolute;bottom: 4px;right: 20px;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: absolute; 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%; left: 0; right:auto;}
.main_content_02 .swiper-button-next{background: url(../images/main/btn_product_next.png) no-repeat;background-size: 100%; left: auto; right:0;}
.swiper_btn_area {position: absolute; left: 50%; bottom: 10px; margin-left: -32px; width: 64px; height: 28px;}

/* 투자정보 */
.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 .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{padding-top: 15px;color: #666;}