@charset"euc-kr";

/* main_vis */
.main_vis{position:relative; clear:both; width:100%;}
.main_vis .banner{position:relative; width:100%; height:501px; overflow:hidden;}
.main_vis .banner li{position:absolute; top:0; left:0; width:100%; height:501px; text-indent:-1000em; overflow:hidden;}
.main_vis .banner li.banner1{background:url(/en/images/main/main_visual01.jpg) no-repeat center 0;}
.main_vis .banner li.banner2{background:url(/en/images/main/main_visual02.jpg) no-repeat center 0;}
.main_vis .banner li.banner3{background:url(/en/images/main/main_visual03.jpg) no-repeat center 0;}
.main_vis .btns{position:absolute; z-index:10; width:1060px; top:0; left:50%; margin-left:-530px;}
.main_vis .btns .prev_btn,
.main_vis .btns .next_btn{position:absolute; top:192px;}
.main_vis .btns .prev_btn{left:-172px;}
.main_vis .btns .next_btn{right:-172px;}
.main_vis .btns .prev_btn a,
.main_vis .btns .next_btn a{display:block; width:80px; height:80px; text-indent:-1000em; overflow:hidden;}
.main_vis .btns .prev_btn a{background:url(/en/images/main/btn_gnb_left.png) no-repeat 0 0;}
.main_vis .btns .next_btn a{background:url(/en/images/main/btn_gnb_right.png) no-repeat 0 0;}
.main_vis .btns .prev_btn a:hover{background:url(/en/images/main/btn_gnb_left.png) no-repeat 0 100%;}
.main_vis .btns .next_btn a:hover{background:url(/en/images/main/btn_gnb_right.png) no-repeat 0 100%;}


#visual{position:relative; margin: 0 auto; width:100%; height:501px; clear:both; overflow:hidden;}
.mainVisual {position:relative; width:100%;  margin:0 auto; height:451px; overflow:hidden; }
.mainVisual .visualBg {height:451px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:100; text-indent:-2000%; }
.mainVisual .visualBg1{background:url("/en/images/main/main_visual01.jpg") no-repeat  center 0;}
.mainVisual .visualBg2{background:url("/en/images/main/main_visual02.jpg") no-repeat  center 0;}
.mainVisual .visualBg3{background:url("/en/images/main/main_visual03.jpg") no-repeat  center 0;}


.mainVisual .controller{width:1400px; position:absolute;  z-index:400;  left:50%; margin-left:-700px;}
.mainVisual .controller .btns {position:absolute; top:330px; width:100%;}
.mainVisual .controller .btns .next {float:right;}
.mainVisual .controller2{width:100px; height:27px; position:relative; z-index:500; margin:100px auto;}
.mainVisual .controller2 .visualTxt{padding: 0 0 0 99px;}
.mainVisual .controller2 .rollBtnD {width:105px; height:27px; position:absolute; top:310px; text-align:center; padding-top:3px; }
.mainVisual .controller2 .rollBtnD a{padding-right:7px;}





