@charset "utf-8";

/* ---------------------------------- layout */
html, body {height:100%;}
#wrapeer {width:100%;}



    
/************49**********/
    
/*메인 비주얼*/
.main_visual{background:url('/html/_skin/fostec/images/main/visual_bg.jpg') no-repeat center top/cover; height:880px; margin-top: -125px;}
.main_visual .main_visual_text{width:1200px; float:right;position: absolute; top: 28%; left: 20%;}
.main_visual .main_visual_text ul{float: right;}
.main_visual .main_visual_text li{font-size: 50px; color: #1f1f1f; font-weight: 600; letter-spacing: -1.3px; font-family: 'Ubuntu', sans-serif; text-transform: uppercase;}
.main_visual .main_visual_text li span{color:#019bfb; margin-left:3px;}
.main_visual .main_visual_text li:last-child{font-size:26px; font-weight: normal; margin-top:55px; font-family: 'NanumSquare', sans-serif; line-height: 1.3em;}
.main_visual .main_visual_text li span:last-chlid{font-weight:600!important;}




/*모바일_갤러시s5*/ 

@media screen and (max-width: 360px){
    
    
/*menu*/
    
    .m-lang{display: none!important;}
    .gnb ul{margin-top:15px;}
    .gnb li{margin-right:9px!important; display: block; float: left;}
    
    
.main_visual{background:url('/html/_skin/fostec/images/main/visual_bg.jpg') no-repeat center top/cover; height:640px; margin-top: -125px;}
.main_visual .main_visual_text{width:360px; float:right;position: absolute; top: 28%; left: -5%;}
.main_visual .main_visual_text ul{float: right;}
.main_visual .main_visual_text li{font-size: 24px; color: #1f1f1f; font-weight: 600; letter-spacing: -1.3px; font-family: 'Ubuntu', sans-serif; text-transform: uppercase;}
.main_visual .main_visual_text li span{color:#019bfb; margin-left:3px;}
.main_visual .main_visual_text li:last-child{font-size:17px; font-weight: normal; margin-top:20px; font-family: 'NanumSquare', sans-serif; line-height: 1.3em;}
.main_visual .main_visual_text li span:last-chlid{font-weight:600!important;}
    
    
.w1200{width:100%!important; margin: 0 auto; clear: both; overflow:hidden;}
.w1320{width:100%!important; margin: 0 auto; clear: both; overflow:hidden;}

    
/*service*/
.contents_list ul{width:100%!important; height:250px!important; margin-bottom:25px!important; }
.contents_list li{width: 340px!important; font-size:16.5px!important; letter-spacing:-0.5px;}
.contents_list li img{width:100%;}
.contents_list .list-tit {color: #019bfa; font-weight: 600;font-size: 20px;  margin-top: 20px!important;}
.contents_list .list-tit02 {font-size: 28px!important; color: #1f1f1f!important;    margin: 00px 0px 10px 0px!important;}
.con_link span img{display:none!important;}
.cont_right {margin-left:10px!important;}
.cont_left {margin-left:10px!important;}
.cont_text{padding: 0px!important;}


    
/*파트너*/  
.clients {width:320px; margin: 0 auto;}
.clients ul{margin-bottom:5px!important;}
.clients li{margin-right:0px!important;}
.clients ul > li:last-child{display: none!important; padding-top:10px;}

    
/*히스토리*/
.history_list01 th {padding: 2px 0px 3px 0px!important; font-size: 14px!important; color: #fff; font-weight: 900;  text-align: left; padding-right: 10px!important;font-family:'Noto Sans Kr'!important;} 
.history_list01 td{font-size:14px!important; font-family:'Noto Sans Kr'!important; letter-spacing: -0.5px!important;}
.history_list01 th span{font-size: 20px!important;  text-align: left; margin-right:5px!important;}
.day_none{display: none!important;}
.history_list02 {width:360px!important;}
.history_list02 li {font-size: 14px!important; font-family:'Noto Sans Kr'!important;}
    
/*더보기*/
.from01 table{font-family:'Noto Sans Kr'!important; width:100%; border-bottom: 1px solid #333333; margin-top:50px; overflow:hidden;}
.from01 th{background-color:#1f1f1f; color:#fff; font-size:15px!important; text-align: left; padding:5px!important; letter-spacing: -0.5px;font-family:'Noto Sans Kr'!important;}
.from01 td{padding:5px; font-size:13px!important;  color:#1f1f1f; font-weight: 600; letter-spacing: -0.5px!important;font-family:'Noto Sans Kr'!important;}
.from01 .bg_color{background-color:#e0e0e0; border-bottom:1px solid #bababa; border-top: 1px solid #bababa;}

.from_tit{width:170px; font-size:40px; color: #1f1f1f; font-family: 'Ubuntu' display: block; float: left; padding-top:40px;}
.from02 { display: block; float: left; margin-left:45px;}
.from02 table{width:100%; border-top: 3px solid #333333; border-bottom: 1px solid #333333; margin-top:50px; overflow:hidden; font-family:'Noto Sans Kr'!important;}
.from02 th{background-color:#1f1f1f; color:#fff; font-size:17px; text-align: left; padding:15px;}
.from02 td{padding:10px; font-size:15px;color:#1f1f1f; font-weight: 600;}
.from02 .bg_color{background-color:#e0e0e0; border-bottom:1px solid #bababa; border-top: 1px solid #bababa;}
    
    
    /*인증서*/
    .prd-slide img{width:133px!important; box-shadow: none!important;}
    .prd-slide p { padding:3px; font-size: 13px!important;color: #1f1f1f;  text-align: center; font-family:'Noto Sans Kr'!important;}
    .slick-prev .slick-next {top:36%!important;}
    
    
/*컨택트폼*/
    .us{padding: 20px!important;}
    .contactus_tit h2{font-size:60px!important;}
    .contactus_tit h3{font-size:35px!important;}
    .us p{margin:10px 0px 20px 0px!important; font-size:18px!important;}
    .location {width: 100%!important; height: 250px; float: right; box-shadow: 0 3px 25px rgba(0,0,0,0.2);  margin-top: 25px;}

/*facebook*/
    .sns_wrap > div {border:none!important;}
    
/*youtube*/
    .sns_wrap .youtube{margin-top: 30px;}
    #iframe_youtube{width:44%!important;}
    .ytp-cued-thumbnail-overlay{width:360px!important;}
    

    
/*footer*/
    .footer {width: 100%!important;}
    .footer .address{width:100%!important;}
    .dropdown{float: none!important;}
    .family_logo{margin-top: 10px!important;}

    
}







/*아이폰678*/
@media screen and (max-width: 1199px) and (min-width: 370px){
    .m-lang a{display: none!important;}
    #header .gnb ul{margin-top:20px!important; margin-bottom: 10px!important;}
    #header .gnb ul>li{display: block; float: left;margin-right:7px!important; font-size:14px!important; }
    #header .gnb ul>li:last-child{margin-right:0px!important; }
    
    
.main_visual{background:url('/html/_skin/fostec/images/main/visual_bg.jpg') no-repeat center top/cover; height:550px; margin-top: -125px; padding:20px!important;}
.main_visual .main_visual_text{width:100%!important; float:right; position: absolute; top: 22%; left:-5%!important;}
.main_visual .main_visual_text ul{float: right;}
.main_visual .main_visual_text li{font-size: 22px; color: #1f1f1f; font-weight: 600; letter-spacing: -1.5px; font-family: 'Ubuntu', sans-serif; text-transform: uppercase;}
.main_visual .main_visual_text li span{color:#019bfb; margin-left:3px;}
.main_visual .main_visual_text li:last-child{font-size:17px; font-weight: normal; margin-top:25px; font-family: 'NanumSquare', sans-serif; line-height: 1.5em; }
.main_visual .main_visual_text li span:last-chlid{font-weight:600!important;}

.w1200{width: 370px!important;margin: 0 auto; clear: both; overflow: hidden;}  
.w1320 { width: 370px!important; margin: 0 auto; clear: both; overflow: hidden;}      
    
/*service*/
.contents_list ul{width:100%!important; height:250px!important; margin-bottom:25px!important; }
.contents_list li{width: 340px!important; font-size:16.5px!important; letter-spacing:-0.5px;}
.contents_list li img{width:100%;}
.contents_list .list-tit {color: #019bfa; font-weight: 600;font-size: 20px;  margin-top: 20px!important;}
.contents_list .list-tit02 {font-size: 28px!important; color: #1f1f1f!important;    margin: 00px 0px 10px 0px!important;}
.con_link span img{display:none!important;}
.cont_right {margin-left:10px!important;}
.cont_left {margin-left:10px!important;}
.cont_text{padding: 0px!important;}
    
    
    
/*파트너*/  
.clients {width:340px; margin: 0 auto;}
.clients ul{margin-bottom:5px!important;}
.clients li{margin-right:0px!important;}
.clients ul > li:last-child{display: none!important; padding-top:10px;}
    
    
    
/*히스토리*/
.history_list01 th {padding: 2px 0px 3px 0px!important; font-size: 14px!important; color: #fff; font-weight: 900;  text-align: left; padding-right: 10px!important;font-family:'Noto Sans Kr'!important;} 
.history_list01 td{font-size:14px!important; font-family:'Noto Sans Kr'!important; letter-spacing: -0.5px!important;}
.history_list01 th span{font-size: 20px!important;  text-align: left; margin-right:5px!important;}
.day_none{display: none!important;}
.history_list02 {width:360px!important;}
.history_list02 li {font-size: 14px!important; font-family:'Noto Sans Kr'!important;}

    
/*더보기*/
    .from01{padding: 5px!important;}
    .mou {padding: 10px;}
    .from02 table{width:100%!important;}
    .from02{margin-left: 0px!important;}
    .from02 td{padding: 5px!important;}



    /*인증서*/
    .prd-slide img{width:133px!important; box-shadow: none!important;}
    .prd-slide p { padding:3px; font-size: 13px!important;color: #1f1f1f;  text-align: center; font-family:'Noto Sans Kr'!important;}
    .slick-prev .slick-next {top:36%!important;}
    
/*컨택트폼*/
    .us{padding: 20px!important;}
    .contactus_tit h2{font-size:60px!important;}
    .contactus_tit h3{font-size:35px!important;}
    .us p{margin:10px 0px 20px 0px!important; font-size:18px!important;}
    .location {width: 100%!important; height: 250px; float: right; box-shadow: 0 3px 25px rgba(0,0,0,0.2);  margin-top: 25px;}

/*facebook*/
    .sns_wrap > div {border:none!important;}
    
    
/*youtube*/
    .sns_wrap .youtube{margin-top: 30px;}
    #iframe_youtube{width:44%!important;}
    .ytp-cued-thumbnail-overlay{width:360px!important;}
    

    
/*footer*/
    .footer {width: 100%!important;}
    .footer .address{width:100%!important; margin-bottom:10px!important;}
    .dropdown{float: none!important;}
    .family_logo{margin-top: 20px!important;}


    
}








@media screen and (max-width: 1200px) and (min-width: 400px){
     
.w1200{width:100%!important; margin: 0 auto; clear: both; overflow:hidden;padding: 0px 3px;}
.w1320{width:100%!important; margin: 0 auto; clear: both; overflow:hidden;}
    
/*타이틀*/   
.tit h2{font-size:85px!important; color:#f7f7f7; font-weight: 600; font-family: 'Ubuntu', sans-serif; line-height: 100px;}
.tit h3{font-size:50px!important; color:#1f1f1f; font-family:'NanumSquare'; margin-top:-40px;}
 
    
/*service*/
.contents_list ul{width:100%!important; height:100%!important;  display: block; float: left; font-family: 'NanumSquare', sans-serif; margin-bottom: 50px;}
.contents_list li{width:100%!important; list-style: none; display: block; font-size:16.5px; letter-spacing: -0.5px; color:#707070; padding: 0px 10px!important; }
.contents_list .list-tit{color:#019bfa; font-weight: 600; font-size:22px; margin-top:0px!important;}
.contents_list .list-tit02{font-size:25px!important; color:#1f1f1f!important; margin:0px!important;}
.con_link a{text-align: right; margin-top:30px; color:#18297f!important; font-weight: 600!important; display: block;}
.con_link span img{display:none!important;}
   
.cont_left li img{width:100%;}
.cont_right li img{width:100%;}
.cont_left{margin-right:0px!important;}
.cont_right{margin-left:0px!important;}
.cont_text{padding: 0px 0px!important;}
   


    
    
/*work*/
.work_lap{width:100%; background-color:#f4f4f4; overflow: hidden; padding: 80px 0px; margin: 0 auto!important;}
.worktit {font-size:100px; color:#e0e0e0!important; font-weight: 600; font-family: 'Ubuntu', sans-serif; line-height:-40px; }

.clients {overflow: hidden; width: 100%; margin: 0 auto!important;}
.clients ul{width:420px!important;margin: 0 auto!important;}
.clients li{display: block; float: left; margin-right: 0px!important; margin-bottom:0px!important; }
.clients ul > li img{width:140px!important;}
.clients ul > li:last-child {margin-right: 5px!important;}
.clients  p{font-size:26px; font-weight: 400;font-family: 'Ubuntu', sans-serif; color:#6f6f6f; text-align: center;margin-top: 40px; margin-bottom:25px;}
    
.btn01{width:230px; padding:10px 0px; background-color:#1f1f1f; color:#fff; overflow: hidden; text-align: center; margin: 0 auto!important; font-size:18px; }
.from01{padding: 0px 10px!important;}
.from01 table{width:100%; border-bottom: 1px solid #333333; margin-top:50px; overflow:hidden;}
.from01 th{background-color:#1f1f1f; color:#fff; font-size:15px!important; text-align: left; padding:5px; font-family: 'NanumSquare', sans-serif;letter-spacing: -0.5px;}
.from01 td{padding: 5px!important; font-size:15px!important; font-family: 'NanumSquare', sans-serif; color:#1f1f1f; font-weight: 600; letter-spacing: -0.5px;}
.from01 .bg_color{background-color:#e0e0e0; border-bottom:1px solid #bababa; border-top: 1px solid #bababa;}
.from_tit{width:170px; font-size:40px; color: #1f1f1f; font-family: 'Ubuntu' display: block; float: left; padding-top:40px;}
.from02 {display: block; float: left; margin-left:0px!important; padding: 0px 10px!important;}
.from02 table{  border-top: 3px solid #333333; border-bottom: 1px solid #333333; margin-top:50px; overflow:hidden;}
.from02 th{background-color:#1f1f1f; color:#fff; font-size:17px; text-align: left; padding:15px; font-family: 'NanumSquare', sans-serif;}
.from02 td{padding:8px; font-size:16.5px; font-family: 'NanumSquare', sans-serif; color:#1f1f1f; font-weight: 600;}
.from02 .bg_color{background-color:#e0e0e0; border-bottom:1px solid #bababa; border-top: 1px solid #bababa;}

 

    
    
/*history*/
.history{background:url('/html/_skin/fostec/images/main/history_bg.jpg') no-repeat center top/cover; padding: 65px 0px; overflow: hidden;}
.history_tit{text-align: center; margin-bottom:50px;}
.history_tit h2{font-size:100px; color:#f7f7f7; font-weight: 600; font-family: 'Ubuntu', sans-serif; color: rgba(225, 225, 225, 0.25);line-height: 100px; }
.history_tit h3{font-size:52px; color:#fff; font-family:'NanumSquare'; margin-top:-40px;}
.history_list01{width: 100%!important; display: block; float: left;    margin-bottom: 40px;}
.history_list01 th{padding:2px 5px 0px 0px!important; font-size:15px!important;color:#fff;font-weight: 900; text-align: left;}
.history_list01 th span{font-size:25px; color:#fff; text-align: left;margin-right:0px!important;}
.history_list01 td{padding:0px 10px 0px 0px; font-size:14px!important;color:#fff; letter-spacing: -0.5px!important;}  
.history_list02{width: 480px!important; display: block; float: left;}
.history_list02{display: block; float: none!important;}
.history_list02 li{color:#fff; font-size:15px!important; font-family:'NanumSquare';}
.history_list02 li:frist-chlid{font-family:'NanumSquare'; font-weight: 900; font-size:17px; margin-bottom:10px;}
.history_list02 li span {font-size:25px; color:#fff; margin-right:20px;}
.history_list02 li:last-child{margin-left:30px;} 
.history_list02{overflow: hidden;}
.day_none{display: none!important;} 
    
 
 /*awards*/
.awards{padding: 80px 0px; overflow: hidden;}  
.prd-slide p{padding: 8px 5px;  font-size:16.5px; color:#1f1f1f; text-align: center;font-family:'NanumSquare';}
.prd-slide img{width:100%!important; border: 1px solid #dddddd; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);}
.slide-rtl{width:480px; margin:0 auto; overflow:hidden;}
.prd-carousel{width:100%; max-width:480px; margin:0 auto;  padding: 0px 53px 0px 30px!important;}
.prd-carousel .slick-arrow{width:30px; height:50px;}
.prd-carousel .slick-prev:before{display:inline-block; width:50%;height:50%; content:''; background:url(/html/_skin/fostec/images/main/p_right.png);background-repeat:no-repeat;}
.prd-carousel .slick-next:before{display:inline-block; width:50%;height:50%; content:''; background:url(/html/_skin/fostec/images/main/p_left.png);background-repeat:no-repeat;}   
    
 
/*contact us*/  
.contactus{width:100%; background-color:#f4f4f4; overflow: hidden; padding: 80px 10px!important; overflow: hidden;}
.contactus_tit h2{font-size:75px!important; color:#e0e0e0!important; font-weight: 600; font-family: 'Ubuntu', sans-serif;line-height: 100px;}
.contactus_tit h3{font-size:40px!important; color:#1f1f1f; font-family:'NanumSquare'; margin-top:-46px;}    
    
 
 /*sns*/
.sns_wrap{overflow: hidden; }
.sns_wrap > div{float: left;border: 1px solid #ebebeb;background: #f6f6f6; height: auto!important;}
.sns_wrap > div >p{font-size:18px;color:#444;font-weight: 600;line-height: 65px;padding-left: 20px;}
.sns_wrap .facebook{width: 100%!important; margin-right:0px!important;}
.sns_wrap .youtube{width: 100%!important;}

    
/*youtube*/
.youtubeWrap {position: relative; width: 100%!important; padding-bottom: 56.25%; padding:10px!important;}
.youtubeWrap iframe {position: absolute!important;   width: 100%;  height: 100%;} 
#iframe_youtube{height:300px!important;}


 /*footer*/   
#footer{width:100%!important; background-color:#1d1f20!important; }
.footer{width:100%!important; margin: 0 auto; }
.footer ul li{font-size:14px; color:#555555;}
.address ul li:last-child{margin-top: 30px; font-size:12px;}
.address p{color:#aaaaaa; margin-bottom: 20px;}  
.address{display: block; float: left;}

.logoimg img{display: block; float: left!important; margin-top: 30px!important;}
.family_logo{display: block; float: left!important; margin-top:20px!important;}
.family_logo .ptext{display: block; float: left; margin-right:30px; color:#fff!important; padding-top: 8px!important; background-color:#1d1f20;}   
    
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%!important;
    padding: 10px 20px!important;
}  
}

@media screen and (max-width: 1199px) and (min-width: 320px)
.cont07 .sns_wrap .facebook {
    margin: 0 auto;
    width: 100% !important;
}




.tit {text-align: center; margin-bottom:40px;}
.tit h2{font-size:100px; color:#f7f7f7; font-weight: 600; font-family: 'Ubuntu', sans-serif; line-height: 100px;}
.tit h3{font-size:52px; color:#1f1f1f; font-family:'NanumSquare'; margin-top:-40px;}


.w1200{width:1200px; margin: 0 auto; clear: both; overflow:hidden;}
.w1320{width:1320px; margin: 0 auto; clear: both; overflow:hidden;}
.more{margin-bottom:50px!important;}


.btn01{cursor:pointer;}
.btn01 .open{display:inline;}
.btn01 .close{display:none;}
.btn01.show .open{display:none;}
.btn01.show .close{display:inline;}
.more{display:none;}
.more.show{display:block;}

/*service*/
.services{padding: 80px 0px;}
.contents_list ul{width:570px; height:400px; display: block; float: left; font-family: 'NanumSquare', sans-serif;}
.contents_list li{list-style: none; display: block; font-size:17px; color:#707070; }
.contents_list .list-tit{color:#019bfa; font-weight: 600; font-size:22px; margin-top:50px;}
.contents_list .list-tit02{font-size:34px; color:#1f1f1f!important; margin: 30px 0px 20px; 0px;}
.con_link a{text-align: right; margin-top:30px; color:#18297f!important; font-weight: 600!important; display: block;}
.con_link img{margin: 0px 4px -3px 0px;}
   
.cont_left{margin-right:30px;}
.cont_right{margin-left:30px;}
.cont_text{padding: 30px 0px;}
    
    
    
    
 /*work*/
.work_lap{width:100%; background-color:#f4f4f4; overflow: hidden; padding: 80px 0px;}
.worktit {font-size:100px; color:#e0e0e0!important; font-weight: 600; font-family: 'Ubuntu', sans-serif; line-height:-40px; }
    
.clients ul{margin-bottom:14px!important;}
.clients li{display: block; float: left; margin-right: 10px; margin-bottom:14px;}
.clients ul > li:last-child {margin-right: 0px!important;}
.clients  p{font-size:26px; font-weight: 400;font-family: 'Ubuntu', sans-serif; color:#6f6f6f; text-align: center;margin-top: 40px; 
    margin-bottom:25px;}
    
.btn01{width:230px; padding:10px 0px; background-color:#1f1f1f; color:#fff; overflow: hidden; text-align: center; margin: 0 auto!important; font-size:18px; }
       
.from01 table{width:100%; border-bottom: 1px solid #333333; margin-top:50px; overflow:hidden;}
.from01 th{background-color:#1f1f1f; color:#fff; font-size:17px; text-align: left; padding:15px; font-family: 'NanumSquare', sans-serif;}
.from01 td{padding:10px; font-size:16.5px; font-family: 'NanumSquare', sans-serif; color:#1f1f1f; font-weight: 600;}
.from01 .bg_color{background-color:#e0e0e0; border-bottom:1px solid #bababa; border-top: 1px solid #bababa;}

.from_tit{width:170px; font-size:40px; color: #1f1f1f; font-family: 'Ubuntu' display: block; float: left; padding-top:40px;}
.from02 {display: block; float: left; margin-left:45px;}
.from02 table{width:470px; border-top: 3px solid #333333; border-bottom: 1px solid #333333; margin-top:50px; overflow:hidden;}
.from02 th{background-color:#1f1f1f; color:#fff; font-size:17px; text-align: left; padding:15px; font-family: 'NanumSquare', sans-serif;}
.from02 td{padding:10px; font-size:16.5px; font-family: 'NanumSquare', sans-serif; color:#1f1f1f; font-weight: 600;}
.from02 .bg_color{background-color:#e0e0e0; border-bottom:1px solid #bababa; border-top: 1px solid #bababa;}
    
    
    
    
/*history*/
.history{background:url('/html/_skin/fostec/images/main/history_bg.jpg') no-repeat center top/cover; padding: 65px 0px; overflow: hidden;}
.history_tit{text-align: center; margin-bottom:50px;}
.history_tit h2{font-size:100px; color:#f7f7f7; font-weight: 600; font-family: 'Ubuntu', sans-serif; color: rgba(225, 225, 225, 0.25);line-height: 100px; }
.history_tit h3{font-size:52px; color:#fff; font-family:'NanumSquare'; margin-top:-40px;}
 
.history_list01{width: 570px; display: block; float: left;}
.history_list01 th{padding:2px 20px 3px 0px!important; font-size:17px;color:#fff;font-family:'NanumSquare'; font-weight: 900; text-align: left;}
.history_list01 th span{font-size:25px; color:#fff; text-align: left;margin-right:20px;}
.history_list01 th .day_none{font-size:17px;}
.history_list01 td{padding:px 10px 3px 0px; font-size:17px; color:#fff;font-family:'NanumSquare';}
    
.history_list02{width: 570px; display: block; float: left;}
.history_list02{display: block; float: right;}
.history_list02 ul{margin-bottom:30px;}
.history_list02 li{color:#fff; font-size:17px; font-family:'NanumSquare';}
.history_list02 li:frist-chlid{font-family:'NanumSquare'; font-weight: 900; font-size:17px; margin-bottom:10px;}
.history_list02 li span {font-size:25px; color:#fff; margin-right:20px;}
.history_list02 li:last-child{margin-left:30px;}
    
      
    
 /*awards*/ 
.awards{padding: 80px 0px; overflow: hidden;}  
.prd-slide p{padding: 8px 5px;  font-size:16.5px; color:#1f1f1f; text-align: center;font-family:'NanumSquare';}
.prd-slide img{ width:183px; border: 1px solid #dddddd; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);}
    
    
.slide-rtl{width:100%; max-width:1320px; margin:0 auto; overflow:hidden;}
.prd-carousel{width:100%; max-width:1320px; margin:0 auto;  padding: 0px 53px 0px 30px!important;}
.prd-carousel .slick-arrow{width:30px; height:50px;}
.prd-carousel .slick-prev:before{display:inline-block; width:32px; height:50px; content:''; background:url(/html/_skin/fostec/images/main/p_right.png);background-repeat:no-repeat;}
.prd-carousel .slick-next:before{display:inline-block; width:32px; height:50px; content:''; background:url(/html/_skin/fostec/images/main/p_left.png);background-repeat:no-repeat;}



.pr-center-carousel .slick-prev:before{color:#000;}
.pr-center-carousel .slick-prev:before{color:#000;}
.pr-center-carousel .slick-next:before{color:#000;}
.pr-center-carousel{width:100%;}
.pr-center-carousel .pr-center-slide{opacity:0.5; padding:10px;}
.pr-center-carousel .pr-center-slide img{width:100%; transform: scale(0.9); transition: all 300ms ease;}
.pr-center-carousel .slick-current .pr-center-slide{opacity:1;}
.pr-center-carousel .slick-current .pr-center-slide img{color: #e67e22; opacity: 1; transform: scale(1);}
.pr-center-carousel .slick-prev{left:30%;}
.pr-center-carousel .slick-next{right:30%;}
.pr-center-carousel .slick-prev:before{color:#000;}
.pr-center-carousel .slick-next:before{color:#000;}

 

    
/*contact us*/  
.contactus{width:100%; background-color:#f4f4f4; overflow: hidden; padding: 80px 0px; overflow: hidden;}
.contactus_tit h2{font-size:100px; color:#e0e0e0!important; font-weight: 600; font-family: 'Ubuntu', sans-serif;line-height: 100px;}
.contactus_tit h3{font-size:52px; color:#1f1f1f; font-family:'NanumSquare'; margin-top:-46px;}

.us p{font-size:20px; color:#6f6f6f;font-family: 'Ubuntu', 'NanumSquare'; margin:40px 0px 30px 0px;}
.us li{font-family:  'NanumSquare'; font-size:17px; margin-bottom: 10px; color:#1f1f1f;}
.us ul li span{color: #019bfa;  font-weight: 600; margin-right: 15px;font-family: 'Ubuntu';}
.us ul li .blue{margin-left:29px;font-size:17px!important; color:#1f1f1f; font-weight: 400;}
.us {display: block; float: left;}
.us p{font-size:20px; color:#6f6f6f;}
.us ul li span{color: #019bfa; font-size:17px; font-weight: 600;}
.location{width:630px; height:430px;float:right;  box-shadow: 0 3px 25px rgba(0,0,0,0.4); margin-top:25px;}

    
/*sns*/
.sns_wrap{overflow: hidden; }
.sns_wrap > div{float: left;border: 1px solid #ebebeb;background: #fff;height:535px;}
.sns_wrap > div >p{font-size:18px;color:#444;font-weight: 600;line-height: 65px;padding-left: 20px;}
.sns_wrap .facebook{width: 315px;margin-right: 55px;}
.sns_wrap .youtube{width: 830px!important;}

/*youtube*/
.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeWrap iframe {
  position: absolute!important;
  width: 100%;
  height: 100%;
}  
    
    
    
    
 /*footer*/   
#footer{width:100%; background-color:#1d1f20!important; padding: 30px 20px; overflow: hidden;}
.footer{width:1200px; margin: 0 auto; }
.footer ul li{font-size:14px; color:#555555;}
.address ul li:last-child{margin-top: 30px; font-size:12px;}
.address p{color:#aaaaaa; margin-bottom: 20px;}  
.address{display: block; float: left;}

.logoimg img{display: block; float: right; margin-top: 70px;}   
.family_logo{display: block; float: right; }
.family_logo .ptext{display: block; float: left; margin-right:30px; color:#fff!important; padding-top: 8px!important; background-color:#1d1f20;}   
  
    
/*드롭다운*/
.dropbtn{padding:8px 10px; cursor: pointer; width:156px; border: 1px solid #919191; background-color:#1d1f20 !important;color:#fff;  font-size: 14px;  }
.dropdown{float:right; position: relative; display:inline-block;}
.dropdown img{float: right; padding: 8px;}

    
.dropdown-content  {
    font-size: 14px !important;
    color: #555555;
    width: 156px;
    border: 1px solid #919191;
    border-top: none;
    display: none; position: absolute;background-color: #f9f9f9;
    overflow: hidden;
    }
.dropdown-content a{display: inline-block;padding:8px 15px 5px 22px; cursor: pointer; width:156px;  background-color:#1d1f20 !important;color:#fff;  font-size: 14px; }
.dropdown-content a:hover{background-color:#2e2e2e!important;}  
.dropdown:hover .dropdown-content {display: block;}

/*개인정보처리방침*/
button#ptext{background-color:#1d1f20!important; color:#fff!important; margin-top: 8px!important; font-size:14px!important; margin-right:30px!important;}
    
    
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    padding: 30px 50px;
}

/* The Close Button */
    .close01{
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.close01:hover,
.close01:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
} 

    .footer_cont01{padding:20px;}
    .footer_cont01 ul{border-top: 3px solid #333; border-bottom: 3px solid #333; padding: 20px 0px;}
    .footer_cont01 li{font-size: 16px; font-weight: 600; padding:5px 0px;}
    .text_list01 p{font-size:15px; font-weight: 600; margin:30px 0px 10px 0px;}
    .text_list01 ul{padding: 10px;}
    .text_list01 li{margin-bottom: 5px;}
    .popup_tit{margin-top:50px;}
    .popup_tit h3{font-size:20px; font-weight: 600; margin-bottom: 5px;}
    .popup_tit p{font-size:15px;}
    

/****49***/

    

/*
	header
*/
#header {position:relative; top:0; width:100%; z-index:9999999; transition:.3s;}
#header.fixed {position:fixed;  border-bottom:1px solid #ddd; transition:.3s; background-color:black; }
#header .header-top {width:100%; background-color:#f1f1f1;}
#header .header-top dl {margin:0 auto; width:1100px; text-align:right; font-size:0; line-height:0;}
#header .header-top dd {display:inline-block; width:130px;}
#header .header-top dd a {display:block; font-size:14px; line-height:30px; text-align:center; letter-spacing:0.5px;}
#header .header-top dd.lang a {background-color:#ff7f10; color:#fff;}
#header .header-bottom {margin:0 auto; width:1200px;}
#header .header-bottom:after {content:''; display:block; clear:both;}
#header .logo {float:left; margin-top:27px;}
#header .logo a {display:block; width:100%; height:38px;}

@media screen and (max-width:1200px) {
	#header.fixed {top:0; border-bottom:0 none;}
	#header .header-top {display:none;}
	#header .header-bottom {padding:0 30px; width:100%; height:80px; }
	
	/*#header .logo {position:relative; z-index:9999; margin-top:22px; width:100%; height:38px; background:url('/html/_skin/fostec/images/common/m_logo.png') no-repeat 0 0;}*/

}


@media screen and (max-width:767px) {
	#header .header-bottom {padding:0 20px; height:55px;}
	#header .logo {margin-top:15px; width:157px; height:25px; background-size:auto 100%;}
	#header .logo a {height:100%;}
}

/* web gnb */
#header .gnb {float:right;}
@media screen and (min-width:1101px) {
	#header {max-height:125px;}
	#header .m-menu-btn,
	#header .m-gnb-bg,
	#header .m-lang {display:none;}
		/* 1depth */
	#header .gnb > ul {font-size:0; line-height:0;}
	#header .gnb > ul > li {position:relative; display:inline-block; padding:0 18px; vertical-align:top;}
	#header .gnb > ul > li:last-child {padding-right:0;}
	#header .gnb > ul > li > a {display:block; font: 18px/95px 'NanumSquare', sans-serif; color:#fff;}
	#header .gnb > ul > li:hover > a {color:#74c4fd;}
    #header .gnb > ul{margin-bottom: 0px!important;}
		


/*
	footer
*/
#footer {width:100%; overflow: hidden; background-color:#1d1f20;}
#footer .footer-top dl {margin:0 auto; width:1100px;}
#footer .footer-top dd {display:inline-block; margin-right:25px;}
#footer .footer-top dd a {display:block; font-size:15px; line-height:40px;}
#footer .footer-bottom {margin:0 auto; padding:24px 0; width:1200px;}
#footer .footer-bottom p {display:inline-block; margin-right:54px; vertical-align:middle;}
#footer .footer-bottom address {display:inline-block; width:814px; font-weight:100; font-size:12px; line-height:21px; vertical-align:middle; color:#b1b1b1;}
#footer .footer-bottom address .copy {display:block;}
#footer .footer-bottom address .m-copy,
#footer .footer-bottom address .m-email {display:none;}
#footer .footer-bottom address span {padding:0 16px;}

@media screen and (max-width:1100px) {
	#footer .footer-top dl {width:100%; text-align:center;}
	#footer .footer-top dd {margin-right:0; padding:0 20px;}
	#footer .footer-top dd a {font-size:18px; line-height:50px;}
	#footer .footer-bottom {padding:35px 0; width:100%;}
	#footer .footer-bottom p {margin-right:0; width:100%; text-align:center;}
	#footer .footer-bottom address {margin-top:20px; position:relative; width:100%; font-size:16px; line-height:1.4;}
	#footer .footer-bottom address span {display:block; text-align:center;}
	#footer .footer-bottom address .m-copy,
	#footer .footer-bottom address .m-email {display:block;}
	#footer .footer-bottom address .m-copy {margin-top:10px;}
	#footer .footer-bottom address .copy {display:none;}
}
@media screen and (max-width:767px) {
	#footer .footer-top dd a {font-size:15px; line-height:40px;}
	#footer .footer-bottom {padding:25px 0;}
	#footer .footer-bottom p img {width:157px; height:25px;}
	#footer .footer-bottom address {font-size:14px;}
	#footer .footer-bottom address .m-copy {font-size:12px;}
}


/* ---------------------------------- contents */
#contents {width:100%}

@media screen and (min-width:1101px) {
	#contents {min-height:calc(100vh - 255px);}
}
@media screen and (max-width:767px) {
	#contents {min-height:calc(100vh - 288px);}
}

/* ---------------------------------- main */
/* 
	main visual 
*/

/* visual pager */
.bx-controls {position:absolute; bottom:36px; left:0; width:100%; text-align:center; font-size:0; line-height:0;}
.bx-controls .bx-pager-item {display:inline-block; margin:0 5px;}
.bx-controls .bx-pager-item a {display:block;  width:15px; height:15px; border-radius:50%; border:3px solid #fff;}
.bx-controls .bx-pager-item a.active {width:35px; border-radius:7px; background:#fff;}

@media screen and (max-width:1100px) {
	.main-visual li {height:calc(100vh - 80px);}
	.main-visual li a h1 {padding:0 30px; font-size:60px; line-height:1.2;}
	.main-visual li a p {padding:30px 30px 0; font-size:20px;}
	.main-visual li a p:before {margin-left:-35px; width:70px;}
}
@media screen and (max-width:767px) {
	.main-visual li a h1 {padding:0 20px; font-size:40px; letter-spacing:-1px;}
	.main-visual li a p {padding: 30px 20px 0; font-size:18px;}
	.main-visual li a p:before {margin-left:-25px; width:50px;}
	.bx-controls .bx-pager-item a {border-width:2px;}
}

/* 
	main contents 
*/

.main-conts-title {position:relative; margin-bottom:10px; padding-top:20px; font-weight:400; font-size:50px; line-height:1; font-family:'NanumSquare'; color:#000; letter-spacing:-0.5px;}
.main-conts-title:before {content:''; position:absolute; top:0; left:50%; margin-left:-40px; display:block; width:80px; height:1px; background:#f5821e;}
.main-conts-title + p {margin-bottom:50px; font-weight:400; font-size:17px; line-height:1.4; font-family:'NanumSquare'; color:#888; letter-spacing:-0.5px; word-break:keep-all;}

@media screen and (max-width:1100px) {
	.main-section {padding:60px 0;}
	.main-conts-title + p {padding:0 30px;}
}
@media screen and (max-width:767px) {
	.main-section {padding:50px 0;}
	.main-conts-title {font-size:36px;}
	.main-conts-title:before {margin-left:-25px; width:50px;}
	.main-conts-title + p {margin-bottom:30px; font-size:15px;}
}

/* section01 */
.section01 {overflow:hidden; position:relative; margin:0 auto; width:1100px;}
.section01 .product-list {width:100%;}
.section01 .product-list li {display:inline-block; width:25%; padding:0 1.5%; vertical-align:top;}
.section01 .product-list li a {overflow:hidden; position:relative; display:block;}
.section01 .product-list li img {width:100%;}
.section01 .product-list li > span {display:block; margin-top:10px; font-weight:300; font-size:14px; line-height:1.4; color:#a8a8a8;}
.section01 .product-list li > span strong {display:block; font-weight:700; font-size:23px; font-family:'NanumSquare'; color:#333;}
.section01 .product-list li div {position:absolute; bottom:-100%; left:0; z-index:555; width:100%; height:100%; background:rgba(255,136,33,.75); transition:.3s;}
.section01 .product-list li div span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:63px 0 0; width:100%; background:url('/html/_skin/fostec/images/main/icon_more.png') no-repeat center top; font-weight:100; font-size:25px; line-height:1; font-family:'NanumSquare'; color:#fff;}
.section01 .product-list li:hover div {bottom:0;}
/* arrows */
.slick-prev,.slick-next {position:absolute; top:50%; z-index:555; font-size:0; line-height:0; background:none;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-prev:before, .slick-next:before {display:inline-block; font-size:50px; line-height:1; font-family:'FontAwesome'; color:#ccc;}
.slick-prev:before {content:"\f104";}
.slick-next:before {content:"\f105";}
.slick-prev:hover:before, .slick-next:hover:before {color:#f5821e;}
.slick-prev:focus,.slick-next:focus {outline:none;}
.slick-dots {position:absolute; bottom:30px; left:0; width:100%; text-align:center;}
.section01 .slick-dots li {padding:0; width:auto; margin:0 5px;}
.section01 .slick-dots li button {display:block;  width:15px; height:15px; border-radius:50%; border:2px solid #dedede; background:#fff; font-size:0; line-height:0;}
.section01 .slick-dots li.slick-active button {width:35px; border-radius:7px; border-color:#f5821e; background:#f5821e;}
.section01 .slick-dots li button:focus {outline:none;}

@media screen and (max-width:1100px) {
	.section01 {width:100%;}
}
@media screen and (max-width:767px) {
	.section01 {padding-bottom:70px;}
	.section01 .product-list li > span {font-size:14px;}
	.section01 .product-list li > span strong {font-size:20px;}
	.section01 .product-list li div span {font-size:20px;}
}

/* section02 */
.section02 {background:#f9f9f9;}
.section02 ul {margin:0 auto; width:1100px; font-size:0; line-height:0;}
.section02 ul li {display:inline-block; width:25%; vertical-align:top;}
.section02 ul li a {display:block; font-size:0; line-height:0;}
.section02 ul li i {display:block; margin:0 auto; width:154px; height:154px; border:2px solid #f5821e; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center center; transition:.3s;}
.section02 ul li:nth-child(1) i {background-image:url('/html/_skin/fostec/images/main/about_icon01.png');}
.section02 ul li:nth-child(2) i {background-image:url('/html/_skin/fostec/images/main/about_icon02.png');}
.section02 ul li:nth-child(3) i {background-image:url('/html/_skin/fostec/images/main/about_icon03.png');}
.section02 ul li:nth-child(4) i {background-image:url('/html/_skin/fostec/images/main/about_icon04.png');}
.section02 ul li i:hover {background-color:#f5821e;}
.section02 ul li:nth-child(1) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon01_off.png');}
.section02 ul li:nth-child(2) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon02_off.png');}
.section02 ul li:nth-child(3) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon03_off.png');}
.section02 ul li:nth-child(4) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon04_off.png');}
.section02 ul li strong,
.section02 ul li span {display:block; line-height:1.8; letter-spacing:-1px;}
.section02 ul li strong {margin-top:15px;font-weight:700; font-size:23px; font-family:'NanumSquare',sans-serif; color:#333;}
.section02 ul li span {padding:0 10px; font-weight:400; font-size:15px; line-height:1.4; word-break:keep-all;}

@media screen and (max-width:1100px) {
	.section02 ul {width:100%;}
	.section02 ul li:nth-child(1),
	.section02 ul li:nth-child(2) {margin-bottom:40px;}
}
@media screen and (max-width:767px) {
	.section02 ul li {width:50%;}
}
@media screen and (max-width:479px) {
	.section02 ul li {width:100%;}
	.section02 ul li:nth-child(3) {margin-bottom:40px;}
	.section02 ul li i {width:130px; height:130px; background-size:60% auto;}
	.section02 ul li:nth-child(4) i {background-size:40% auto;}
	.section02 ul li strong {margin-top:10px; font-size:20px;}
}

/* section03 */
.section03 {margin:0 auto; width:1100px; font-size:0; line-height:0;}
.section03 > section {position:relative; display:inline-block; margin-left:4.72727272727273%; width:30.18181818181818%; text-align:left; vertical-align:top;}
.section03 > section:first-child {margin-left:0;}
/* board */
.section03 .main-board-wrap h1 {padding:20px 0 8px; border-bottom:1px solid #262626; font-weight:700; font-size:23px; line-height:1; font-family:'NanumSquare',sans-serif; color:#333;}
.section03 .main-board-wrap h1 span {font-weight:400; font-size:15px; font-family:'Noto Sans Kr'; color:#9e9e9e;}
.section03 .main-board-wrap ul {width:100%; padding:11px 0 0;}
.section03 .main-board-wrap ul li a {display:block; padding:0 6px; font-size:14px; line-height:27px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section03 .main-board-wrap ul li a:before {content:'-'; display:inline-block; margin-right:5px;}
.section03 .main-board-wrap .btn-more {position:absolute; top:25px; right:6px; font-size:14px; line-height:1;}
.section03 .main-board-wrap .btn-more:after {content:'+'; display:inline-block; margin-left:4px; font-weight:700; color:#f5821e;}
/* customer */
.main-customer-wrap {padding-top:18px}
.main-customer-wrap p,
.main-customer-wrap ul {display:inline-block; vertical-align:middle;}
.main-customer-wrap p img {max-width:100%;}
.main-customer-wrap ul {margin-left:7%;}
.main-customer-wrap ul li {font-size:15px; line-height:23px;}
.main-customer-wrap ul li strong {font-weight:500; font-size:30px; line-height:1.5; color:#333;}
.main-customer-wrap ul li span {font-size:20px; line-height:1.2; color:#333;}
.main-customer-wrap ul li:nth-child(3) {margin-top:10px;}

@media screen and (max-width:1100px) {
	.section03 {padding:50px 30px; width:100%;}
	.section03 .main-board-wrap {margin-bottom:30px; margin-left:4%; width:48%;}
	.section03 .main-customer-wrap {margin-left:0; margin-bottom:-10px; padding:20px; width:100%; background: rgba(123,106,88,.15); text-align:center;}
	.section03 .main-customer-wrap ul {margin-left:5%;}
}
@media screen and (max-width:767px) {
	.section03 {padding:30px 20px;}
	.section03 .main-board-wrap {margin-left:0; width:100%;}
	.section03 .main-board-wrap h1 {font-size:20px;}
	.section03 .main-board-wrap h1 span {font-size:14px;}
	.section03 .main-board-wrap:nth-of-type(2) h1 {padding-top:0;}
	.section03 .main-board-wrap:nth-of-type(2) .btn-more {top:5px;}
	.main-customer-wrap p {display:block; margin-bottom:7px;}
	.main-customer-wrap p img {width:70px;}
	.main-customer-wrap ul li {font-size:14px; line-height:1.4;}
	.main-customer-wrap ul li strong {font-size:24px; line-height:1.3;}
	.main-customer-wrap ul li span {font-size:16px;}
	.main-customer-wrap ul li:nth-child(3) {margin-top:5px;}
}

/* section04 */
.section04 {background:url('/html/_skin/fostec/images/main/contact_us_bg.jpg') no-repeat center top/cover;}
.section04 .main-conts-title ,
.section04 .main-conts-title + p {color:#fff;}
.section04 .main-conts-title:before {background:#fff;}
.section04 form {min-width:auto;}
.section04 ul {margin:0 auto; padding:0 30px; width:880px;}
.section04 li {margin:12px 0;}
.section04 li input[type="text"] {padding:0 14px; width:100%; height:45px; border:0 none;}
.section04 li:first-child input[type="text"] {width:49.3%;}
.section04 li:first-child input[type="text"]:first-child {margin-right:1.4%;}
.section04 li textarea {padding:14px; width:100%; border:0 none;}
.section04 li a {display:block; width:100%; height:40px; border-radius:4px; background:#ffd800; font-weight:700; font-family:'NanumSquare',sans-serif; font-size:21px; line-height:40px; color:#333;}

@media screen and (max-width:880px) {
	.section04 ul {width:100%;}
}
@media screen and (max-width:767px) {
	.section04 ul {padding:0 20px;}
	.section04 li input[type="text"] {height:30px;}
	.section04 li:first-child input[type="text"] {width:100%;}
	.section04 li:first-child input[type="text"]:first-child {margin-bottom:12px; margin-right:0;}
	.section04 li textarea {padding:7px 14px; height:150px;}
	.section04 li a {height:25px; font-size:15px; line-height:25px;}
}

/* section05 */
.main-reference {height:305px; background:url('/html/_skin/fostec/images/main/main_reference_bg.jpg') no-repeat center center; text-align:center;}
.main-reference h1 {padding-top:99px; font-size:40px; line-height:1.3; font-family:'NanumSquare',sans-serif; color:#674e33; letter-spacing:-0.5px;}
.main-reference h1 strong {display:block; font-size:50px; color:#262626;}

@media screen and (max-width:767px) {
	.main-reference {height:200px;}
	.main-reference h1 {padding-top:69px; font-size:26px;}
	.main-reference h1 strong {font-size:33px;}
}

/* section06 */
.main-map {overflow:hidden; width:100%; height:333px;}

@media screen and (max-width:767px) {
	.main-map {height:220px;}
}





 
/****************모바일******************/