﻿@charset "utf-8";

legend { display:none; }

/*.wrap {width:1000px; margin:0 auto;}
.top{width:960px; overflow:hidden; padding:30px 41px 0 0}
.top p.logo{padding:0; float:left;}
.top ul.util{width:250px; overflow:hidden;margin:0; padding:0;float:right;}
.top ul.util li{float:left;padding-left:13px}
.navi{ width:1000px;height:62px;}
.navi:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.navi p.gropname{background:url("bg_grop.gif") 0 0 no-repeat; width:179px; text-align:center; padding:10px 0; float:left;}
.navi .main_navi{background:url("bg_navi.jpg") 0 0 no-repeat; float:right; width:804px; margin:0; padding:0; overflow:hidden; }
2010-10-18
*/
/*상단 컨텐츠*/
.wrap{width:1020px; margin:0 auto;}
.header{position:relative; _height:361px;}
.header p.logo{position:absolute; width:137px; height:52px; top:24px; left:55px;}
.header .util{position:absolute;right:0;top:30px; width:100%; overflow:hidden}
.header .util .utilset{float:right;}
.header .util .utilset li{float:left;}
.header .util .utilset li a{font-size:11px; padding:0 7px; background:url("icon_set.gif") 0 4px no-repeat;}
.header .util .utilset li a.bg_non{background:none;}
.header .util .utilset li a span.util01{font-size:11px; color:#3d70f1;}
.header .util .utilset li a span.util02{font-size:11px; color:#ff0000;}
.header .navi_area{position:relative;}
.header .navi_area .navi_wrap{width:100%; overflow:hidden; margin-top:3px; padding:0 0 0 11px;}
.header .navi_area .navi_wrap li{float:left;}
/*
.header .navi_area .navi_wrap li a{display:block; height:47px; float:left; background:url("main_navibox.gif") 0 0 no-repeat;}
.header .navi_area .navi_wrap li a span{position:relative; z-index:-1; overflow:hidden; display:block;}
*/
.header .navi_area .navi_wrap .mbtn01{background-position:0 -47px; width:135px;}
.header .navi_area .navi_wrap .mbtn02{background-position:-135px -47px; width:146px;}
.header .navi_area .navi_wrap .mbtn03{background-position:-281px -47px; width:133px;}
.header .navi_area .navi_wrap .mbtn04{background-position:-414px -47px; width:173px;}
.header .navi_area .navi_wrap .mbtn05{background-position:-587px -47px; width:120px;}
.header .navi_area .navi_wrap .mbtn06{background-position:-707px -47px; width:138px;}
.header .navi_area .navi_wrap .mbtn07{background-position:-845px -47px; width:148px;}
.header .navi_area .navi_wrap .mbtn01on{background-position:0 0; width:135px;}
.header .navi_area .navi_wrap .mbtn02on{background-position:-135px 0; width:146px;}
.header .navi_area .navi_wrap .mbtn03on{background-position:-281px 0; width:133px;}
.header .navi_area .navi_wrap .mbtn04on{background-position:-414px 0; width:173px;}
.header .navi_area .navi_wrap .mbtn05on{background-position:-587px 0; width:120px;}
.header .navi_area .navi_wrap .mbtn06on{background-position:-707px 0; width:138px;}
.header .navi_area .navi_wrap .mbtn07on{background-position:-845px 0; width:148px;}

.container{margin:27px 0 0 0; background:url("bg_content01.gif") 0 0 no-repeat; padding-top:11px; position:relative;}
.container .contain_wrap{padding:0 11px 11px; background:url("bg_content02.gif") 0 bottom no-repeat; width:100%; _height:846px; min-height:846px;}
.container .contain_wrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.container .contain_wrap .left_area{width:181px; float:left; background:url("icon_01.gif") 125px 18px no-repeat; padding:0 0 0 18px; margin-right:20px;}
.container .contain_wrap .content_area{width:716px; float:left; margin-right:20px; background:url("bg_content05.gif") right 0 no-repeat; margin-top:-11px; padding-top:11px; overflow:hidden;}
.container .contain_wrap .qmenu_area{width:40px; float:left; position:relative;}
/*  background:url("bg_content05.gif") 0 0 no-repeat; height: 145px; position:relative; top:-10px; */
.container .contain_wrap .left_area h2.qinfo{padding:22px 0 28px 0; }
.container .contain_wrap .left_area .wrap_leftm .carlst{width:169px; margin:0; padding:0;}
.container .contain_wrap .left_area .wrap_leftm .carlst li{margin-bottom:2px;}
/*
.container .contain_wrap .left_area .wrap_leftm .carlst li a{display:block; height:29px; background:url("left_navibox.gif") 0 0 no-repeat;}
.container .contain_wrap .left_area .wrap_leftm .carlst li a span{position:relative; z-index:-1; overflow:hidden; display:block;}
*/
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn01{background-position:0 0;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn02{background-position:0 -31px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn03{background-position:0 -62px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn04{background-position:0 -93px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn05{background-position:0 -124px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn06{background-position:0 -155px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn01on{background-position:-169px 0;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn02on{background-position:-169px -31px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn03on{background-position:-169px -62px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn04on{background-position:-169px -93px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn05on{background-position:-169px -124px;}
.container .contain_wrap .left_area .wrap_leftm .carlst li .sbtn06on{background-position:-169px -155px;}
.container .contain_wrap .left_area .banner_area .b_lst{margin-top:11px;}
.container .contain_wrap .left_area .banner_area .b_lst li{padding:2px 0 3px;}
.content_area .m_bannerarea{border:1px solid #dddddd; width:678px; height:42px;}
.content_area .m_contentwrap{background:url("bg_content03.gif") 0 0 no-repeat; width:680px; padding:21px 0 0 0; margin-top:16px;}
.content_area .m_contentwrap .bbs_wrap{background:url("bg_content04.gif") 0 bottom no-repeat; width:100%; overflow:hidden; padding:0 0 0 8px;}

.content_area .m_contentwrap .bbs_wrap .sleft_area{float:left; width:205px; margin:0 8px ;padding:0 0 18px 0;}
.content_area .m_contentwrap .bbs_wrap .scenter_area{float:left; width:205px; margin:0 8px ;padding:0 0 18px 0;}
.content_area .m_contentwrap .bbs_wrap .sright_area{float:left; width:205px; margin:0 8px ;padding:0 0 18px 0;}
/*
.content_area .m_contentwrap .bbs_wrap .carinfo01{float:left; width:205px; margin:0 8px; margin-bottom:18px;}
.content_area .m_contentwrap .bbs_wrap .carinfo02{float:left; width:205px; margin:0 8px; margin-bottom:18px;}
.content_area .m_contentwrap .bbs_wrap .carinfo03{float:left; width:205px; margin:0 8px; margin-bottom:18px;}
.content_area .m_contentwrap .bbs_wrap .carinfo04{float:left; width:205px; margin:0 8px; margin-bottom:18px;}
.content_area .m_contentwrap .bbs_wrap .carinfo05{float:left; width:205px; margin:0 8px; margin-bottom:18px;}
.content_area .m_contentwrap .bbs_wrap .carinfo06{float:left; width:205px; margin:0 8px; margin-bottom:18px;}
*/
.carname01{width:205px; height:32px; background:url("bbsset01.gif") 0 0 no-repeat; text-indent:-1999px; font-size:0;}
.carname02{width:205px; height:32px; background:url("bbsset01.gif") 0 -33px no-repeat; text-indent:-1999px; font-size:0;}
.carname03{width:205px; height:32px; background:url("bbsset01.gif") 0 -67px no-repeat; text-indent:-1999px; font-size:0;}
.carname04{width:205px; height:32px; background:url("bbsset01.gif") 0 -100px no-repeat; text-indent:-1999px; font-size:0;}
.carname05{width:205px; height:32px; background:url("bbsset01.gif") 0 -134px no-repeat; text-indent:-1999px; font-size:0;}
.carname06{width:205px; height:32px; background:url("bbsset01.gif") 0 -167px no-repeat; text-indent:-1999px; font-size:0;}
.bbs01{margin-top:10px;}
.bbs01 .bbswrap01{width:194px; margin:0 auto;}
.bbs01 .bbswrap01 a{font-size:12px; color:#363636;}
.bbs01 .bbswrap01 td{background:url("bbs_line01.gif") 0 bottom repeat-x; padding:6px 0 6px 5px;}
.bbs01 .bbswrap01 td span.bs01{padding:0 0 0 6px; background:url("icon_set.gif") 0 -11px no-repeat; display:inline-block;}
.content_area .c_banner{width:100%; margin-top:20px; height:122px;}
.content_area .c_banner .bannerlst{background:url("bg_lst.gif") 0 0 no-repeat; overflow:hidden; width:100%; height:97px; padding:25px 0 0 32px;}
.content_area .c_banner .bannerlst li{float:left;}
.content_area .c_banner .bannerlst li.banner01{margin-right:79px}
.content_area .c_banner .bannerlst li.banner02{margin-right:74px}
.content_area .c_banner .bannerlst li.banner03{margin-right:73px}
.content_area .fbbswrap{width:699px; overflow:hidden; margin:21px 0 43px;}
.content_area .fbbswrap .bbsarea01{float:left; padding:0 20px 0 0; width:213px; min-height:169px; _height:169px;}
.content_area .fbbswrap .bbsarea02{float:left; padding:0 20px 0 0; width:213px; min-height:169px; _height:169px;}
.content_area .fbbswrap .bbsarea03{float:left; width:213px; padding:0 20px 0 0; min-height:169px; _height:169px;}

.bbs_fwrap{position:relative;}

.bbs_fwrap p.more_btn{position:absolute; top:8px; right:19px; width:35px; height:7px;}
.bbs_fwrap p.more_btn{position:absolute; top:8px; right:19px; width:35px; height:7px;}
.bbs_fwrap p.more_btn{position:absolute; top:8px; right:19px; width:35px; height:7px;}
.bbswrap02{width:100%; border-top:1px solid #3e5d9e;}
.bbswrap02 a *{font-size:12px; color:#878787;}
.bbswrap02 td{padding:8px 0 4px 7px; border-bottom:1px solid #ececec;}
.bbswrap02 td span.bs02{padding:0 0 0 7px; background:url("icon_set.gif") 0 -11px no-repeat; display:inline-block;}
.bbsname01{height:14px;background:url("bbsset02.gif") 0 0 no-repeat;margin-bottom:6px; text-indent:-1999px;}
.bbsname02{height:14px;background:url("bbsset02.gif") 0 -16px no-repeat;margin-bottom:6px; text-indent:-1999px;}
.bbsname03{height:14px;background:url("bbsset02.gif") 0 -32px no-repeat;margin-bottom:6px; text-indent:-1999px;}
.qmenu01{position:absolute; width:71px; background:url("qmenutop.gif") 0 0 no-repeat; right:7px; top:58px; height:27px;}
.qmenu01 .qmenulst{background:url("qmenutop2.gif") 0 bottom no-repeat; margin-top:27px; padding-bottom:27px;}
.qmenu01 .qmenulst .qbannerset{padding:0 0 0 6px;}
.qmenu01 .qmenulst .qbannerset li{padding:8px 0; border-bottom:1px solid #ededed; width:53px;}
.footer{overflow:hidden; width:100%;}
.footer .footlogo{float:left; width:215px; text-align:center; padding:30px 0 46px}
.footer .adress{float:left; padding:11px 0 0 20px;}
.footer .adress .adresstext li.use *{color:#285e99; font-weight:bold;}
.footer .adress .adresstext li.use{padding:0 0 5px 0;}
.footer .adress .adresstext li{font-size:11px; line-height:17px}

/* 서브페이지 */
.content_area .s_contentwrap{width:680px; padding:0 0 0 0; margin-top:0; }
.content_area .s_contentwrap .subtop01{background:url("hrline.gif") 0 bottom repeat-x; position:relative; height:53px; margin-bottom:10px;}
.content_area .s_contentwrap .subtop01 .subname01{padding:11px 0 0 5px;}
.content_area .s_contentwrap .subtop01 p.loction{position:absolute; right:8px; top:27px; text-align:right;}
.content_area .s_contentwrap .subtop01 p.loction span{font-size:11px; color:#888888 !important; font-weight:normal !important;}
.content_area .s_contentwrap .subtop01 p.loction span span.AB_navi_home{font-weight:normal !important;}
.content_area .s_contentwrap .subtop01 p.loction span span.AB_navi_last{font-weight:normal !important; color:#3d70f1 !important}
.content_area .s_contentwrap .subtop01 p.loction span.lot1{font-size:11px; color:#3d70f1}