.wrap {max-width:1400px;}


header #tnb{background: none;}
#logo a {display:block; background:url(/images/contents/layout/logo.png) no-repeat left center; height:100%; }
#site-map-toggle span{background: #000;}
#site-lang a{color: #151515;}

#main_visual {height:100vh; margin-bottom:100px; position:relative; overflow:hidden;}

#main_visual .item {width:100%; height:100vh; position:relative;}
#main_visual #item01 .bg {background:url(/images/contents/main/main_visula_01.jpg) top center no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;z-index: 1;transform: scale(1.0);}
#main_visual #item02 .bg {background:url(/images/contents/main/main_visula_02.jpg) top center no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;z-index: 1;transform: scale(1.0);}
#main_visual .item p {}
#main_visual .item .wrap {height:100%; }
#main_visual .item .txt {
    height:200px; position:absolute; margin:auto; top:0; right:auto; bottom:0; left:0; transform: translateY(-35%);
    line-height:65px; user-select:none; z-index:2;
}
#main_visual .item .txt span {line-height:55px; display:inline-block; padding:0 5px; background:rgba(255,255,255,0.3);}

#main_visual .owl-nav{position: absolute; left: 50%;top: 450px; margin-left:-700px;}
#main_visual .owl-nav .owl-prev{background: none;}
#main_visual .owl-nav .owl-next{background: none;}
#main_visual .owl-nav span.num span {display:inline-block; width:15px; font-size:22px;}
#main_visual .owl-nav span.num span.slash {font-size:15px; width:auto; margin:0 3px;}
.owl-theme .owl-nav .disabled{opacity: 1;}
.owl-theme .owl-dots .owl-dot span{display: none;}

#main_visual .btn-group {
    position:absolute; top:471px; z-index:10; max-width:1400px; height:0; margin:auto; left:0; right:0; cursor:pointer;
}
#main_visual .btn-group .btn-stop,
#main_visual .btn-group .btn-play {width:11px; height:13px; margin-left: 155px;}
#main_visual .btn-group .btn-stop {background: url(/images/contents/main/main_visual_stop.png) center center no-repeat;}
#main_visual .btn-group .btn-play {background: url(/images/contents/main/main_visual_play.png) center center no-repeat;}


#main_visual .owl-item.active #item01 .bg, #main_visual .owl-item.active #item02 .bg{animation:visualItemActive 1100ms 1700ms forwards;transform: scale(1.2);} 


@keyframes visualItemActive {
    0% {transform: scale(1.2); opacity:1;}
    100% {transform: scale(1.0); opacity: 1;}
}



#product {}
#product .fs-40{margin-bottom: 30px;}
#product .col .rect {height:337px;
    transition:all 300ms; text-align: center; position: relative; opacity:0; transition: all 1s ease; transform:translateY(-100px);
}
#product .col .rect:hover {background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);}
#product .col .rect.active{opacity:1; transform:translateY(0); }
#product .col .rect a{display: block; width: 100%; height: 100%;}
#product .col .rect .inner{position: absolute; left: 50%; bottom:-9px; transform: translate(-50%,0); line-height: 1.1; }
#product .col .rect .inner em{font-size: 22px; color: #1d4ca1; font-weight: 300; font-style: normal;}
#product .col .rect .inner strong{font-size: 45px; font-weight: 500; display: block;  }
#product .col .rect01{background:url(/images/contents/main/main_product_01.png) no-repeat center top #f2f3f4; transition-delay:0.2s;}
#product .col .rect02{background:url(/images/contents/main/main_product_02.png) no-repeat center top #f2f3f4; transition-delay:0.5s;}
#product .col .rect03{background:url(/images/contents/main/main_product_03.png) no-repeat center top #f2f3f4; transition-delay:0.8s;}

