/*author:kang seung moon*/ * {margin:0; padding:0;} body {font-size:12px; font-family:µ¸¿ò, Dotum, Helvetica, AppleGothic, Sans-serif; line-height:15px;} img{border:0; vertical-align:top;} ul,ol,li {list-style:none;} div {} table {border-collapse:collapse;} hr,legend,caption {display:none;} h1 {font-size:12px;} h2 {font-size:12px;} h3 {font-size:12px;} h4 {font-size:12px;} h5 {font-size:12px;} h6 {font-size:12px;} a {color:#4a4b4b; text-decoration:none;} a:link {text-decoration:none; color:#4a4b4b;} a:hover {text-decoration:none; color:#4a4b4b;} a:active {text-decoration:none; color:#ff761a;} .clear {clear:both; font-size:0px; line-height:0px;} .cl {clear:both;} .f_l {float:left;} .f_r {float:right;} .d_i {display:inline;} .d_n {display:none;} .a_l {text-align:left;} .a_r {text-align:right;} .a_c {text-align:center;} .a_m{margin-left:auto; margin-right:auto;} .v_t {vertical-align:top;} .v_m {vertical-align:middle;} .v_ma * {vertical-align:middle;} .l_s1 {letter-spacing:-1px} .l_h16 {line-height:16px;} .l_h17 {line-height:17px;} .bold {font-weight:bold;} .f_wn {font-weight:normal;} input.txt {height:15px; padding-top:3px; padding-left:4px; font-size:12px; line-height:13px; border:1px solid #d7d7d7; vertical-align:middle;} input.logintxt {height:12px; padding-top:3px; padding-left:4px; font-size:11px; line-height:11px; border:1px solid #dcdada; vertical-align:middle;} input[type="file"] {height:20px; font-size:11px; border:1px solid #d5d5d5;} input.file {height:20px; font-size:11px; border:1px solid #d5d5d5;} input[type="image"], input[type="radio"], input[type="checkbox"] {vertical-align:middle;} lh16 {line-height:160%;} label {font-size:11px;} label.la {padding-left:2px; padding-right:4px; font-size:11px;} .radio {width:12px; height:12px; border:0; vertical-align:middle;} .chk {width:12px; height:12px; border:0 none; vertical-align:middle;} .chk2 {height:15px; width:15px; vertical-align:middle; margin-bottom:2px; border:0 none;} .chkbox td {padding-right:10px; padding-top:1px; padding-bottom:1px; font-size:11px;} .chkbox td input {width:12px; height:12px; border:0 none; vertical-align:middle;} input[type="checkbox"], input[type="radio"] {width:12px; height:12px; border:0 none; vertical-align:middle;} textarea.txt {padding:10px 10px; border:1px solid #d5d5d5; font-family:µ¸¿ò, ±¼¸², Dotum, Verdana; font-size:12px;} textarea.txt2 {height:15px; padding-top:3px; padding-left:4px; line-height:15px; border:1px solid #d7d7d7; overflow:auto; vertical-align:middle; font-family:µ¸¿ò, ±¼¸², Dotum, Verdana; font-size:12px;} #MainBox {margin:0 auto; padding:0 0 0 0; position:relative;} /*header*/ /*header*/ #HeaderBox {height:113px; background:url(/images/common/header/bg.gif) repeat-x 0 0; position:relative; z-index:3;} #Header {width:961px; height:113px; margin:0 auto; padding:0 0 0 0; position:relative;} #Header #SiteLogo {height:113px; margin:0 0 0 0px; float:left; display:inline;} #Header #SiteLogo img {margin-top:42px; margin-left:19px;} #Header #blk {float:right; display:inline; } #blk #blkd {float:right; line-height:11px;} #blkd #blkc1 {margin:3px 0px 0 0; float:left;} #blkc1 .blks1 {float:left; margin:0 0 0 7px;} #blkc1 .blks2 {width:101px; height:26px; margin-top:0px; float:left; background:url(/images/common/header/zoom_bg.gif) no-repeat 0 0;} #blkc1 .blks2 li {float:left;} #blkc1 .blks2 li.zoom_in {padding:4px 0 0 0;} #blkc1 .blks2 li.zoom_out {padding:4px 0 0 3px;} #blkc2 {margin:3px 0px 0 0; float:left; display:inline;} #blkc2 li {padding-left:0; vertical-align:top; float:left;} #blkc2 li.blks1 {padding-top:6px;} #blkc3 {margin:9px 20px 0 0; float:left; display:inline;} #blkc3 .blks1 li {padding-left:7px; vertical-align:top; float:left;} #Header #header_quickmenu {position:absolute; left:0px; top:86px;} #Header #gmbbox{position:absolute; left:300px; top:55px;} #gmbbox ul {padding-left:0px; width:640px;} #gmbbox ul li {padding-left:36px; padding-right:36px; float:left; background:url(/images/common/header/gmb_vline.gif) no-repeat 0 0;} #gmbbox ul li.start {padding-left:0; background-image:none;} #gmbbox ul li.end {padding-right:0;} #gmbbox ul li .d2 {position:absolute; left:100px; top:37px; display:none;} #gmbbox ul li .d2 li {float:left; padding-left:5px; padding-right:5px; padding-bottom:5px; background:url(/images/common/header/gmb_vline2.gif) no-repeat 0 4px;} #gmbbox ul li .d2 li.start {padding-left:0;} /*gmbsubmenu*/ #gmbbox ul li .d2_1 {width:650px; padding:4px 0 0 0; position:absolute; left:-40px; top:31px;} #gmbbox ul li .d2_2 {width:400px; padding:4px 0 0 0; position:absolute; left:90px; top:31px;} #gmbbox ul li .d2_3 {width:750px; padding:4px 0 0 0; position:absolute; left:-55px; top:31px;} #gmbbox ul li .d2_4 {width:870px; padding:4px 0 0 0; position:absolute; left:-90px; top:31px;} #gmbbox ul li .d2_4 li {padding-left:2px; padding-right:1px;} #gmbbox ul li .d2_5 {width:670px; padding:4px 0 0 0; position:absolute; left:0px; top:31px;} /*/header*/ /*LeftMenu*/ #LeftMenuBox, #LeftMenuBoxEct{ width:226px; height:auto; float:left; } /*ExtraCont*/ #ExtraContBox{ overflow:hidden; width:732px; height:auto; float:left; = background:url(/images/common/box/sboxm.gif) repeat-y 0px 0px; } #ECBBackBottom{ position:relative; background:url(/images/common/box/sboxb.gif) no-repeat 0px bottom; } #ExtraCont{ padding:0px 18px 100px 18px; position:relative; background:url(/images/common/box/sboxt.gif) no-repeat 0px 0px; } /*MiddleCont*/ #MiddleContBox{ width:619px; height:auto; float:left; background:url(/images/common/box/sboxm2.gif) repeat-y 0px 0px; } #MCBBackBottom{ position:relative; background:url(/images/common/box/sboxb2.gif) no-repeat 0px bottom; } #MiddleCont{ padding:0px 18px 100px 18px; position:relative; background:url(/images/common/box/sboxt2.gif) no-repeat 0px 0px; } /*RightCont*/ #RightContBox{ width:103px; float:right; overflow:hidden; } /*MiddleContEct*/ #LeftMenuBoxEct{ background:url(/images/common/box/studyboxm.gif) repeat-y 0px 0px; } #LeftMenuBoxEctBottom{ height:4px; font-size:0px; line-height:0px; background:url(/images/common/box/studyboxb.gif) no-repeat 0px 0px; } #MiddleContBoxEct{ width:584px; height:auto; float:left; background:url(/images/common/box/sboxm3.gif) repeat-y 0px 0px; } #MCBBackBottomEct{ position:relative; background:url(/images/common/box/sboxb3.gif) no-repeat 0px bottom; } #MiddleContEct{ padding:0px 18px 100px 18px; position:relative; background:url(/images/common/box/sboxt3.gif) no-repeat 0px 0px; } /*RightContEct*/ #RightContBoxEct{ width:133px; float:right; } /*global_search*/ .global_search {width:213px; height:63px; margin:67px 0px 0px 0px; float:left; background:url(/images/common/search/bg.png) no-repeat -2px 0;} .global_search .d1 {width:203px; padding:1px 0 0 10px; position:relative; top:8px;} .global_search .d1 * {vertical-align:middle;} .global_search .d1 .c1_bg {width:146px; height:20px; background:url(/images/common/search/input_bg.png) no-repeat 0 0;} .global_search .d1 .c1 {position:absolute; top:0px; left:15px;} .global_search .field {height:16px; width:133px; padding-left:3px; padding-top:3px; margin-bottom:0px; margin-right:5px; margin:1px 0 0px 0; color:#353535; border:0 none; font-size:12px; line-height:13px; background:none;} .global_search .d2 {padding:20px 0 0 10px; font-size:11px; letter-spacing:-1px;} .global_search .d2 .c1 {padding-left:3px; padding-top:1px; color:#3d397c; vertical-align:top;} .global_search .d2 .c2 {width:88px; height:17px; color:#3e3e3e; padding-left:11px; vertical-align:top; overflow:hidden;} .global_search .d2 .c2 .s1 {padding-right:4px;} .global_search .d2 .c2 a {color:#3e3e3e; text-decoration:underline;} /*UserLocation*/ #UserLocation { font-size:11px; color:#242424; letter-spacing:-1px; margin:104px 0px 0px 0px; padding:0px 0px 0px 250px; float:left; } #UserLocation * {vertical-align:middle;} #UserLocation a {color:#242424;} #UserLocation a:hover {color:#242424;} #UserLocation .d1 {color:#242424; font-weight:bold;} /*SiteTitle*/ #SiteTitleBox{ width:100%; height:152px; position:absolute; top:113px; left:0px; z-index:2;} #SiteTitleBoxCont{ width:961px; height:152px; margin:0px auto 0 auto; position:relative; z-index:2; } /*Contenrs*/ #ContentsBox {width:961px; margin:0px auto 0 auto; position:relative; z-index:2; clear:both;} /* SiteMap */ #SiteMapBox{ top:113px; left:1px; width:961px; height:263px; position:absolute; z-index:4; display:none; } #SiteMapBoxTop{ width:961px; height:35px; position:relative; background:url(/images/sitemap/sitemapbar.gif) no-repeat; } #SiteMapBoxBottom{ width:959px; height:185px; position:relative; border-left:1px solid #7176c1; border-bottom:1px solid #7176c1; border-right:1px solid #7176c1; } #SiteMapBoxBottomAlpha{ width:959px; height:185px; position:relative; background:#fff; visibility:hidden;} #SiteElement{ top:0px; left:0px; width:959px; height:185px; position:absolute; } #SiteMapClose{ top:7px; right:17px; width:50px; height:30px; position:absolute; } #SiteElement .mapslice{ width:178px; float:left; margin-left:11px; padding:10px 0px 0px 1px; } #SiteMapBoxBottom ul{ padding:10px 0px 0px 1px; float:left;} #SiteMapBoxBottom ul li{ margin:0px 0px 0px 11px; } .map_otherbox{ font-size:11px; margin-bottom:15px; } .map_otherbox dt{ padding-top:3px; height:20px; font-weight:bold; color:#fff; text-align:center; } .mapslice dl.st_1{ border:1px solid #4f8ae4; } .mapslice dl.st_2{ border:1px solid #8fc52e; } .mapslice dl.st_3{ border:1px solid #9579bd; } .mapslice dl.st_4{ border:1px solid #80a932; } .mapslice dl.st_5{ border:1px solid #fbaa37; } .mapslice dl.st_6{ border:1px solid #597bcf; } .mapslice dl.st_7{ border:1px solid #f4a815; } .mapslice dl.st_1 dt{ background:url(/Images/common/header/sitemap_tab_1.gif) no-repeat 0px 0px; } .mapslice dl.st_2 dt{ background:url(/Images/common/header/sitemap_tab_2.gif) no-repeat 0px 0px; } .mapslice dl.st_3 dt{ background:url(/Images/common/header/sitemap_tab_3.gif) no-repeat 0px 0px; } .mapslice dl.st_4 dt{ background:url(/Images/common/header/sitemap_tab_4.gif) no-repeat 0px 0px; } .mapslice dl.st_5 dt{ background:url(/Images/common/header/sitemap_tab_5.gif) no-repeat 0px 0px; } .mapslice dl.st_6 dt{ background:url(/Images/common/header/sitemap_tab_6.gif) no-repeat 0px 0px; } .mapslice dl.st_7 dt{ background:url(/Images/common/header/sitemap_tab_7.gif) no-repeat 0px 0px; } .map_otherbox dd{ background:#fbfcfd; padding-bottom:1px; } .map_otherbox dd ul{ padding:5px 5px 5px 5px; } .map_otherbox dd ul li{ padding:4px 0px 1px 0px; border-top:1px solid #eeebeb; } .map_otherbox dd ul li.first{ border:none; } .map_otherbox dd ul li a{ letter-spacing:-1px; display:block; padding:0px 0px 1px 11px; font-weight:bold; color:#696969; background:url(/Images/common/header/bu_mappoint_big.gif) no-repeat 2px 4px; } .map_otherbox dd ul li ul{ padding:0px; } .map_otherbox dd ul li ul li{ border:none; padding:0px; } .map_otherbox dd ul li ul li a{ display:block; font-weight:normal; padding-left:20px; background:url(/Images/common/header/bu_mappoint.gif) no-repeat 13px 6px; } .map_otherbox dd ul li ul li ul li a{ padding-left:25px; color:#8d8c8c; background:none; } /* /SiteMap */ /*footer*/ #footer {width:958px; height:120px; min-height:120px; margin:15px auto 10px auto; padding:31px 0 0 0; z-index:3; background:#fff url(/images/common/footer/bg.gif) no-repeat 0 0; position:relative; clear:both;} #footer #footcon {padding-top:0px;} #footer #EmailS{ top:40px; left:350px; width:120px; height:15px; position:absolute; } #footcon #FooterLogo {height:70px; margin:20px 0 0 0px; float:left; display:inline;} #footcon #footright {margin:0 0 0 58px; float:left; display:inline; position:relative;} #footcon #FootMenu {padding-left:0px; padding-top:0px;} #footcon #FootMenu ul li {padding-right:23px; float:left; display:inline;} #footcon #copyright {margin:20px 0 0 0;} #footcon #footlink {position:absolute; left:571px; top:0px;} #footcon .footlinklayer {position:absolute; left:0; bottom:20px; width:96px; height:122px; font-size:8pt; line-height:135%; padding:4px 5px 0 5px; border:1px solid #d7d7d7; background:#fff; z-index:3; overflow:auto; letter-spacing:-1px;} #footcon .footlinklayer div {padding-top:3px; margin-bottom:5px; border-bottom:1px solid #f0f0f0; color:#a1a1a1; line-height:130%;} #footcon .footlinklayer a {color:#8c8c8c;} #footcon .float_img {width:185px; height:270px; position:absolute; left:0px; bottom:110px; z-index:1;} /*color*/ .cr1 {color:#c35555;} .cr2 {color:#3444a4;} .cr3 {color:#3a3a3a;} .cr4 {color:#2e3192;} .cr5 {color:#9e1818;} .cr6 {color:#666666;} .cr7 {color:#424242;} /*font-size*/ .f_s11{font-size:11px;} .f_s12{font-size:12px;} .f_s13{font-size:13px} .hline1 {border-top:1px dotted #d9d9d9; clear:both;} .hline2 {border-top:2px solid #6674ca; clear:both;} /*btn*/ .btnl {margin-top:1px; margin-bottom:1px; font-size:12px; vertical-align:middle; background:url(/Images/common/btn/btn_bgl.gif) no-repeat 0 0;} span.btnr {height:15px; padding:5px 9px 0 9px; margin:0; border:0 none; font-size:11px; line-height:11px; color:#e3e6f0; letter-spacing:-1px; white-space:nowrap; cursor:pointer; background:url(/Images/common/btn/btn_bgr.gif) no-repeat right 0;} .btnl2 {margin-top:1px; margin-bottom:1px; font-size:12px; vertical-align:middle; background:url(/Images/common/btn/btn_bgl2.gif) no-repeat 0 0;} span.btnr2 {height:15px; padding:5px 9px 0 9px; margin:0; border:0 none; font-size:11px; line-height:11px; color:#e3e6f0;letter-spacing:-1px; white-space:nowrap; cursor:pointer; background:url(/Images/common/btn/btn_bgr2.gif) no-repeat right 0;} .btnl3 {margin-top:1px; margin-bottom:1px; font-size:12px; vertical-align:middle; background:url(/Images/common/btn/btn_bgl3.gif) no-repeat 0 0;} span.btnr3 {height:15px; padding:5px 9px 0 9px; margin:0; border:0 none; font-size:11px; line-height:11px; color:#727171;letter-spacing:-1px; white-space:nowrap; cursor:pointer; background:url(/Images/common/btn/btn_bgr3.gif) no-repeat right 0;} .btnl4 {margin-top:1px; margin-bottom:1px; font-size:12px; vertical-align:middle; background:url(/Images/common/btn/btn_bgl4.gif) no-repeat 0 0;} span.btnr4 {height:15px; padding:5px 9px 0 9px; margin:0; border:0 none; font-size:11px; line-height:11px; color:#5b60a5;letter-spacing:-1px; white-space:nowrap; cursor:pointer; background:url(/Images/common/btn/btn_bgr4.gif) no-repeat right 0;} .btnl5 {margin-top:1px; margin-bottom:1px; font-size:12px; vertical-align:middle; background:url(/Images/common/btn/btn_bgl5.gif) no-repeat 0 0;} span.btnr5 {height:15px; padding:5px 9px 0 9px; margin:0; border:0 none; font-size:11px; line-height:11px; color:#666666;letter-spacing:-1px; white-space:nowrap; cursor:pointer; background:url(/Images/common/btn/btn_bgr5.gif) no-repeat right 0;} /*/btn*/ /*padding, width*/ .w150 {width:150px;} .br4 {line-height:4px; font-size:1px;}/*font-size ex5.5*/ .br5 {line-height:5px; font-size:2px;} .br9 {line-height:9px; font-size:6px;} .br10 {line-height:10px; font-size:7px;} .br15 {line-height:15px; font-size:12px;} .br20 {line-height:20px; font-size:17px;} .br25 {line-height:25px; font-size:22px;} .br30 {line-height:30px; font-size:27px;} .m_0 {margin:0;} .p_0 {padding:0;} .p_10 {padding:10px;} .m_auto {margin:auto;} .p_l0 {padding-left:0px;} .p_l3 {padding-left:3px;} .p_l5 {padding-left:5px;} .p_l6 {padding-left:6px;} .p_l10 {padding-left:10px;} .p_l12 {padding-left:12px;} .p_l15 {padding-left:20px;} .p_l15 {padding-left:20px;} .p_l20 {padding-left:20px;} .p_l25 {padding-left:25px;} .p_l27 {padding-left:27px;} .p_l28 {padding-left:28px;} .p_l30 {padding-left:30px;} .p_l35 {padding-left:35px;} .p_l100 {padding-left:100px;} .p_r0 {padding-right:0px;} .p_r3 {padding-right:3px;} .p_r5 {padding-right:5px;} .p_r10 {padding-right:10px;} .p_r15 {padding-right:15px;} .p_r20 {padding-right:20px;} .p_r25 {padding-right:25px;} .p_r30 {padding-right:30px;} .p_r35 {padding-right:35px;} .p_t0 {padding-top:0px;} .p_t1 {padding-top:1px;} .p_t2 {padding-top:2px;} .p_t3 {padding-top:3px;} .p_t4 {padding-top:4px;} .p_t5 {padding-top:5px;} .p_t6 {padding-top:6px;} .p_t8 {padding-top:8px;} .p_t9 {padding-top:9px;} .p_t10 {padding-top:10px;} .p_t15 {padding-top:15px;} .p_t20 {padding-top:20px;} .p_t25 {padding-top:25px;} .p_t30 {padding-top:30px;} .p_t35 {padding-top:35px;} .p_t40 {padding-top:40px;} .p_t45 {padding-top:45px;} .p_b0 {padding-bottom:0px;} .p_b2 {padding-bottom:2px;} .p_b4 {padding-bottom:4px;} .p_b5 {padding-bottom:5px;} .p_b10 {padding-bottom:10px;} .p_b15 {padding-bottom:15px;} .p_b20 {padding-bottom:20px;} .p_b25 {padding-bottom:25px;} .p_b30 {padding-bottom:30px;} .p_b35 {padding-bottom:35px;} .m_l0 {margin-left:0px;} .m_l2 {margin-left:2px;} .m_l5 {margin-left:5px;} .m_l6 {margin-left:6px;} .m_l8 {margin-left:8px;} .m_l10 {margin-left:10px;} .m_l13 {margin-left:13px;} .m_l15 {margin-left:15px;} .m_l17 {margin-left:17px;} .m_l20 {margin-left:20px;} .m_l25 {margin-left:25px;} .m_l30 {margin-left:30px;} .m_l35 {margin-left:35px;} .m_l40 {margin-left:40px;} .m_l45 {margin-left:45px;} .m_l50 {margin-left:50px;} .m_r0 {margin-right:0px;} .m_r2 {margin-right:2px;} .m_r3 {margin-right:3px;} .m_r5 {margin-right:5px;} .m_r6 {margin-right:6px;} .m_r7 {margin-right:7px;} .m_r8 {margin-right:8px;} .m_r10 {margin-right:10px;} .m_r20 {margin-right:20px;} .m_r25 {margin-right:25px;} .m_r30 {margin-right:30px;} .m_r35 {margin-right:35px;} .m_r40 {margin-right:40px;} .m_t0 {margin-top:0px;} .m_t1 {margin-top:1px;} .m_t2 {margin-top:2px;} .m_t3 {margin-top:3px;} .m_t4 {margin-top:4px;} .m_t5 {margin-top:5px;} .m_t7 {margin-top:7px;} .m_t8 {margin-top:8px;} .m_t10 {margin-top:10px;} .m_t13 {margin-top:13px;} .m_t15 {margin-top:15px;} .m_t18 {margin-top:18px;} .m_t20 {margin-top:20px;} .m_t25 {margin-top:25px;} .m_t30 {margin-top:30px;} .m_t35 {margin-top:35px;} .m_t40 {margin-top:40px;} .m_t45 {margin-top:45px;} .m_t55 {margin-top:45px;} .m_b0 {margin-bottom:0px;} .m_b1 {margin-bottom:1px;} .m_b2 {margin-bottom:2px;} .m_b4 {margin-bottom:4px;} .m_b5 {margin-bottom:5px;} .m_b8 {margin-bottom:8px;} .m_b10 {margin-bottom:10px;} .m_b15 {margin-bottom:15px;} .m_b18 {margin-bottom:18px;} .m_b20 {margin-bottom:20px;} .m_b25 {margin-bottom:25px;} .m_b30 {margin-bottom:30px;} .m_b35 {margin-bottom:35px;} .m_b40 {margin-bottom:40px;} .m_b45 {margin-bottom:45px;} .sub_bg1{ background:url(/images/common/visual/sub_bg01.jpg) no-repeat; width:960px; height:152px;} .sub_bg2{ background:url(/images/common/visual/sub_bg02.jpg) no-repeat; width:960px; height:152px;} .sub_bg3{ background:url(/images/common/visual/sub_bg03.jpg) no-repeat; width:960px; height:152px;}