@import url("common.css");

.point_txt01{color:#333; font-weight:600;}

/* main */
#visual{position:relative; width:100%; min-height:800px; clear:both; overflow:hidden; z-index:80; }

.mainVisual {position:relative; width:100%;  margin:0 auto; height:800px; overflow:hidden; z-index:100;}
.mainVisual .visualBg {height:800px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:200; text-indent:-2000%; }
.mainVisual .visualBg1{background:url("/ko/images/main/vis_img01.jpg") center 0 no-repeat;}
.mainVisual .visualBg2{background:url("/ko/images/main/vis_img02.jpg") center 0 no-repeat;}
.mainVisual .visualBg3{background:url("/ko/images/main/vis_img03.jpg") center 0 no-repeat;}
.mainVisual .visualBg4{background:url("/ko/images/main/vis_img04.jpg") center 0 no-repeat;}
.mainVisual .controller{width:1200px; position:absolute;  z-index:400;  left:50%; margin-left:-600px;}
.mainVisual .controller .btns {position:absolute; top:380px; width:100%;}
.mainVisual .controller .btns .next {float:right;}
.mainVisual .controller2{width:10px; position:relative;  z-index:80; margin:0 auto; overflow:hidden;}
.mainVisual .controller2 .visualTxt{padding: 0 0 0 99px; }
.mainVisual .controller2 .rollBtnD {position:absolute; top:390px; left:50%;}

.main_bn {width:1020px; margin:0 auto; }
.main_bn p img{position:absolute; z-index:1000; bottom:115px;}



#contents{position:relative; overflow:hidden; width:100%; }

.main_con01 { width:1020px; padding: 40px 0; margin: 0 auto; }
.main_con01:after{content:""; display:block; clear:both;}
.main_con01 .main_banner01 {float:left; width:340px; height:225px; }
.main_con01 .main_banner03 {float:left; width:340px; height:225px; }
.main_con01 .main_banner04 {float:left; width:340px; height:225px; }

	.banner01_btn a, .banner02_btn a, .banner03_btn a,
	.banner04_btn a{display:block; width:340px; height:225px; text-indent:-1020em; overflow:hidden;}
	.banner01_btn a{background:url(/en/images/main/business_banner01.gif) no-repeat 0 0;}
	.banner01_btn a:hover{background:url(/en/images/main/business_banner01.gif) no-repeat 0 100%;}
	.banner03_btn a{background:url(/en/images/main/business_banner03.gif) no-repeat 0 0;}
	.banner03_btn a:hover{background:url(/en/images/main/business_banner03.gif) no-repeat 0 100%;}
	.banner04_btn a{background:url(/en/images/main/business_banner04.gif) no-repeat 0 0;}
	.banner04_btn a:hover{background:url(/en/images/main/business_banner04.gif) no-repeat 0 100%;}


.main_con02 { width:100%; padding: 45px 0 30px; background-color:#f7f7f7; }
.main_con02:after{content:""; display:block; clear:both;}
.main_con02 .main_con02_in { width:1020px; margin: 0 auto;}
.main_con02 .main_con02_in h4{font-size:20px; font-weight:100; color:#333; letter-spacing:-1px; line-height:100%; padding:0 0 0 2px;}

.main_con02 .main_con02_in .notice{position:relative; width:330px; float:left; margin-right:55px;}
.main_con02 .main_con02_in .notice h4{padding:0 0 0 2px}
.main_con02 .main_con02_in .notice .more{position:absolute; top:1px; right:0;}
.main_con02 .main_con02_in .notice ul{padding:22px 0 0 0;}
.main_con02 .main_con02_in .notice li{line-height:100%; overflow:hidden; clear:both; }
.main_con02 .main_con02_in .notice li a:hover{ text-decoration:underline; }
.main_con02 .main_con02_in .notice li {position:relative; background:url('/ko/images/main/icon_notice.gif') 6px center no-repeat; padding-left:16px; line-height:140%; margin-bottom:7px;}
.main_con02 .main_con02_in .notice li span{position:absolute; right:0; color:#999; font-size:12px;}

.main_con02 .main_con02_in .chain{width:310px; float:left; height:140px; margin-right:55px; background: url('/ko/images/main/haenara_img.gif') no-repeat bottom right;}
.main_con02 .main_con02_in .chain h4{padding:0 0 0 50px; background: url('/ko/images/main/haenara_logo.gif') 0 0 no-repeat;}
.main_con02 .main_con02_in .chain dd{font-weight:300;font-family:"notoKrR",san-serif; font-size:13px; letter-spacing:-0.5px; line-height:18px; color:#666; padding:15px 0 0 2px;}
.main_con02 .main_con02_in .chain p{padding:15px 0 0 2px;}

.main_con02 .main_con02_in .customer{width:270px; float:left;}
.main_con02 .main_con02_in .customer h4{padding:0 0 0 2px}
.main_con02 .main_con02_in .customer dt{font-family: 'Titillium Web', sans-serif; font-size:25px; font-weight:bold; letter-spacing:-1px; color:#607f1c; line-height:100%; padding:14px 0 10px 40px; background: url('/ko/images/main/customer_img.gif') no-repeat 0 15px;}
.main_con02 .main_con02_in .customer dt span{font-family: 'Titillium Web', sans-serif; font-size:18px; letter-spacing:0; color:#7cb400;}
.main_con02 .main_con02_in .customer dd{font-weight:300;font-family:"notoKrR",san-serif; font-size:13px; letter-spacing:0px; line-height:18px; color:#666; padding-left:40px;}