html,body,div,a,ul,li{font-family:"Noto Sans KR"}
#content{width:100%}
.page_main_in{padding:0}


/*fullpage*/
.fp-tableCell{position:relative}


/*BLOCK 관련*/
.block-002 [class*="grid-"],.block-003 [class*="grid-"],.block-003 [class*="grid-"],.block-004 [class*="grid-"]{max-width: 1200px;margin:0 auto;}
.block-001,.block-002,.block-003,.block-003,.block-004{position:relative;background-size:cover}
.block-002{background-image:url(../../etc_img/main/imgs/bg/bg2.jpg)}
.block-003{background-image:url(../../etc_img/main/imgs/bg/bg3.jpg)}
.block-004{background-image:url(../../etc_img/main/imgs/bg/bg4.jpg)}

/*scrolldown button*/
@keyframes scrolldown{
    0%{bottom:5px}
    25{bottom:4px}
    50%{bottom:3px}
    75%{bottom:2px}
   100%{bottom:1px}
}
.block-001:before,.block-002:before,.block-003:before,.block-003:before,.block-004:before{content:"";display:inline-block;clear:both;width:145px;height:59px;position:absolute;bottom:0;left:50%;margin-left:-50px;background:url(/etc_img/main/scroll.png) no-repeat;z-index:100; animation:scrolldown 0.6s 0s infinite ease-in-out alternate;-webkit-animation:scrolldown 0.6s 0s infinite ease-in-out alternate;-moz-animation:scrolldown 0.6s 0s infinite ease-in-out alternate;}

