@charset "utf-8";
/* CSS Document */


body{font-family:NanumGothic, ngwoff, ngeot, "돋움", dotum, "맑은고딕","Malgun Gothic", "Tahoma","Helvetica","Arial",sans-serif; font-size:11px; letter-spacing:-1px; color:#8f9190; background:url(../images/top_bg.jpg) repeat-x; position:relative;}

.int_img1{position:absolute; left:50%; margin:0 0 0 -145px; z-index:1}
.int_img2{position:absolute; left:50%; margin:0 0 0 15px;z-index:1}
.int_txt{position:fixed; top:50%; left:50%; margin:-63px 0 0 -321px;}
.intro{background-color:#fff; position:fixed; width:100%; height:100%; z-index:100000}

#wrap{width:1301px; margin:0 auto; position: relative;}

#header{position:relative}
#header .gnb{width:140px; height:781px; background-color:#009933; }
#header .gnb h1{padding:30px 0 0 18px}
#header .gnb .menu{padding:30px 0 0 26px}
#header .gnb .menu li{padding-bottom:16px}
#header .top{height:29px; width:1170px; position:absolute; top:0; left:140px;}
#header .top .top_menu{overflow:hidden; position:absolute; top:10px; right:5px}
#header .top .top_menu .first{background:none}
#header .top .top_menu li{float:left; padding:0 10px 0 10px; background:url(../images/top_line.jpg) no-repeat 0 0}

#content1{width:596px; position:absolute; top:29px; left:140px;}
#content1 .campaign{width:596px; height:377px; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid}
#content1 .campaign h2{width:64px; margin:0 auto; padding:8px 0 4px 0}

#content1 .new{width:596px; height:187px; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid }
#content1 .new h2{width:81px; margin:0 auto; padding:8px 0 4px 0}

#content1 .bond1{width:597px; overflow:hidden}
#content1 .bond1 .event{width:314px; height:185px;border-right:#e5e5e5 1px solid; background:#fdfdf5; position:relative; float:left}
#content1 .bond1 .event h2{width:37px; margin:0 auto; padding:8px 0 4px 0}
#content1 .bond1 .event .phrase{position:absolute; top:12px; left:10px}
#content1 .bond1 .event .dogs{position:absolute; top:24px; left:151px}
#content1 .bond1 .event span{position:absolute; top:120px; left:140px; line-height:130%}

#content1 .bond1 .leadership{float:left; width:281px; height:185px; border-right:#e5e5e5 1px solid;}
#content1 .bond1 .leadership h2{width:74px; margin:0 auto; padding:8px 0 4px 0}
#content1 .bond1 .leadership .photo{width:205px; margin:0 auto; padding:5px 0}
#content1 .bond1 .leadership .name{width:110px; margin:0 auto; padding-top:2px}

#content2{width:563px; position:absolute; top:29px; left:737px;}
#content2 .culture{width:562px; height:179px; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid}

#content2 .acc{width:562px; height:197px; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid }
#content2 .acc h2{width:83px; margin:0 auto; padding:9px 0 4px 0}

#content2 .celeb{width:562px; height:373px; border-right:#e5e5e5 1px solid;}
#content2 .celeb h2{width:77px; margin:0 auto; padding:8px 0 4px 0}

#footer_wrap{border-bottom:#e5e5e5 1px solid; border-top:#e5e5e5 1px solid}
#footer{overflow:hidden; width:1301px; height:100px; margin:0 auto}
#footer .ft_left{float:left; width:140px; padding-top:13px}
#footer .ft_left li{margin:10px 0 0 29px; border-bottom:#c8c8c8 1px solid; width:79px}
#footer .ft_middle{float:left; padding:33px 0 0 30px}
#footer .ft_middle li{padding-bottom:10px}
#footer .ft_right{float:left; padding:33px 0 0 70px}
#footer .ft_right li{padding-bottom:10px}


.rolling1 { float:left; width:610px;  overflow:hidden; padding:20px 0 0 20px}
.rolling1 a.btnPrev1 { display:block; float:left; width:17px; height:17px; margin:45px 10px 0 0px; background:url(../images/ic_quick_prev.jpg)  center no-repeat; text-indent:-10000px; }
.rolling1 a.btnNext1 { display:block; float:left; width:17px; height:17px; margin:45px 0 0 10px; background:url(../images/ic_quick_next.jpg)  center no-repeat; text-indent:-10000px; }
.rolling1 div.slideBn1 {position:relative; overflow:hidden; float:left; width:500px; height:125px; overflow:hidden; }
.rolling1 div.slideBn1 ul {position:absolute; left:0px; top:0px; width:20000px; height:125px; overflow:hidden; }
.rolling1 div.slideBn1 ul li {float:left; width:105px; height:67px;  background:url(../images/line1.gif) no-repeat center left;  }
.rolling1 div.slideBn1 ul li:first-child { background:none; }
.rolling1 div.slideBn1 ul li a { display:block; width:80px; height:125px; color:#bf2e1a; font-weight:bold; font-size:12px; background-position:center top; text-indent:-10000px; }


.new1 { background:url(../images/new_01.jpg) no-repeat; }
.new2 { background:url(../images/new_02.jpg) no-repeat; }
.new3 { background:url(../images/new_03.jpg) no-repeat; }
.new4 { background:url(../images/new_04.jpg) no-repeat; }
.new5 { background:url(../images/new_05.jpg) no-repeat; }


.rolling2 { float:left; width:610px;  overflow:hidden; padding:20px 0 0 5px}
.rolling2 a.btnPrev1 { display:block; float:left; width:17px; height:17px; margin:45px 10px 0 0px; background:url(../images/ic_quick_prev.jpg)  center no-repeat; text-indent:-10000px; }
.rolling2 a.btnNext1 { display:block; float:left; width:17px; height:17px; margin:45px 0 0 10px; background:url(../images/ic_quick_next.jpg)  center no-repeat; text-indent:-10000px; }
.rolling2 div.slideBn1 {position:relative; overflow:hidden; float:left; width:500px; height:125px; overflow:hidden; }
.rolling2 div.slideBn1 ul {position:absolute; left:0px; top:0px; width:20000px; height:125px; overflow:hidden; }
.rolling2 div.slideBn1 ul li {float:left; width:105px; height:67px;  background:url(../images/line1.gif) no-repeat center left;  }
.rolling2 div.slideBn1 ul li:first-child { background:none; }
.rolling2 div.slideBn1 ul li a { display:block; width:80px; height:125px; color:#bf2e1a; font-weight:bold; font-size:12px; background-position:center top; text-indent:-10000px; }



.acc1 { background:url(../images/acc_01.jpg) no-repeat; }
.acc2 { background:url(../images/acc_02.jpg) no-repeat; }
.acc3 { background:url(../images/acc_03.jpg) no-repeat; }
.acc4 { background:url(../images/acc_04.jpg) no-repeat; }
.acc5 { background:url(../images/acc_05.jpg) no-repeat; }



a:link{color:white; text-decoration:none} 
a:visited{color:white; text-decoration:none} 
a:hover{color:white; text-decoration:underline}