#inspiration {min-height:500px; margin:100px 0;}
#inspiration .wrap {border-top:1px solid #151515; margin-top:90px;position: relative; }
#inspiration .dooha {box-sizing:border-box; width:40%; float:left; height:100%;}
#inspiration .slider {float:left; width:60%; border-left:1px solid #151515; box-sizing:border-box; opacity:0; transition: all 1s ease; transform:translateX(100px); }
#inspiration .slider.active{opacity:1; transform:translateX(0); transition-delay:0.3s;}
#inspiration .dooha .rect {padding-top:85px; height:100%; text-align: left; }
#inspiration .slider .rect {padding:20px 0 0 20px; height:100%; overflow:hidden;}
#inspiration .dooha .rect ul{position: absolute; left: 0; top : 180px;}
#inspiration .dooha .rect ul li{
    font-size: 26px; position: relative; padding-left: 16px; font-weight: 300; z-index: 2; cursor:pointer;
    user-select:none;
}
#inspiration .dooha .rect ul li span{position: relative; z-index: 10;}
#inspiration .dooha .rect ul li::after {
    background: rgba(146,201,232,0.5); width:0; height: 10px; position: absolute; left: 15px; top: 15px;
    content: ''; transition:all 500ms;
}
#inspiration .dooha .rect ul li:hover::after,
#inspiration .dooha .rect ul li.on::after{width:100%;}
#inspiration .dooha .rect ul li:before{
    position: absolute; left: 0; top: 13px; content:''; width: 8px; height: 1px; background: #151515;
    transform: rotate( 30deg );
}
#inspiration .owl-theme .owl-dots{display: none !important;}
#in_slider .owl-nav {position:absolute; width:100%; margin:auto; top:0; bottom:0; height:0;}
#in_slider .owl-nav .owl-prev,
#in_slider .owl-nav .owl-next {position:absolute; transform:translateY(-50%); cursor:pointer;}
#in_slider .owl-nav .owl-prev:hover,
#in_slider .owl-nav .owl-next:hover {background:none;}
#in_slider .owl-nav .owl-prev {left:10px;}
#in_slider .owl-nav .owl-next {right:10px;}

#news .inquiry {
    background:url(/images/contents/main/main_news_bg.png) no-repeat center right; color: #fff; height:390px; max-width:680px; opacity:0; transition:all 1s ease; transform:translateX(-100px);
    
}
#news .inquiry a{color: #fff; display: block;  padding: 85px 0 0 60px; width: 100%; height: 100%;}
#news .inquiry p{}
#news .inquiry p.t-c{color:rgba(255,255,255,0.5); margin-bottom: 10px; margin-top: 85px;}
#news .inquiry p.upp{position: relative;}
#news .inquiry p.upp:before{position: absolute; left:135px; top:14px; background: #1d4ca1; width: 30px; height: 2px; content: '';}
#news .inquiry.active{opacity:1; transform:translateX(0); transition-delay:0.4s;}

#news .news_post {border-top: 2px solid #151515; padding-top: 75px;}
#news .news_post .t_box {}
#news .news_post .t_box .fs-40 {float:left;}
#news .news_post .t_box .more {float: right;margin-top:10px; font-size: 20px; position: relative; font-weight: 300;}
#news .news_post .t_box .more:after {position: absolute; right: 60px; top: 13px; height: 2px; width: 30px; background: #1d4ca1; content: '';}

#news .news_post .post {width:100%; position:relative; color:#333; border-bottom:1px solid #dddddd;}
#news .news_post .post a {color:#333;}
#news .news_post .post .subject {display:block; padding:16px 100px 15px 0; font-weight: 300;}
#news .news_post .post .date {position:absolute; margin:auto; top:0; right:0; bottom:0; left:auto; height:26px;  font-weight: 300; color: #999;}



footer {margin-top:100px;}

@media screen and (max-width: 1450px) {
    .wrap{max-width: 92%;}
    #main_visual .item .txt{text-align: center; right: 0; transform: translateY(0); font-size: 45px; line-height: 1.2;}
    #main_visual .item .txt span{background: none;}
    #main_visual .owl-nav,
    #main_visual .btn-group{display: none;}
    

    .fs-40{font-size: 35px;}
    .fs-20{font-size: 17px;}
    
    #inspiration{min-height: auto;}
    #inspiration .wrap{padding-bottom: 0;}
    #inspiration{margin: 80px 0 90px 0;}
    #inspiration .dooha .rect ul li{font-size:23px;}
    #news .inquiry p.upp:before{left: 115px; top: 11px;}
}

