#TopArea{position:relative;width:980px;margin:0 auto; font-size: 1.2em; /* 브라우저 기본 1em 은 16px 임 10xp 로 셋팅 */ font-family: "굴림", "돋음", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; color:#5E5E5E; } #TopArea {float:left; text-align:left;height:100%; z-index:3;} #Logo {position:relative;height:55px;} #Logo .i01 {position:relative;float:left; margin:0px 0px 25px 5px; } #Logo .i02 {position:relative;float:left; margin:37px 0px 0px 40px;} #Logo .i03 {position:relative;float:left; margin:27px 0px 0px 40px; } #Logo .i04 {position:relative;float:right; margin:42px 5px 0px 0px; } /* TGNB Menu */ #TopLinkDiv{position:relative; float:left; height:62px; width:980px; } #TopMenu {clear:both;position:relative;height:84px; width:980px; } #TopMenu strong {display:none;} #TopMenu ul {list-style:none;margin:0;padding:0;} #TopMenu li {list-style:none;float:left;} #TmenLeft {float:left;padding-left:5px;background:url(gnb_left.gif) no-repeat left top;height:84px;} #TmenCenter .tmen_spl {padding-left:2px; background:url(gnb_split01.gif) left 9px no-repeat;} #TmenCenter .tmen_spl_on {padding-left:2px;} #TmenCenter .tmen_spl_none {padding-left:2px;} #TopMenu .Tmen01 {background:url(gnb_bullet_01.gif) 0% 15px no-repeat; } #TopMenu .Tmen01 .fs { padding:0 10px 0 0;} #TopMenu .Tmen01 .txt { padding-left:15px;padding-top:9px;letter-spacing:-1px;word-spacing:2px; line-height:12px; font-size:13px; font-weight: bold;} #TopMenu .Tmen01 .txt a { color:#666666;text-decoration:none;} #TopMenu .Tmen01 .txt a:hover { color:#1C7FBC;text-decoration:underline;} #TopMenu .Tmen02 {clear:both;} #TopMenu .Tmen02 .s {padding:0 10px 0 11px;background:url(gnb_split02.gif) left 7px no-repeat;} #TopMenu .Tmen02 .fs {padding:0 10px 0 0;} #TopMenu .Tmen02 .txt {padding-top:6px;letter-spacing:-1px;word-spacing:2px; line-height:12px; font-size:13px;} #TopMenu .Tmen02 .txt a {color:#666666;text-decoration:none;} #TopMenu .Tmen02 .txt a:hover {color:#1C7FBC;text-decoration:underline;} #TmenRight {float:left;background:url(gnb_right.gif) no-repeat right top;height:84px;padding-right:5px;} .TmenUtil {margin:6px 0 0 0;text-align:right;} .TmenUtil a {height:25px;display:block;} .TmenUtil .u01 {background:url(tmen_spl02_01.gif) no-repeat 0 0;width:66px;} .TmenUtil .u02 {background:url(tmen_spl02_02.gif) no-repeat 0 0;width:56px;} .Tc03Banner {margin:6px 0 0 0;} #TmenCenter {position:relative; float:left;height:84px; width:970px; background:url(gnb_bg.gif) left top repeat-x;} #t1 {position:relative; float:left; padding-top:4px; height:37px; width:970px; } #t2 {position:relative; float:left; padding-top:4px; height:36px; width:970px; } /* TGNB sub */ #tmen_t10, #tmen_t11, #tmen_t12, #tmen_t13, #tmen_t14, #tmen_t15, #tmen_t16, #tmen_t17, #tmen_t18 {margin-top:5px; } #tmen_t10 a, #tmen_t11 a, #tmen_t12 a, #tmen_t13 a, #tmen_t14 a, #tmen_t15 a, #tmen_t16 a, #tmen_t17 a, #tmen_t18 a {display:block;height:35px;} #tmens_t10 a, #tmens_t11 a, #tmens_t12 a, #tmens_t13 a, #tmens_t14 a, #tmens_t15 a, #tmens_t16 a, #tmens_t17 a, #tmens_t18 a {height:24px;display:block;} #tmen_t20 {position:relative; float:right; margin-left:130px; margin-top:10px;} #tmen_t20 a {display:block;height:24px;} #tmen_t20 .selmen {background:url(go_home.gif) no-repeat 0%; width:134px;} #tmens_t100 {left:15px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmen_t10 .selmen {background:url(gnb_m01.gif) no-repeat 0% -35px;width:94px;} #tmen_t10 .selmen:hover {background-position: 0 0;} #tmen_t10 .on {background-position:0 0;} #tmens_t10 {left:10px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t10 .s01 {background:url(gnb_m0201.gif) no-repeat 0% -24px;width:98px;} #tmens_t10 .s02 {background:url(gnb_m0202.gif) no-repeat 0% -24px;width:98px;} #tmens_t10 .s03 {background:url(gnb_m0203.gif) no-repeat 0% -24px;width:74px;} #tmens_t10 .s04 {background:url(gnb_m0204.gif) no-repeat 0% -24px;width:74px;} #tmens_t10 .s01:hover, #tmens_t10 .s02:hover, #tmens_t10 .s03:hover, #tmens_t10 .s04:hover {background-position:0 0;} #tmens_t10 .on {background-position:0 0;} #tmen_t11 .selmen {background:url(gnb_m01.gif) no-repeat 0% -35px;width:94px;} #tmen_t11 .selmen:hover {background-position: 0 0;} #tmen_t11 .on {background-position:0 0;} #tmens_t11 {left:10px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t11 .s01 {background:url(gnb_t11s11.gif) no-repeat 0% -24px;width:82px;} #tmens_t11 .s02 {background:url(gnb_t11s12.gif) no-repeat 0% -24px;width:94px;} #tmens_t11 .s03 {background:url(gnb_t11s13.gif) no-repeat 0% -24px;width:94px;} #tmens_t11 .s04 {background:url(gnb_t11s14.gif) no-repeat 0% -24px;width:82px;} #tmens_t11 .s05 {background:url(gnb_t11s15.gif) no-repeat 0% -24px;width:82px;} #tmens_t11 .s06 {background:url(gnb_t11s16.gif) no-repeat 0% -24px;width:82px;} #tmens_t11 .s07 {background:url(gnb_t11s17.gif) no-repeat 0% -24px;width:82px;} #tmens_t11 .s08 {background:url(gnb_t11s18.gif) no-repeat 0% -24px;width:94px;} #tmens_t11 .s01:hover, #tmens_t11 .s02:hover, #tmens_t11 .s03:hover, #tmens_t11 .s04:hover, #tmens_t11 .s05:hover, #tmens_t11 .s06:hover, #tmens_t11 .s07:hover, #tmens_t11 .s08:hover {background-position:0 0;} #tmens_t11 .on {background-position:0 0;} #tmen_t12 .selmen {background:url(gnb_m02.gif) no-repeat 0% -35px;width:94px;} #tmen_t12 .selmen:hover {background-position: 0 0;} #tmen_t12 .on {background-position:0 0;} #tmens_t12 {left:30px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t12 .s01 {background:url(gnb_t12s11.gif) no-repeat 0% -24px;width:82px;} #tmens_t12 .s02 {background:url(gnb_t12s12.gif) no-repeat 0% -24px;width:106px;} #tmens_t12 .s03 {background:url(gnb_t12s13.gif) no-repeat 0% -24px;width:82px;} #tmens_t12 .s04 {background:url(gnb_t12s14.gif) no-repeat 0% -24px;width:106px;} #tmens_t12 .s01:hover, #tmens_t12 .s02:hover, #tmens_t12 .s03:hover, #tmens_t12 .s04:hover {background-position:0 0;} #tmens_t12 .on {background-position:0 0;} #tmen_t13 .selmen {background:url(gnb_m03.gif) no-repeat 0% -35px;width:94px;} #tmen_t13 .selmen:hover {background-position: 0 0;} #tmen_t13 .on {background-position:0 0;} #tmens_t13 {left:100px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t13 .s01 {background:url(gnb_t13s11.gif) no-repeat 0% -24px;width:82px;} #tmens_t13 .s02 {background:url(gnb_t13s12.gif) no-repeat 0% -24px;width:90px;} #tmens_t13 .s03 {background:url(gnb_t13s13.gif) no-repeat 0% -24px;width:90px;} #tmens_t13 .s01:hover, #tmens_t13 .s02:hover, #tmens_t13 .s03:hover {background-position:0 0;} #tmens_t13 .on {background-position:0 0;} #tmen_t14 .selmen {background:url(gnb_m04.gif) no-repeat 0% -35px;width:107px;} #tmen_t14 .selmen:hover {background-position: 0 0;} #tmen_t14 .on {background-position:0 0;} #tmens_t14 {left:160px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t14 .s01 {background:url(gnb_t14s11.gif) no-repeat 0% -24px;width:66px;} #tmens_t14 .s02 {background:url(gnb_t14s12.gif) no-repeat 0% -24px;width:84px;} #tmens_t14 .s03 {background:url(gnb_t14s13.gif) no-repeat 0% -24px;width:90px;} #tmens_t14 .s04 {background:url(gnb_t14s14.gif) no-repeat 0% -24px;width:90px;} #tmens_t14 .s01:hover, #tmens_t14 .s02:hover, #tmens_t14 .s03:hover, #tmens_t14 .s04:hover {background-position:0 0;} #tmens_t14 .on {background-position:0 0;} #tmen_t15 .selmen {background:url(gnb_m05.gif) no-repeat 0% -35px;width:94px;} #tmen_t15 .selmen:hover {background-position: 0 0;} #tmen_t15 .on {background-position:0 0;} #tmens_t15 {left:320px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t15 .s01 {background:url(gnb_t15s11.gif) no-repeat 0% -24px;width:70px;} #tmens_t15 .s02 {background:url(gnb_t15s12.gif) no-repeat 0% -24px;width:70px;} #tmens_t15 .s03 {background:url(gnb_t15s13.gif) no-repeat 0% -24px;width:70px;} #tmens_t15 .s01:hover, #tmens_t15 .s02:hover, #tmens_t15 .s03:hover {background-position:0 0;} #tmens_t15 .on {background-position:0 0;} #tmen_t16 .selmen {background:url(gnb_m06.gif) no-repeat 0% -35px;width:94px;} #tmen_t16 .selmen:hover {background-position: 0 0;} #tmen_t16 .on {background-position:0 0;} #tmens_t16 {left:420px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t16 .s01 {background:url(gnb_t16s11.gif) no-repeat 0% -24px;width:70px;} #tmens_t16 .s02 {background:url(gnb_t16s12.gif) no-repeat 0% -24px;width:70px;} #tmens_t16 .s03 {background:url(gnb_t16s13.gif) no-repeat 0% -24px;width:70px;} #tmens_t16 .s01:hover, #tmens_t16 .s02:hover, #tmens_t16 .s03:hover {background-position:0 0;} #tmens_t16 .on {background-position:0 0;} #tmen_t17 .selmen {background:url(gnb_m07.gif) no-repeat 0% -35px;width:94px;} #tmen_t17 .selmen:hover {background-position: 0 0;} #tmen_t17 .on {background-position:0 0;} #tmens_t17 {left:200px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t17 .s01 {background:url(gnb_t17s11.gif) no-repeat 0% -24px;width:94px;} #tmens_t17 .s02 {background:url(gnb_t17s12.gif) no-repeat 0% -24px;width:80px;} #tmens_t17 .s03 {background:url(gnb_t17s13.gif) no-repeat 0% -24px;width:70px;} #tmens_t17 .s04 {background:url(gnb_t17s14.gif) no-repeat 0% -24px;width:80px;} #tmens_t17 .s05 {background:url(gnb_t17s15.gif) no-repeat 0% -24px;width:70px;} #tmens_t17 .s06 {background:url(gnb_t17s16.gif) no-repeat 0% -24px;width:104px;} #tmens_t17 .s07 {background:url(gnb_t17s17.gif) no-repeat 0% -24px;width:104px;} #tmens_t17 .s01:hover, #tmens_t17 .s02:hover, #tmens_t17 .s03:hover, #tmens_t17 .s04:hover, #tmens_t17 .s05:hover, #tmens_t17 .s06:hover, #tmens_t17 .s07:hover {background-position:0 0;} #tmens_t17 .on {background-position:0 0;} #tmen_t18 .selmen {background:url(gnb_m08.gif) no-repeat 0% -35px;width:94px;} #tmen_t18 .selmen:hover {background-position: 0 0;} #tmen_t18 .on {background-position:0 0;} #tmens_t18 {left:530px;top:0px;position:absolute;margin-top:0px; padding-top:6px;} #tmens_t18 .s01 {background:url(gnb_t18s11.gif) no-repeat 0% -24px;width:94px;} #tmens_t18 .s01:hover {background-position:0 0;} #tmens_t18 .on {background-position:0 0;}