/* slogan */
.slogan{background:#fff;}
.slogan_in{*zoom:1; width:1000px; height:230px; margin:auto; padding: 30px 0;}
.slogan_in:after{content:""; display:block; clear:both;}
.slogan_in ul{}
.slogan_in li{position:relative; float:left; width:240px; height:230px; margin: 0 5px; overflow:hidden;}
.slogan_in li.slogan_01{background:url(/en/images/main/center_banner_bg.gif) no-repeat 0 0px;}
.slogan_in li.slogan_02{background:url(/en/images/main/center_banner_bg.gif) no-repeat 0 0px;}
.slogan_in li.slogan_03{background:url(/en/images/main/center_banner_bg.gif) no-repeat 0 0px;}
.slogan_in li.slogan_04{background:url(/en/images/main/center_banner_bg.gif) no-repeat 0 0px;}
.slogan_in ul h3{ text-align: center; padding: 25px 0 0; font-size:14px; color:#000; font-weight:bold;}
.slogan_in ul p{ text-align: center;color:#666666; font-size:12px; line-height:15px; padding:14px 0 0;}

.slogan_in > ul > li:nth-of-type(1) > span { position:absolute; display:block; width: 240px; height: 230px; background: rgba( 0, 69, 127, 0.5 ); color: white; z-index: 1; font-size: 13px; font-weight: bold; text-align: center; line-height: 230px;}
.slogan_in > ul > li:nth-of-type(2) > span { position:absolute; display:block; width: 240px; height: 230px; background: rgba( 8, 0, 123, 0.5 ); color: white; z-index: 1; font-size: 13px; font-weight: bold; text-align: center; line-height: 230px;}
.slogan_in > ul > li:nth-of-type(3) > span { position:absolute; display:block; width: 240px; height: 230px; background: rgba( 116, 0, 72, 0.5 ); color: white; z-index: 1; font-size: 13px; font-weight: bold; text-align: center; line-height: 230px;}
.slogan_in > ul > li:nth-of-type(4) > span { position:absolute; display:block; width: 240px; height: 230px; background: rgba( 132, 65, 0, 0.7 ); color: white; z-index: 1; font-size: 13px; font-weight: bold; text-align: center; line-height: 230px;}

.slogan_in > ul > li > span a { border: 1px solid rgba( 255, 255, 255, 0.5); padding: 10px; color: white; font-size: 13px; font-weight: bold; text-align: center; line-height: 230px;}
.slogan_in > ul > li > span a:hover { color: #ffc600; font-size: 13px; font-weight: bold; text-align: center; line-height: 230px;}

.slogan_in > ul > li > span { top: -230px;	}
/* .slogan_in > ul > li:nth-of-type(2n+1) > span { top: 230px;	} */



/* sub_vis */
.sub_vis{padding:30px 0; background:#f9edd1;}
.sub_vis_in{width:1020px; margin:auto;}
.sub_vis_in:after{content:""; display:block; clear:both;}
.sub_vis_in section{float:left; width:320px; padding:0 10px;}
.sub_vis_in section h3{font-size:16px; color:#000; font-weight:bold; margin-bottom:10px;}
.sub_vis_in section dl{float:left; width:320px; height:160px; background:#fff;}
.sub_vis_in section dt{padding:20px 15px 10px 15px; font-size:13px; line-height:18px; color:#000; font-weight:bold;}
.sub_vis_in section dd{color:#000; font-size:12px; line-height:18px; padding:0 15px 0 15px;}


.sub_vis_in section.pr{width:320px;}
.sub_vis_in section.pr dl{float:left; width:320px; height:270px; background:#fff;}
.sub_vis_in section.pr dt{padding:30px 15px 30px 15px; font-size:15px; line-height:22px; color:#000; font-weight:bold; }
.sub_vis_in section.pr ul{padding-left:0px;}
.sub_vis_in section.pr li{height:18px; font-size:12px; color:#000; letter-spacing:0; padding:0 0 0 8px; font-weight:none; background:url('/en/images/main/news_icon.gif') 0 6px no-repeat; }
.sub_vis_in section.pr li a:hover{color:#000000;}

.sub_vis_in section.rnd{width:320px;}

.sub_vis_in section.service{width:320px;}
.sub_vis_in section.service ul{padding-left:15px;}
.sub_vis_in section.service li{height:18px; font-size:12px; color:#000; letter-spacing:0; padding:0 0 0 13px; font-weight:none; background:url('/en/images/main/news_icon.gif') 4px 6px no-repeat; }
.sub_vis_in section.service li a:hover{color:#000000;}


	.news_icon {height:20px; font-size:12px; color:#060606; letter-spacing:0; padding:0 0 0 17px; font-weight:none; background:url('/en/images/main/icon_notice.gif') 0 0 no-repeat; }

/* info_bottom */
.info_bottom{ padding:0 0 35px; background:#ffffff;}
.info_bottom .info_bottom_in{*zoom:1; width:1020px; margin:auto;}
.info_bottom .info_bottom_in:after{content:""; display:block; clear:both;}
.info_bottom .info_bottom_in section{float:left; padding:0 10px;}
.info_bottom .info_bottom_in section h3{font-size:16px; color:#000; font-weight:bold; margin-bottom:10px;}

.info_bottom .info_bottom_in section.about{width:320px;}
.info_bottom .info_bottom_in section.about .desc{padding-top:5px; font-size:12px; color:#000; line-height:18px;}

.info_bottom .info_bottom_in section.group{width:320px;}

.info_bottom .info_bottom_in section.contact{padding-left:20px;}





.ceo{overflow:hidden;position:relative;color:#424242;}
.ceo h6{color:#000000;width:100%;margin:35px 0 30px 0;font-size:26px;line-height:28px;display:inline-block;}
.ceo span{display:block;margin-bottom:25px;font-size:22px;line-height:26px;}
.ceo strong{display:block;width:60%;margin-bottom:20px;font-size:18px;line-height:22px;}
.ceo p{font-size:14px;line-height:18px;margin-bottom:20px;}
.ceo p em{font-style:normal;color:#ff6000;font-size:15px;font-weight:bold;}
.ceo p.one{width:60%;}
.ceo p.two{width:60%;}
.ceo p.three{width:60%;}
.ceo p.four{width:60%;}
.ceo div{position:absolute;right:0;top:110px;}
.ceo div img{margin-top:37px;}
.ceo h8{color:#000000;width:100%;margin:35px 0 0px 0;font-size:26px;line-height:28px;display:inline-block;}
.ceo h7{color:#000000;width:100%;margin:5px 0 40px 0;font-size:20px;line-height:20px;display:inline-block;}

.dateList {background:url(../image/yearlist_linebg.png) repeat-x 0 top; padding:16px 0 16px 124px; position:relative; margin-left: 0px; }
.dateList:first-child {background:none; }
.dateList dt { position:absolute; top:16px; left:0px; font-size:21px; font-weight:bold; color:#a2226a;}
.dateList dd { text-indent:-27px; margin-left:27px; font-size:14px; line-height:24px; color:#2a2a2a;}
.dateList dd span { padding-right:3px;}


.footList{width:820px; margin:30px 0 30px 0; overflow:hidden; background:url('/common/images/icon/bg_footList.gif') repeat-y 0 0;}
.footList dl{float:left; padding-left:40px}
.footList dl:first-child{border:none; padding-left:0}
.footList dl.f1{width:240px;}
.footList dl.f2{width:240px;}
.footList dl.f3{width:240px;}
.footList dl.f4{width:130px;}
.footList dl.f5{width:130px;}
.footList dl.f6{width:84px;}
.footList dl.f7{width:124px;}
.footList dt{font-size:16px; color:#752852; font-weight:bold;  padding-bottom:10px;  letter-spacing:-0.5px;  border-bottom:1px solid #cfcfcf;}
.footList dd{background:url('../image/common/icon_dot3x3.gif') no-repeat 0 9px; padding-left:9px; line-height:20px; font-size:12px; letter-spacing:-0.9px;}
.footList dl a{display:block; color:#ff5400;}
.footList dl a:hover{color:#ff5400;}

.locatable {width:820px; border:1px solid #aaa;margin-top:15px;}
.locatable tr:first-child td,.locatable tr:first-child th {border-top:none;}
.locatable th {border-top:1px solid #eee;background:#f6f6f6;color:#444;font-size:14px;width:120px;padding:10px;text-align:left;}
.locatable td {border-top:1px solid #eee;color:#666;font-size:13px;padding:10px;line-height:22px;}

.do{overflow:hidden;position:relative;color:#424242;}
.do h6{color:#000000;width:100%;margin:35px 0 30px 0;font-size:26px;line-height:28px;display:inline-block;}
.do strong{display:block;margin-bottom:25px;font-size:18px;line-height:24px;margin:35px 0 30px 0;color:#ff5400;}
.do span{display:block;width:100%;margin-bottom:20px;font-size:14px;line-height:22px;font-weight:bold;}
.do p{font-size:12px;line-height:18px;margin-bottom:20px;}
.do p em{font-style:normal;color:#ff6000;font-size:15px;font-weight:bold;}
.do p.one{width:100%;background:url('../image/common/icon_dot3x3.gif') no-repeat 0 6px;padding-left:9px; line-height:16px;}
.do p.two{width:100%;background:url('../image/common/icon_dot3x3.gif') no-repeat 0 6px;padding-left:9px; line-height:16px;}
.do p.three{width:100%;background:url('../image/common/icon_dot3x3.gif') no-repeat 0 6px;padding-left:9px; line-height:16px;}
.do p.four{width:100%;background:url('../image/common/icon_dot3x3.gif') no-repeat 0 6px;padding-left:9px; line-height:16px;}
.do p.five{width:100%;background:url('../image/common/icon_dot3x3.gif') no-repeat 0 6px;padding-left:9px; line-height:16px;}
.do div{position:absolute;right:0;top:110px;}
.do div img{margin-top:37px;}
.do h8{color:#000000;width:100%;margin:35px 0 0px 0;font-size:26px;line-height:28px;display:inline-block;}
.do h7{color:#000000;width:100%;margin:5px 0 40px 0;font-size:20px;line-height:20px;display:inline-block;}