@media screen and (max-width: 1250px) {
    .fs-40{font-size: 30px;}
    
    /*inspiration 마지막*/
    #inspiration .dooha .rect{padding-top: 60px;}
    #inspiration .dooha .rect ul{top: 130px;}
    #inspiration .dooha .rect ul li{font-size:17px;}
    #inspiration .dooha .rect ul li.on span:after{width:80px; height: 8px; left: -40px; top: 8px;}
    
    #news .inquiry{background: #1b2e4c; height: 355px;}
    #news .news_post .post .date{font-size: 15px;}
    #news .news_post .t_box .more{font-size: 17px;}
    #news .news_post .t_box .more:after{right: 50px; top: 11px;}
}
@media screen and (max-width: 1200px) {
    #main_visual .item {background:url(/images/contents/main/main_visula_01_m.jpg) center center no-repeat;}
    #main_visual .item02{background:url(/images/contents/main/main_visula_02_m.jpg) center center no-repeat;}
}


@media screen and (max-width: 1000px) {
    #main_visual{margin-bottom: 80px;}
    #product{margin-bottom: 0;}
    #product .col{width: 100%; max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; }
    #product .col .rect{max-width: 480px; margin: 0 auto; height: 310px;}
    #product .col .rect .inner em{font-size: 17px;}
    #product .col .rect .inner strong{ font-size: 42px;}
    
    #inspiration{margin: 50px 0 80px 0;}
    #inspiration .wrap{margin-top: 0;}
    #news .col-6{width: 100%; max-width: 100%; flex: 0 0 100%;}
    #news .inquiry{background: #1a2b46 url(/images/contents/main/main_news_bg.png) no-repeat center right; max-width: 100%;}
    #news .news_post{padding-top: 40px; margin-top: 80px;}
}

/* 부트스트랩 md */
@media(max-width:991px){
    #inspiration .wrap{border:0;}
    #inspiration .dooha {width:100%;}
    #inspiration .dooha .rect {padding:0 0 20px 0 !important; text-align:center;}
    #inspiration .dooha .rect.tit .fs-40{border-bottom: 2px solid #000; padding-bottom: 25px; margin-bottom: 20px;}
    #inspiration .dooha .rect ul {position:relative; top:auto; right:auto; bottom:auto; left:auto; margin-top: 20px; }
    #inspiration .dooha .rect ul li {padding:0; text-transform: uppercase; font-weight: 500;}
    #inspiration .dooha .rect ul li::after {display: none;}
    #inspiration .dooha .rect ul li:before {display:none;}
    #inspiration .dooha .rect ul li span{font-size: 20px;}
    
    #inspiration .dooha .owl-nav {position:absolute; height:0; margin:auto; top:0; width:100%;}
    #inspiration .dooha .owl-prev {position:absolute; left:0;}
    #inspiration .dooha .owl-next {position:absolute; right:0;}
    #inspiration .slider {width:100%; border:0;}
    #inspiration .slider .rect {padding:0;}
}

@media screen and (max-width: 800px) {
    #main_visual .item .txt{font-size: 45px; height: 150px;}
    #main_visual .item .txt span{line-height: 1.2;}
    #product .col .rect:hover{background-color:#f2f3f4; box-shadow: none; }
}

@media screen and (max-width: 760px) {
    #main_visual .item {background:url(/images/contents/main/main_visula_01_mm.jpg) center center no-repeat;}
    #main_visual .item02{background:url(/images/contents/main/main_visula_02_mm.jpg) center center no-repeat;}
}

@media screen and (max-width: 600px) {
    #logo a{background: url(/images/contents/layout/logo_m.png) no-repeat left center; padding-top: 4px;}
    
    #main_visual .item .txt{text-align: left; height: 250px;}
    
    #inspiration .dooha .rect ul li span{font-size: 17px;}
    #news .inquiry{background: #1a2b46; height: auto;}
    
    #news .inquiry a{padding: 70px 0 70px 40px;}
    
    
    
    
    
}

@media screen and (max-width: 450px) {
    /*
    #product .col .rect{background: url(/images/contents/main/main_product_01_m.png) no-repeat center top #f2f3f4; height: 270px;}
    */
    #product .col .rect .inner em{font-weight: 400;}
    #product .col .rect .inner strong{font-size: 38px;}
    
    #news .news_post .post a{font-size: 14px;}
    #news .news_post .post .date {font-size: 13px; padding-top: 5px;}
    
}
/*
inspiration .dooha{width: 20%; }
*/