body{ background:#ffffff; } body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; } form { margin:0px; } img {border:0px;} a:link, a:visited, a:active { text-decoration:none; color:#466C8A; } a:hover { text-decoration:underline; } a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; } a.menu:hover { text-decoration:none; } .member {font-weight:bold;color:#888888;} .guest {font-weight:normal;color:#888888;} .lh { line-height: 150%; } .jt { text-align:justify; } .li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; } .ul { list-style-type:square; color:#66AEAD; } .ct { font-family: Verdana, 굴림; color:#222222; } .ed { border:1px solid #CCCCCC; } .tx { border:1px solid #CCCCCC; } .small { font-size:8pt; font-family:돋움; } .cloudy, a.cloudy {color:#888888;} /* 흐림 */ input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; } input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; } textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; } /*헤더*/ #bheader {width:100%;float:center;height:130px;margin-top:10px;margin-bottom:10px;} #bcontent {width:100%;float:center;height:130px;} #bcontent .bc1 {float:center;width:1100px;} #c2 {width:100%;background:url(/img/tbg2.jpg); background-repeat:repeat;} #c2 .han {font-family:맑은 고딕,Tahoma,굴림; color:#00bbff; font-size:15px; font-weight:bold;} #c3 {width:100%;} #c4 {width:100%;} #c5 {width:100%;} #cont1 {width:100%; padding-top:5px; padding-bottom:10px; } #gotop{ left:50%; margin-left:355px; background: transparent; width:100px; height:200px; } #content {width:100%;} #c1 {width:100%;background:url(/img/tbg2.jpg); background-repeat:repeat;} #c2 {width:100%;background:url(/img/tbg2.jpg); background-repeat:repeat;} #c2 .han {font-family:맑은 고딕,Tahoma,굴림; color:#ff0000; font-size:15px; font-weight:bold;} #c3 {width:100%;} #c4 {width:100%;} #c5 {width:100%;} #cont1 {width:100%; padding-top:5px; padding-bottom:10px; } #header {float:center; width:100%; height:90px;} #header .ul {white-space:nowrap; width:1000px; height:85px; margin:0; padding:0;} #header .ul1 {white-space:nowrap; margin:0; padding:0;} #header .ul2 {white-space:nowrap; margin:0; padding:0;} #header .ul3 {white-space:nowrap; margin:0; padding:0;} #header .li {display:inline-block;} #header .li1 {display:inline-block; float:left; width:250px; height:85px; } #header .li2 {display:inline-block; float:right; width:750px; height:85px; } #header2 {float:center; width:840px; height:50px;} #header3 {float:center; width:1160px; height:190px;} #hdm {width:1160px; height:90px;background:url(/img/tbg.jpg); background-repeat:repeat;} #hdm .t1 {width:270px; height:90px; padding-left:5px;} #hdm .t2 {width:560px; height:90px; } #hdm .t3 {width:330px; height:90px; padding-right:5px;background:url(/img/login.jpg); background-repeat:no-repeat;} #hdm .t4 {width:330px; height:90px; padding-right:5px;} #hdm2 {width:1160px; height:50px; background:url(/img/mmenu.jpg); background-repeat:no-repeat;} #hdm2 .m1 {width:270px; height:50px; padding-left:5px;} #hdm2 .m2 {width:560px; height:50px; } #hdm2 .m3 {width:560px; height:50px; } #hdm2 .m4 {width:560px; height:50px; } #hdm2 .m5 {width:560px; height:50px; } #hdm2 .m6 {width:560px; height:50px; } #hdm2 .m7 {width:560px; height:50px; } #hdm2 .m8 {width:560px; height:50px; } #hdm2 .m9 {width:330px; height:50px; } #hdm3 {width:1160px; height:190px; background:url(/img/con1.jpg); background-repeat:no-repeat;} #hdm4 {width:1160px; height:190px; } #mmenu {width:1000px; height:85px; float:center;} #mmenu .ul{white-space:nowrap; height:85px; margin:0; padding:0;} #mmenu .li1 {clear:both;display:inline-block; float:left; width:250px; height:85px; padding-top:10px; } #mmenu .li2 {clear:both;display:inline-block; float:right; width:750px; height:85px; } #button {width:750px; height:85px; text-align:right;padding-right:10px;} #button .ul {white-space:nowrap; margin:0; padding:0; } #button .ul1 {white-space:nowrap; margin:0; padding:0; } #button .ul2 {white-space:nowrap; width:750px; margin:0; padding:0; } #button .ul3 {white-space:nowrap; width:750px; margin:0; padding:0; } #button .li {clear:both;display:inline-block; float:right; } #button .li1 {clear:both;display:inline-block; width:750px; height:15px; float:right; padding-top:5px; } #button .li2 {clear:both;display:inline-block; width:750px; height:25px; float:right; padding-top:5px; } #button .li3 {clear:both;display:inline-block; width:750px; height:25px; float:right; padding-bottom:10px; } #button .lit {display:inline-block; float:left; width:90px; height:25px; } #button .lis {display:inline-block; float:left; width:50px; height:25px; } #buttont {clear:both; width:750px; height:25px; text-align:right; } #buttont .t {width:90px; height:25px; text-align:right; font-family:맑은 고딕,Tahoma,굴림; color:#222222; font-size:18px; font-weight:bold; } #buttons .s {width:40px; height:25px; text-align:right; } #buttons .f {width:210px; height:25px; text-align:right; } #main {float:center; width:1160px;} #main .ul {white-space:nowrap; margin:0; padding:0;} #main .li {display:inline-block; float:left; width:1000px; height:645px;} #main .li1 {display:inline-block; float:left; width:825px; height:3000px;} #main .li2 {display:inline-block; float:right; width:325px; height:645px; padding-top:14px; -webkit-padding-before:14px;} #main .li3 {display:inline-block; float:left; width:825px; height:645px;} #main .li4 {display:inline-block; float:left; width:830px; height:700px; background:#ffffff; } #main .li5 {display:inline-block; float:right; width:325px; height:645px; } #mm {clear:both; float:center; width:325px;} #mm .ul1 {white-space:nowrap; margin:0; padding:0;} #mm .ul2 {white-space:nowrap; margin:0; padding:0;} #mm .ul3 {white-space:nowrap; margin:0; padding:0;} #mm .mli1 {display:inline-block; float:left; width:325px; height:500px;} #mm .mli2 {display:inline-block; float:left; width:325px; height:340px; padding-bottom:0px;} #mm .mli3 {display:inline-block; float:left; width:325px; height:145px; padding-top:15px; padding-bottom:0px; background:url(/imgs/quickbg.jpg); background-repeat:no-repeat;} #left {width:1000px; text-align:right; vertical-align:top; } #left .mt {vertical-align:top;} #sleft {width:250px; height:450px; text-align:right;} #sleft .tmenu {text-align:center; vertical-align:middle; width:250px; height:50px; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:22px; font-weight:bold; background:url(/imgs/submenutitle.jpg); background-repeat:no-repeat; } #sleft .menu {text-align:right; vertical-align:middle; height:45px; font-family:맑은 고딕,Tahoma,굴림; color:#848484; font-size:18px; font-weight:bold;} #sleft .menuo {clear:both; text-align:right; vertical-align:middle; height:45px; font-family:맑은 고딕,Tahoma,굴림; color:#222222; font-size:22px; font-weight:bold;} #sleft .line {text-align:right; height:20px; } #sleft .smenu {text-align:right; height:150px; } #leftq {width:250px; height:145px; background:url(/imgs/subbannerbg.jpg); background-repeat:no-repeat; margin-bottom:50px;} #leftq .qb {text-align:center; vertical-align:top; padding-top:15px; } #scb {width:740px; margin-bottom:10px; padding:0;} #scb .t1 {width:50%; height:50px; padding-bottom:5px; text-align:left; vertical-align:bottom; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:22px; font-weight:bold; border-bottom:1px solid #D8D8D8;} #scb .t2 {width:50%; padding-bottom:5px; text-align:right; vertical-align:bottom; font-family:맑은 고딕,Tahoma,굴림; color:#626262; font-size:13px; font-weight:none; border-bottom:1px solid #D8D8D8;} #sc {width:740px; margin:0; padding:0;} #sc .t {width:740px; text-align:center; vertical-align:middle; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:22px; font-weight:bold; } #sc .t1 {width:50%; height:50px; padding-bottom:5px; text-align:left; vertical-align:bottom; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:22px; font-weight:bold; border-bottom:1px solid #D8D8D8;} #sc .t2 {width:50%; padding-bottom:5px; text-align:right; vertical-align:bottom; font-family:맑은 고딕,Tahoma,굴림; color:#848484; font-size:13px; font-weight:none; border-bottom:1px solid #D8D8D8;} #sc .c1 {width:740px; height:40px; padding-left:10px; padding-top:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#6aaeec; font-size:27px; font-weight:bold; } #sc .c1e {width:740px; height:40px; padding-left:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#6aaeec; font-size:27px; font-weight:bold; padding-bottom:20px; } #sc .c2 {width:740px; height:35px; padding-left:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#626262; font-size:21px; font-weight:none; } #sc .c2e {width:740px; height:45px; padding-left:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#626262; font-size:21px; font-weight:none; padding-bottom:25px; } #sc .c3 {width:740px; height:40px; padding-left:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:27px; font-weight:none; } #sc .c3e {width:740px; height:40px; padding-left:10px;text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:27px; font-weight:none; padding-bottom:25px; } #sc .c4 {width:80%; height:20px; padding-left:10px; text-align:right; vertical-align:middle; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:25px; font-weight:none; } #sc .c4e {width:20%; height:20px; padding-left:10px; padding-bottom:10px; text-align:left; vertical-align:middle; font-family:맑은 고딕,Tahoma,굴림; color:#222222; font-size:25px; font-weight:none; } #sc .c5 {width:100%; height:20px; padding-bottom:50px; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:25px; font-weight:none; } #sc .c6t {width:740px; height:35px; padding-left:25px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:16px; font-weight:bold; } #sc .c6 {width:740px; height:35px; padding-left:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#626262; font-size:16px; font-weight:none; } #sc .c6e {width:740px; height:35px; padding-left:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#626262; font-size:16px; font-weight:none; padding-bottom:30px; } #sc .co1 {width:350px; height:50px; vertical-align:bottom; padding-left:10px; padding-top:0px; padding-right:5px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; border-bottom:1px solid #6aaeec; color:#6aaeec; font-size:24px; font-weight:bold; } #sc .co2 {width:360px; height:50px; vertical-align:top; padding-left:10px; padding-right:10px; text-align:center; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:16px; font-weight:none; padding-bottom:30px; } #sc .co3 {width:350px; height:110px; vertical-align:top; padding-left:10px; padding-right:10px; padding-top:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#51504e; font-size:13px; font-weight:bold; padding-bottom:30px; } #sc .co4 {width:360px; height:20px; vertical-align:bottom; padding-left:10px; padding-right:10px; text-align:center; font-family:맑은 고딕,Tahoma,굴림; color:#6aaeec; font-size:20px; font-weight:bold; padding-bottom:30px; } #sc .co5 {width:360px; height:50px; vertical-align:top; padding-left:10px; padding-right:10px; text-align:center; font-family:맑은 고딕,Tahoma,굴림; color:#004286; font-size:16px; font-weight:none; padding-bottom:30px; } #sc .co6 {width:350px; height:220px; vertical-align:top; padding-left:10px; padding-right:10px; padding-top:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#51504e; font-size:13px; font-weight:bold; padding-bottom:30px; } #sc .co7 {width:10px; } #sc .co8 {width:740px; height:20px; vertical-align:bottom; padding-left:10px; padding-top:0px; padding-right:5px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; border-bottom:1px solid #6aaeec; color:#6aaeec; font-size:24px; font-weight:bold; } #sc .co9 {width:740px; height:110px; vertical-align:top; padding-left:10px; padding-right:10px; padding-top:10px; text-align:left; font-family:맑은 고딕,Tahoma,굴림; color:#51504e; font-size:17px; font-weight:bold; padding-bottom:30px; } #tail {float:center; width:1160px; height:140px; background:url(/img/footer.jpg); background-repeat:no-repeat; } #tail .ul{white-space:nowrap; margin:0; padding:0;} #tail .li{display:inline-block;} #smenu {clear:both; width:100%;height:22px;background-color:#5c5c5c;padding-top:4px} #smenu .lsp5 {padding-left:5px;color:#c1c1c1} #smenu .lp10 {padding-right:10px;color:#c1c1c1} #smenu .olsp5 {font-size:13px;padding-left:5px;color:#b19363;font-weight:bold} #smenu .olp5 {font-size:13px;padding-right:5px;color:#b19363;font-weight:bold} #smenu .olp10 {font-size:13px;padding-right:10px;color:b19363;font-weight:bold} #smenu .ul{white-space:nowrap;} #smenu .li{display:inline-block; float:left;} #tmenu {width:100%;padding-top:10px;} #tmenu .ul{white-space:nowrap;} #tmenu .li{display:inline-block;float:left;} #tmenu .li1{display:inline-block;float:left;padding-left:5px;} #contents {width:1000px; border:1px solid #000000;} #contents .ul {white-space:nowrap;} #contents .img {padding-top:15px;clear:both;} #contents .img2 {padding-top:15px;clear:both;text-align:center;} #contents .img3 {padding-left:5px;padding-top:7px;clear:both;height:55px} #contents .img4 {clear:both;margin-top:15px;text-align:center;background:url(/mobile/images/titlebg.jpg);} #contents .img5 {padding-left:5px;padding-top:7px;clear:both;height:55px;width:auto;} #contents .img6 {padding-left:5px;padding-top:7px;clear:both;height:20px} #contents .img7 {padding-top:5px;clear:both;text-align:center;} #contents .ctext {padding-top:15px;width:98%;clear:both;margin-left:5px;margin-right:5px;text-align:justify;color:#e4d6b3;font-weight:bold;font-size:16px;} #contents .text {padding-top:15px;width:98%;clear:both;margin-left:5px;margin-right:5px;text-align:justify;color:#c9c8c8;font-size:16px;line-height:26px;} #contents .htext {width:98%;clear:both;padding-left:5px;padding-top:3px;margin-left:5px;margin-right:5px;text-align:justify;color:#c9c8c8;font-size:15px;line-height:20px;} #contents .ltext {width:98%;clear:both;padding-left:5px;margin-left:5px;padding-top:2px;margin-right:5px;text-align:justify;color:#c9c8c8;font-size:14px;line-height:26px;} #contents .ul{white-space:nowrap;} #contents .ul1{white-space:nowrap;padding-top:5px;padding-left:5px} #contents .li1{display:inline-block;float:left;width:55px} #contents .li2{display:inline-block;float:left;width:100%} #contents .hlh{padding-top:15px} #contents .lh5{padding-top:5px} #contents .lh10{padding-top:10px} #hcontent {width:100%;float:left} #hcontent .img {width:55px;float:left} #hcontents {clear:both;width:auto;margin-left:5px;margin-right:5px;text-align:justify;border:1px solid #ffffff;} #hcontents .ul{white-space:nowrap;} #hcontents .li1{display:inline-block;float:left;width:55px} #hcontents .li2{display:inline-block;width:auto} #hcontents .text {width:98%;margin-left:5px;margin-right:5px;text-align:justify;color:#c9c8c8;font-size:16px;line-height:26px;} #pcontent {width:100%;float:left} #pcontent .img {width:55px;float:left} #pcontent .img1 {width:100%;float:center} #pcontents {clear:both;width:auto;margin-left:5px;margin-right:5px;text-align:justify;padding-top:5px} #pcontents .ul{white-space:nowrap;} #pcontents .li{float:left;width:auto;} #pcontents .li1{display:inline-block;float:left;width:120px;padding-top:5px;color:#b19363;font-size:16px;font-weight:bold} #pcontents .li2{display:inline-block;width:auto;padding-top:5px;color:#c9c8c8;font-size:16px;font-weight:bold} #pcontents .li3{display:inline-block;width:auto;padding-top:5px;color:#c9c8c8;font-size:14px;font-weight:bold;line-height:26px;} #pcontents .li4{display:inline-block;width:auto;padding-top:30px;padding-bottom:10px;color:#c9c8c8;font-size:16px;font-weight:bold} #pcontents .text {width:98%;margin-left:5px;margin-right:5px;text-align:justify;color:#c9c8c8;font-size:16px;line-height:26px;} #pcontents .b {font-weight:bold;} #pcontents .img {width:100%;text-align:center;padding-top:5px} #pcontents .ctext {padding-top:15px;width:98%;clear:both;margin-left:5px;margin-right:5px;text-align:justify;color:#e4d6b3;font-weight:bold;font-size:16px;} #pcontents .pt10 { padding-top:10px; } #adsideWrapper {position:absolute;} #adside {position:absolute; top:0;} #adside.fixed {position:fixed; top:0; margin-top:0px;} /*end*/ /* HOW TO CREATE A CSS3 DROPDOWN MENU [TUTORIAL] "How to create a CSS3 Dropdown Menu [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc. Links: http://vtimbuc.net/ https://twitter.com/vtimbuc http://designmodo.com http://vladimirkudinov.com */ /* Reset */ .menu, .menu ul, .menu li, .menu a { margin: 0; padding: 0; border: none; outline: none; } /* Menu */ .menu { height: 40px; width: 1100px; } .menu li { position: relative; list-style: none; float: left; display: block; height: 40px; width: 120px; } /* Links */ .menu li a { display: block; padding: 0; margin: 5px 0; line-height: 40px; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; text-align:center; color: #f3f3f3; text-shadow: 1px 1px 1px rgba(0,0,0,.6); -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .menu li:first-child a { border-left: none; } .menu li:last-child a{ border-right: none; } .menu li:hover > a { color: #ffffff; background-color:#ff0000;} /* Sub Menu */ .menu ul { position: absolute; top: 50px; left: 0; z-index:100; opacity: 0; background: #1f2024; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; } .menu li:hover > ul { opacity: 1; } .menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } .menu li:hover > ul li { height: 40px; overflow: visible; padding: 0; } .menu ul li a { width: 100%; margin: 0; border: none; } .menu ul li:last-child a { border: none; color: #ffffff;} /* Icons */