/*============================================================== + + 파일명 : main.css + 작성자 : skj + 작성일 : 09.07. + 수정일 : + ================================================================*/ /*--------------------------------------------------------------*/ body, th, td { color: #757575; font-size:12px; line-height: 18px; font-family: 굴림, Dotum, Verdana, AppleGothic, Sans-serif; } body{background:#f7f9fc url(/img/index/bg_all.gif) repeat-x; } table{border-collapse:collapse;border-spacing:0;} /*Login | logout*/ #login_cs_area{ float:left; width:173px; } #login_cs_area #id_area{ background:url(/img/common/g_login.gif) no-repeat; height:124px; padding:0 0 0 8px; margin-bottom:15px; } #login_cs_area #id_area .id_f input, #login_cs_area #id_area .pw_f input{ background:transparent; border:0; color:#fff; padding-top:2px; margin:0; } #login_cs_area #id_area .id_f{ margin:14px 0 0 7px; } #login_cs_area #id_area .pw_f{ margin:5px 0 0 7px; } #login_cs_area #id_area label{display:none;} :root #login_cs_area #id_area .id_f{ margin:15px 0 0 7px; } :root #login_cs_area #id_area .pw_f{ margin:9px 0 0 7px; } #login_cs_area #id_area .log_btn{ position:relative; } #login_cs_area #id_area .log_btn .btn{ position:absolute; top:-20px; right:4px; } /*Login | login*/ #login_cs_area .login{ margin:0 0 15px 4px; border-bottom:1px dotted #acadaf; padding-bottom:15px; } #login_cs_area .login img{vertical-align:middle;} #login_cs_area .login .log_in{ background:url(/img/index/bg_log_in.gif) no-repeat; height:87px; _width:154px; padding:0 0 0 16px;} /* 2009-12-24 설미현 수정 */ #login_cs_area .login .log_in .log_name{ padding:10px 0 9px 0;} #login_cs_area .login .log_in .log_name strong{color:#454545;} #login_cs_area .login .log_in .user_info a{ margin-right:5px; font-family:Dotum; font-size:11px; color:#737373; letter-spacing:-1px; } #login_cs_area .login .log_in .user_info img{margin-right:3px;} #login_cs_area .login .log_in .logqna{ font-family:Dotum, 돋움; font-size:11px; letter-spacing: -1px; color:#4c85c5; text-align:center; background:url(/img/index/bg_log_qna.gif) no-repeat 0 2px; width:142px; height:17px; padding-top:3px; } #login_cs_area .login .log_in .logqna a{color:#4c85c5;} #login_cs_area .login .log_in .logqna span{ font-weight:bold; color:#ff9a37; margin-left:3px; } /*#login_cs_area .login .log_in .outBtn{ position:absolute; top:8px; right:10px; }*/ #login_cs_area .login .log_in .outBtn{top:8px; right:10px;} #login_cs_area #id_area .member{ margin:11px 0 0 4px; clear:both; } #login_cs_area #id_area .member li{ font-size:0; float:left; } #login_cs_area #id_area .member li.m_join{margin-right:12px;} #login_cs_area .event{margin:19px 0 19px 6px; font-family:Dotum, 돋움; font-size:11px; } /*Left Notice*/ #notice_area{ background:url(/img/index/g_notice_line.gif) 0 bottom no-repeat; width:181px; padding-bottom:10px; min-height:100px; margin-top: 20px; font-family:굴림; font-size:12px; } #notice_area ul{ margin:0 0 0 9px; } #notice_area ul li { padding-left: 5px; line-height: 18px; background:url(/img/common/icon_m_point_01.gif) 0 7px no-repeat; } #notice_area ul li a, #notice_area ul li a:hover { letter-spacing: -1px; color: #898989; text-decoration: none; } #login_cs_area #help_area{ background:url(/img/common/img_service_link.gif) no-repeat; width:165px; height:190px; padding:9px 0 0 9px; margin:10px 0 0 2px; } #login_cs_area #help_area ul li{ font-size:0; } /*main_content*/ #wrap #container #content_area{ float:left; margin:0 10px 0 10px; _margin:0 9px 0 8px; width:496px; } #main_content{ background:url(/img/index/bg_content_body.gif ) repeat-y; padding:0 0 24px 23px; height:100%; } #main_content .trand_area h2{ float:left; margin:0 0 9px 0; } #main_content .trand_area .trand_p{ width:450px; } #main_content .trand_area .trand_p .trand{ float:left; width:270px; } .Trantable{ width:100%; } .Trantable a{color:#787878; font-family:굴림, gulim; font-size:12px;} .Trantable img{vertical-align:middle;} .Trantable th{ text-align:left; color:#8d8b8b; padding-bottom:10px; } .Trantable td{ color:#787878; font-family:굴림, gulim; font-size:12px; } #main_content .trand_area .trand_p .trand { margin-top:9px; } #main_content .trand_area .trand_p .trand .trand_tt{ margin-top:3px; } #main_content .trand_area .trand_p .trand .trand_tt strong{ color:#8d8b8b; word-spacing:-3px; } #main_content .trand_area .trand_p .trand .trand_tt img{ vertical-align:middle; margin:5px 6px 0 3px; } #main_content .trand_area .trand_p .trand .trand_list{ width:270px; } #main_content .trand_area .trand_p .trand .trand_list{ margin:5px 0 0 7px; } #main_content .trand_area .trand_p .trand .trand_list dt{ color:#a5a3a3; margin-top:4px; } #main_content .trand_area .trand_p .trand .trand_list dt span{ color:#f7921c; } #main_content .trand_area .trand_p .trand .trand_list dd{ color:#656565; } #main_content .trand_area .trand_p .trand_photo{ background:url(/img/index/bg_photo_area.gif) no-repeat; width:155px; height:115px; padding:7px 0 0 6px; float:right; margin:15px 10px 0 0; } #main_content .tip_dic{background:url(/img/index/bg_tip_dic.gif) no-repeat; width: 255px; height:59px; padding:8px 15px 0 180px; margin-top:20px; } #main_content .tip_dic a{color:#676767;} #main_content .tip_dic strong{ color:#8d8d8d; } #main_content .tip_dic .example li{ height:13px; color:#676767; width:265px; margin-top:-3px; } #main_content .tip_dic .example span{ margin-left:5px; color:#f3511b; } #main_content .trand_area .trand_p .trand, #main_content .tip_dic, #main_content .encyclopedia .ency_area .ency_list { word-break:break-all; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; } #main_content .encyclopedia{ position:relative; margin-top:33px; width:446px; } #main_content .encyclopedia .ency_area{ margin-top:15px; } #main_content .encyclopedia .ency_area .ency_photo{ background:url(/img/index/bg_photo_area2.gif) no-repeat; width:102px; height:75px; padding:7px 0 0 7px; float:left; margin-left:11px; } #main_content .encyclopedia .ency_area .ency_list{ margin-left:140px; padding-top:2px; width:291px; } #main_content .encyclopedia .ency_area .ency_list .tt_ex{ background:url(/img/index/bg_encyclopedia.gif) no-repeat; height:18px; padding:3px 0 0 6px; color:#606060; } #main_content .encyclopedia .ency_area .ency_list .ex_ko{ margin-top:9px; color:#606060; } #main_content .encyclopedia .ency_area .ency_list .ex_en{background:url(/img/index/icon_point_02.gif) 2px 4px no-repeat; padding-left:12px; color:#9d9d9d; } #main_content .encyclopedia .more{ position:absolute; top:6px; right:11px; } #main_content .qna{ position:relative; margin-top:32px; width:446px; } #main_content .qna .qna_area{ margin-top:15px; } #main_content .qna .qna_area .qna_photo{ background:url(/img/index/bg_photo_area2.gif) no-repeat; width:102px; height:75px; padding:7px 0 0 7px; float:left; margin-left:11px; } #main_content .qna .qna_area .qna_list{ margin-left:145px; } #main_content .qna .qna_area .qna_list .tt{} #main_content .qna .qna_area .qna_list .tt_ex{ background:url(/img/index/bg_encyclopedia.gif) no-repeat; height:21px; } #main_content .qna .qna_area .qna_list .ex_ko{} #main_content .qna .qna_area .qna_list .ex_en{background:url(/img/index/icon_point_02.gif) 2px 7px no-repeat; padding-left:12px;} #main_content .qna .more{ position:absolute; top:6px; right:11px; } #main_content .qna .qna_area .info_list{ margin:3px 0 0 145px; } #main_content .qna .qna_area .info_list ul li{ word-spacing:normal; } #main_content .qna .qna_area .info_list ul li a{color:#606060;} #main_content .qna .qna_area .info_list ul li.anw{ margin:4px 0; } #main_content .qna .qna_area .info_list ul li img{ vertical-align:middle; margin-right:3px; } #main_content .qna .qna_area .info_list .ex_board{ margin-top:8px; background:url(/img/index/bg_qna_board.gif) no-repeat; width:298px; height:37px; } #main_content .qna .qna_area .info_list dl dt{ float:left; width:220px; color:#9d9d9d; background:url(/img/index/icon_point_03.gif) 2px 7px no-repeat; padding-left:14px; } #main_content .qna .qna_area .info_list dl dd{ color:#f7931d; font-family:Dotum, 돋움; font-size:11px; } #main_content .qna .qna_area .info_list dl dt a{color:#8d8b8b;} /*Event_Area*/ #event_area{float:left; min-height:300px;} #event_area .flash_banner{ background:url(/img/index/bg_flash_area.gif) no-repeat; width:209px; height:250px; } #event_area .dic{ background:url(/img/index/bg_dic.gif) no-repeat; width:209px; height:269px; padding-top:20px; } #event_area .dic .we_word{ color:#757575; margin-top:3px; position:relative; } #event_area .dic .we_word ul{ margin-left:12px; } #event_area .dic .we_word ul li{ background:url(/img/index/icon_m_point_01.gif) 0 7px no-repeat; padding-left:5px; } #event_area .dic .we_word .more{ position:absolute; top:10px; right:12px; } #event_area .dic .new_word{ margin-top:11px; position:relative; } #event_area .dic .new_word h3{ margin-bottom:3px;} #event_area .dic .new_word dl { margin-left:12px; } #event_area .dic .new_word dl dt { float:left; width:120px; height: 16px; background:url(/img/index/icon_m_point_01.gif) 0 8px no-repeat; vertical-align:top; height:18px; padding-left:5px; } #event_area .dic .new_word dl dd { height: 13px; color:#91B3CF; font-family:Dotum, 돋움; font-size:11px; font-weight:bold; letter-spacing: -1px; padding-top:3px; } #event_area .dic .new_word .more { position:absolute; top:10px; right:12px; } #event_area .voca{ width:209px; height:134px; margin-top:21px; } #event_area .voca ul{ margin-left:8px; margin-top:3px; } #event_area .voca ul li{ background:url(/img/index/icon_m_point_01.gif) 0 7px no-repeat; padding-left:5px; } #event_area .dic .we_word ul li a, #event_area .dic .we_word ul li a:hover, #event_area .dic .new_word dl dt a, #event_area .dic .new_word dl dt a:hover, #event_area .voca ul li a, #event_area .voca ul li a:hover { color: #757575; font-size: 12px; text-decoration: none; } /* letter-spacing: -1px; */