@charset "utf-8";

@import url(common.css);



.clear2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }





#wrap{min-width:1348px;position:relative}

#header{ z-index:1100; position:relative; background:url(../img/bg_header.gif)}

#header .topbox .allbox{width:100%;background:#d6e331}


#header .topbox .leftbox img{display:inline;margin-right:1px}


#header .topbox .rightbox img{display:inline;margin-left:1px}

#header .box{width:1004px;margin:0 auto;padding-right:100px}

#header .logo{margin:19px 44px 0 19px}

#header .img{margin-top:25px}

#header .searchbox{width:279px;height:26px;border:3px solid #d49677;position:relative;margin:36px 0 0 85px;background:#fff}

#header .searchbox .up{position:absolute;top:-1px;left:-1px;cursor:pointer}

#header .searchbox .down{position:absolute;bottom:-1px;left:-1px;cursor:pointer}

#header .searchbox .ipt{width:233px;height:14px;border:1px solid #fff;padding:4px 0 6px 6px}

#header .menubox{width:350px}

#header .topmenu{padding:27px 0 14px}

#header .topmenu .fl{margin-left:14px}




#header .h_menu .last{padding-right:0;background:none}


#header .navi{ position:relative; background:url(../img/bg_navi.gif); height:50px}

#header .navi .clear2{position:absolute;left:50%;margin-left:-520px;width:945px;padding-left:22px;padding-right:74px; z-index:999}

#header .navi .dep1li{background:url(../img/bg_navi.png) repeat-x left 51px;position:relative }

#header .navi .dep1li ul{padding-top:9px;display:none;width:196px;position:absolute;background:url(../img/bg_navi3.gif) no-repeat left 5px;top:45px;left:0}

#header .navi .dep1li ul.dep2_m1{width:167px}

#header .navi .dep1li ul.dep2_m2{width:167px}

#header .navi .dep1li ul.dep2_m3{width:167px}

#header .navi .dep1li ul.dep2_m4{width:167px}

#header .navi .dep1li ul.dep2_m5{width:167px}

#header .navi .dep1li ul.dep2_m6{width:167px}

#header .navi .dep1li ul li{padding:5px 0 6px 15px;height:20px;position:relative;z-index:1000}

*:first-child+html #header .navi .dep1li ul li{padding:4px 0 5px 15px;}

#header .navi .dep1li ul li.on{background:#e84406}

#header .navi .dep1li .bg_on{background:url(../img/bg_navi4.gif) no-repeat;margin:0;padding:0;width:208px;height:33px;position:absolute;top:0;left:-6px;z-index:100;display:none}

#header .navi .dep1li .bg_on img{display:none}

#header .navi .dep1li .dep2_m1 .bg_on{background:url(../img/bg_navi_m1.gif) no-repeat;width:179px}

#header .navi .dep1li .dep2_m2 .bg_on{background:url(../img/bg_navi_m2.gif) no-repeat;width:179px}

#header .navi .dep1li .dep2_m3 .bg_on{background:url(../img/bg_navi_m3.gif) no-repeat;width:179px}

#header .navi .dep1li .dep2_m4 .bg_on{background:url(../img/bg_navi_m4.gif) no-repeat;width:179px}

#header .navi .dep1li .dep2_m5 .bg_on{background:url(../img/bg_navi_m5.gif) no-repeat;width:179px}

#header .navi .dep1li .dep2_m6 .bg_on{background:url(../img/bg_navi_m6.gif) no-repeat;width:179px}

#container{position:relative}

.quick{position:absolute;top:0;right:0;width:74px;background:url(../img/bg_quick.gif) repeat-y;height:100%;z-index:20000}