/*메인슬라이드*/
.main_slide_contructor{visibility:hidden}
.main_slide1{background:url(../../etc_img/main/slide/slide1.jpg) 50% 100% no-repeat;background-size:cover}
.main_slide2{background:url(../../etc_img/main/slide/slide2.jpg) 50% 100% no-repeat;background-size:cover}
.slide_word_box{position:absolute;top:0;left:0;width:100%;margin-top:18%;text-align:center}
.slide_word1{font-size:76px;color:#fff;margin-bottom:5px;font-weight:bold;line-height:1.1;letter-spacing:-0.05em;text-shadow:rgba(0, 0, 0, 0.8) 0px 0px 3px}
.slide_word2{font-size:24px;color:#fff;text-shadow:rgba(0, 0, 0, 0.8) 0px 0px 3px;font-weight:400;line-height:1.2;}

/*모바일슬릭*/
.slick-prev, .slick-next{width:40px;height:40px}
.slick-prev:before,.slick-next:before{font-family:'axicon';color:#000;font-size:40px}
.slick-prev:before{content:'\e84f'}
.slick-next:before{content:'\e850'}
.slick-slide{outline:none}
.slick-slide a{outline:none;font-weight:500}
.slick-slide img{margin:0 auto;outline:none;width:160px}

/*풀페이지관련*/
.fp-tableCell{vertical-align:middle !important}
#fp-nav ul li, .fp-slidesNav ul li{ height: auto; }
#fp-nav ul li a.active{ height: 20px; }
#fp-nav ul li a, .fp-slidesNav ul li a{ height: 15px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 10px; height: 10px; margin: -5px 0 0 -5px; background: #FFF; }
#fp-nav ul li a.active span {background: #ffc107;width: 30px;height: 30px;display: block;background-size: 90%;margin: 0px 0px 0px -15px !important;top: 0px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {height:20px;width:20px;margin: 0px 0 0 -10px !important;border-radius: 100%;}
#fp-nav.fp-right{ right: 70px; }
#fp-nav>ul>li:last-child{display:none !important}
.more-down { position: fixed; z-index: 9999; width: 1px; height: 1px; left: -20px; right: 0; margin: 0 auto; bottom: 100px; color: #FFF; font-size: 3em; }
.more-down:after { content: "MORE"; display: block; font-size: 12px; position: relative; left: -6px; }
.block-005,.block-005>.fp-tableCell{height:200px !important;background:#131313}

/*FOOTER*/
#footer{position:absolute;width:100%;bottom:-300px;position:fixed;left:0;transition: all 0.8s;-moz-transition: all 0.8s;-webkit-transition: all 0.8s;-o-transition: all 0.8s;}
#footer.on{z-index:1111111;bottom:0;}

/*메인 타이틀*/
.main_title_1{margin-bottom:50px;color:#fff;text-align:center}
.main_title_1>h2{font-size:64px;margin-bottom:10px;line-height:64px;}
.main_title_1>span{display:block;margin-bottom:30px;font-size:16px;font-weight:400;line-height:22px;word-break:keep-all}

/*block-002*/
.block-002 .box_001{display:inline-block;width:100%;opacity:1;transform: translateY(0px);color:#fff;text-align:center;}
.block-002 .box_001>a>.box_img{width:100%}
.block-002 .box_001>a>.box_img>img{width:80%}
.block-002 .box_001>a>.box_content>strong{display:block;margin:16px 0;font-size:22px;font-weight:500}
.block-002 .box_001>a>.box_content>div{padding:0 10px;font-size:14px;line-height:20px;font-weight:400} 
.block-002 .box_001>a>.box_btn{display:inline-block;width:80px;margin-top:20px;border:1px solid #fff;background:rgba(255,255,255,0);font-size:13px;line-height:33px;text-align:center;font-weight:400;text-decoration:none;transition:0.3s}
.block-002 .box_001:hover>a>.box_btn{border:1px solid #fff;background:rgba(255,255,255,1);color:#000}
#abccccc>li{display:inline-block;text-align:center;width:23%;}

/*slick*/
.slick-arrow{display:inline-block;width:16px;height:30px;position:absolute;top:50%;margin-top:-25px;background-repeat:no-repeat}
.slick-arrow.prev{left:5%;background-image:url(http://steeltech.mong9.com/etc_img/prev.png)}
.slick-arrow.next{right:5%;background-image:url(http://steeltech.mong9.com/etc_img/next.png)}
    
/* block003 */
.ani_scale_low:hover{ transform: scale(1.1); transition: all 0.3s; }
.box_004 .box_img{ overflow: hidden;line-height:0;border-bottom:1px solid #ececec;}
.box_004 .box_img > img{ transition: all 0.3s; }
.box_004 .box_content.desc{ position: relative; min-height: 130px; background: #FFF; padding: 20px 10px; }
.box_004 .box_content.desc strong{ display: block; font-size: 20px; font-weight: 400; text-align: center; line-height: 1.2em; }
.box_004 .box_content.desc .box_btn{ display: block; position: absolute; left: 0; right: 0; bottom: 20px; width: 80px; margin: 0 auto; padding: 5px; text-align: center; border: 1px solid #DCDCDC; font-size: 13px; color: #252525; }
.box_004 .box_content.desc .box_btn:hover { color: #FFF; background: #252525; border: 1px solid transparent; transition: all 0.3s; }

/*block004*/
.box_005{position:relative;min-height:390px;background-repeat:no-repeat;background-position:center 80px;background-color:rgba(255,255,255,0.7);text-align:center;transition:0.3s}
.box_005:hover{background-color:#fff;border-color:#fff}
.box_005>a{display:block;height:100%;padding:215px 10px 20px;color:#000;text-decoration:none;}
.box_005>a>.box_title{margin-bottom:15px;font-size:24px;font-weight:500;}
.box_005>a>.box_content{margin-bottom:30px;font-size:16px;font-weight:400}
.box_005>a>.box_btn{display:inline-block;width:80px;border:1px solid #888;background:rgba(255,255,255,0);font-size:13px;line-height:33px;text-align:center;font-weight:400;text-decoration:none;;transition:0.3s;color:#333}
.box_005:hover>a>.box_btn{background:#fcfcfc}


/*모바일 가로로 보기*/
@media screen and (max-width:683px){
.block-005,.block-005>.fp-tableCell{height:60px !important}
.main_slide_contructor {padding-bottom:84%}
.slide_word_box{margin-top:20%;padding:10%}
.slide_word1{font-size:45px}
.slide_word2{font-size:20px}
.block-001:before,.block-002:before,.block-003:before,.block-003:before,.block-004:before{display:none}
#fp-nav{display:none}
.box_005{min-height:250px;background-position:center 40px;}
.box_005>a{padding-top:150px;}
.box_005>a>.box_title{margin-bottom:15px;font-weight:500;font-size:24px;}
.box_005>a>.box_content{display: none}
.box_005>a>.box_btn{display: none}
.box_005:hover>a>.box_btn{border:1px solid #fff;background:rgba(255,255,255,0.2);color:#fff}
    
.box_005{min-height:130px;background-position:center 24px;background-size:44px;}
.box_005>a{padding:90px 10px 0}
.box_005>a>.box_title{font-size:16px}
.box_005>a>.box_content{margin-bottom:30px;font-size:14px;font-weight:400}
}


/*모바일 세로로보기*/
@media screen and (max-width:486px){
.slide_word_box{margin-top:40%;padding:10%}   
.main_slide1{background:url(../../etc_img/main/slide/m_slide1.jpg) 0 0 no-repeat;background-size:cover}
.main_slide2{background:url(../../etc_img/main/slide/m_slide2.jpg) 0 0 no-repeat;background-size:cover}

.slide_word1{font-size:40px}
.slide_word2{font-size:18px}
.slide_btn,.slide_btn2{padding:0.5em 1em}
        
.block-002,.block-003,.block-003,.block-004{position:relative;padding:0}
.block-002{background-image:url(../../etc_img/main/imgs/bg/m_bg2.jpg)}
.block-003{background-image:url(../../etc_img/main/imgs/bg/m_bg3.jpg)}
.block-004{background-image:url(../../etc_img/main/imgs/bg/m_bg4.jpg)}
    
/*메인 타이틀*/
.main_title_1{margin-bottom:0px;padding:1em;text-align:center;color:#fff;}
.main_title_1>h2{font-size:34px;line-height:40px}
.main_title_1>span{display:block;margin-bottom:20px;font-size:14px;}
    
.block-002 .box_001>a>.box_content>strong{display:block;margin:10px 0;font-size:19px;font-weight:400}
.block-002 .box_001>a>.box_img>img{width:50%}
.block-002 .box_001>a>.box_content>div{padding:0 3em}

.box_004 .box_img{ overflow: hidden;line-height:0;height:auto}
.box_004 .box_content.desc{ min-height:auto;padding:10px;}
.box_004 .box_content.desc strong{font-size:17px}
.box_004 .box_content.desc .box_btn{ display: none }
.box_004 .box_content.desc strong{ font-size: 14px;}
    
.box_005>a>.box_title{margin-bottom:15px;font-size:14px;font-weight:300;}
    
    
}