@charset "utf-8"; /**************************** 1000 *************************************/ /* layout */ #hu_top_bg { position:relative; text-align:center; margin:0 auto; /*background:url(/user/hufs/mycodyimages/common/hu_top_bg.gif) repeat-x left top;*/ } #hu_top { position:relative; width:1000px; height:144px; margin:0 auto; text-align:left; z-index:10; } #hu_top .top_box { width:1000px; height:84px; background:url(/user/hufs/mycodyimages/common/top_bg.jpg) no-repeat left top; } #hu_top .top_box .logo { float:left; margin:14px 0 0 10px;} #hu_top .top_box .r { float:right; margin:18px 10px 0 0; width:515px; } #hu_top .top_box .r .top_link_1 { float:right; margin-top:8px; } #hu_top .top_box .r .top_link_1 li { float:left; background:url(/user/hufs/mycodyimages/common/top_link_1_line.gif) no-repeat right top; padding:0 10px; height:7px; line-height:0; font-size:0; } #hu_top .top_box .r .search_box { float:right; width:195px; margin-left:5px; _margin-right:-50px; } * html #hu_top .top_box .r .search_box { margin-right:-100px; } #hu_top .top_box .r .search_box .btn { vertical-align:top; _padding-top:2px;} #hu_top .top_box .r .top_link_2 {clear:both; float:right; margin-right:0px; margin-top:-17px; width:270px; font-family:dotum; font-size:11px; font-weight:bold; } * + html #hu_top .top_box .r .top_link_2 { margin-top:14px; } * html #hu_top .top_box .r .top_link_2 { margin-top:2px; } #hu_top .top_box .r .top_link_2 li { float:left; background:url(/user/hufs/mycodyimages/common/top_link_2_a.gif) no-repeat left 6px; padding:0 10px; color:white; } #hu_top .top_box .top_link_2 .e { padding-right:0 !important; } #hu_top .top_box .r .top_link_2 a:link, #hu_top .top_box .r .top_link_2 a:visited { color:white; } #hu_top .top_box .r .top_link_2 a:hover { color:white; text-decoration:underline; } #hu_top .top_box .r .top_link_3 { clear:both; float:left; margin-top:14px; margin-left:105px; width:150px; font-family:Arial; font-size:13px; font-weight:bold; } * + html #hu_top .top_box .r .top_link_3 { margin-top:37px;} * html #hu_top .top_box .r .top_link_3 { margin-top:37px;} #hu_top .top_box .r .top_link_3 li { float:left; background:url(/user/hufs/mycodyimages/common/top_link_3_a.gif) no-repeat left 5px; padding:0 10px; color:white; } #hu_top .top_box .top_link_3 .e { padding-right:20 !important; } #hu_top .top_box .r .top_link_3 a:link, #hu_top .top_box .r .top_link_3 a:visited { color:white; } #hu_top .top_box .r .top_link_3 a:hover { color:white; text-decoration:underline; } #hu_top #key { width:152px; height:13px; margin:0; padding:5px 0 5px 20px; border:0; color:white; background:url(/user/hufs/mycodyimages/common/key_bg.gif) no-repeat left top; font-size:11px; } * html #hu_top #key { height:23px;} #hu_top .top_box .r .btn { margin:0; padding:0; border:0; } /*탑메뉴 : top.html 파일에 적용됨 #hu_top .top_menu { width:1000px; height:60px; } #hu_top .top_menu .tm { margin:7px 0 0 140px; } #hu_top .top_menu .tm li { float:left; width:125px; text-align:center; background:url(/user/hufs/mycodyimages/common/tm_line.gif) no-repeat right top; } #hu_top .top_menu .btn { float:left; margin:0 0 0 903px; padding-top:0px; position:absolute;} * html #hu_top .top_menu .btn { margin:-5px 0 0 0px; } #hu_top .top_menu #tms1 { position:absolute; width:982px; height:225px; margin:17px 0 0 10px; background:url(/user/hufs/mycodyimages/common/tms1_bg.gif) no-repeat left top; } #hu_top .top_menu #tms1 li { float:left; width:182px; padding:13px 0 0 14px; } #hu_top .top_menu #tms2 { position:absolute; width:982px; height:225px; margin:17px 0 0 10px; background:url(/user/hufs/mycodyimages/common/tms2_bg.gif) no-repeat left top; } #hu_top .top_menu #tms2 li { float:left; width:126px; padding:13px 0 0 14px; } #hu_top .top_menu #tms3 { position:absolute; width:982px; height:225px; margin:17px 0 0 10px; background:url(/user/hufs/mycodyimages/common/tms3_bg.gif) no-repeat left top; } #hu_top .top_menu #tms3 li { float:left; width:312px; padding:13px 0 0 14px; } #hu_top .top_menu #tms4 { position:absolute; width:982px; height:225px; margin:17px 0 0 10px; background:url(/user/hufs/mycodyimages/common/tms4_bg.gif) no-repeat left top; } #hu_top .top_menu #tms4 li { float:left; width:116px; padding:13px 0 0 14px; } #hu_top .top_menu #tms5 { position:absolute; width:982px; height:225px; margin:17px 0 0 10px; background:url(/user/hufs/mycodyimages/common/tms5_bg.gif) no-repeat left top; } #hu_top .top_menu #tms5 li { float:left; width:231px; padding:13px 0 0 14px; } #hu_top .top_menu #tms6 { position:absolute; width:982px; height:43px; margin:17px 0 0 10px; background:url(/user/hufs/mycodyimages/common/tms6_bg.gif) no-repeat left top; } #hu_top .top_menu #tms6 li { float:left; width:149px; padding:13px 0 0 14px; } * + html #hu_top .top_menu #tms1 { margin:-4px 0 0 -983px; } * + html #hu_top .top_menu #tms2 { margin:-4px 0 0 -983px; } * + html #hu_top .top_menu #tms3 { margin:-4px 0 0 -983px; } * + html #hu_top .top_menu #tms4 { margin:-4px 0 0 -983px; } * + html #hu_top .top_menu #tms5 { margin:-4px 0 0 -983px; } * + html #hu_top .top_menu #tms6 { margin:-4px 0 0 -983px; } * html #hu_top .top_menu #tms1 { margin:24px 0 0 -980px; } * html #hu_top .top_menu #tms2 { margin:24px 0 0 -980px; } * html #hu_top .top_menu #tms3 { margin:24px 0 0 -980px; } * html #hu_top .top_menu #tms4 { margin:24px 0 0 -980px; } * html #hu_top .top_menu #tms5 { margin:24px 0 0 -980px; } * html #hu_top .top_menu #tms6 { margin:24px 0 0 -980px; } #hu_top .top_menu a { color:#96968a; font-weight:bold; } #hu_top .top_menu a:hover { color:#696864; font-weight:bold; } #hu_top .top_menu .sub { font-weight:normal; font-size:11px; color:#96968a; margin:0 0 0 -13px; } #hu_top .top_menu .sub li { line-height:100%; height:5px; } * html #hu_top .top_menu .sub li { line-height:55%; margin-top:-2px; } #hu_top .top_menu .wid191 { width:191px !important; } #hu_top .top_menu .wid240 { width:240px !important; } #hu_top .top_menu .sub a { color:#96968a; font-weight:normal; } #hu_top .top_menu .sub a:hover { color:#696864; font-weight:normal; }*/ #hu_top .top_swf { width:1000px; height:220px; } #hu_quick_menu { position:absolute; width:34px; height:212px; top:300px; margin-left:20px; background:url(/user/hufs/mycodyimages/common/quick_menu_bg.gif) no-repeat left top; } #hu_quick_menu .t { margin:69px 0 0 7px; } #hu_quick_menu .p { margin:36px 0 0 7px; } #hu_quick_menu .m { margin:0 0 0 7px; } #hu_quick_menu .top { margin:9px 0 0 7px; .margin:0 0 0 7px;} #hu_quick_menu_target { position:absolute; width:176px; height:272px; top:340px; margin:-10px 0 0 -156px; background:url(/user/hufs/mycodyimages/common/quick_menu_target.gif) no-repeat left top; } #hu_quick_menu_target dl { padding-top:25px; } #hu_quick_menu_target dt { float:left; width:31px; } #hu_quick_menu_target dt li { line-height:0; font-size:0; } #hu_quick_menu_target dd { float:left; margin-left:8px; } #hu_quick_menu_target dd ul {height:240px; overflow-y:auto; overflow-x:hidden;} #hu_quick_menu_target dd li { background:url(/user/hufs/mycodyimages/common/quick_menu_target_a.gif) no-repeat left 5px; padding-left:7px; } #hu_quick_menu_target dd li a:hover { text-decoration:underline; } /*탑퀵메뉴 : top.html 파일에 적용됨 #hu_top #tlink_over_1 { position:absolute; top:84px; left:705px; width:285px; height:313px; background:url(/user/hufs/mycodyimages/common/tlink_o_box1_bg.gif) no-repeat left top; } #hu_top #tlink_over_2 { position:absolute; top:84px; left:805px; width:185px; height:313px; background:url(/user/hufs/mycodyimages/common/tlink_o_box2_bg.gif) no-repeat left top; } #hu_top #tlink_over_3 { position:absolute; top:84px; left:805px; width:185px; height:313px; background:url(/user/hufs/mycodyimages/common/tlink_o_box3_bg.gif) no-repeat left top; ;} #hu_top .btn_x { text-align:right; font-family:dotum; font-weight:bold; margin:7px 10px 3px 3px;} #hu_top .to_1 { width:255px; height:250px; background:#f0eee4; overflow-x:hidden; overflow-y:scroll; margin:10px; padding:5px; } #hu_top .to_2 { width:155px; height:250px; background:#f0eee4; overflow-x:hidden; overflow-y:scroll; margin:10px; padding:5px; } #hu_top .to_3 { width:155px; height:258px; background:#f0eee4; overflow-x:hidden; overflow-y:scroll; margin:10px; padding:5px; } #hu_top .tover a { color:#96968a; font-family:dotum; font-size:11px; letter-spacing:-0.2pt; } #hu_top .tover a:hover { text-decoration:underline; } #hu_top .tover li { background:url(/user/hufs/mycodyimages/common/tover_a.gif) no-repeat left 6px; padding-left:5px;} #hu_top .tover .line { background:url(/user/hufs/mycodyimages/common/tover_line.gif) repeat-x left top; height:7px; margin-top:5px; }*/ /*전체메뉴 보기 : top.html 파일에 적용됨 #hu_top #all_menu { position:absolute; width:980px; height:269px; margin:-27px 0 0 10px; background:url(/user/hufs/mycodyimages/common/all_menu.gif) no-repeat left top; } #hu_top #all_menu .tit { float:left; padding:5px 0 0 16px; } #hu_top #all_menu .btn_x { float:right; text-align:right; font-family:dotum; font-weight:bold; margin:7px 10px 3px 3px;} #hu_top #all_menu .menu { clear:both; padding-top:17px; } #hu_top #all_menu .menu ul { float:left; position:absolute; top:25px; } #hu_top #all_menu .menu .t1 { width:165px; position:absolute; margin-left:15px; } #hu_top #all_menu .menu .t2 { width:165px; position:absolute; margin-left:177px; } #hu_top #all_menu .menu .t3 { width:165px; position:absolute; margin-left:340px; } #hu_top #all_menu .menu .t4 { width:165px; position:absolute; margin-left:505px; } #hu_top #all_menu .menu .t5 { width:165px; position:absolute; margin-left:670px; } #hu_top #all_menu .menu .t6 { width:165px; position:absolute; margin-left:832px; }*/ #hu_middle { width:870px; margin:0 auto; text-align:left; margin-bottom:30px;} #hu_content { margin-top:60px;margin-left:30px; font-family:'Noto Sans KR','나눔고딕',dotum,'돋움'!important; font-size:15px; color:#666 !important;} #hu_content td{ margin-top:60px;margin-left:30px; font-family:'Noto Sans KR','나눔고딕',dotum,'돋움'!important; font-size:14px; height:33px;} #hu_titlenline { height:50px;} #hu_titlenline .ptitle { height:35px; font-size:24px; font-family:hufs_l; color:#98794b; } #hu_titlenline .navi { margin-left:-5px; } #hu_titlenline .navi li { float:left; font-family:돋움; padding:3px 10px 0 5px; background:url(/user/hufs/mycodyimages/common/navi_a.gif) no-repeat right 6px; font-size:12px !important; letter-spacing:-0.02px; } #hu_titlenline .navi .now { background:url(); font-weight:bold; color:#6f6f89; } #hu_cont_mid { clear:both; width:870px; min-height:500px; _height:500px; letter-spacing:0; padding-top:30px; line-height:160%;} #hu_cont_mid2 { clear:both; width:870px; min-height:500px; _height:500px; letter-spacing:0; padding-top:30px; line-height:180%; font-family:돋움!important;} * + html #hu_cont_mid { margin-top:8px; } /*7*/ * html #hu_cont_mid { margin-top:1px; } /*6*/ #hu_middle .top_swf{ display:none !important} #hu_bottom_bg { width:1000px; height:107px; margin:0 auto; text-align:center; } #hu_bottom_bg .bottom { width:980px; padding-top:15px; margin:0 auto; border-top:1px solid #c7c7c5; text-align:left; } #hu_bottom_bg .bottom .copy { float:left; width:545px; } #hu_bottom_bg .bottom .menu { float:right; } #hu_bottom_bg .bottom .menu li{ float:left; /*background:url(/user/hufs/mycodyimages/common/bottom_m_line.gif) no-repeat left 3px;*/ padding:0 2px; } .hufs_board { width:870px; margin-top:20px;} /* left_layer - 2011.03.18 이동춘 */ .left-layer {position:absolute; z-index:10000; top:0; left:100px; width:130px; background:url("/user/hufs/mycodyimages/common/left_layer_bg_bot.gif") no-repeat 0 bottom;} .left-layer dl {padding:6px 5px 6px 15px; background:url("/user/hufs/mycodyimages/common/left_layer_bg_top.png") no-repeat 0 0; _background:url("/user/hufs/mycodyimages/common/left_layer_bg_top.gif") no-repeat 0 0; border-right:1px solid #005d75;} .left-layer dl dd {padding:4px 0 2px 0; font-size:0; line-height:0; background:url("/user/hufs/mycodyimages/common/left_layer_bg_top.png") no-repeat 0 0;} .left-layer dl dd a {color:#007795; font-size:12px; line-height:14px; font-weight:normal;} .left-layer dl dd a:hover {color:#007795;}