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

/* header */

/* 스킵 메뉴 */
#skipnavigation {position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:999999999999; line-height:0px; font-size:0px;}
#skipnavigation a{display:block; text-align:center; width: 100%; line-height:0px; font-size:0px;}
#skipnavigation a:focus, #skipnavigation a:hover, #skipnavigation a:active {position:absolute; left:0px; top:1000px; padding: 8px 0;  display:block; height:30px; background:#20262c; font-size:14px; font-weight:bold; line-height:24px; color:#fff;}

.wraper { width:100%;}
/* 서브메뉴 스킨색상 */
.header_w {width:100%; min-width:1200px; position:relative; left:0; top:0; z-index:9998; background:#fff url('/images/common/bg_header.gif') 0 0 repeat-x; overflow:hidden; border-bottom:#df2428 solid 2px;}
.header {width:100%; height:70px; max-width:1200px; min-width:1200px; margin:0 auto; position:relative}
.gnb { width:1000px;}
.desk {display:block;}
.hide {width:1px;height:1px;position:absolute;left:-5000px;top:-5000px;z-index:-100;text-indent:-2000px;}

/* logo */
.header h1 { position:absolute; top:25px; left:10px}
.header .snb { position:absolute; top:32px; right:0px; }
.header .snb li { float:left; background:url('/images/common/bg_snb.jpg') right 3px no-repeat; padding:0 8px 0 10px; font-weight:700 }
.header .snb>li a { color:#999}
.header .snb>li.last { background:none}

/* gnb > depth01 */
.header .dep01 {float:left;margin:32px 0 0 208px;height:45px;margin-left:320px}
.header .dep01>li {position:relative; }
.header .dep01>li>a {margin-left:80px;height:45px;line-height:18px; display:inline-block; font-size:0; background:url(/images/common/gnb.png) 0 0 no-repeat;}
.header .dep01>li:first-child>a {margin-left:0;}
.header .dep01>li.work>a { background-position:-3px 0;width:71px; height:19px; }
.header .dep01>li.work>a:hover {background-position:-3px -19px; height:22px;}
.header .dep01>li.work>a.on {background-position:-3px -19px; height:22px;}
.header .dep01>li.company>a { background-position:-148px 0;width:71px; height:19px; }
.header .dep01>li.company>a:hover {background-position:-148px -19px; height:22px;}
.header .dep01>li.company>a.on {background-position:-148px -19px; height:22px;}
.header .dep01>li.employ>a { background-position:-480px 0;width:75px; height:19px; }
.header .dep01>li.employ>a:hover {background-position:-480px -19px; height:22px;}
.header .dep01>li.employ>a.on {background-position:-480px -19px; height:22px;}
.header .dep01>li.customer>a { background-position:-633px 0;width:71px; height:19px; }
.header .dep01>li.customer>a:hover {background-position:-633px -19px; height:22px;}
.header .dep01>li.customer>a.on {background-position:-633px -19px; height:22px;}

/* gnb > depth02 */
.header .dep02 {width:100%;min-width:860px;margin:0 auto; position:absolute;top:37px;display:none}
.header .dep02::after {content:" ";display:block;clear:both;}
.header .dep02 li {float:left;font-size:14px;position:relative;}
.header .dep02 li a {display:inline-block;height:45px; margin-top:9px;line-height:45px;color:#fff;padding:0 30px;}
.header .dep02 li a:focus, .dep02 li a:hover {background-color:#AC191C; font-weight:700; text-decoration:none}
.header .dep02 li.hv>a{background:url('../../images/common/bg_depth_on.png') no-repeat right 0}
.header .dep02 li.hv>a:hover {background:url('../../images/common/bg_depth_onn.png') no-repeat right 0}
.header .dep02 li.hv>a.on {background:url('../../images/common/bg_depth_onn.png') no-repeat right 0}
.header .dep02 li a.on { font-weight:700; background-color:#AC191C; }
.header .dep02 li.hv>a.on{background:url('../../images/common/bg_depth_on.png') no-repeat right 0 #346dbb}
.header .work .dep02{display:none; left:-150px}
.header .company .dep02{display:none; left:-90px}
.header .manage .dep02{display:none; left:-210px}
.header .employ .dep02{display:none; left:-5px}
.header .customer .dep02{display:none; left:-50px}
/*gnb > depth03*/
.header .dep03{width:100%;min-width:800px;padding-left:100px;position:absolute;top:45px;display:none;}
.header .dep03 li a{color:#555;padding:0 20px; display:inline-block}
.header .dep03 li a.on {color:#06377b; text-decoration:underline; background:#fff}
.header .dep03 li:first-child a{padding-left:30px;}
.header .dep03 li a:focus,.dep03 li a:hover{background-color:#fff;color:#06377b; text-decoration:underline}
.disbl { display:block !important}


.left100 { left:-100px;}
.left195 { left:-195px;}
.left330 { left:-330px;}
.left475 { left:-475px;}
.left286 { left:-286px;}
.left214 { left:-214px;}
.left225 { left:-225px;}

/* LIST FLOAT */
.flt::after{content:" ";display:block;clear:both;}
.flt>li{float:left;}
.flt>li:first-child{margin-left:0 !important;}
.flt>li:last-child{padding-right:0 !important}


/* site map */
#sitemap_area { display:none; position:absolute; top:0px; left:50%; margin-left:-610px; width:1210px; height:901px; background:url('../../images/common/bg_sitemap.png') 0 0 no-repeat; outline:none}
#sitemap_area .title { padding:18px 0 0 35px; font-size:34px; color:#fff}
#sitemap_area .section { padding:20px 0 0 35px;}
#sitemap_area .section .sec_manu { float:left; width:237px;}
#sitemap_area .section .sec_manu ul { padding:0; background:none; height:auto; width:auto}
#sitemap_area .section .sec_manu>li a { font-size:22px; color:#06377b;  display:block; background:none}
#sitemap_area .section .sec_manu>li ul>li a { font-size:15px; color:#777; padding:15px 0 7px; font-weight:600}
#sitemap_area .section .sec_manu>li ul>li ul>li a{ font-size:13px; color:#999; background:url('../../images/common/blit03.gif') left 7px no-repeat; padding:0 0 4px 10px; font-weight:500}
#sitemap_area #close { position:absolute; top:30px; left:1155px; display:block}
#blind_box {position:absolute; top:0; left:0; width:100%; height:100%; min-height:100% !important; background:#000; z-index:50;} 
#sitemap_area .sec01 { position:absolute; top:67px; left:2px; background:url(../../images/common/sitemap_1.png) 0 0 no-repeat; width:244px; height:823px; z-index:-1; display:none}
#sitemap_area .sec02 { position:absolute; top:67px; left:246px; background:#f5f8fb; width:239px; height:823px; z-index:-1; display:none}
#sitemap_area .sec03 { position:absolute; top:67px; left:486px; background:#f5f8fb; width:237px; height:823px; z-index:-1; display:none}
#sitemap_area .sec04 { position:absolute; top:67px; left:726px; background:#f5f8fb; width:237px; height:823px; z-index:-1; display:none}
#sitemap_area .sec05 { position:absolute; top:67px; left:965px; background:#f5f8fb; width:237px; height:391px; z-index:-1; display:none}
#sitemap_area .sec06 { position:absolute; top:459px; left:966px; background:url(../../images/common/sitemap_2.png) 0 0 no-repeat; width:238px; height:440px; z-index:-1; display:none}
.sitemap_btn {cursor:pointer; }
.w217 { width:217px !important;}
.pt158 { padding-top:158px !important;}
.pt200 { padding-top:200px !important;}
.pt123 { padding-top:123px;}



/* main contents*/
#contents_visual { width:100%; background-color:#f6f6f6;}
#contents_visual #contents2 { position:relative; width:1160px;  margin:0 auto; }
#contents_visual #contents2 .main_visual { height:430px}
#container_contents { width:100%; background:#fff; }
#container_contents #contents3 { position:relative; width:1160px;  margin:0 auto; padding-top:0px; }
#contents3 .m_section { position:relative; width:370px; height:212px; background:url(../../images/main/section_bg.jpg) 0 0 no-repeat; float:left; margin:0 0 35px 25px;}
#contents3 .m_section .title { font-size:20px; padding:18px 0 20px 24px}
#contents3 .m_section .title a {color:#333; }
#contents3 .m_section ul.st1 { padding:0 0 15px 20px; width:335px; letter-spacing:-1px;}
#contents3 .m_section ul.st1>li { font-size:14px; background:url(../../images/common/blit03.gif) left 7px no-repeat; padding:0 0 7px 8px;}
#contents3 .m_section ul.st1>li a {color:#555; }
#contents3 .m_section ul.st1>li>ul { padding:7px 0 0 8px;}
#contents3 .m_section ul.st1>li>ul li { font-size:12px; color:#888; background:none; }
#contents3 .m_section ul.st1>li>ul li span { display:block; font-size:11px; color:#aaa; font-family:Tahoma, Geneva, sans-serif; padding-top:2px}
#contents3 .m_section ul.st2 { padding:0 0 15px 20px; width:340px; letter-spacing:-1px;}
#contents3 .m_section ul.st2>li { font-size:13px; background:url(../../images/common/blit03.gif) left 7px no-repeat; padding:0 0 10px 8px;}
#contents3 .m_section ul.st2>li a {color:#888; }
#contents3 .m_section ul.st2>li span { font-size:14px; color:#06377b; display:inline-block; width:85px;}
#contents3 .m_section ul.st3 { padding:0 0 15px 20px; width:335px; height:130px; letter-spacing:-1px; background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section_bg_img.jpg) 20px -20px no-repeat;}
#contents3 .m_section ul.st3>li { font-size:14px; background:url(../../images/common/blit03.gif) left 7px no-repeat; padding:0 0 7px 8px;}
#contents3 .m_section ul.st3>li a {color:#555; }
#contents3 .m_section a.morelink { position:absolute; top:35px; right:15px; font-size:11px; color:#666; font-family:'돋움','Dotum'; background:url(../../images/common/icon_more.gif) left 2px no-repeat; padding-left:10px;}

#contents3 .mainbne {}

#contents3 .pagelink { margin:20px 0 50px; height:100px;}
#contents3 .pagelink .pagebox { width:368px; float:left; margin-left:25px; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2}
#contents3 .pagelink .pagebox > li { margin-left:15px; margin-bottom:5px; font-size:14px; color:#666;font-weight:bold;}
#contents3 .pagelink .pagebox > span { margin-left:20px; margin-top:10px; margin-bottom:10px; font-size:12px; color:#000;}
#contents3 .pagelink .pagebox:first-child { margin-left:0}

.ml25 { margin-left:25px;}


#container_section { width:100%; background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/bg_section_2.gif) center top no-repeat; height:75px}
.main_cont{width:1200px; margin:0 auto;}
.section_link { float:left; position:relative; width:300px; overflow:visible;  }
.section_link .button { width:300px; height:70px; overflow:hidden; display:inline-block;}
.section_link ul { display:none; position:absolute; bottom:70px; left:0; z-index:10000; width:417px; background:#fff; }
.section_link ul li {}
.section_link ul li div {}
.section_link ul li div ul { position:absolute; top:30px; left:20px; display:inline-block; background:none; width:300px; height:80px;}
.section_link ul li div ul li { float:left; width:125px; font-size:15px; background: url(../../images/common/blit03.gif) left 13px no-repeat; padding-left:9px;}
.section_link ul li div ul li a {color:#333; background:none; padding:5px 0}
.section_link ul li div ul li a:hover {text-decoration:underline; color:#06377b; background:none}
.section_link ul li div ul li a.on { text-decoration:underline; color:#06377b; background:none}
.section_link ul li a { display:block; overflow:hidden; padding:7px 5px; color:#404040; background:#fff; font-size:0.9em; }

.sec0 ul { width:300px; height:280px; background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section1.png) 0 0 no-repeat}
.sec0 a {background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section1.jpg) 0 0 no-repeat; }
.sec0 a.on { background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/open1.jpg) left bottom no-repeat;}

.sec1 ul { width:300px; height:280px; background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section2.png) 0 0 no-repeat}
.sec1 a {background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section2.jpg) 0 0 no-repeat; }
.sec1 a.on { background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/open2.jpg) left bottom no-repeat;}

.sec2 ul {width:300px; height:280px; background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section3.png) 0 0 no-repeat}
.sec2 a {background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section3.jpg) 0 0 no-repeat;}
.sec2 a.on { background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/open3.jpg) left bottom no-repeat;}

.sec3 ul {width:300px; height:280px; background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section4.png) 0 0 no-repeat}
.sec3 a {background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/section4.jpg) 0 0 no-repeat;}
.sec3 a.on { background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/open4.jpg) left bottom no-repeat;}

/*.slink1 { background:url(../../images/main/section1.jpg) 0 0 no-repeat;  }
.slink2 { background:url(../../images/main/section2.jpg) 0 0 no-repeat;}
.slink3 { background:url(../../images/main/section3.jpg) 0 0 no-repeat;}*/


/* 메인 롤링 */
#slides {}
#slides .slidesjs-navigation { position:absolute; bottom:20px; z-index:100}
#slides a.slidesjs-next { left:70px; display:none}
#slides a.slidesjs-previous { left:50px; display:none}
#slides a.slidesjs-play, a.slidesjs-stop { left:130px}
#slides a.slidesjs-next,
#slides a.slidesjs-previous,
#slides a.slidesjs-play,
#slides a.slidesjs-stop {background: url(../../../html_%EB%82%A8%EB%B6%80/images/main/btns-next-prev2.png);background-repeat: no-repeat;display:block; width:12px; height:18px; overflow: hidden;text-indent: -9999px;float:left; margin-right:5px;}
#slides a.slidesjs-next { margin-right:10px; background-position: -12px 0; display:none}
#slides a:hover.slidesjs-next { background-position: -12px -18px;display:none }
#slides a.slidesjs-previous { background-position: 0 0; display:none}
#slides a:hover.slidesjs-previous { background-position: 0 -18px;display:none}
#slides a.slidesjs-play { width:15px;background-position: -25px 0; }
#slides a:hover.slidesjs-play {background-position: -25px -18px; }
#slides a.slidesjs-stop { width:18px; background-position: -41px 0; }
#slides a:hover.slidesjs-stop { background-position: -41px -18px; }
#slides .slidesjs-pagination {position:absolute; bottom:22px; left:80px; z-index:100; list-style: none; }
#slides .slidesjs-pagination li { float: left; margin: 0 1px; }
#slides .slidesjs-pagination li a {display: block;width: 13px; height: 0;padding-top: 13px;background:url(../../../html_%EB%82%A8%EB%B6%80/images/main/pagination2.png); background-position: 0 0; float: left;overflow: hidden;}
#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active {background-position: 0 -13px }
#slides .slidesjs-pagination li a:hover { background-position: 0 -26px}
#slides a:link,
#slides a:visited { color: #333 }
#slides a:hover,
#slides a:active {color: #9e2020}
.navbar {overflow: hidden }

/* sub contents*/
#container { width:100%; background-color:#fff; }
#container #contents { position:relative; width:1200px; margin:0 auto; background-color:#fff; }
#container #contents .title_area { position:relative; width:1040px; margin:0 auto; margin-bottom:26px; padding-top:30px; background:url(../../images/common/tit_line.gif) 0 115px repeat-x;}
#container #contents .title_area .page_depth { position:absolute; bottom:20px; right:8px}
#container #contents .title_area .page_depth li { float:left; font-size:12px; padding:0 14px 0 7px;color:#777; background:url(../../images/common/blit_depth.gif) right 4px no-repeat;}
#container #contents .title_area .page_depth li.last { color:#444; background:none}
#container #contents .title_area h4 { font-size:30px; color:#000; font-weight:600; padding:0 0 17px 20px;}
#container #contents .title_area h4 span { font-size:15px; color:#777; display:block; font-weight:normal; padding-top:15px}

#container #contents .title_area_location { position:relative; width:1040px; margin:0 auto; margin-bottom:26px; padding-top:30px; background:url(../../images/common/tit_line.gif) 0 82px repeat-x;}
#container #contents .title_area_location .page_depth { position:absolute; bottom:20px; right:8px}
#container #contents .title_area_location .page_depth li { float:left; font-size:12px; padding:0 14px 0 7px;color:#777; background:url(../../images/common/blit_depth.gif) right 4px no-repeat;}
#container #contents .title_area_location .page_depth li.last { color:#444; background:none}
#container #contents .title_area_location h4 { font-size:30px; color:#000; font-weight:600; padding:0 0 17px 20px;}
#container #contents .title_area_location h4 span { font-size:15px; color:#777; display:block; font-weight:normal; padding-top:15px}

/* footer */
#footer { width:100%; height:116px; background:url(../../images/common/bg_footer.jpg) 0 0 repeat-x; border-top:#CCC solid 1px; }
#footer .footer_area { position:relative; width:1200px; height:110px; margin:0 auto; background:url(../../images/common/bg_footer.gif) 0 0 no-repeat;}
#footer .footer_area .logo_footer { position:absolute; top:60px; left:10px;}
#footer .footer_area .footer_list { padding:13px 0 0 0px; display:inline-block}
#footer .footer_area .footer_list li { float:left; width:240px; text-align:center }
#footer .footer_area .footer_list li a { display:block; color:#666666}
#footer .footer_area .footer_list li a:hover { color:#666666; text-decoration:none}
#footer .footer_area .footer_list li a.on { color:#666666;}
/*.footer_list li.li6 a { width:149px; height:14px; background:url(../../images/common/txt_footer6.png) 0 0 no-repeat;}
.footer_list li.li6 a:hover { background-position:0 -14px}*/
#footer .footer_area .add { position:absolute; top:60px; left:200px; font-size:11px; color:#777; line-height:18px;}
#footer .footer_area .familysite { position:absolute; top:55px; right:200px; width:206px;}
#footer .footer_area .familysite select { float:left; width:150px; height:20px; background:#fff; margin-top:2px; border:1px solid #e5e5e5; font-size:11px; color:#999; display:inline-block; vertical-align:top}
#footer .footer_area .familysite .btn_go { display:inline-block; float:right; width:45px; height:23px; background: url(../../images/common/btn_family.gif) 0 0 no-repeat    ; text-indent:-9999em; border:0; cursor:pointer; }
#footer .footer_area .webwatch { position:absolute; top:45px; right:63px;}

.writearea {padding:30px; text-align:center}
a.write {width:120px; padding:6px 10px 8px; background:#6699cc; color:#fff; border:1px solid #ccc; line-height:24px; margin-left:10px; font-size:14px;}


.steparea {padding:10px; text-align:left}
.write_line {background-color: #cbcbcb; height:1px; margin-top:4px;}
a.write  {width:220px; padding:6px 10px 8px; background:#626262; color:#fff; border:1px solid #ccc; line-height:24px; margin-left:0px; font-size:15px;}
a.write2 {width:220px; padding:6px 10px 8px; background:#fff; color:#000; border:1px solid #ccc; line-height:24px; margin-left:0px; font-size:15px; cursor:hand;}
a.write3 {width:120px; padding:6px 30px 8px; background:#6699cc; color:#fff; border:1px solid #ccc; line-height:24px; margin-left:10px; font-size:14px; cursor:default;}
a.write2:link {text-decoration: none;}
a.write2:visited {text-decoration: none;}
a.write2:hover {text-decoration: none;}
a.write2:active {text-decoration: none;}
a.write3:link {text-decoration: none;}
a.write3:visited {text-decoration: none;}
a.write3:hover {text-decoration: none;}
a.write3:active {text-decoration: none;}


.btn_l {padding:10px; text-align:right}
a.btn_l {padding:6px 5px 8px; margin-left:10px;}