.kakao{width:0;height:100%;position:absolute;top:0;right:0;display:none;background:#f9e81e;z-index:20000}

.kakao .box{width:463px;height:670px;padding-top:21px;position:relative;background:url(../img/kakao_img9.gif) no-repeat right 255px}

.kakao .title{margin:0 0 32px 18px}

.kakao .line{padding:0 0 14px 18px}

.kakao .ipt{height:23px;border:1px solid #b9b9b9; line-height:23px;}

.kakao .select{height:23px;border:1px solid #b9b9b9}

.kakao textarea{width:214px;height:95px;border:1px solid #b9b9b9}

.kakao .checkbox{padding-left:76px;margin-bottom:15px;width:270px}

.kakao .checkbox .fl{width:19px}

.kakao .checkbox .txt{width:250px}

.kakao .btnbox{padding-left:80px} 

.kakao .close{position:absolute;right:0;top:0;cursor:pointer}

.visual_btn{position:absolute;z-index:10000;width:100%}
.visual_btn .visual_btn_box{position:absolute;width:1004px;padding-right:74px;left:50%;margin-left:-502px;z-index:10000}
.visual_btn .prev{position:absolute;cursor:pointer;top:252px;left:-90px}

.visual_btn .next{position:absolute;cursor:pointer;top:252px;right:-70px}

.visual_btn .btnboxbg{position:relative;position:absolute;top:427px;left:281px;width:630px;height:73px;background:url(../img/bg_visual_btn2.png) left bottom;}

.visual_btn .btnbox{position:absolute;left:0;top:-19px;width:675px;height:73px;padding:0 0 0 10px;}

.visual_btn .btnbox img{cursor:pointer}

.visual_box{height:500px;position:relative}

.visualbox{background:#d2d3d5 url(../img/bg_main_visual.jpg) no-repeat center;position:absolute;width:100%;height:500px}

.visual1{z-index:1}

.visual2{background:#cfd6e6 url(../img/bg_main_visual2.jpg) no-repeat center}

.visual3{background:#f0e7e2 url(../img/bg_main_visual3.jpg) no-repeat center}

.visual4{background:#f0e7e2 url(../img/bg_main_visual4.jpg) no-repeat center}

.visual1 .box div,.visual2 .box div,.visual3 .box,.visual4 .box div{position:absolute}

.visual1 .img1{top:314px;left:170px}

.visual1 .img2{top:20px;left:410px}

.visual1 .img3{top:210px;left:490px}

.visual2 .img1{top:20px;left:480px}

.visual2 .img2{top:206px;left:480px}

.visual2 .img3{top:240px;left:550px}

.visual2 .img4{top:114px;left:30px}

.visual2 .img5{top:118px;left:790px}

.visual2 .img6{top:180px;left:555px}




.visualbox .box{width:1200px;height:500px;position:relative;margin:0 auto;padding:0 74px;overflow:hidden}

#contents .box{width:1004px;padding-right:74px;margin:0 auto}

.box1{padding:35px 0;border-top:3px solid #2b2b2b}

.con1{width:314px;height:162px;margin-right:30px}

.con1 .board,.con2 .board{position:relative}

.con1 .title,.con2 .title,.con3 .title{margin:15px 0}

.con1 ul,.con2 ul{width:312px;left:0}

.con1 ul li,.con2 ul li{line-height:19px;padding-left:9px;width:303px;background:url(../img/bullet1.gif) no-repeat left 7px}

.con1 ul li .fl,.con2 ul li .fl{width:255px}

.con1 ul li .fl span,.con2 ul li .fl span{color:#222}

.con1 ul li .fl a,.con2 ul li .fl a{color:#7c7c7c}

.con1 ul li .fl img,.con2 ul li .fl img{display:inline}

.con1 ul li .fr,.con2 ul li .fr{width:48px;text-align:right;color:#666}

.con1 .more,.con2 .more,.con3 .more{position:absolute;top:4px;right:0px}

.con2{width:312px;height:162px;margin-right:32px}

.con3{width:312px;height:162px;position:relative}

.con3 .con3_controller{position:absolute;right:30px;top:0;}

.con3 .leftbox{width:134px;height:108px;border:1px solid #d9d9d9;padding:1px;margin-right:6px;}

.con3 .rightbox{width:134px;height:108px;border:1px solid #d9d9d9;padding:1px}

.con3 .clear img{width:134px;height:108px}

.con3 .phtbox{width:282px}

.con3 .clear .prev{cursor:pointer;margin:35px 9px 0 0;width:13px;height:24px}

.con3 .clear .next{cursor:pointer;margin:35px 0 0 8px;width:13px;height:24px}

.box2 .box{position:relative}

.box2 .con4,.box2 .con5,.box2 .con6,.box2 .con7{position:relative;padding-top:23px}

.box2 .tab{cursor:pointer;position:absolute;top:0;left:0;z-index:1000}

.box2 .pop_img{position:absolute;top:23px;left:0}

.box2 .con7 .pop_img{left:-249px}

.box2 .con5 .pop_img{left:-250px}

.main_bf{margin-top:49px}
.main_bf .box .con{background:url(../img/bg_main_bf.gif);padding-top:14px}
.main_bf .bf_title{margin-left:283px}
.main_bf .ctrlbox{margin-right:34px;padding-top:62px}
.main_bf .ctrlbox .fl{cursor:pointer;margin-left:1px}
.main_bf .phtbox{margin:15px 0 0 36px;width:930px;height:213px;overflow:hidden;position:relative}
.main_bf .phtbox .movebox{width:10000px;position:absolute;top:0;left:0}
.main_bf .phtbox .movebox .fl{margin-right:20px}
.box3{padding-top:35px}

.box3 .box{height:284px}

.box3 .fl{margin:0 13px 10px 0}

.box3 .last{margin-right:0}

.box3 .box{width:1004px;padding:0 74px;margin:0 auto}

#container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#footer{}

#footer .box{width:1004px;padding:0 74px;margin:0 auto}

#footer .branch{padding:40px 0 45px;background:#3d3d3d}

#footer .sitemap{padding-top:40px;background:#282828}

#footer .info{background:#1f1f1f;padding:14px 0 40px}

#footer .logo{margin-right:10px}

#footer .cont{width:650px}

#footer .cont ul.clear{margin:11px 0 7px}

#footer .cont ul.clear .fl{padding:0 8px 0 9px;background:url(../img/bg_footmenu.gif) no-repeat left 1px}

#footer .cont ul.clear .first{padding-left:0;background:none}

#footer .sns{margin-top:11px}