@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.css');


/* 메인비주얼 */
.main_visual {position:relative; width:100%; overflow:hidden; z-index:7; }
.main_visual .imgs { position:relative; width:100%; height:480px;}
.main_visual .imgs > li { position:absolute; width:100%; height:100%; top:0; left:100%;}
.main_visual .imgs li.li_01 { left:0; }

.main_visual .mb_text  { position:absolute; width:1300px;left:50%; top:50%; transform:translate(-50%) translateY(-50%); font-size:1.0em; color:#fff; text-align:; z-index:8;}
.main_visual .mb_text strong { display:block; margin-bottom:10px; font-size:3.0em; line-height:1.5em; letter-spacing:-2.0px;}
.main_visual .mb_text p { display:block; margin-bottom:10px; font-family: 'GmarketSansBold',sans-serif; font-size:1.2em; line-height:1.2em; letter-spacing:0.3px;}

.main_visual .bns {position:absolute; top:50%; width:100%; margin-top:-30px; }
.main_visual .bns > div {}
.main_visual .bns .bn a {width:100%; height:100%; display:block;}
.main_visual .bns .bn_left {float:left; left:5%; position:absolute;}
.main_visual .bns .bn_right {float:right; right:5%; position:absolute;}



/* BUSINESS */
.business {background:#f4f4f4; padding:70px 0; }
.business .wrapper { opacity:0;  width:1300px; margin:0 auto;}
.business .wrapper .title { margin-bottom:25px; font-size:1.2em; font-weight:400; color:#2d2d2d; line-height:2.0em;}
.business .wrapper .title strong { display:block; font-family: 'GmarketSansBold',sans-serif; font-size:1.6em;}

.business .wrapper .list { display:flex; justify-content:space-between; flex-wrap:wrap; }
.business .wrapper .list .content { display:flex; justify-content: space-between; align-items:center; background:#fff; width:31%; text-align:center; }
.business .wrapper .list .content ul li.tit { background:#0057af; font-family: 'GmarketSansMedium',sans-serif; font-size:1.0em; color:#fff; line-height:2.9em; letter-spacing:0.5px; }
.business .wrapper .list .content ul li.pic { margin:22px 0;}
.business .wrapper .list .content ul li.txt { padding:0 40px 25px 40px; font-size:0.9em; font-weight:400; color:#626262; line-height:1.4em; text-align:left;}
.business .wrapper .list .content ul li.txt strong { display:block; margin-bottom:10px; font-size:1.35em; color:#2d2d2d;}



/* PRDOCUTS */
.product { opacity:0; background:url(../images/main_product_bg.jpg) center; background-size:cover; padding:70px 0; }
.product .wrapper { width:1300px; margin:0 auto;}
.product .wrapper .title { margin-bottom:25px; font-size:1.2em; font-weight:; color:#fff; line-height:2.0em;}
.product .wrapper .title strong { display:block; font-family: 'GmarketSansBold',sans-serif; font-size:1.6em;}

.product .wrapper .list { display:flex; justify-content:space-between; flex-wrap:wrap; }
.product .wrapper .list .content { display:flex; justify-content: space-between; align-items:center; width:23%; }
.product .wrapper .list .content ul li.pic { border:1px solid #fff; margin-bottom:20px;}
.product .wrapper .list .content ul li.tit { font-size:1.1em; font-weight:400; color:#fff; line-height:; letter-spacing:; }
.product .wrapper .list .content ul li.tit strong { display:block; font-size:1.7em; line-height:1.4em; }
.product .wrapper .list .content ul li.eng { font-family: 'GmarketSansMedium',sans-serif; font-size:0.9em; color:#8bcbff; line-height:3.0em; letter-spacing:0.3px; }
.product .wrapper .list .content ul li.txt { font-size:1.1em; font-weight:; color:#fff; line-height:;}
.product .wrapper .list .content ul li.more { margin-top:20px; font-family: 'GmarketSansBold',sans-serif; font-size:0.8em; color:#9f9f9f;}
.product .wrapper .list .content ul li.more p { display:inline-block; background:#9f9f9f; width:25px; height:1px; margin-right:5px; margin-bottom:3px; }



.banners { position:relative; width:1300px; margin:70px auto; overflow:hidden; z-index:6;}
.banners .result  { opacity:0; position:relative; float:left; width:650px; height:200px; overflow:hidden;}
.banners .result ul {position:absolute; left:40%; top:50%; transform:translate(-50%) translateY(-50%); width:400px; font-size:1.25em; color:#fff; line-height:1.5em;}
.banners .result ul li.more { border-radius:25px; border:1px solid #fff; width:100px; height:35px; margin-top:20px; font-size:0.8em; font-weight:500; color:#fff; line-height:35px; text-align:center;}
.banners .estimate  { opacity:0; position:relative; float:left; width:650px; height:200px; overflow:hidden;}
.banners .estimate ul {position:absolute; left:40%; top:50%; transform:translate(-50%) translateY(-50%); width:400px; font-size:1.25em; color:#fff; line-height:1.5em;}
.banners .estimate ul li.more { border-radius:25px; border:1px solid #fff; width:100px; height:35px; margin-top:20px; font-size:0.8em; font-weight:500; color:#fff; line-height:35px; text-align:center;}

/* 마우스 오버시  이미지 확대 */
.over_zum { background:#000; overflow: hidden; }

.over_zum img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:0.8;
}



/* EXAMPLE */
.example { opacity:0; width:1300px; margin:30px auto;}
.example .title { margin-bottom:20px; font-size:1.2em; font-weight:400; color:#2d2d2d; line-height:2.0em;}
.example .title strong { display:block; font-family: 'GmarketSansBold',sans-serif; font-size:1.6em;}
.example .content { overflow:hidden;}
.example .more { background:#0057af; border-radius:25px; width:180px; margin:30px auto; text-align:center;}
.example .more a { display:block; font-size:1.2em; color:#fff; line-height:50px;}






/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li {height:; overflow:hidden; background: url() no-repeat 5px 13px;} /* ../images/dot_title2.png */
.latestBBS li .title { display: inline-block; width:260px; font-size:1.0em; font-weight:400; color:#2c2c2c; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:0.85em; font-weight:300; color:#717171; letter-spacing:0.5px;}

/*갤러리게시판*/
.latestGallery li { float:left; width:244px; margin-right:20px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:244px; border:0px #cecece solid; }
.latestGallery li .caption { width:244px; height:30px; margin-top:15px; font-size:17px; font-weight:400; text-align:center; overflow:hidden; z-index:999; }