@charset "euc-kr"; /* Q CL SYSTEM DESIGN TEAM */ /* RESET */ * {margin:0; padding:0;} html,body {width:100%; height:100%} body { background:#FFFFFF; } body, input, button {color:#383D41;font-family:"돋움",Dotum,;font-size:12px;line-height:1.5em;} h1, h3, h4, h5, h6 {font-size:12px;} fieldset, iframe {border:0 none;} img {border:0 none; vertical-align: top;} li {list-style-image:none;list-style-position:outside;list-style-type:none;} a {color:#2F3743;text-decoration:none;} a:hover {color:#339900;text-decoration:underline;} span, em, address {font-style:normal;} /* COMMON */ hr {display:none;} fieldset {border:0; margin:0; padding:0;} h2, legend {display:none; vertical-align: top; font-size:0; width:0; border:0 none; } input {vertical-align:top;} /* LAYOUT */ #wrap {width:976px; margin:0; overflow:hidden; text-align:center; position:relative;} #header , #footer {margin:0 auto; text-align:left; width:976px; float:left; border:0px; } #container_top , #container_main {margin:0 auto; text-align:left; width:976px; float:left; border:0px;} /* HEADER */ #header {position:relative; height:156px; background:url(../kimages/common/bg_gnbsky.jpg) left top; z-index:99; } #header h1 {width:152px; height:43px; position:absolute; top:4px; left:410px; } #gnb {float:left; width:320px; margin:17px 0px 12px 25px;} #gnb li {margin:0; padding:0; float:left; } #gnb .libg { background:url(../kimages/common/bg_hmenu_line.gif) no-repeat right top; padding-right:3px; padding-left:2px;} #gnb .lib {padding-left:3px;} .util { float:right; margin:17px 22px 12px 0px; width:345px; } .util ul {text-align:right; } .util li {float:right; padding-left:7px;} .util p {float:right; text-align:right;} .searchbox {position:absolute; width:340px; text-align:left; top:80px; right:0px;} .searchbox ul li {float:left;} .searchbox .pbg {background:url(../kimages/common/bg_total_search.gif) repeat-x left top; padding-left:3px; width:240px; padding-top:2px; height:23px;} .searchinput {vertical-align:middle; color:#666; border:0; background:url(../kimages/common/bg_total_search_text.gif) no-repeat left 1px; background-color:#f5f5f5; width:230px;} .searchinput_no {vertical-align:middle; color:#666; border:0; background-color:#f5f5f5; width:230px;} div.quickmenu {position:absolute; width:109px; height:600px; left:867; top:170; z-index:-9; overflow:hidden; text-align:left;} .keyword {position:absolute; width:245px; overflow:hidden; text-align:left; top:102px; right:27px; z-index:29; background-color:#999999;} .topbarbg {float:left; width:976px; height:60px; position:relative; text-align:center; background:url(../kimages/common/bg_topbg.png) no-repeat left top; padding-top:17px;} /* MENU */ #h_menu {width:976px; position:absolute; top:42px; left:0;} #h_menu .h_bg {width:976px; position:relative; background-color:#ffffff; height:355px; float:left;} #h_menu .tline {width:976px; height:7px; margin-left:14px; margin-top:5px;} #h_menu .menu {float:left; width:900px; overflow:hidden; margin-left:68px; margin-top:38px; } #h_menu .menu ul li { float:left; width:150px; text-align:left; padding-top:1px; padding-bottom:4px;} #h_menu .menu .depts {float:left; width:150px; text-align:left; padding-bottom:2px; margin-top:18px;} #h_menu .menu .depts li { padding-top:2px; padding-bottom:2px;} #h_menu .menu .pd10 {padding-left:10px;} #h_menu .topbarbg { float:left; width:976px; height:60px; position:relative; text-align:center; background:url(../kimages/common/bg_topbg.png) no-repeat left top;} #h1_menu {width:976px; position:absolute; top:42px; left:0;} #h1_menu .h1_bg {width:976px; position:relative; background-color:#ffffff; height:248px; float:left;} #h1_menu .tline {width:388px; height:14px; margin-left:14px;} #h1_menu .menu1 {float:left; width:275px; overflow:hidden; padding-left:25px; background:url(../kimages/common/bg_menu_left.gif) left top repeat-y;} #h1_menu .menu1 ul li { float:left; width:265px; text-align:left; padding-top:1px; padding-bottom:4px;} #h1_menu .menu1 .line { background:url(../kimages/common/bg_line_left.gif) left bottom no-repeat;} #h1_menu .menu1 .depts {float:right; width:150px; text-align:left; padding-bottom:2px;} #h1_menu .menu1 .depts li { padding-top:1px; padding-bottom:1px;} #h1_menu .menu2 { float:left; width:269px; height:230px; padding-left:16px; background:url(../kimages/common/bg_menu_right.gif) left top no-repeat;} #h1_menu .menu2 ul li { float:left; width:269px; text-align:left; padding-top:1px; padding-bottom:4px;} #h1_menu .menu2 .line { background:url(../kimages/common/bg_line_right.gif) left bottom no-repeat;} #h1_menu .menu2 .depts {float:right; width:150px; text-align:left; padding-bottom:2px;} #h1_menu .menu2 .depts li { padding-top:1px; padding-bottom:1px;} #h1_menu .topbarbg { float:left; width:976px; height:60px; position:relative; text-align:center; background:url(../kimages/common/bg_topbg.png) no-repeat left top;} #h2_menu {width:976px; position:absolute; top:42px; left:0;} #h2_menu .h2_bg {width:976px; position:relative; background-color:#ffffff; height:180px; float:left;} #h2_menu .tline {width:388px; height:14px; margin-left:14px;} #h2_menu .menu1 {float:left; width:265px; overflow:hidden; padding-left:75px; background:url(../kimages/common/bg_menu_left.gif) left top repeat-y;} #h2_menu .menu1 ul li { float:left; width:265px; text-align:left; padding-top:1px; padding-bottom:4px;} #h2_menu .menu1 .line { background:url(../kimages/common/bg_line_left.gif) left bottom no-repeat;} #h2_menu .menu2 { float:left; width:269px; height:160px; padding-left:16px; background:url(../kimages/common/bg_menu_right2.gif) left top no-repeat;} #h2_menu .menu2 ul li { float:left; width:269px; text-align:left; padding-top:1px; padding-bottom:4px;} #h2_menu .menu2 .line { background:url(../kimages/common/bg_line_right.gif) left bottom no-repeat;} #h2_menu .topbarbg { float:left; width:976px; height:60px; position:relative; text-align:center; background:url(../kimages/common/bg_topbg.png) no-repeat left top;} #h3_menu {width:976px; position:absolute; top:42px; left:0;} #h3_menu .h3_bg {width:976px; position:relative; background-color:#ffffff; height:290px; float:left;} #h3_menu .tline {width:388px; height:14px; margin-left:12px;} #h3_menu .menu1 {float:left; width:245px; overflow:hidden; padding-left:110px; background:url(../kimages/common/bg_menu_left.gif) left top repeat-y;} #h3_menu .menu1 ul li { float:left; width:245px; text-align:left; padding-top:1px; padding-bottom:4px;} #h3_menu .menu1 .line { background:url(../kimages/common/bg_line_left.gif) left bottom no-repeat;} #h3_menu .menu1 .depts {float:right; width:130px; text-align:left; padding-bottom:2px;} #h3_menu .menu1 .depts li { padding-top:1px; padding-bottom:1px;} #h3_menu .menu2 { float:left; width:255px; overflow:hidden; padding-left:16px; background:url(../kimages/common/bg_menu_right3.gif) left top no-repeat;} #h3_menu .menu2 ul li { float:left; width:255px; text-align:left; padding-top:1px; padding-bottom:4px;} #h3_menu .menu2 .line { background:url(../kimages/common/bg_line_right.gif) left bottom no-repeat;} #h3_menu .menu2 .depts {float:right; width:130px; text-align:left; padding-bottom:2px;} #h3_menu .menu2 .depts li { padding-top:1px; padding-bottom:1px;} #h3_menu .menu3 { float:left; width:255px; height:270px; padding-left:16px; background:url(../kimages/common/bg_menu_right3.gif) left top no-repeat;} #h3_menu .menu3 ul li { float:left; width:255px; text-align:left; padding-top:1px; padding-bottom:4px;} #h3_menu .menu3 .line { background:url(../kimages/common/bg_line_right.gif) left bottom no-repeat;} #h3_menu .menu3 .depts {float:right; width:130px; text-align:left; padding-bottom:2px;} #h3_menu .menu3 .depts li { padding-top:1px; padding-bottom:1px;} #h3_menu .topbarbg { float:left; width:976px; height:60px; position:relative; text-align:center; background:url(../kimages/common/bg_topbg.png) no-repeat left top;} #h4_menu {width:976px; position:absolute; top:42px; left:0;} #h4_menu .h4_bg {width:976px; position:relative; background-color:#ffffff; height:290px; float:left;} #h4_menu .tline {width:388px; height:14px; margin-left:9px;} #h4_menu .menu1 {float:left; width:265px; overflow:hidden; padding-left:180px; background:url(../kimages/common/bg_menu_left.gif) left top repeat-y;} #h4_menu .menu1 ul li { float:left; width:265px; text-align:left; padding-top:1px; padding-bottom:4px;} #h4_menu .menu1 .line { background:url(../kimages/common/bg_line_left.gif) left bottom no-repeat;} #h4_menu .menu1 .depts {float:right; width:150px; text-align:left; padding-bottom:2px;} #h4_menu .menu1 .depts li { padding-top:1px; padding-bottom:1px;} #h4_menu .menu2 { float:left; width:269px; height:270px; padding-left:16px; background:url(../kimages/common/bg_menu_right3.gif) left top no-repeat;} #h4_menu .menu2 ul li { float:left; width:269px; text-align:left; padding-top:1px; padding-bottom:4px;} #h4_menu .menu2 .line { background:url(../kimages/common/bg_line_right.gif) left bottom no-repeat;} #h4_menu .menu2 .depts {float:right; width:150px; text-align:left; padding-bottom:2px;} #h4_menu .menu2 .depts li { padding-top:1px; padding-bottom:1px;} #h4_menu .topbarbg { float:left; width:976px; height:60px; position:relative; text-align:center; background:url(../kimages/common/bg_topbg.png) no-repeat left top;} #h5_menu {width:976px; position:absolute; top:42px; left:0;} #h5_menu .h5_bg {width:976px; position:relative; background-color:#ffffff; height:210px; float:left;} #h5_menu .tline {width:388px; height:14px; margin-left:7px;} #h5_menu .menu1 {float:left; width:265px; overflow:hidden; padding-left:242px; background:url(../kimages/common/bg_menu_left.gif) left top repeat-y;} #h5_menu .menu1 ul li { float:left; width:265px; text-align:left; padding-top:1px; padding-bottom:4px;} #h5_menu .menu1 .line { background:url(../kimages/common/bg_line_left.gif) left bottom no-repeat;} #h5_menu .menu1 .depts {float:right; width:150px; text-align:left; padding-bottom:2px;} #h5_menu .menu1 .depts li { padding-top:1px; padding-bottom:1px;} #h5_menu .menu2 { float:left; width:100px; height:190px; padding-left:16px; background:url(../kimages/common/bg_menu_right5.gif) left top no-repeat;} #h5_menu .menu2 ul li { float:left; width:100px; text-align:left; padding-top:1px; padding-bottom:4px;} #h5_menu .menu2 .line { background:url(../kimages/common/bg_line_right.gif) left bottom no-repeat;} #h5_menu .menu2 .depts {float:right; width:150px; text-align:left; padding-bottom:2px;} #h5_menu .menu2 .depts li { padding-top:1px; padding-bottom:1px;} #h5_menu .topbarbg { float:left; width:976px; height:60px; position:relative; text-align:center; background:url(../kimages/common/bg_topbg.png) no-repeat left top;} /* FOOTER */ #footer {width:976px; margin-top:10px; position:relative; background:url(../kimages/common/bg_footerbg.png) top left no-repeat; clear:both; } #footer .foot_left {float:left; width:245px; margin-left:30px; margin-top:51px; margin-bottom:40px;} #footer .foot_left .footmenu ul li{ float:left;} #footer .foot_left .footmenu .libg { background:url(../kimages/common/bg_line_foot.gif) no-repeat right top; padding-right:3px; padding-left:3px;} #footer .foot_left .footmenu .lib {padding-left:3px;} #footer .foot_left .foot_call ul li{ float:left;} #footer .foot_left .foot_call .lib {margin-left:8px;} #footer .foot_right {float:right; margin-right:22px; margin-top:51px; margin-bottom:40px;} #footer .foot_right .familysite_on { width:91px; position:absolute; top:-35px; right:25px;} #footer .foot_right .familysite_on ul li{ float:left; background:url(../kimages/common/btn_familysite_onbg.gif) repeat-y left top;} #footer .foot_right .familysite_on .li1{ height:18px;} #footer .foot_right .familysite_on .li2{ height:13px;} #footer .foot_right .familysite_on .li3{ height:14px;} #footer .foot_right .familysite_on .li4{ height:16px;} #footer .foot_right .familysite_off { width:91px; position:absolute; top:53px; right:25px;} #footer .foot_right .familysite_off ul li{ float:left;} #footer .foot_right .copy {position:absolute; top:72px; right:25px;} /* 101026 차계부 이용내역메일 수정 */ .pd3{padding:3px;}