@charset "utf-8";

/*레이아웃*/
#wrap{width:100%;_width:expression(parseInt(document.body.offsetWidth) > 1000 ? "100%" :document.body.offsetWidth ); min-width:1000px;}
#header{height:130px; width:100%; border-top:1px solid #1e3378;}
#main_container{margin-top:0px; background-color:#22313f;}
#footer{width:100%; background-color:#181b22; height:100px;}
#container{width:100%;_width:script:parseInt(document.body.offsetWidth) > 900 ? "100%" : document.body.offsetWidth ); }
#container{box-sizing: border-box;}
#sub_footer{width:100%; background-color:#181b22; height:100px; bottom:0px;}

/*width사이즈 재정비*/
.header_all{width:1000px; margin:0 auto 0;}
.main_container{width:1000px; height:50px; margin:0 auto 0;}
.footer{width:1000px; padding-top:6px; padding-bottom:30px; margin:0 auto 0;}
.container{width:1000px; margin:20px auto 90px;} 
.enter{clear:both; }

/*카피라이트*/

.footer .f_logo{width:200px; margin:0 auto; float:left;}
.footer .address{font-style:normal; color:#999999; padding-top:10px; padding-left:60px; margin:0 auto; float:left;}
.footer .address .copyright{width:800px; font-size:11px; color:#999999; text-transform: uppercase;}


/*헤드*/
.gnb{width:100%; height:80px;}
.gnb .all{width:1000px; margin:0 auto;}
.gnb .all .h1_logo{width:165px; height:80px; float:left;}
.gnb .all .mn{float:right; margin-top:25px;  color:#333333; margin-right:20px;} 
.gnb .all .mn a{color:#333333;} 
.gnb .all .mn{float:right; margin-top:25px;  color:#333333;} 
.gnb .all .mn ul .mn_r a{color:#ea1d24;} 
.gnb .all .mn li{list-style:none; float:left; padding:0 10px 0; font-size:12px;  line-height:30px; text-transform:uppercase;  color:#333333;}
.gnb .all .mn ul .last{border-left:1px solid #b9b9b9;}

.lnb{width:100%; margin:0 auto; border-top:1px solid #cccccc;}
.lnb .lnb_all{width:999px; margin:0 auto;}
.lnb .lnb_all .nav{float:left; width: 100%; margin-top:0px; border-left:1px solid #cccccc;}
.lnb .lnb_all .nav .bott{height:60px; text-align:right; background:#fff; margin-top:0px;}
.lnb .lnb_all .nav .bott a{font-weight:bold; color:#333333;}
.lnb .lnb_all .nav .bott a:hover{font-weight:bold; color:#ea1d24;}
.lnb .lnb_all .nav .bott ul{float:right; width: 100%; height:60px; text-align:center; margin-top:0px;}
.lnb .lnb_all .nav .bott ul li{padding-top:15px; float:left; list-style:none; height:100%; border-right:1px solid #cccccc; width:calc(100%/6); font-weight:bold; font-size:16px; box-sizing: border-box; box-sizing: border-box;}
.lnb .lnb_all .nav .bott .first{border:none; border-left:1px solid #cecece; border-right:1px solid #cccccc;}
#aside{width:38px; z-index:3; background:#e14840; right:50px; padding:5px 0 5px;}
#aside img{border-bottom:1px solid #ce423a;}
#aside .last{border:0;}
.enter{clear:both;}
.left{float:left;}
.right{float:right;}

.aside_sub{width:45px !important; background:none !important;}
.aside_sub img{border:0 !important;}


/*풀다운*/
.scroll-list {background-color:#fff; border-bottom:1px solid #000000; position:absolute; z-index:1005; width:100%; height:1px; overflow:auto; line-height:180%; left:0; overflow-y:hidden; top:141px; overflow-x:hidden; background:#f3f3f3;}
.scroll-list .close{color:red; font-weight:bold; float:left; width:150px; text-align:right;}
.scroll-list .sub_menu_all{width:999px; margin:0 auto; background:#f3f3f3; height:285px;} 
.scroll-list .sub_menu_all .div1, .scroll-list .sub_menu_all .div2, .scroll-list .sub_menu_all .div3, .scroll-list .sub_menu_all .div4, .scroll-list .sub_menu_all .div5, .scroll-list .sub_menu_all .div6{float:left; border-left:solid #cccccc 1px; height:290px; box-sizing: border-box;}
.scroll-list .sub_menu_all .div1{width:calc(100%/6);}
.scroll-list .sub_menu_all .div2{width:calc(100%/6);}
.scroll-list .sub_menu_all .div3{width:calc(100%/6);}
.scroll-list .sub_menu_all .div4{width:calc(100%/6);}
.scroll-list .sub_menu_all .div5{width:calc(100%/6); border-right:solid #cccccc 1px;}
.scroll-list .sub_menu_all .div6{width:calc(100%/6); border-right:solid #cccccc 1px;}
.scroll-list .sub_menu_all .close{width:1000px; height:20px;}
.scroll-list .sub_menu_all .div1, .sub_menu_all .div2, .sub_menu_all .div3, .sub_menu_all .div4, .sub_menu_all .div5{text-align:center;}
.scroll-list .sub_menu_all ul{text-align:center; display:block; margin-top:0px;}
.scroll-list .sub_menu_all ul li{display:block; line-height:20px; padding:0; width:100%;}
.scroll-list .sub_menu_all ul li a{display:block; line-height:20px; color:#666; padding: 8px 0 8px 0;}
.scroll-list .sub_menu_all ul li a:link{text-decoration:none; font-weight:normal;}
.scroll-list .sub_menu_all ul li a:hover{text-decoration:none; font-weight:bold; background-color:#ea1d24; color:#fff;}



/*메인컨텐츠1*/
.main_vis{width:100%; height:820px; background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../images/bg.jpg) no-repeat; background-size: 100% 100%;  margin:0 auto; float:left;} /**/
.main_vis .visual{width:1000px; margin:0 auto; padding-top:80px; }
.main_vis .visual .main_slid{width:480px; margin:0 auto; float:left; display:block; margin-left:20px;}
.main_vis .visual .v_con{width:480px; margin:0 auto; float:left; display:block; margin-right:20px;}
.main_vis .visual .v_con .v_con1{width:230px; margin-right:10px; float:left;}
.main_vis .visual .v_con .v_con1 .box1{width:230px; height:230px; margin:0 auto; float:left; margin-bottom:10px; text-align:center; background:#f3f3f3;}
.main_vis .visual .v_con .v_con1 .box2{width:230px; height:230px; margin:0 auto; float:left; margin-bottom:10px; text-align:center; background:#f3f3f3;}
.main_vis .visual .v_con .v_con1 .box3{width:230px; height:165px; margin:0 auto; float:left; background:#ea1d24; text-align:center;}

.main_vis .visual .v_con .v_con2{width:230px; margin:0 auto; float:left;}
.main_vis .visual .v_con .v_con2 .box4{width:230px; height:165px; margin:0 auto; float:left; background:#ea1d24; margin-bottom:10px; text-align:center;}
.main_vis .visual .v_con .v_con2 .box5{width:230px; height:230px; margin:0 auto; float:left; margin-bottom:10px; text-align:center; background:(../images/box5_bg.jpg); border:#cccccc solid 1px;}
.main_vis .visual .v_con .v_con2 .box6{width:230px; height:230px; margin:0 auto; float:left; background:#f3f3f3;}

.main_vis .visual .v_con .v_con1 .box1 .btn1{width:220px; float:right; padding-right:10px; padding-top:10px; text-align:right;}
.main_vis .visual .v_con .v_con1 .box1 .con1{width:230px; margin-top:50px; border:0px; text-align:center;}
.main_vis .visual .v_con .v_con1 .box1 .txt{margin-top:10px; font-size:16px; font-weight:bold; color:#000000; text-align:center;}

.main_vis .visual .v_con .v_con1 .box2 .btn1{width:220px; float:right; padding-right:10px; padding-top:10px; text-align:right;}
.main_vis .visual .v_con .v_con1 .box2 .con1{width:230px; margin-top:50px; border:0px; text-align:center;}
.main_vis .visual .v_con .v_con1 .box2 .txt{margin-top:10px; font-size:16px; font-weight:bold; color:#000000; text-align:center;}

.main_vis .visual .v_con .v_con1 .box3 .tit{width:170px; padding:5px; text-align:center; margin-left:20px; border-bottom:1px solid #ffffff; font-weight:bold; font-size:14px; color:#ffffff; margin-top:20px;}
.main_vis .visual .v_con .v_con1 .box3 .txt{padding:5px; text-align:center; font-size:14px; color:#ffffff;}
.main_vis .visual .v_con .v_con1 .box3 .btn2{font-weight:bold; font-size:13px; text-align:center; color:#ffffff;}
.main_vis .visual .v_con .v_con1 .box3 .btn2 a{font-weight:bold; font-size:13px; text-align:center; color:#ffffff;}

.main_vis .visual .v_con .v_con2 .box4 .tit{width:170px; padding:5px; text-align:center; margin-left:20px; border-bottom:1px solid #ffffff; font-weight:bold; font-size:14px; color:#ffffff; margin-top:20px;}
.main_vis .visual .v_con .v_con2 .box4 .txt{padding:5px; text-align:center; font-size:14px; color:#ffffff;}
.main_vis .visual .v_con .v_con2 .box4 .btn2{font-weight:bold; font-size:13px; text-align:center; color:#ffffff;}
.main_vis .visual .v_con .v_con2 .box4 .btn2 a{font-weight:bold; font-size:13px; text-align:center; color:#ffffff;}

.main_vis .visual .v_con .v_con2 .box5 .tit{width:170px; padding:5px; text-align:center; margin-left:20px; border-bottom:1px solid #ffffff; font-weight:bold; font-size:14px; color:#ffffff; margin-top:40px;}
.main_vis .visual .v_con .v_con2 .box5 .txt{padding:5px; text-align:center; font-size:14px; color:#ffffff;}
.main_vis .visual .v_con .v_con2 .box5 .btn2{font-weight:bold; font-size:13px; text-align:center; color:#ffffff;}
.main_vis .visual .v_con .v_con2 .box5 .btn2 a{font-weight:bold; font-size:13px; text-align:center; color:#ffffff;}

.main_vis .visual .v_con .v_con2 .box6 .btn1{width:220px; float:right; padding-right:10px; padding-top:10px; text-align:right;}
.main_vis .visual .v_con .v_con2 .box6 .con1{width:230px; margin-top:50px; border:0px; text-align:center;}
.main_vis .visual .v_con .v_con2 .box6 .txt{margin-top:10px; font-size:16px; font-weight:bold; color:#000000; text-align:center;}


/*메인컨텐츠2*/
.main_cnt{width:1000px; height:50px; background-color:#22313f; margin:0 auto;}
.main_cnt .cnt1{width:499px; padding-top:10px; padding-bottom:10px; margin:0 auto; float:left;}
.main_cnt .cnt1 .tit{width:90px; height:15px; border-right:#344555; float:left; text-align:left; font-weight:bold; font-size:14px; color:#ffffff;}
.main_cnt .cnt1 .txt{width:409px; float:left; width:409px; float:left;}
.main_cnt .cnt2 {width:498px; margin:0 auto; float:right; padding-top:10px; padding-bottom:10px; margin-right:0px;}
.main_cnt .cnt2 .tit{width:90px; height:15px; border-right:#344555; float:left; text-align:left; font-weight:bold; font-size:14px; color:#ffffff;}
.main_cnt .cnt2 .txt{width:408px; float:left; text-align:left; font-size:14px; color:#cccccc;}







/*타이틀이미지*/
.title{width:100%; height:305px; margin:0 auto;}
.title .txt{width:1000px; font-family:"Nanum Gothic"; margin:0 auto; padding:100px 0 0 0;}
.title .txt .txt1{width:1000px; color:#ffffff; font-size:55px; font-weight:bold; float:left; line-height:60px; display:inline; margin:0 auto;}
.title .txt .txt2{color:#ffffff; font-size:18px; float:left; opacity:0.9; display:inline; margin:0 auto; padding:20px 0 0 0;}


/*타이틀경로*/
.line_last{ height:50px; border-top:1px solid #dedede;}
.sub_tit{width:100%; margin:0 auto; border-bottom:1px solid #dedede;}
.sub_tit1{width:1000px; height:70px; margin:0 auto;} 
/*.sub_tit .page_title{background:url(../images/sub_icon_tit.gif) top left no-repeat; padding-left:30px; height:80px; font-size:30px; font-weight:bold; line-height:50px; float:left;}*/
.sub_tit1 .page_title h2{padding-top:10px; font-size:35px; font-weight:bold; line-height:50px; float:left; font-family:"Nanum Gothic"; color:#000000; margin-left:10px;} 
.sub_tit1 .place{ background:url(images/icon_house.gif) left no-repeat; padding-left:15px; color:#555555; font-size:12px; margin-top:20px; float:right; margin-right:20px;} 
.sub_tit1 .place span{color:#555555;}
.enter{ clear:both;}
.sub_tit2{ width:1000px; margin:0 auto; padding:70px 0 70px 0; } 
.sub_tit2 .page_title{background:url(images/sub_icon_tit.gif) top left no-repeat; padding-left:30px; height:80px; font-size:30px; font-weight:bold; line-height:50px; float:left;} 
.sub_tit2 .place{ background:url(images/icon_house.gif) left no-repeat; padding-left:15px; color:#585858; font-size:12px; margin-top:30px; float:right;} 
.sub_tit2 .place span{color:#999;}


/*서브공통 */
.suv_cnt{width:1000px; margin:0 auto; padding-top:95px;}
.lo_tit1{width:1000px; text-align:left; font-size:28px; line-height:40px; color:#000000; font-weight:bold; margin-bottom:30px;}

/*인사말*/
.suv_cnt .ceo_a{width:1000px; height:385px; margin:0 auto; float:left; border-bottom:1px solid #cccccc; font-family:"Nanum Gothic";}
.suv_cnt .ceo_a .ceo_a1 {margin-left:10px;}
.suv_cnt .ceo_a .ceo_a1 .ceo_tit1{text-align:left; font-size:30px; line-height:40px; color:#000000; font-weight:bold;}
.suv_cnt .ceo_a .ceo_a1 img {width:30px; height:3px; margin-top:90px;}
.suv_cnt .ceo_a .ceo_a1 .ceo_tit2{text-align:left; font-size:18px; line-height:25px; color:#555555; margin-top:30px; font-weight:600;}
.suv_cnt .ceo_a .ceo_a2{width:200px; float:right; height:280px; font-family:"Nanum Gothic"; margin-bottom:25px;}
.suv_cnt .ceo_b{width:1000px; margin:0 auto; float:left;}
.suv_cnt .ceo_b .ceo_b_b1{width:100%; margin-right:20px; float:left; margin-top:45px; margin-bottom:45px; margin-left:5px;}
.suv_cnt .ceo_b .ceo_b_b1 .ceo_b_tit{width:100%; float:left; font-size:16px; font-weight:bold; line-height:25px; color:#000000;}
.suv_cnt .ceo_b .ceo_b_b1 .ceo_b_txt{width:315px; margin-top:10px; float:left; font-size:14px; line-height:25px; color:#333333;}
.suv_cnt .ceo_b .ceo_b_b2{width:315px; float:left; margin-top:45px; margin-bottom:45px;}
.suv_cnt .ceo_b .ceo_b_b2 .ceo_b_tit{width:315px; float:left; font-size:16px; font-weight:bold; line-height:25px; color:#000000;}
.suv_cnt .ceo_b .ceo_b_b2 .ceo_b_txt{width:315px; margin-top:10px; float:left; font-size:14px; line-height:25px; color:#333333;}
.suv_cnt .ceo_c{width:1000px; margin:0 auto; float:left; text-align:center; padding-top:70px; padding-bottom:70px; font-size:16px; line-height:30px; font-family:"Nanum Gothic"; font-weight:bold; color:#333333;}



/*비전*/
.suv_cnt .vision_a{width:1000px; height:600px; float:left;}
.suv_cnt .vision_a .vision_tit{width:940px; height:80px; font-size:25px; line-height:38px; color:#000000; font-family:"Nanum Gothic"; margin:0 auto;}
.suv_cnt .vision_a .vision_con{width:1000px; height:500px; margin:50px auto; border:1px solid #ffffff; float:left;}
.suv_cnt .vision_a .vision_con .v_table1{float:left;}
.suv_cnt .vision_a .vision_con .v_table1 .v_table2 .v_table_tit{font-size:20px; line-height:30px; color:#000000; font-weight:bold; font-family:"Nanum Gothic";}
.suv_cnt .vision_a .vision_con .v_table1 .v_table2 .v_table_txt{font-size:18px; line-height:25px; color:#555555; font-weight:bold; font-family:"Nanum Gothic";}
.suv_cnt .vision_b{width:1000px; height:200px; margin:0 auto; float:left; background:#f3f3f3; border:1px solid #cccccc;}
.suv_cnt .vision_b table{width:900px; margin-top:50px; margin-left:50px; }
.suv_cnt .vision_b table tr .v_b_t1{width:155px; height:50px; border:1px solid #cccccc; background:#FFF; font-size:16px; font-weight:bold; text-aline:center; text-color:#000000;}
.suv_cnt .vision_b table tr .v_b_t2{width:155px; height:50px; border:1px solid #ea1c24; background:#ea1c24; font-size:16px; font-weight:bold; text-aline:center; color:#ffffff;}
.suv_cnt .vision_b table tr .v_b_t3{width:155px; font-size:16px; font-weight:bold; text-aline:center; text-color:#ffffff;}

/*찾아오시는길*/

#map_canvas{width:1000px; height:400px;}
.lo_tb{width:1000px; margin-top:20px; float:left;}
.lo_tb .lo_tb_tit{padding:10px; background:#f3f3f3; color:#000000; font-size:14px; text-align:center; font-family:"Nanum Gothic"; font-weight:bold; border-bottom:1px solid #cccccc;}
.lo_tb .lo_tb_txt{padding:10px; color:#000000; font-size:14px; text-align:center; font-family:"Nanum Gothic"; border-bottom:1px solid #cccccc;}


/*회사개요*/
.info_cnt{ width:1000px; margin:0 auto;  padding-top:50px; }
.info_cnt .img { margin-bottom:70px;}
.info_cnt .txt1 {margin-bottom:50px;}
.info_cnt .txt1 .box1 { width:450px; float:left;}
.info_cnt .txt1 .box1 h2{ margin-bottom:20px; line-height:150%;}

/*사업분야*/
.suv_cnt .bu{width:1000px; height:220px; text-align:center; padding-top:100px; margin:0 auto; float:left;}
.suv_cnt .bu .bu_txt{width:850px; height:100px; font-size:28px; line-height:45px; font-weight:bold; color:#000000; text-align:center; margin-left:50px;}
.suv_cnt .bu_a{width:1000px; height:150px; margin:0 auto; float:left; font-family:"Nanum Gothic";}
.suv_cnt .bu_a .bu_a1{width:280px; height:150px; color:#000000; font-size:24px; text-align:center; font-family:"Nanum Gothic"; font-weight:600; margin-right:82px; float:left; margin-top:110px; line-height:30px;}
.suv_cnt .bu_a .bu_a2{width:270px; height:150px; color:#000000; font-size:24px; text-align:center; font-family:"Nanum Gothic"; font-weight:600; float:left; margin-top:120px; line-height:30px;}
.suv_cnt .bu_b{width:1000px; margin:0 auto; float:left;}
.suv_cnt .bu_b .bu_b1{width:300px; height:100px; margin:0 auto; float:left; padding:10px; border:1px solid #cccccc; margin-right:20px; background:#f3f3f3;}
.suv_cnt .bu_b .bu_b1 ul li{list-style:url(../../images/list.png); margin-left:20px;}
.suv_cnt .bu_b .bu_b2{width:280px; height:100px; margin:0 auto; float:left; padding:10px; border:1px solid #cccccc; background:#f3f3f3;}
.suv_cnt .bu_b .bu_b2 ul li{list-style:url(../../images/list.png); margin-left:0px; margin-left:20px;}