@charset "utf-8";
body{background-color:#;}
#wrap{}
/*header*/
a.btn_go_top{position:fixed;right:30px;bottom:30px;display:block;width:46px;height:46px;z-index:6000;display:none;}
a.btn_go_top:hover{opacity:0.5;}
#mobile_header{position:fixed;top:0;left:0;width:100%;z-index:8900;text-align:right}
#mobile_header .logo{position:absolute;top:15px;left:30px;width:50px;height:40px; z-index:999999;} 
#mobile_header a.open_m_menu{display:block;position:absolute;top:30px;right:30px;width:46px;height:46px;}
.mobile_menu{position:fixed;top:0;right:-1px;width:1px;height:100%;overflow:hidden;background-color:#2892c8;opacity:0.95;-ms-filter:alpha(opacity=95);filter: alpha(opacity=95);z-index:5000;}
.mobile_menu .top_link{position:relative;height:50px;}
.mobile_menu .top_link a{position:absolute;display:block;}
.mobile_menu .top_link a.home{width:63px;height:21px;top:15px;left:15px;background:url(../img/btn_m_home.png) no-repeat 0 0; background-size:63px 20px;}
.mobile_menu .top_link a.close_m_menu{width:46px;height:46px;top:30px;right:30px;}
.mobile_menu>ul{padding-top:100px;min-width:500px;overflow:hidden;}
.mobile_menu>ul>li{}
.mobile_menu>ul>li>a{display:block;padding:0 76px 0 0;height:66px;line-height:66px;font-size:56px;font-weight:700;color:#fff;letter-spacing:-2px;overflow:hidden;font-family:Gotham-Black}
.mobile_menu>ul>li>a span{display:block;height:66px;}
.mobile_menu>ul>li>a span.kor{font-size:49px;font-family:NanumBarunGothic}
.mobile_menu>ul>li>a:hover{color:#222;text-decoration:none;}
.mobile_menu>ul>li>a.selected{color:#222;text-decoration:line-through;}
.mobile_menu>ul>li>a:hover span.eng{margin-top:-66px;}
.mobile_menu>ul>li>a.selected span.eng{margin-top:-66px;}

#mobile_header .info{padding:50px 81px 0 0;color:#fff;min-width:400px;line-height:17px;font-size:13px;overflow:hidden;}
#mobile_header .info .text{opacity:0.7;font-family:Gotham-Black}
#mobile_header ul.social{}
#mobile_header ul.social li{display:inline-block;margin:20px 0px 4px;}
#mobile_header ul.social li a{display:block;width:40px;height:40px;}
#mobile_header ul.social li a:hover{opacity:0.5;-ms-filter:alpha(opacity=50);filter: alpha(opacity=50);}
.Desc{font-size:15px;}




















@media screen and (max-width:768px){
 
 a.btn_go_top{right:10px;bottom:10px;width:32px;height:32px;}
 #mobile_header .logo{top:15px;left:15px;width:50px;height:40px;} 
 #mobile_header a.open_m_menu{top:15px;right:15px;width:33px;height:33px;}
 .mobile_menu .top_link a.close_m_menu{width:33px;height:33px;top:15px;right:15px;}
 .mobile_menu>ul{padding-top:35px;min-width:200px;}
 .mobile_menu>ul>li>a{padding:0 48px 0 0;height:38px;line-height:38px;font-size:32px;font-weight:700;letter-spacing:-1px;overflow:hidden;}
 .mobile_menu>ul>li>a span{display:block;height:38px;}
 .mobile_menu>ul>li>a span.kor{font-size:30px;}
 .mobile_menu>ul>li>a:hover span.eng{margin-top:-38px;}
 .mobile_menu>ul>li>a.selected span.eng{margin-top:-38px;}
 

#qaz{margin-top:30px;}
 
 #mobile_header .info{padding:40px 48px 0 0;min-width:200px;line-height:17px;font-size:13px;}
 
 
 
} 
/*header end*/  

/*visual start*/
#visual{background-color:#222;}
#visual_container{position:relative;width:100%;height:100%;}
#visual .visual_content{position:absolute;top:50%;left:0;width:100%;height:200px;margin-top:-100px;text-align:center;color:#fff;}
#visual .visual_content .title_top{font-size:17px;line-height:17px;opacity:0.90;-ms-filter:alpha(opacity=90);filter: alpha(opacity=90);}
#visual .visual_content .title{font-size:50px;line-height:180px;color:#fff;font-family: "Gotham-Black";}
#visual .visual_content .title_bottom{ display:inline-block;background-color:#000; margin-bottom:1em; padding:0.5px; color:#fff;font-size:15px;line-height:18px;opacity:0.60;-ms-filter:alpha(opacity=60);filter: alpha(opacity=60);}

#visual .visual_content .title_2{font-size:35px;line-height:45px;color:#fff;font-family: "Gotham-Black";}



#visual .visual_content ul.work_cate{width:410px;;height:38px;margin:0 auto;}
#visual .visual_content ul.work_cate li{display:block;float:left;margin:1px 1px 0 0;font-family: "Gotham-Black";}
#visual .visual_content ul.work_cate li a{display:block;background-color:#262421;font-size:15px;color:#fff;width:200px;line-height:38px;height:38px;overflow:hidden;
opacity:0.60;-ms-filter:alpha(opacity=60);filter: alpha(opacity=60);}
#visual .visual_content ul.work_cate li a span{display:block;}
#visual .visual_content ul.work_cate li a:hover{background-color:#000;opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
#visual .visual_content ul.work_cate li a.selected{background-color:#2892c7;opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
#visual .visual_content ul.work_cate li a:hover span.eng{margin-top:-38px;}
#visual .visual_content ul.work_cate li a.selected span.eng{margin-top:-38px;}
#visual .visual_content ul.work_cate li a span.kor{font-family:'NanumBarunGothic';}




#visual .visual_content ul.about_cate{width:602px;height:38px;margin:0 auto;}
#visual .visual_content ul.about_cate li{display:block;float:left;margin:1px 1px 0 0;font-family: "Gotham-Black";}
#visual .visual_content ul.about_cate li a{display:block;background-color:#262421;font-size:15px;color:#fff;line-height:38px;width:300px;height:38px;overflow:hidden;
opacity:0.60;-ms-filter:alpha(opacity=60);filter: alpha(opacity=60);}
#visual .visual_content ul.about_cate li a span{display:block;height:38px;}
#visual .visual_content ul.about_cate li a:hover{background-color:#000;opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
#visual .visual_content ul.about_cate li a.selected{background-color:#000;opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
#visual .visual_content ul.about_cate li a:hover span.eng{margin-top:-38px;}
#visual .visual_content ul.about_cate li a.selected span.eng{margin-top:-38px;}
#visual .visual_content ul.about_cate li a span.kor{font-family:'NanumBarunGothic';}

#visual .visual_content a.btn_down{opacity:0.50;-ms-filter:alpha(opacity=50);filter: alpha(opacity=50);}
#visual .visual_content a.btn_down:hover{opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
#fix_menu{position:fixed;top:0;left:0;width:100%;height:44px;background-color:#000;opacity:0.7;-ms-filter: alpha(opacity=70);filter: alpha(opacity=70);text-align:center;z-index:8000;display:none;font-family: "Gotham-Black";}
#fix_menu li{display:inline-block;}
#fix_menu li a{display:block;height:44px;line-height:44px;padding:0 15px;font-size:13px;color:#fff;}
#fix_menu li a:hover{color:#6b6b6b;}
#fix_menu li a.selected{color:#2892c8;}

#visual .visual_content2{position:absolute;top:50%;left:0;width:100%;height:300px;margin-top:-150px;text-align:center;color:#fff;}
#visual .visual_content2 .title_top{font-size:17px;line-height:17px;opacity:0.90;-ms-filter:alpha(opacity=90);filter: alpha(opacity=90);}
#visual .visual_content2 .title{font-size:70px;line-height:80px;color:#ED1B23;}
#visual .visual_content2 .title_bottom{padding-top:10px;font-size:15px;line-height:18px;opacity:0.60;-ms-filter:alpha(opacity=60);filter: alpha(opacity=60);}
#visual .visual_content2 a.btn_down{opacity:0.50;-ms-filter:alpha(opacity=50);filter: alpha(opacity=50);}
#visual .visual_content2 a.btn_down:hover{opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}



@media screen and (max-width:768px){
 #visual .visual_content{height:150px;margin-top:-75px;}
 #visual .visual_content .title_top{font-size:15px;line-height:15px;}
 #visual .visual_content .title{font-size:46px;line-height:46px;}
 #visual .visual_content .title_bottom{display:none;}

 #visual .visual_content .title_2{font-size:16px;line-height:16px;}
 
 #visual .visual_content ul.work_cate{width:273px;height:32px;}
 #visual .visual_content ul.work_cate li a{font-size:13px;line-height:32px;width:90px;height:32px;overflow:hidden;}
 #visual .visual_content ul.work_cate li a span{height:32px;}
 #visual .visual_content ul.work_cate li a:hover span.eng{margin-top:-32px;}
 #visual .visual_content ul.work_cate li a.selected span.eng{margin-top:-32px;}
 
 #visual .visual_content ul.about_cate{width:242px;height:38px;margin:0 auto;}
 #visual .visual_content ul.about_cate li a{font-size:13px;color:#fff;line-height:38px;width:120px;height:38px;overflow:hidden;}
 #visual .visual_content ul.about_cate li a span{height:38px;}
 #visual .visual_content ul.about_cate li a:hover span.eng{margin-top:-38px;}
 #visual .visual_content ul.about_cate li a.selected span.eng{margin-top:-38px;}
 
 
 
 #fix_menu{display:none;}
 
 #visual .visual_content2{height:150px;margin-top:-75px;}
 #visual .visual_content2 .title_top{font-size:12px;line-height:14px;}
 #visual .visual_content2 .title{font-size:37px;line-height:37px;}
 #visual .visual_content2 .title_bottom{padding:10px 10px 0;font-size:13px;line-height:16px;}
 
}
@media screen and (max-width:550px){
 #visual .visual_content ul.work_cate{width:182px;height:56px;}
 #visual .visual_content ul.work_cate li a{font-size:13px;line-height:32px;width:90px;height:32px;overflow:hidden;}
 #visual .visual_content ul.work_cate li a span{height:32px;}
 #visual .visual_content ul.work_cate li a:hover span.eng{margin-top:-32px;}
 #visual .visual_content ul.work_cate li a.selected span.eng{margin-top:-32px;}
}  

@media screen and (max-width:480px){
/* #visual .visual_content ul.about_cate{width:222px;height:70px;}*/
 #visual .visual_content ul.about_cate{width:242px;height:70px;}
 
 #visual .visual_content a.btn_down img{width:50px;}
 #visual .visual_content2 a.btn_down img{width:65px;}
}  
/*visual end*/

/*containter*/
#container {position:relative;width:100%;}
#content {position:relative;width:100%;padding:30px 0 0;background-color:#fff;min-height:400px;}
#container .top_line{border-top:1px solid #777;width:30px;padding-bottom:20px;}
#container .top_text{font-size:15px;line-height:18px;color:#888;}
#container .page_title{color:#333; font-size:47px;line-height:47px;font-weight:600;letter-spacing:-1px;text-indent:-2px;}
@media screen and (max-width:768px){
#content {min-height:300px;}
#container .top_line{border-top:1px solid #777;width:30px;padding-bottom:20px;}
#container .top_text{font-size:15px;line-height:18px;color:#888;}
#container .page_title{color:#333; font-size:40px;line-height:40px;font-weight:600;letter-spacing:-1px;text-indent:-2px;}
} 
@media screen and (max-width:480px){
#container .top_line{display:none;}
#container .top_text{font-size:13px;line-height:16px;}
#container .page_title{font-size:29px;line-height:29px;letter-spacing:-1px;text-indent:-1px;}
} 

/*footer start*/
#footer{clear:both;background:#fff;}
 #footer_wrap{position:relative;color:#000;text-align:center;}
 #footer_wrap a{color:#000;}
 #footer_wrap .footer_logo{float:left;width:233px;margin:0 auto;margin-top:-20px;}
 #footer_wrap .intro{font-size:17px;padding-top:20px;line-height:20px;}
 
 #footer_wrap .footer_link{font-size:0;}
 #footer_wrap .footer_link li{display:inline-block;margin:50px 2px 0px;}
 #footer_wrap .footer_link li a{display:block;font-size:20px;width:180px;height:50px;line-height:50px;border-radius:10px;border:1px solid #535353;color:#969696;font-weight:300;font-family: Gotham-Black;}
 #footer_wrap .footer_link li a:hover{border:1px solid #e60012;background-color:#2892c8;color:#fff;text-decoration:none;}
 
 #footer_wrap ul.social{}
 #footer_wrap ul.social li{display:inline-block;margin:0 4px 30px;}
 #footer_wrap ul.social li a{display:block;width:70px;height:70px;opacity:0.50;-ms-filter:alpha(opacity=50);filter: alpha(opacity=50);}
 #footer_wrap ul.social li a:hover{opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
 
 #footer_wrap .line_div{width:180px;margin:0 auto;border-top:1px solid #3f3f3f;padding-bottom:0px;}
 .footer_sns a img {
  transition: transform 0.3s ease;
}


.footer_sns a:hover img {
  transform: scale(1.1);
}
.lh18{float:left;text-align:left;margin-top:-100px;margin-left:80px;}
.lh18 h2{font-size:17px;}


.lh19{float:right;text-align:left;margin-top:-100px;}
.lh19 h2{font-size:17px;}
@media screen and (max-width:768px){


 #footer{padding-bottom:20px;}
 #footer_wrap{padding:90px 0 360px 00px;}
 #footer_wrap .footer_logo{float:0;width:150px;}
 #footer_wrap .intro{font-size:15px;line-height:19px;}
 #footer_wrap .footer_link li{margin:30px 2px 0px;}
 #footer_wrap .footer_link li a{font-size:17px;width:120px;height:40px;line-height:37px;}
 
 #footer_wrap ul.social li{margin:0 2px 25px;}
 #footer_wrap ul.social li a{width:40px;height:40px;}
 
 #footer_wrap .line_div{width:120px;}
.lh18{float:left;margin-top:50px;margin-left:-140px;}
.lh18 h2{font-size:17px;}

.lh19{float:left;margin-top:200px;margin-left:-160px;}
.lh19 h2{font-size:12px;}
} 
 
/*footer end*/
 
 
 
/*request_form start*/
#win_request{position:fixed;top:0;right:-100%;width:900px;height:100%;background-color:#232323;overflow-x:hidden;z-index:9000;}
 #win_requset_wrap{position:relative;height:100%;}
 #win_requset_wrap a.btn_close{display:block;position:absolute;width:46px;height:46px;top:30px;right:30px;}
 #win_requset_wrap a.btn_close:hover{opacity:0.5;}
 
  #win_requset_area{margin:0 80px;color:#777;height:100%;}
 
  #win_requset_area h3.title{font-size:63px;line-height:62px;font-weight:300;color:#fff;text-indent:-5px;letter-spacing:-1px;font-family: Gotham-Black;}
  #win_requset_area h3.title span{font-weight:700;color:#2892c8;}
  #win_requset_area .title_sub{font-size:13px;padding:20px 0 2px;letter-spacing:-1px;color:#aaa;}
  #win_requset_area{}
  #win_requset_area li{float:left;width:33%;padding-left:1px;}
  #win_requset_area li.first{width:34%;padding-left:0;}
  #win_requset_area li a{display:block;width:100%;line-height:40px;text-align:center;background-color:#333;border:1px solid #3e3e3e;font-size:14px;color:#a7a7a7;font-weight:bold;}
  #win_requset_area li a:hover{color:#a80009;border-color:#a80009;}
  #win_requset_area li a.selected{color:#ecc7c9;border:1px solid #b9333a;background-color:#a80009;}
#win_request_bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:5999;display:none;opacity:0.3;-ms-filter: alpha(opacity=30);filter: alpha(opacity=30);}  

@media screen and (max-width:940px){
 #win_request{width:100%;}
#footer_wrap h2{font-size:17px;}
}
@media screen and (max-width:768px) {
#win_requset_wrap a.btn_close{width:33px;height:33px;top:15px;right:15px;}
#win_requset_area{margin:0 40px;}
#win_requset_area h3.title{font-size:45px;line-height:45px;}
#win_requset_area .title_sub{padding:20px 0 5px;}

}
@media screen and (max-width:480px) {
#win_requset_area{margin:0 15px 0;}
#win_requset_area h3.title{font-size:37px;line-height:37px;text-indent:-2px;}
#win_requset_area .title_sub{font-size:13px;padding:20px 0 3px;}
#win_requset_area li a{line-height:36px;font-size:13px;}

}

@media screen and (min-width:1000px){
#mobile_header a.open_m_menu{display:none;}
}
 

/*request_form end*/