html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; outline:0; font-style:inherit; font-size:100%; font-family:inherit; list-style:none; text-decoration:none; }
body { background:url('images/bg_body.gif') repeat-x left top; color:#555555; font-family:dotum; }
body#main { background:url('images/bg_main.gif') repeat-x left top; }
.png24 { tmp:expression(setPng24(this)); }
table { border-collapse:collapse; border-spacing:0; }
input.text { color:#555555; font-family:dotum; font-size:12px; }
input.text1 { color:#555555; font-family:dotum; font-size:12px; }
textarea { resize:none; }
/* layout */
div#wraptop { width:100%; height:116px; background:url('images/gra.jpg') no-repeat center top; }
div#wrapfoot { clear:both; width:100%; height:262px; padding:70px 0 0 0; background:url('images/bg_footer.gif') repeat-x left 70px; }
body#main div#wrapfoot { padding:45px 0 0 0; background:url('images/bg_footer.gif') repeat-x left 45px; }
div#wrap { width:940px; margin:0 auto; }
div#contents { padding:48px 0 0 0; }
div#wrapleft { float:left; width:260px; }
div#wrapright { float:left; width:680px; font-family:dotum; }
/* top area */
div.toparea { width:913px; height:37px; margin:0 auto; padding:0 14px 0 13px; }
div.toparea p { float:left; padding:7px 0 0 0; font-size:14px; color:#ffffff; font-family:Tahoma; }
div.toparea ul { float:right; padding:9px 0 0 0; font-size:11px; font-family:Tahoma; }
div.toparea ul li { float:left; height:18px; padding:1px 0 0 20px; }
div.toparea ul li.three { padding-left:50px; background:url('images/bg_ttws.gif') no-repeat 20px top; }
div.toparea ul li.four { padding-left:40px; background:url('images/bg_trs.gif') no-repeat 20px 1px; }
div.toparea ul li a { color:#ffffff; }
div.gnb { width:913px; height:79px; margin:0 auto; padding:0 14px 0 13px; }
div.gnb p { float:left; padding:21px 0 0 0; }
div.gnb ul { float:right; padding:28px 0 0 0; }
div.gnb ul li { float:left; margin:0 0 0 30px; padding:0 0 4px 0; }
div.gnb ul li.on { border-bottom:3px solid #429eb5; }
/* foot area */
div.footarea { width:940px; height:236px; margin:0 auto; padding:26px 0 0 0; background:url('images/bg_footbox.gif') no-repeat left top; font-size:12px; color:#ebebeb; line-height:18px; font-family:굴림; }
div.footarea div.footleft { float:left; width:271px; padding:4px 0 10px 0; background:url('images/bg_footbar.gif') no-repeat right top; font-family:Verdana; }
div.footarea div.footleft span { color:#7c7b7b; }
div.footarea div.footleft p { clear:both; height:25px; }
div.footarea div.footleft ul.visbtns { float:left; padding:8px 0 30px 0; }
div.footarea div.footleft ul.visbtns li { float:left; }
div.footarea div.footleft ul.visbtns li.one { width:46px; padding:2px 0 0 0; }
div.footarea div.footleft ul.visbtns li.two { width:51px; }
div.footarea div.footleft ul.visbtns li.three { width:37px; padding:4px 0 0 0; }
div.footarea div.footleft div { }
div.footarea div.footleft div img { position:relative; top:2px; }
div.footarea div.footcenter { float:left; width:330px; padding:4px 0 10px 30px; background:url('images/bg_footbar.gif') no-repeat right top; }
div.footarea div.footcenter a { color:#ebebeb; }
div.footarea div.footcenter p.title { height:30px; }
div.footarea div.footcenter div.letter { }
div.footarea div.footcenter div.letter span { float:left; padding:0 7px 0 0; }
div.footarea div.footcenter div.letter input.text { width:193px; height:18px; padding:7px 0 0 5px; border:1px solid #cccccc; color:#4c4c4c; }
div.footarea div.footcenter div.letter div { clear:both; padding:5px 0 0 0; margin:0 0 0 -3px; }
div.footarea div.footcenter div.letter div input { position:relative; top:1px; cursor:pointer; }
div.footarea div.footcenter div.letter div label { margin:0 0 0 5px; cursor:pointer; }
div.footarea div.footcenter div.letter div p { padding:10px 0 0 5px; font-size:11px; color:#9c9b9b; }
div.footarea div.footcenter div.contact { margin:33px 0 0 0; }
div.footarea div.footcenter div.contact p.title { height:15px; margin:0 0 -13px 0; }
div.footarea div.footcenter div.contact span { position:relative; top:1px; padding:0 0 0 12px; }
div.footarea div.footright { float:left; width:280px; padding:4px 0 10px 29px; overflow:hidden; }
div.footarea div.footright p.title { height:28px; }
div.footarea div.footright div.foottwitter { position:relative; width:258px; height:138px; padding:18px 14px 18px 14px; background:url('images/bg_foottw.gif') no-repeat left top; line-height:16px; color:#cfc9c9; }
div.footarea div.footright div.foottwitter a { color:#cfc9c9; }
div.footarea div.footright div.foottwitter span { padding:0 0 0 5px; color:#00aeef; }
div.footarea div.footright div.foottwitter p.more_updates { position:absolute; bottom:2px; left:65px; border-bottom:1px solid #cfc9c9; line-height:12px; }
/* main visual */
div.visual { height:401px; }
div.visual div.img { float:left; position:relative; width:477px; padding:0 0 0 21px; margin:-23px 0 0 0; }
div.visual div.img img { position:absolute; top:0; }
div.visual div.txt { float:right; width:442px; padding:8px 0 0 0; margin:0 0 0 -15px; }
div.visual div.txt div.slide { position:relative; margin:0 0 60px 0; }
div.visual div.txt div.slide span { position:absolute; top:0; }
div.visual div.txt div.slide ul { padding:91px 0 0 367px; }
div.visual div.txt div.slide ul li { float:left; padding:0 0 0 6px; }
div.visual div.txt div.slide ul li img { cursor:pointer; }
div.visual div.txt div.movie { clear:both; padding:0 0 0 124px;z-index:-10; }
/* main updates */
div.mainupdate { clear:both; position:relative; width:783px; height:22px; padding:13px 0 0 157px; border-top:1px solid #eae9ec; border-bottom:1px solid #eae9ec; background:url('images/bul_star.gif') no-repeat left 5px; color:#000000; font-size:12px; font-family:굴림; }
div.mainupdate a { color:#000000; }
div.mainupdate span.title { position:absolute; left:34px; font-weight:bold; color:#34641a; }
div.mainupdate span.bar { position:absolute; left:141px; color:#c4c4c4; }
div.mainupdate span.subject { }
div.mainupdate span.date { padding:0 0 0 10px; color:#959595; }
div.mainupdate span.more { position:absolute; right:0; top:7px; }
div.mainupdate div.upchange { height:15px; overflow:hidden; }
div.mainupdate div.upchange div { height:15px; }
/* main contents */
div.maincontents { clear:both; height:235px; padding:27px 0 0 0; font-size:12px; }
div.maincontents h1.main { height:21px; color:#353535; font-weight:bold; font-size:14px; padding:10px 0 0 19px; }
div.maincontents h1.main img { margin:0 10px -5px 0; }
div.maincontents .bg1 { background:url('images/bg_maincontents_left.gif') 0 0 no-repeat; }
div.maincontents .bg2 { background:url('images/bg_maincontents_center.gif') 0 0 no-repeat; margin-bottom:11px; }
div.maincontents .bg3 { background:url('images/bg_maincontents_right.gif') 0 0 no-repeat; margin-bottom:11px; }
div.maincontents div.left { float:left; width:296px; }
div.maincontents div.left h1.main img { margin-bottom:-2px; }
div.maincontents div.left table { border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
div.maincontents div.left table tr.first td { border-top:0; }
div.maincontents div.left table td { height:49px; font-size:15px; border-top:1px solid #ffffff; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f8f8f8; color:#000000; font-weight:bold; text-align:center; }
div.maincontents div.left table td a { color:#000000; }
div.maincontents div.left table td img { margin:0 16px -13px -10px; }
div.maincontents div.center { float:left; width:345px; }
div.maincontents div.right { float:left; width:299px; }
div.maincontents div ul { }
div.maincontents div ul li { height:54px; padding:0 0 0 41px; color:#555555; line-height:18px; }
div.maincontents div ul li.one { background:url('images/img_number1.gif') no-repeat left top; }
div.maincontents div ul li.two { background:url('images/img_number2.gif') no-repeat left top; }
div.maincontents div ul li.three { background:url('images/img_number3.gif') no-repeat left top; }
div.maincontents div ul li span { display:block; color:#010101; }
/* main bottom 0118 이전
div.mainbottom { position:relative; float:left; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#f8f8f8; color:#555555; font-size:12px; line-height:14px; }
div.mainbottom a { color:#555555; }
div.mainbottom div { float:left; padding:16px 0 0 19px; border-right:1px solid #e5e5e5; }
div.mainbottom div h2.main { height:41px; font-size:; color:#000000; font-size:14px; line-height:18px; }
div.mainbottom div h2.main span { position:relative; top:-2px; padding:0 6px 0 0; color:#555555; font-size:11px; font-weight:normal; }
div.mainbottom div ul { padding:5px 0 0 0; }
div.mainbottom div ul li { height:17px; padding:0 0 0 17px; background:url('images/bul_left1.gif') no-repeat left 1px; font-size:11px; }
div.mainbottom div p { margin:0 0 11px 0; }
div.mainbottom div.one { width:177px; height:149px; padding-left:107px; background:url('images/bg_less1.gif') no-repeat left bottom; }
div.mainbottom div.one h2.main { margin:0 0 0 -88px; }
div.mainbottom div.two { width:197px; height:149px; background:url('images/bg_less2.gif') no-repeat right bottom; }
div.mainbottom div.three { width:203px; height:149px; background:url('images/bg_less3.gif') no-repeat right bottom; }
div.mainbottom div.four { width:194px; height:149px; background:url('images/bg_less4.gif') no-repeat right bottom; }
div.mainbottom div.three span, div.mainbottom div.four span { position:absolute; bottom:23px; }
*/
/* main bottom 0118수정 */
div.mainbottom { position:relative; float:left; width:983px; height:113px; background:url('images/bg_mainbottom.gif') 0 0 no-repeat; }
div.mainbottom dl dt, div.mainbottom dl dd.hidden { position:absolute; visibility:hidden; }
div.mainbottom dl dd a { position:absolute; display:block; width:56px; height:17px; text-indent:-5000em; overflow:hidden; }
div.mainbottom dl dd a.one { left:15px; top:75px; }
div.mainbottom dl dd a.two { left:251px; top:75px; }
div.mainbottom dl dd a.three { left:493px; top:75px; }
div.mainbottom dl dd a.four { left:731px; top:75px; }
/* left */
div.leftgnb { }
div.leftgnb p { width:201px; height:36px; padding:22px 0 0 17px; border:1px solid #a8b4be; background-color:#e5f1fa; }
div.leftgnb ul { width:218px; border-top:3px solid #f0f0f0; border-bottom:2px solid #f0f0f0; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
div.leftgnb ul li { height:27px; padding:13px 0 0 18px; }
div.leftgnb ul li.last { border-bottom:1px solid #d7d7d7; }
div.leftgnb ul li.on { background:url('images/bul_right1.gif') no-repeat 189px 13px; background-color:#f8f8f8; }
div.leftgnb ul li.big { height:55px; border-bottom:1px solid #d7d7d7; }
div.leftSearch { width:218px; height:23px; margin:20px 0 0 0; border:1px solid #cccccc; overflow:hidden; }
div.leftSearch span { float:left; }
div.leftSearch input.text { width:156px; height:17px; padding:6px 0 0 5px; border:0; }
div.leftstory { width:220px; margin:40px 0 0 0; font-size:12px; }
div.leftstory ul.tab { width:220px; height:38px; padding:9px 0 0 8px; background:url('images/bg_lefttxt.gif') repeat-x left top; color:#797979; font-weight:bold; }
div.leftstory ul.tab li { float:left; width:54px; height:38px; padding:0 10px 0 0; text-align:center; cursor:pointer; }
div.leftstory ul.tab li.on { background:url('images/bg_arr.gif') no-repeat 20px bottom; }
div.leftstory ul.tab li span { display:block; width:54px; height:18px; padding:6px 0 0 0; }
div.leftstory ul.tab li.on span { background:url('images/bg_txtleft.gif') no-repeat left top; }
div.leftstory ul.tab li a { color:#797979; }
div.leftstory div.leftcontents { margin:7px 0 0 0; line-height:18px; color:#252525; }
div.leftstory div.leftcontents a { color:#252525; }
div.leftstory div.leftcontents ul.latest { }
div.leftstory div.leftcontents ul.latest li { }
div.leftstory div.leftcontents ul.latest li span { display:block; font-size:11px; color:#898989; }
div.leftstory div.leftcontents ul.latest li span a { color:#898989; text-decoration:underline; }
div.leftstory div.leftcontents ul { margin:-8px 0 0 0; }
div.leftstory div.leftcontents ul li { padding:9px 0 8px 9px; background:url('images/bg_dot1.gif') repeat-x left bottom; }
div.leftstory div.leftcontents ul span.post-stats { font-size:11px; color:#898989; }
div.leftstory div.leftcontents ul.recentcomments span { display:block; font-size:11px; color:#898989; }
div.twitter { width:219px; margin:30px 0 0 0; font-size:12px; color:#555555; line-height:18px; }
div.twitter a { color:#0054a6; }
div.twitter div.twittertop { width:219px; height:4px; background:url('images/bg_twtop.gif') no-repeat left top; overflow:hidden; }
div.twitter div.twittercen { width:219px; padding:0 0 13px 0; background-color:#e5f1fa; overflow:hidden; }
div.twitter div.twittercen h2.twitter { padding:11px 0 11px 13px; }
div.twitter div.twittercen ul { padding:0 11px 0 11px; }
div.twitter div.twittercen ul li { padding:9px 0 9px 0; background:url('images/bg_dot2.gif') repeat-x left bottom; }
div.twitter div.twittercen ul li.last { position:relative; height:30px; background:none; }
div.twitter div.twittercen ul li.last span { position:absolute; right:10px; bottom:0; }
div.twitter div.twitterbot { width:219px; height:4px; background:url('images/bg_twbot.gif') no-repeat left top; overflow:hidden; }
div.leftrss { margin:16px 0 0 0; }
/* right */
h2.title { width:660px; height:38px; margin:10px 0 0 0; padding:14px 0 0 20px; background:url('images/bg_title.gif') no-repeat left top; }
p.nodata { padding:20px 0 0 0; text-align:center; }
div.list { }
ul.list { position:relative; float:left; width:666px; padding:25px 14px 25px 0; border-bottom:2px solid #f6f6f6; line-height:18px; font-size:12px; }
ul.list li { float:left; width:490px; color:#535050; }
ul.small li { width:490px; }
ul.big li { width:600px; }
ul.search { width:646px; padding-left:20px; }
ul.list li.img { width:95px; height:100px; margin:0 15px 0 0; background:url('images/bg_leftimg.gif') repeat-x left bottom; }
ul.list li.img img { padding:3px; border:1px solid #ececec; }
ul.list li.title { margin:0 0 11px 0; color:#252525; font-size:16px; font-weight:bold; }
ul.list li.title a { color:#252525; }
ul.list li.info { margin:0 0 15px 0; padding:0 0 0 22px; background:url('images/bul_category.gif') no-repeat left 3px; font-size:11px; color:#0a3e6d; }
ul.list li.info a { color:#898989; text-decoration:underline; }
ul.list li.info span.bar { color:#c2c2c2; }
ul.list li.info span.date { color:#898989; }
ul.list li.txt { }
ul.list li.txt p { display:inline; }
ul.list li.txt a { position:relative; top:-1px; margin:0 0 0 5px; color:#2374cc; font-weight:bold; text-decoration:underline; }
ul.list li.comment { position:absolute; top:25px; right:14px; width:44px; height:37px; padding:8px 0 0 0; background:url('images/bg_comment.gif') no-repeat left top; font-size:16px; font-weight:bold; text-align:center; color:#252525; }
ul.list li.comment a { color:#252525; }
div.paging { clear:both; width:678px; padding:0 0 0 0; border:1px solid #ffffff; }
/* search */
div.searchword { height:26px; padding:12px 0 0 33px; margin:25px 0 0 0; border-top:2px solid #f7f7f7; border-bottom:2px solid #f7f7f7; background:url('images/bul_left2.gif') no-repeat 20px 17px; color:#252525; font-size:16px; font-weight:bold; }
div.searchword span { color:#0072bc; }
/* view */
div.single ul.list { width:660px; padding:15px 0 15px 20px; border:0; border-top:1px solid #a8b4be; background:url('images/bg_view.gif') repeat-x left bottom; }
div.single ul.list li.comment { top:15px; }
div.single ul.list li.info { margin:0 0 0 0; }
div.single ul.list li.tag { padding:0 0 3px 21px; background:url('images/bg_tag.gif') no-repeat left 2px; font-weight:bold; color:#242424; }
div.single ul.list li.tag a { color:#898989; font-weight:normal; }
div.singles { clear:both; width:640px; padding:30px 20px 20px 20px; color:#535050; line-height:24px; font-size:14px; }
div.singles div.singlebtns { width:580px; height:47px; margin:50px 0 20px 0; padding:35px 0 0 20px; background-color:#f5f5f5; }
div.singles div.singlebtns h2 { float:left; margin:0 20px 0 0; }
div.singles div.singlebtns ul { float:left; margin:-8px 0 0 0; }
div.singles div.singlebtns ul li { float:left; padding:0 5px 0 0; }
/* comment */
#comments { margin:0; overflow:hidden; }
#commentblock { background:#F3F3F3; padding:0 15px 10px 6px; width:578px; overflow:hidden; }
#comments h1 { padding:20px 0 10px 15px; margin:0; font-family:Arial; font-size:26px; font-weight:bold; color:#444847; }
ol.commentlist { width:578px; margin:0; padding:0; }
ol.commentlist li { width:433px; min-height:120px; margin:0px; padding:5px 10px 0px 10px; padding-left:130px; list-style:none; font-size:12px; font-family:dotum; line-height:18px; }
ol.commentlist li.depth-2 { width:412px; }
ol.commentlist li.depth-3 { width:391px; }
ol.commentlist li.depth-4 { width:370px; }
ol.commentlist li.depth-5 { width:349px; }
ol.commentlist ul.children { margin:5px 0 5px 0; padding:0px; border-left:1px solid #ccc; }
ol.commentlist ul.children li { margin:0px; padding:0px; padding-left:20px; background:URL('images/children_li.gif') 0 20px no-repeat; }
ol.commentlist ul.children .comment-author img.avatar { width:40px; float:right; margin-left:10px; height:40px; }
ol.commentlist ul.children li.depth-2 .single_comment { padding:15px; margin-right:0; padding-bottom:30px; }
ol.commentlist ul.children li.depth-3 .single_comment { padding:15px; margin-right:0; padding-bottom:30px; }
ol.commentlist code { background:#e6e6e6; padding:3px; }
ol.commentlist .children { margin-top:5px; }
.edit-comment-admin-links { margin:0 0 -15px 0; }
ol.commentlist ul.children .edit-comment-admin-links { position:relative; top:-5px; margin:0; }
.comment_wrap { position:relative; background:#fff; overflow:visible; height:100%; border:1px solid #ccc; }
.comment-author { position:absolute; left:-120px; width:100px; color:#618dbf; font-size:10px; line-height:12px; font-family:Tahoma; font-style:normal; }
.children .comment-author { position:absolute; left:auto; right:10px; bottom:10px; width:200px; color:#484848; text-align:right; font-size:10px; line-height:11px; }
.comment-author a { text-decoration:none; }
.single_comment { padding:15px; padding-bottom:40px; }
.comment-arrow { position:absolute; left:-18px; top:20px; }
.alt { margin:0; padding:0px; }
.avatar { padding:3px; border:1px solid #ddd; background:#fff; }
#respond { padding:10px; position:relative; }
#respond h3 { height:30px; margin:5px 0 0 0; font-size:18px; font-weight:bold; font-family:Arial; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.reply a:link, .reply a:visited { background:#ddd; text-align:center; text-decoration:none !important; text-transform:uppercase; color:#212121; padding:4px 10px; font-size:10px; }
.reply a:hover { background:url('images/button_bg.gif') bottom repeat-x; color:#fff; }
.reply { position:absolute; bottom:15px; left:15px; }
.cancel-comment-reply a { display:block; margin:0 0 20px 0; background:#ddd; text-align:center; text-decoration:none !important; text-transform:uppercase; color:#212121; padding:4px 10px; font-size:10px; width:200px; }
.cancel-comment-reply a:hover { background:url('images/button_bg.gif') bottom repeat-x; color:#fff; }
#commentform input.text { position:relative; width:192px; height:19px; margin:0 0 14px 0; border:1px solid #dddddd; color:#353535; padding:7px 0 0 105px; }
#commentform input.bg1 { background:url('images/img_cm01.gif') no-repeat 11px 6px; background-color:#ffffff; }
#commentform input.bg2 { background:url('images/img_cm02.gif') no-repeat 11px 7px; background-color:#ffffff; }
#commentform input.bg3 { background:url('images/img_cm03.gif') no-repeat 11px 7px; background-color:#ffffff; }
#commentform textarea { width:94%; height:160px; padding:10px 0 0 30px; margin:0 0 10px 0; border:1px solid #dddddd; font-size:12px; }
#commentform textarea.bg4 { background:url('images/img_cm04.gif') no-repeat 10px 11px; background-color:#ffffff; }
#commentform input[type=image] { width:auto !important; background:none; }
.btn { border:0 !important; }
cite.fn { font-weight:bold; font-size:11px; font-style:normal; }
.comment-meta { margin-top:2px; color:#aaa; }
div.edit-comment p { margin:0 0 10px 0; }
/* page */
div.page { width:680px; padding:20px 0 0 0; overflow:hidden; }
div.contactimg { height:168px; }
div.form { }
div.form div.formtop { float:left; width:637px; height:15px; background:url('images/bg_formtop.gif') no-repeat left top; overflow:hidden; }
div.form div.formcenter { float:left; width:577px; padding:10px 30px 30px 30px; background-color:#e5f1fa; color:#555555; font-size:12px; overflow:hidden; }
div.form div.formcenter h2.form { height:38px; background:url('images/bg_dot3.gif') repeat-x left bottom; }
div.form div.formcenter div.text { padding:14px 0 0 0; line-height:26px; }
div.form div.formcenter div.text strong { font-size:14px; }
div.form div.formcenter div.forminsert { padding:26px 0 0 0; }
div.form div.formcenter div.forminsert div.left { float:left; width:232px; }
div.form div.formcenter div.forminsert div.right { float:left; width:329px; }
div.form div.formcenter div.forminsert table { }
div.form div.formcenter div.forminsert table th { height:17px; padding:0 0 0 10px; font-weight:normal; text-align:left; vertical-align:top; }
div.form div.formcenter div.forminsert table td { height:44px; vertical-align:top; }
div.form div.formcenter div.forminsert table td.textarea { width:309px; height:229px; padding:10px; background:url('images/bg_input3.gif') no-repeat left top; }
div.form div.formcenter div.forminsert table td.textareaon { width:309px; height:229px; padding:10px; background:url('images/bg_input3_on.gif') no-repeat left top; }
div.form div.formcenter div.forminsert table td.textarea1 { width:309px; height:287px; padding:10px; background:url('images/bg_input4.gif') no-repeat left top; }
div.form div.formcenter div.forminsert table td.textarea1on { width:309px; height:287px; padding:10px; background:url('images/bg_input4_on.gif') no-repeat left top; }
div.form div.formcenter div.forminsert table td input.text { width:194px; height:21px; padding:10px 0 0 10px; border:0; background:url('images/bg_input1.gif') no-repeat left top; }
div.form div.formcenter div.forminsert table td input.texton { width:194px; height:21px; padding:10px 0 0 10px; border:0; background:url('images/bg_input1_on.gif') no-repeat left top; color:#0072bc; }
div.form div.formcenter div.forminsert table td input.text1 { width:319px; height:21px; padding:10px 0 0 10px; border:0; background:url('images/bg_input2.gif') no-repeat left top; }
div.form div.formcenter div.forminsert table td input.text1on { width:319px; height:21px; padding:10px 0 0 10px; border:0; background:url('images/bg_input2_on.gif') no-repeat left top; color:#0072bc; }
div.form div.formcenter div.forminsert table td textarea { width:305px; height:198px; border:0; font-size:12px; font-family:dotum; line-height:18px; color:#555555; }
div.form div.formcenter div.forminsert table td textarea.on { color:#0072bc; }
div.form div.formcenter div.forminsert table td textarea.big { height:255px; border:0; font-size:12px; font-family:dotum; line-height:18px; color:#555555; }
div.form div.formcenter div.forminsert table td textarea.bigon { height:255px; border:0; font-size:12px; font-family:dotum; line-height:18px; color:#0072bc; }
div.form div.formcenter div.forminsert p { padding:13px 0 0 0; color:#7da7d9; }
div.form div.formbottom { position:relative; left:-43px; _left:-303px; _top:-63px; float:right; width:637px; height:15px; background:url('images/bg_formbottom.gif') no-repeat left top; overflow:hidden; }
div.acaimg { width:680px; height:360px; background:url('images/bg_aca.gif') no-repeat 350px 7px; line-height:22px; color:#555555; font-size:12px; }
div.acaimg span { display:block; padding:27px 0 0 5px; }
div.screw { float:left; width:680px; background:url('images/bg_screw.gif') no-repeat right top; font-size:12px; line-height:20px; color:#555555; }
div.screw h1.screw { margin:0 0 45px 0; }
div.screw div.lefts { float:left; width:380px; padding:0 0 0 0; line-height:22px; }
div.screw div.rights { float:left; width:300px; padding:60px 0 0 0; }
div.product { float:left; width:680px; padding:35px 0 0 0; }
div.product h2.title { height:30px; padding:0; margin:0 0 28px 0; background:url('images/bg_dot4.gif') repeat-x left bottom; }
div.product div.left { float:left; width:280px; }
div.product div.right { float:left; width:400px; padding:5px 0 0 0; }
div.multi { float:left; width:680px; background:url('images/bg_multi.gif') no-repeat right 55px; font-size:12px; line-height:20px; color:#555555; }
div.multi h1.multi { margin:0 0 25px 0; }
div.multi div.multitxt { margin:0 0 30px 0; line-height:22px; }
div.vacuum { float:left; width:680px; background:url('images/bg_vacuum.gif') no-repeat right top; font-size:12px; line-height:20px; color:#555555; }
div.vacuum h1.vacuum { margin:0 0 30px 0; }
div.vacuum div.vacuumtxt { line-height:22px; }
div.sproduct { float:left; width:680px; padding:35px 0 0 0; }
div.sproduct div.left { float:left; width:320px; overflow:hidden; }
div.sproduct div.right { float:right; width:340px; overflow:hidden; }
div.sproduct h2.title { height:30px; padding:0; margin:0 0 20px 0; background:url('images/bg_dot4.gif') repeat-x left bottom; }
div.vacuumbox { width:665px; height:253px; margin:45px 0 0 0; padding:20px 0 0 25px; background:url('images/bg_vacuumbox.gif') no-repeat left top; line-height:22px; }
div.vacuumbox h2.boxtitle { margin:0 0 15px 0; }
div.gun { float:left; width:680px; margin:-20px 0 0 0; padding:20px 0 0 0; background:url('images/bg_gun.gif') no-repeat right top; font-size:12px; line-height:20px; color:#555555; }
div.gun h1.gun { margin:0 0 30px 0; }
div.gun div.guntxt { line-height:22px; }
div.gun div.sproduct { padding:45px 0 0 0; }
div.gun div.sproduct div.left { float:left; width:380px; overflow:hidden; }
div.gun div.sproduct div.right { float:right; width:280px; overflow:hidden; }
div.gun div.sproduct img { margin:20px 0 0 0; }
div.gun div.sproduct h2 img { margin:0; }
div.sproduct div.usb { background:url('images/img_gun3.gif') no-repeat 175px 60px; }
div.sproduct div.usb ul { padding:35px 0 100px 0; }
div.sproduct div.usb ul li { height:31px; padding:0 0 0 35px; background:url('images/bul_left3.gif') no-repeat 10px 4px; }
div.sproduct ul.box { padding:21px 0 0 0; }
div.sproduct ul.box li { width:265px; height:28px; margin:0 0 3px 0; padding:9px 0 0 12px; border:1px solid #f2f2f2; background:url('images/bg_sbox.gif') repeat-x left bottom; font-weight:bold; }
div.sproduct ul.box li span { display:block; padding:0 0 0 25px; background:url('images/bul_left1.gif') no-repeat left 4px; }
div.bproduct { float:left; width:680px; }
div.bproduct h2.title { height:30px; padding:0; margin:0 0 20px 0; background:url('images/bg_dot4.gif') repeat-x left bottom; }
div.bproduct div.left { float:left; width:155px; padding:0 0 0 15px; }
div.bproduct div.right { float:left; width:525; }
div.why { width:680px; font-size:12px; line-height:20px; color:#555555; }
div.why h1.why { margin:0 0 13px 0; }
div.why h2.why { clear:both; height:25px; padding:70px 0 0 0; margin:0 0 30px 0; background:url('images/bg_dot4.gif') repeat-x left bottom; }
div.why div.whymovie { width:680px; padding:17px 0 0 0; line-height:22px; }
div.why div.whymovie div.moviebox { float:right; width:300px; }
div.why div.whydiscrip { float:left; width:680px; }
div.why div.whydiscrip div.left { float:left; width:433px; }
div.why div.whydiscrip div.left img { margin:40px 0 0 0; }
div.why div.whydiscrip div.left h2 img { margin:0; }
div.why div.whydiscrip div.right { float:right; width:191px; margin:65px 0 0 0; padding:0 0 10px 16px; background-color:#efeff7; }
div.why div.whydiscrip div.right h3.why { padding:24px 0 20px 0; }
div.why div.whydiscrip div.right span { color:#3fa5b1; }
div.recom { width:680px; font-size:12px; line-height:20px; color:#555555; }
div.recom h2.recom { clear:both; height:25px; padding:0 0 0 3px; margin:0 0 30px 0; background:url('images/bg_dot4.gif') repeat-x left bottom; }
div.recom ul { }
div.recom ul li { float:left; width:300px; padding:0 0 0 40px; margin:0 0 21px 0; }
div.recom ul li.one { background:url('images/img_bul1.gif') no-repeat left 3px; }
div.recom ul li.two { background:url('images/img_bul2.gif') no-repeat left 3px; }
div.recom ul li.three { background:url('images/img_bul3.gif') no-repeat left 3px; }
div.recom ul li.four { background:url('images/img_bul4.gif') no-repeat left 3px; }
div.recom ul li.five { background:url('images/img_bul5.gif') no-repeat left 3px; }
div.recom ul li.six { background:url('images/img_bul6.gif') no-repeat left 3px; }
div.recom ul li.seven { background:url('images/img_bul7.gif') no-repeat left 3px; }
div.recom ul li.eight { background:url('images/img_bul8.gif') no-repeat left 3px; }
div.recom ul li.nine { background:url('images/img_bul9.gif') no-repeat left 3px; }
div.recom ul li.ten { background:url('images/img_bul10.gif') no-repeat left 3px; }
div.recom ul li.eleven { background:url('images/img_bul11.gif') no-repeat left 3px; }
div.none404 { width:680px; padding:65px 0 0 0; text-align:center; }
div.history { float:left; width:680px; font-size:12px; line-height:20px; color:#555555; }
div.history h2.title { clear:both; height:30px; padding:50px 0 0 0; margin:0 0 20px 0; background:url('images/bg_dot4.gif') repeat-x left bottom; }
div.history div.left { float:left; width:495px; }
div.history div.right { float:left; width:185px; }
div.background { width:680px; font-size:12px; line-height:24px; color:#555555; }
div.background h2.title { clear:both; height:28px; padding:35px 0 0 0; margin:0 0 15px 0; background:url('images/bg_dot4.gif') repeat-x left bottom; }
div.background span.font { display:block; margin:0 0 21px 0; font-size:14px; font-family:굴림; font-weight:bold; }
div.background div.lrbox { float:left; width:680px; margin:43px 0 0 0; }
div.background div.left { float:left; width:405px; }
div.background div.right { float:left; width:275px; }
div.background div.spebox { float:left; width:680px; margin:17px 0 0 0; padding:0 0 0 27px; background:url('images/bg_spebox.gif') no-repeat 15px 7px; line-height:30px; }
div.background div.text { clear:both; width:680px; padding:27px 0 0 0; }
div.background div.graybox { width:610px; height:364px; margin:25px 0 0 0; padding:30px 0 0 26px; border:1px solid #eeeeee; background:url('images/bg_graybox.gif') no-repeat 517px 252px; background-color:#fafafa; }
div.background div.graybox h3 { }
div.background div.graybox p { height:27px; margin:25px 0 0 0; font-weight:bold; }
div.background div.graybox p img { margin:0 0 -7px 0; }
/* default */
.ml20 { margin-left:20px; }
/* 20101108 popup */
.lypopup{position:absolute;font-family:'Malgun Gothic';color:#fff;font-size:15px;z-index:200;}
.lypopup .chk{margin-top:-30px;padding-left:10px;}
.lypopup .chk input{vertical-align:-2px;}
.lypopup .chk span{padding-right:40px;}
/* 201102 popup */
.lypopup2{position:absolute;z-index:200;}
.lypopup2 .bx{position:relative;}
.lypopup2 .img{width:983px;height:479px;background:url(./images/201102_pop.png) no-repeat 0 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/201102_pop.png',sizingMethod='crop');}
.lypopup2 .img a{position:absolute;bottom:0;right:43px;display:block;width:110px;height:110px;}
.lypopup2 .close{position:absolute;top:0;right:0;z-index:250;}
.lypopup2 .close a{display:block;width:50px;height:40px;}
.lypopup2 a{text-indent:-9999px;}
/* 201102 popup */
.lypopup3{position:absolute;z-index:200;width:542px;height:663px;background:url(./images/0228_bg_popup.png) no-repeat 0 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/0228_bg_popup.png',sizingMethod='crop');}
.lypopup3 .bx{position:relative;}
.lypopup3 .img{width:418px;height:549px;text-indent:-9999px;background:url(./images/0228_popup_img.gif) no-repeat 0 0;margin:57px 0 0 50px;}
.lypopup3 .img a{display:block;width:100%;height:100%;}
.lypopup3 .close{position:absolute;top:-57px;right:0;text-indent:-9999px;z-index:250;}
.lypopup3 .close a{display:block;width:40px;height:40px;}