@import url("product.css"); @import url("service.css"); @import url("mypage.css"); @import url("member.css"); @import url("search.css"); @import url("lounge.css"); @import url("talk.css"); @import url("why.css"); @import url("about.css"); @import url("table.css"); html, body {height:100%;} body { background:#7a7f89 url('/directweb/images/common/bg_body.gif') repeat-y; color:#555; } body.iframe, body.print {background:#ffffff url(none);}/* ¾ÆÀÌÇÁ·¹ÀÓ */ body.iframe_agreement {/* ¾à°ü ¾ÆÀÌÇÁ·¹ÀÓ */ background:#f8f8f8 url(none); color:#686868;line-height:16px; margin:20px; overflow-y:auto; scrollbar-face-color:#d6d6d6; scrollbar-shadow-color:#d6d6d6; scrollbar-highlight-color:#d6d6d6; scrollbar-3dlight-color:#d6d6d6; scrollbar-darkshadow-color:#d6d6d6; scrollbar-track-color:#e9e9e9; scrollbar-arrow-color:#9f9f9f; } body, table, th, td, p, ul, ol, li, dl, dt, dd, form, h1, h2, h3, h4 {margin:0px; padding:0px; font: 12px Dotum,DotumChe;} li {list-style-type:none;} table {border-collapse:collapse;} table, th, td {word-break:break-all;} p, div, span, ul, ol, li, dl, dt, dd {word-break:keep-all;} img {border:0px;} img.cursor {cursor:pointer;} a {color:#555; text-decoration:none;} a:hover {color:#555; text-decoration:underline;} .fl {float:left;} .fr {float:right;} .clear {clear:both;} .tl {text-align:left;} .tr {text-align:right;} /* ÆùÆ® Æ÷ÀÎÆ® Ä÷¯ */ .fs11 {font-size:11px;} .sfont {font-size:11px;letter-spacing:-1px;} .letter {letter-spacing:-1px;} .blue {color:#5978c1;} .skyblue {color:#5595ba;} .darkblue {color:#1F3A7C;} .darkgray {color:#555555;} .ora {color:#f26522;} .png24 {tmp:expression(setPng24(this));} /* ·¹À̾ƿô */ #topGNB {background:url('/directweb/images/common/bg_top.gif') no-repeat;padding:23px 0 0 38px;} #whlayout {height:99%;vertical-align:top;background:url('/directweb/images/common/bg_right.gif') no-repeat 891px 0px;} #dvwrap {width:979px;height:100%;background:url('/directweb/images/common/bg_left_edge.gif') no-repeat left bottom;} #leftMENU {float:left;width:185px;} #dvbody {float:left;width:754px;border-top:1px solid #dadada ;padding-top:19px;margin-top:16px;} #contents {width:724px;margin-left:30px;} #footer {height:150px; vertical-align:top;} /*ǪÅÍ*/ div.dvfooter {width:995px;height:150px;background:url('/directweb/images/common/bg_footer.gif') no-repeat;padding-top:30px;} div.dvfooter img.logo {margin:0 80px 0 55px;} div.dvfooter li {display:inline;padding-right:6px;} div.dvfooter li img {cursor:pointer;} /*¶óÀθÊ*/ #navigaion {float:right;} #navigaion a {color:#999; text-decoration:none; font-size:11px; letter-spacing:-1px;} #navigaion li {display:inline; background:url('/directweb/images/common/icon/ico_navi01.gif') no-repeat 0 2px; padding-left:11px; padding-right:1px;} #navigaion li.home {background:url(none);padding-left:0px;} #navigaion li.act {background:url('/directweb/images/common/icon/ico_navi02.gif') no-repeat 0 2px; padding-right:0px;} #navigaion li.act a {color:#2e2e2e;} /* ŸÀÌÆ²½ºÅ¸ÀÏ */ h1 {background:url('/directweb/images/common/icon/ico_h1.gif') no-repeat 0 0 ; padding-left:30px;text-align:left;} h2 {background:url('/directweb/images/common/icon/ico_h2.gif') no-repeat 1px 0 ; padding-left:22px; margin-bottom:10px;text-align:left;} h2.nobul {background:url(none);padding-left:0px;} h2.btn {background:url('/directweb/images/common/icon/ico_h2.gif') no-repeat 4px 2px ;} h2 img.btn {cursor:pointer;margin-bottom:2px;} h3 {background:url('/directweb/images/common/icon/ico_h3.gif') no-repeat 0 0 ; padding-left:16px; margin:0 0 9px 6px; font-size:12px;text-align:left;} h3.nobul {background:url(none);} h3.depth2 {margin-left:9px;} h3.depth2 img {margin:0 4px 2px 0;} h4 {background:url('/directweb/images/common/icon/ico_h4.gif') no-repeat 0 4px ; padding-left:9px;margin:-2px 0 5px 12px; font-size:12px;line-height:16px;color:#727272; text-align:left;} h4 img {margin-left:1px;} h4.nobul {background:url(none);} .dvimg_depth {margin:15px 0 0 22px;} .dvcont_depth {margin:0 0 0 22px;} .submain_tit img {margin:0 0 7px 5px;} .submain_tit_btn img {margin:0 0 3px 5px;} /* µª½º ¸®½ºÆ® ½ºÅ¸ÀÏ */ ul.depth3_list {margin:-4px 0 0 12px;} ul.depth3_list li { background:url('/directweb/images/common/icon/ico_square02.gif') no-repeat 0 5px; font-size:12px;line-height:17px; padding-left:9px;padding-bottom:4px; text-align:left; color:#727272; } ul.depth3_list li.nobul {background:url(none);padding-left:0px;} ul.depth3_list li.btn {background:url('/directweb/images/common/icon/ico_square02.gif') no-repeat 0 7px;} ul.depth3_list li.btn img {cursor:pointer;margin-left:4px;} ul.depth3_list strong.ora {color:#f26522;} ul.depth3_list strong.normal {font-weight:normal;} ul.depth3_list_img {margin-left:12px;margin-top:-4px;} ul.depth3_list_img li { background:url('/directweb/images/common/icon/ico_square02.gif') no-repeat 0 5px; font-size:12px;line-height:17px; padding-left:9px;padding-bottom:4px; text-align:left; color:#727272; } /* µª½º ¸®½ºÆ® ½ºÅ¸ÀÏ */ ul.depth4_list {margin:8px 0 0 12px;} ul.depth4_list li { background:url('/directweb/images/common/icon/ico_square02.gif') no-repeat 0 5px; font-size:12px;line-height:17px; padding-left:9px; text-align:left; color:#727272; } ul.depth4_list li img {margin-top:1px;} /* Å×ÀÌºí ³» ¸®½ºÆ® ½ºÅ¸ÀÏ */ dl.tbl_list {text-align:left;} dl.tbl_list dt {background:url('/directweb/images/common/icon/ico_hyphen02.gif') no-repeat 0 6px;padding:0 0 0 10px;font-size:12px;line-height:16px;} /* ŸÀÌÆ² ¼³¸í¹®±¸ */ div.des {background:url('/directweb/images/common/bg_des.gif') no-repeat left bottom;margin:4px 0 20px 0;text-align:left;} div.des img {margin:44px 0 0 20px;} div.des p.product {height:94px;background:url('/directweb/images/product/bg_product_des.gif') no-repeat right bottom;} div.des p.service {height:94px;background:url('/directweb/images/service/bg_service_des.gif') no-repeat right bottom;} div.des p.mypage {height:94px;background:url('/directweb/images/mypage/bg_mypage_des.gif') no-repeat right bottom;} div.des p.lounge {height:94px;background:url('/directweb/images/lounge/bg_lounge_des.gif') no-repeat right bottom;} div.des p.why {height:94px;background:url('/directweb/images/why_hicar/bg_why_des.gif') no-repeat right bottom;} div.des p.talk {height:94px;background:url('/directweb/images/talk_hicar/bg_talk_des.gif') no-repeat right bottom;} div.des p.about {height:94px;background:url('/directweb/images/about_hicar/bg_about_des.gif') no-repeat right bottom;} div.des p.about_people {height:94px;background:url('/directweb/images/about_hicar/bg_people_des.gif') no-repeat right bottom;}/*02ÇÏÀÌÄ«´ÙÀÌ·ºÆ®»ç¶÷µé*/ div.des p.about_employ {height:94px;background:url('/directweb/images/about_hicar/bg_employ_des.gif') no-repeat right bottom;}/*03ä¿ë¾È³»*/ div.des p.about_publicity {height:94px;background:url('/directweb/images/about_hicar/bg_publicity_des.gif') no-repeat right bottom;}/*04È«º¸ÀÚ·á½Ç*/ div.des p.member {height:94px;background:url('/directweb/images/member/bg_member_des.gif') no-repeat right bottom;} div.des p.search {height:94px;background:url('/directweb/images/member/bg_member_des.gif') no-repeat right bottom;} div.des p.notice {height:94px;background:url('/directweb/images/member/bg_member_des.gif') no-repeat right bottom;} /* ÅǸ޴º */ ul.dvtab {height:27px;width:100%;background:url('/directweb/images/common/bg_tab01.gif') repeat-x left bottom;text-align:left;} ul.dvtab li {display:inline;margin-right:-4px;} ul.dvtab li img {cursor:pointer;margin-bottom:-4px;} ul.dvtab_sub li {display:inline;} ul.dvtab_sub li img {cursor:pointer;} /* ÀÌÁßÅǸ޴º */ div.dvtab_double {background:url('/directweb/images/common/bg_tab02.gif') no-repeat right 27px;padding-right:10px;} div.dvtab_double ul {background:url('/directweb/images/common/bg_tab02.gif') no-repeat left 27px;} div.dvtab_double li {display:inline;vertical-align:top;} div.dvtab_double li img {margin-right:-4px;cursor:pointer;} div.dvtab_sub {background:url('/directweb/images/common/bg_tab03.gif') no-repeat left bottom;} div.dvtab_sub ul {background:url('/directweb/images/common/bg_tab03.gif') no-repeat right bottom;padding:1px 0 7px 10px;margin-left:10px;} div.dvtab_sub li {display:inline;background:url('/directweb/images/common/icon/ico_bracket01.gif') no-repeat 0 4px;padding:0 16px 0 8px;} div.dvtab_sub img {cursor:pointer;} div.dvtab_sub a {font-size:12px;} div.dvtab_sub a:hover {color:#5595ba;} div.dvtab_sub li.on a, div.dvtab_sub li.on a:hover {color:#5595ba;} /* ¹öư */ div.dvbtn {clear:both;width:100%;text-align:center;margin-top:15px;} div.dvbtn img {cursor:pointer;} div.dvbtn .fl {margin-left:5px;} div.dvbtn span.des_r {background:url('/directweb/images/common/icon/ico_square01.gif') no-repeat 0 4px;padding-left:8px;font-size:11px;} div.dvbtn span.des_r img {margin-bottom:4px;} div.dvbtn .fr, div.dvbtn .tr {font-size:11px;color:#5595ba;} div.dvbtn_t {clear:both;width:100%;text-align:center;} div.dvbtn_t img {cursor:pointer;} div.dvbtn_t .fr {margin-bottom:5px;} div.dvbtn_top {clear:both;text-align:right;margin:20px 5px 40px 0;} /* TOP¹öư */ /* Å×À̺íÄÚ¸àÆ® */ div.comment_t {clear:both;width:100%;font-size:11px;margin-bottom:4px;} div.comment_t h2 {margin-bottom:6px;} div.comment_t .tl, div.comment_t .fl {} div.comment_t .tr, div.comment_t .fr {color:#5595ba;} div.comment_t p {font-size:11px;color:#727272;} div.comment_t li {font-size:11px;color:#727272;} div.comment_t .btn img {margin-bottom:5px;} div.comment {clear:both;width:100%;font-size:11px;padding-top:7px;margin-left:5px;} div.comment p {font-size:11px;color:#727272;} div.comment p.cmt {background:url('/directweb/images/common/icon/ico_comment.gif') no-repeat 0 -1px;padding-left:38px;padding-top:1px;margin-bottom:4px;letter-spacing:-1px;} div.comment p.tip {background:url('/directweb/images/common/icon/ico_tip.gif') no-repeat 0 0;color:#f26522;padding-top:1px;padding-left:30px;letter-spacing:-1px;} div.comment li {font-size:11px;color:#727272;background:url('/directweb/images/common/icon/ico_square01.gif') no-repeat 0 3px;padding-left:8px;} div.comment .tr, div.comment .fr {color:#117bb0;padding-top:1px;padding-right:5px;} /* ¿©¹é Space */ div.line {clear:both;height:1px;width:97%;font-size:0px;line-height:0px;background-color:#e5e5e5;margin:20px 0;} div.dot_line {clear:both;height:1px;width:100%;font-size:0px;line-height:0px;background:url('/directweb/images/common/bg_dot01.gif') repeat-x left bottom;margin:20px 0;} div.h_space3 {clear:both;height:3px;width:0px;font-size:0px;line-height:0px;} div.h_space5 {clear:both;height:5px;width:0px;font-size:0px;line-height:0px;} div.h_space7 {clear:both;height:7px;width:0px;font-size:0px;line-height:0px;} div.h_space10 {clear:both;height:10px;width:0px;font-size:0px;line-height:0px;} div.h_space15 {clear:both;height:15px;width:0px;font-size:0px;line-height:0px;} div.h_space20 {clear:both;height:20px;width:0px;font-size:0px;line-height:0px;} div.h_space25 {clear:both;height:25px;width:0px;font-size:0px;line-height:0px;} div.h_space30 {clear:both;height:30px;width:0px;font-size:0px;line-height:0px;} div.h_space40 {clear:both;height:40px;width:0px;font-size:0px;line-height:0px;} div.h_space50 {clear:both;height:50px;width:0px;font-size:0px;line-height:0px;} /* Çö´ëÇÏÀÌÄ«´ÙÀÌ·ºÆ® °¡À̵å - ÆäÀÌÁö °øÅë */ div.dvguide {background:url('/directweb/images/common/bg_guidetip.gif') no-repeat right bottom;margin-top:50px;} div.dvguide table {width:100%;} div.dvguide td {height:80px;vertical-align:top;} div.dvguide td.guidetip {width:117px;background:url('/directweb/images/common/bg_guidetip_l.gif') no-repeat left bottom;} div.dvguide td.guidetip_list {background:url('/directweb/images/common/bg_guidetip_ed.gif') no-repeat right top;padding-top:6px;} div.dvguide dl {margin:12px 15px 11px 15px;} div.dvguide dt { font-size:12px;color:#a1a1a1;line-height:14px; background:url('/directweb/images/common/icon/ico_square01.gif') no-repeat 0 4px; padding-left:9px;padding-bottom:5px; } div.dvguide dd {font-size:12px;color:#a1a1a1;line-height:14px;padding-left:9px;} div.dvguide strong {color:#f26522;font-weight:normal;} div.dvguide a {color:#f26522;} div.dvguide a:hover {color:#f26522;} /* ########################################################################## */ /* #### ÆË¾÷ ############################################################## */ /* ########################################################################### */ body.popup {background:#ffffff url('/directweb/images/common/popup/pbg_top.gif') no-repeat right top;} /* ÆË¾÷ ŸÀÌÆ² */ table#offsetTableHeader p {height:60px;background:url('/directweb/images/common/popup/pbg_ptitle.gif') no-repeat left bottom;} table#offsetTableHeader p img {margin-top:20px;margin-left:20px;} div.pdv_contents {width:473px;margin:20px 30px 50px 30px;} div.pdv_contents_l {width:605px;margin:20px 30px 50px 30px;} div.pdv_contents_2 {width:430px;margin:10px 30px 35px 10px;} div.footer {background:url('/directweb/images/common/popup/pfooter_copyright.gif') no-repeat left bottom;text-align:right;margin:0 30px;} div.footer img {cursor:pointer;} /* ########################################################################## */ /* #### ´Þ·Â ½ºÅ¸ÀÏ ############################################################## */ /* ########################################################################### */ .calendar {background:url('/directweb/images/common/calendar/bg_calendar.gif') no-repeat;vertical-align:top;text-align:center;} .calendar div.close {text-align:right;} .calendar center.month {font-size:14px;font-weight:bold;letter-spacing:-1px;color:#555;margin-top:-7px;padding-left:7px;} .calendar p.year {font-size:11px;font-weight:bold;letter-spacing:-1px;color:#888;margin-top:-14px;text-align:left;} .calendar div.close img, .calendar center.month img, .calendar p.year img {cursor:pointer;} .calendar table.cal_month_list {margin-top:9px;} .calendar table.cal_month_list th {padding-bottom:3px;} .calendar table.cal_month_list td {width:18px;height:15px;text-align:center;color:#fff;font:10px Tahoma;line-height:12px;padding:1px 0 0 1px;cursor:pointer;} .calendar table.cal_month_list a {color:#fff;} .calendar table.cal_month_list td.sun a {color:#b8fff1;} .calendar table.cal_month_list td.prev a {color:#a0aece;} .calendar table.cal_month_list td.next a {color:#a0aece;} .calendar table.cal_month_list td.sel a { display:block;width:16px;height:13px; border:1px solid #f3873b; background-color:#cdd6e9; color:#f3873b;font-weight:bold;letter-spacing:-1px; padding-left:1px; text-decoration:none; } .calendar center.today {font-size:11px;color:#5978c1;letter-spacing:-1px;margin:7px 0 0 0;} /* ########################################################################## */ /* #### ¸®¾Æ ÆË¾÷ ½ºÅ¸ÀÏ ############################################################## */ /* ########################################################################### */ div.dvreserve {width:311px;height:143px;background:url('/directweb/images/common/ria/bg_reserve.gif') no-repeat;margin:10px 0;text-align:left;padding:5px 10px;} div.dvreserve th {text-align:left;background:url('/directweb/images/common/bg_dot01.gif') repeat-x left bottom;} div.dvreserve th img {margin:0 0 0 5px;} div.dvreserve td {font-size:11px;color:#727272;background:url('/directweb/images/common/bg_dot01.gif') repeat-x left bottom;padding:2px 0 3px 0;} div.dvreserve tr.ed th, div.dvreserve tr.ed td {background:url(none);} div.dvreserve td table td {background:url(none);padding:0;} div.dvreserve input.textbox { height:16px; border:1px solid #D5D5D5; background:url('/directweb/images/common/ria/bg_textbox.gif') repeat-x left top; font-size:12px;color:#666666;line-height:10px; padding:4px 0 0 0; } /* ¼¿·ºÆ®¹Ú½º */ .selectBoxTypeA_SelectedArea {color:#666666; font:11px Gulim,GulimChe; line-height:10px; padding:4px 0 0 5px; letter-spacing:-1px;background:url('/directweb/images/common/ria/bg_textbox.gif') repeat-x left top;} .selectBoxTypeA_SelectedAreaFocus {color:#666666; font:11px Gulim,GulimChe; line-height:10px; padding:4px 0 0 5px; letter-spacing:-1px;background:url('/directweb/images/common/ria/bg_textbox.gif') repeat-x left top;} .selectBoxTypeA_Option {color:#666666; font:11px Gulim,GulimChe; padding:2px 0 0 5px; letter-spacing:-1px; background-color:#fff;} .selectBoxTypeA_OptionOver {color:#666666; font:11px Gulim,GulimChe; padding:2px 0 0 5px; letter-spacing:-1px; background-color:#F5F5F5;} .selectBoxTypeA_OptionInnerLayer {overflow:auto;background-color:#FFFFFF; scrollbar-face-color:#F3F3F3; scrollbar-shadow-color:#6C6C6C; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#C9C9C9; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#F3F3F3; scrollbar-arrow-color:#727272; } /* ÅǸ޴º ¸®½ºÆ® */ div.dvtab_ria {width:312px;text-align:left;background:url('/directweb/images/common/ria/bg_tab.gif') no-repeat right bottom;} div.dvtab_ria li {display:inline;float:left;} div.dvtab_ria li img {cursor:pointer;margin-bottom:-4px;} /* ÀÎÁõ¹Ú½º */ div.dvcert_ria {width:312px;text-align:left;background:url('/directweb/images/common/ria/bg_box.gif') no-repeat left bottom;padding:5px 13px;} div.dvcert_ria th {text-align:left;padding:0 8px 0 0;} div.dvcert_ria td {padding:1px 0 2px 0;} div.dvcert_ria input.textbox { height:16px; border:1px solid #D5D5D5; background:url('/directweb/images/common/ria/bg_textbox.gif') repeat-x left top; font-size:11px;color:#777777;line-height:10px; text-align:center; padding:4px 0 0 0; } /* »ó´ã½Åû */ p.webfont {color:#8A8A8A;text-align:left;} div.dvapply_ria {width:311px;height:32px;background:url('/directweb/images/common/ria/bg_apply.gif') no-repeat;padding:7px 0 0 6px;margin-top:7px;} div.dvapply_ria input.textbox { height:16px; border:1px solid #D5D5D5; background:url('/directweb/images/common/ria/bg_textbox.gif') repeat-x left top; font-size:11px;color:#777777;line-height:10px; text-align:center; padding:4px 0 0 0; } /* ########################################################################## */ /* #### ¿¡·¯/Àå¾Ö ¸Þ¼¼Áö È­¸é ############################################################## */ /* ########################################################################### */ div.dvmsg_notip {width:100%;background:url(/directweb/images/error/msg_bg.gif) no-repeat;padding-top:12px;margin-top:20px;} div.dvmsg_notip_ed {width:100%;background:url(/directweb/images/error/msg_bg.gif) no-repeat left bottom;padding:10px 0 22px 0;} div.dvmsg_notip .dvimg {float:left;padding:0 20px 0 45px;} div.dvmsg_notip .dvcont {float:left;color:#9C9C9C;font-weight:bold;line-height:16px;font-size:12px;border-left:1px solid #EEEEEE;padding:0 0 0 20px;margin:10px 0 0 0;} /* ########################################################################## */ /* #### »çÀÌÆ®¸Ê ############################################################## */ /* ########################################################################### */ table.sitemap {width:724px;margin:20px 0;} table.sitemap td {width:362px;vertical-align:top;} table.sitemap img {cursor:pointer;} table.sitemap img.root_img {margin:0 0 12px 0;} table.sitemap img.auto {cursor:auto;} table.sitemap dl {float:left;width:150px;padding:0 0 0 15px;} table.sitemap dt {padding:7px 0 4px 0;} table.sitemap dd {background:url(/directweb/images/common/icon/ico_bracket01.gif) no-repeat 0 5px;padding:2px 0 1px 6px;} table.sitemap ul {margin:3px 0 7px 0;} table.sitemap div.h_space95 {clear:both;height:95px;width:0px;font-size:0px;line-height:0px;}