@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2017-05-30
******************************************************** */

/* main-visual */
#mainVisual {position:relative; text-align:center;}
.main-visual {width:1770px; margin:0 auto;}
#mainVisual img {display:inline-block}
.main-visual-txt {position:absolute; right:0; bottom:0;}
.scroll-icon {position:absolute; bottom:30px; right:50%; margin-right: -50px;}

/* ******************  메인 컨텐츠 ********************** */
.main-con {background:url("/kr/images/main/main_bg.jpg") no-repeat center top; height:165px; padding-top: 83px; text-align:center;}
.main-con p {font-size:26px; line-height: 40px; letter-spacing: -0.25px; color:#fff; font-weight: 300;}

.main-about ul:first-child {float:left; text-align:left;}
.main-about ul:first-child li h3 {margin-bottom: 22px;}
.main-about ul {float:right;margin-bottom: 95px; text-align:right;}
.main-about ul li{float:left;}
.main-about ul li:first-child {margin-right:30px;}
.main-about ul li span{display:inline-block; font-size:20px; line-height: 26px; color:#333333; margin-top: 40px; margin-bottom: 15px; font-weight: 600;}
.main-about ul li h3 {font-size:32px; line-height: 42px; letter-spacing: -0.35px; color:#333333; font-weight: 300; margin-bottom: 30px;}
.main-about ul li p {font-size:18px; line-height: 30px; letter-spacing: -0.25px; color:#666666; font-weight: 300;}

.main-product ul {margin-bottom: 85px;}
.main-product ul li {float:left; margin-left: 24px; margin-bottom: 25px; width:384px; height:345px; position:relative;}
.main-product ul li a {display:block; font-size:22px; line-height: 32px; letter-spacing: -0.25px; color:#484646; padding-top: 295px; height:150px; padding-left: 25px; width:359; }
.main-product ul li img {position:absolute; right:15px; bottom:15px;}
.main-product ul li.prod01 {background:url("/kr/images/main/main_prod_1.jpg") no-repeat;}
.main-product ul li.prod02 {background:url("/kr/images/main/main_prod_2.jpg") no-repeat;}
.main-product ul li.prod03 {background:url("/kr/images/main/main_prod_3.jpg") no-repeat;}
.main-product ul li.prod04 {background:url("/kr/images/main/main_prod_4.jpg") no-repeat;}
.main-product ul li.prod05 {background:url("/kr/images/main/main_prod_5.jpg") no-repeat;}
.main-product ul li.prod06 {background:url("/kr/images/main/main_prod_6.jpg") no-repeat;}
.main-product ul li.fir {margin-left: 0;}
.main-product ul li:hover .mian-prod-hover {opacity:1;filter:Alpha(opacity=100);-ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

.mian-prod-hover {opacity:0;filter:Alpha(opacity=0); position:absolute; top:0; left:0; width:384px; height:265px; padding-top: 80px; background-color:rgba(122,75,183,0.9); text-align:center; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.mian-prod-hover h3 {font-size:25px; line-height: 24px; letter-spacing: -0.1px; color:#fff; font-weight: 500; margin-bottom: 30px;}
.mian-prod-hover p{font-size:16px; line-height: 23px; letter-spacing: -0.25px; color:#fff; }
.mian-prod-hover img {position:absolute; right:15px; bottom:15px; }