/* Common */ body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,textarea,button,select{margin:0;padding:0;letter-spacing:-0.1em} input{margin:0;padding:0;} body,input,textarea,select,button,table{font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px} img,fieldset{border:0;} ul,ol{list-style:none} em,address{font-style:normal} a{text-decoration:none;color:#333;} a:hover,a:active,a:focus{text-decoration:underline} /* Layout */ #wrap{width:100%;position:relative;} #bannerWrap{width:100%;background:#c7f1ff;height:0;position:relative;overflow:hidden;} #banner{width:980px;margin:0 auto;background:#a4ebff;height:80px;} #header{width:980px;margin:0 auto;position:relative;z-index:100;height:98px;} #headerMain{width:980px;margin:0 auto;position:relative;z-index:100;height:156px;} #container{width:980px;margin:0 auto;position:relative; } #container:after{display:block;clear:both;content:'';} #leftMenu{width:209px;float:right;position:relative;border-right:1px solid #e6e5e4;border-left:1px solid #e6e5e4;border-top:1px solid #e6e5e4;} #content{width:745px;float:left;position:relative;height:auto;padding-right:24px;} #content:after{display:block;clear:both;content:'';} #footer{width:980px;margin:0 auto;position:relative;padding-top:13px;} #layerContent p {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;display:block;line-height:1.4em;} #layerContent p img {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;display:block;} .se2_outputarea p { margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;display:block; } .fl{float:left;} .fr{float:right;} .clear{clear:both;} .mb3{margin-bottom:3px;} .allmenu li{padding-bottom:7px;} .indexNotice li{padding:0 0 6px 8px;background:url('/html/img/ico_listDot.jpg') no-repeat;background-position:0 3px;} .indexDs{padding:0 0 6px 8px;background:url('/html/img/ico_listDot.jpg') no-repeat;background-position:0 3px;} .indexCscenter li{padding:1px 0 6px 20px;;background:url('/html/img/ico_indexCscenter.jpg') no-repeat;background-position:0 0px;} .bookmark li{float:left;height:65px;} .indexTabmenu li{cursor:pointer;float:left;padding-right:10px;} .head{padding:20px 0 9px;height:45px;} .logo{float:left;} .topBanner{float:right;} .gnb{width:980px;height:37px;background:url('/html/img/bak_indexGnb.gif') right top repeat-x;} .gnb li{float:left; margin:0; padding:0;} .search{height:32px;padding:8px 0 7px; width:980px;} .topSearch{float:left;margin-right:20px;z-index:100;} .searchInput{border:1px solid #e4e4e4;height:30px;margin-right:10px;float:right;} .SearchBtn{float:right;padding-top:1px;} .topSelect{border:1px solid #e4e4e4;height:30px;margin-right:10px;float:left;} .loginBox{height:76px;border:1px solid #e2e2e2;border-bottom:none;background:#f3f4f3;padding:15px 15px;font-size:11px;} .login{float:left;margin-right:8px;} .sub_loginBox{height:76px;border:0;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;background:#f3f4f3;padding:15px 15px;font-size:11px;} .sub_login{float:left; width:180px;} .loginInput{border:1px solid #bebebe;height:20px;} .weather{float:right;margin-left:8px;text-align:center;} .login_top{ width:180px; height:16px; float:left]; margin:0 auto;} .login_content{ width:180px; height:auto; float:left; margin:0 auto;} .cmu{height:33px;background:url('/html/img/back_cmuLine.jpg');} .cmu li{float:left;} #btnMenuTotal {cursor:pointer;} .sidemenu{ width:209px; height:auto; float:left; } .page_navi{position:absolute;top:34px;left:240px;width:500px;text-align:right;height:15px;color:#6a6a6a;letter-spacing:-1px;font-size:11px;} .tit_leftmenu{ width:100px; height:24px; margin:25px; text-align:left; float:left;} .leftmenu_line{ border-bottom:1px dashed #cccccc; height:1px; width:209px; float:left;} .leftmenu_list{ width:184px; float:left; margin-left:25px; margin-top:25px; margin-bottom:25px;} .padding_13{ margin-bottom:13px;} .tit_sub {margin:8px 0 0 5px;} .sub_info{ color:#494949; height:14px; margin-top:12px; float:left; font-size:11px; letter-spacing:-1px; margin-left:5px;} .leftmenu_banner{ width:209px; height:200px; float:left; margin-top:50px;} .alice_webtoon{ width:745px; height:auto; float:left; } .sub_content{ width:745px; height:auto; } .AZ_content{ width:745px; height:auto; float:left; background:url('/html/img/bg_topAZ.jpg') no-repeat right top;} .client_left{ width:680px; height:auto; float:left; border-right:1px solid #edeced;} .client_right{ width:298px; height:auto; float:left;} .client_lesson_1{ width:680px; height:308px; float:left; background:url('/html/img/img_lesson1.jpg') no-repeat;} .client_lesson_2{ width:680px; height:341px; float:left; background:url('/html/img/img_lesson2.jpg') no-repeat; } .client_ad1{ width:296px; background:#f3f3f5; height:160px; float:left; border-right:1px solid #edeced; border-bottom:1px solid #edeced; border-top:1px solid #b6b8bb;} .client_ad2{ width:298px; background:#ffffff; height:84px; float:left; border-right:1px solid #edeced; border-bottom:1px solid #edeced;} .client_ad3{ width:680px; background:#f8f8f8; height:102px; float:left; border-right:1px solid #edeced; border-bottom:1px solid #edeced;} .client_qna{ width:680px; background:#f8f8f8; height:83px; float:left; border-top:1px solid #edeced; border-bottom:1px solid #edeced;} .client_study{ width:298px; height:235px; float:left; color:#989898; margin-top:23px;} .tit_study{ width:106px; height:26px; float:left; } .cate_study{ width:126px; height:26px; float:left; margin-left:66px; margin-top:20px; font-size:11px; letter-spacing:-1px; text-align:right;} .tab_study{ width:298px; float:left;} .client_AZ_left{ width:356px; height:862px; float:left; border:1px solid #e6e5e4; margin-right:10px; margin-top:70px;} .client_AZ_right{ width:356px; height:862px; float:left; border:1px solid #e6e5e4; margin-top:70px;} .height_40{ margin-top:40px; margin-left:40px; margin-bottom:10px; text-align:left; } .height_7{ margin-left:40px; margin-bottom:3px; text-align:left;} .bg_AZ{ background:url('/html/img/bg_topAZ.jpg') no-repeat; height:196px; width:407px; left:350px; top:25px; position:absolute; z-index:-1;} #boardBox{position:relative; margin:0 0 25px 0;} #boardBox .tab01{position:absolute;top:0;left:0;} #boardBox .tab02{position:absolute;top:0;left:150px;} #boardBox .tab03{position:absolute;top:28px; left:0;} #boardBox .tab04{position:absolute;top:28px;left:150px;} #boardBox ul{padding-top:80px;min-height:110px; _height:110px; font-color:#888888; font-size:11px;} #boardBox li{position:relative; background:url('/html/img/bullet_list.gif') no-repeat 2px 9px;padding:0 0 0 12px;line-height:2.0;} #boardBox .date{ position:absolute;top:0;right:0; _margin-top:-4px; letter-spacing:-1px;} #studyList1{display:block;} #studyList2{display:none;} #studyList3{display:none;} #studyList4{display:none;} .client_qnaTab{ width:745px; float:left; height:193px;} .client_studyTab{ width:745px; float:left; height:123px;} .con_clientQna{ width:745px; height:auto;} .con_clinetStudy{ width:745px; float:left; height:auto;} .client_studyTab ul{ float:left; margin-top:46px; height: 28px; width:500px;} .client_studyTab li{ margin-right:8px; float:left;} .client_qnaTab ul{ float:left; margin-top:46px; height: 111px; width:745px;} .client_qnaTab li{ float:left;} .const_ad2{width:680px; height:107px; float:left;} .archi_left{ width:680px; height:auto; float:left; border-right:1px solid #edeced;} .archi_right{ width:298px; height:auto; float:left;} .archi_ad1{ width:298px; height:69px; float:left; border-right:1px solid #edeced; border-bottom:1px solid #edeced; border-top:1px solid #b6b8bb;} .archi_map{ width:680px; height:398px; float:left;} .subMain_map{ width:741px; height398px; float:left;} .archi_ad2{ width:680px; height:93px; float:left; } .archi_ad3{ width:680px; height:343px; float:left; border-bottom:1px solid #edeced; } .archi_smartcon{ width:313px; height:343px; float:left;} .archi_system{ width:365px; height:156px; float:left; } .archi_ad4{ width:181px; height:186px; float:left;} .archi_bim{ width:184px; height:186px; float:left;} .archi_portfolio{ width:980px; float:left; margin-top:29px;} .archi_topImg{ float:left; width:745px; height:183px;} .archi_PortfolioSub{ width:745px; height:auto; float:left;} .archi_smartconMembe{ width:745px; float:left; height:auto;} .tit_bestportfolio{ width:auto; height:25px; margin-bottom:15px; float:left;} .tit_memberportfolio{ width:auto; height:25px; margin-top:25px; margin-bottom:15px; float:left;} .member_portfolio{ width:745px; float:left; height:375px;} .archi_memberPortfolio{ width:180px; height:180px; border:1px solid #dddddd; float:left; margin-right:5px; margin-bottom:5px;} .archi_memberPortfolio_r{ width:180px; height:180px; border:1px solid #dddddd; float:left; margin-bottom:5px;} .img_member{ width:165px; height:104px; float:left; margin:8px;} .con_member{ width:180px; float:left; border-top:1px solid #dddddd;} .txt_memberfolio{width:145px; height:12px; float:left; margin-left:8px; margin-top:8px;} .con_memberfolio{ width:145px; height:17px; float:left; margin-left:8px; font-size:11px; color:#999999; margin-top:8px;} .best_portfolio{ width:745px; height:390px; float:left; } .portfolio_best{ width:241px; height:192px; float:left; margin-right:10px; margin-bottom:10px;} .portfolio_best_r{ width:241px; height:192px; float:left; margin-bottom:10px;} .portfolio_img{ width:241px; height:160px; float:left;} .btn_memberfolio{ width:16px; height:17px; float:left; margin-right:2px; margin-top:3px;} .con_bestportfolio{ width:241px; height:32px; float:left; background:#f8f8f8;} .txt_bestfolio{ width:208px; height:17px; float:left; margin-top:8px; margin-left:8px; font-size:11px; } .btn_expand{ width:16px; float:left; margin-top:8px; margin-right:8px; } .membership{ width:236px; float:left; border:1px solid #dddddd; margin-bottom:15px; margin-right:15px;} .membership_r{ width:236px; float:left; border:1px solid #dddddd; margin-bottom:15px;} .img_membershipLogo{ width:236px; height:120px; border-bottom:1px solid #dddddd; text-align:center;} .con_membership{ width:236px; height:100px; float:left; background:#f8f8f8; line-height:17px;} .tit_membership{ width:200px; float:left; height:23px; margin-top:17px; margin-left:17px; font-weight:bold; font-size:12px;} .txt_membershipDetail{ width:200px; height:27px; float:left; color:#999999; font-size:11px; margin-left:17px;} .btn_detail{ width:60px; height:22px; float:left; margin-left:165px;} .txt_portfolio{ width:253px; height:17px; float:left; color:#8a8a8a; margin-top:4px; margin-bottom:4px;} .con_portfolio{ width:980px; height:auto; float:left; margin-top:4px;} .portfolio{ width:237px; height:232px; float:left; border:1px solid #e5e3e2; margin-right:8px; margin-top:12px; } .portfolio_r{ width:237px; height:232px; float:left; border:1px solid #e5e3e2; margin-top:12px;} .img_portfolio{ margin:10px; width:217px; height:132px; float:left;} .txt_titlePortfolio{ font-size:14px; color:#000000; font-weight:bold; float:left; margin-left:10px; width:217px; margin-top:6px;} .txt_conPortfolio{ float:left; width:217px; color:#cccccc; font-size:11px; margin-left:10px; margin-top:6px; } .btn_archiDeatil{ width:60px; height:22px; float:left; margin-left:166px; margin-top:6px;} .recommendArchi_new{ width:980px; height:79px; float:left;} .recommendArchi{ width:298px; height: 310px; float:left; margin-top:14px;} .tit_recommendArchi{ width:102px; height:23px; float:left; margin-bottom:10px;} .tit_recommendArchi_new{ width:980px; height:23px; float:left; margin-bottom:10px;} .tit_recommendconst{ width:102px; height:23px; float:left;margin-bottom:10px;} .con_recommendArchi{ width:245px; height:62px; margin-top:13px; padding-bottom:14px; float:left; border-bottom:1px solid #e5e3e2;} .con_recommendConst{ width:298px; height:62px; margin-top:13px; padding-bottom:14px; float:left; border-bottom:1px solid #e5e3e2;} .img_recommendArchi{ width:111px; height:62px; border:1px solid #edeced; float:left; margin-right:13px; margin-left:13px;} .img_recommendArchi_new{ width:100px; height:62px; border:1px solid #edeced; float:left; margin-right:11px; margin-left:11px;} .tit_recoArchi{ font-size:12px; color:#000000; float:left; letter-spacing:-1px; font-weight:bold; margin-bottom:9px;} .con_recoArchi{ color:#999999; letter-spacing:-1px; float:left; font-size:11px; line-height:15px; } .contest{ width:298px; height:auto; float:left; margin-top:10px;margin-right:17px;} .tit_contest{ width:102px; height:23px; float:left; margin-bottom:17px;} .tab_contest{ width:298px; height:22px; float:left; margin-bottom:17px;} .img_contest{ width:265px; height:62px; float:left; margin-left:17px; margin-bottom:17px; margin-top:7px;} .img_contestList{ width:112px; height:62px; float:left; border:1px solid #e5e3e2; margin-right:20px;} .tit_contestList{ width:127px; height:auto; float:left; color:#000000; font-weight:bold;} .con_contestList{ width:127px; height:auto; float:left; color:#999999; font-size:11px; margin-top:14px; line-height:16px;} .txt_contet{ width:281px; height:62px; float:left; line-height:21px; margin-left:17px; font-size:11px; color:#2a2a2a;} .client_qna li{ float:left;} .left_portfolio{ width:492px; height:890px; float:left; background:#f8f8f8; border:1px solid #e5e3e2;} .const_portfolio{ width:978px; height:538px; float:left; background:#ffffff; border:1px solid #e5e3e2; margin-top:15px;} .tit_cm{ width:214px; height:59px; margin-left:22px; margin-right:653px; float:left; margin-top:24px;} .tit_collabo{ width:225px; height:70px; float:left; margin-left:18px; margin-top:32px; margin-right:140px; margin-bottom:50px;} .btn_portfoliocm{ float:left; width:82px; height:72px; margin-top:24px;} .m_cm01{ width:236px; height:189px; float:left;} .btn_portfolioCollabo{ margin-top:32px; float:left; width:92px; height:65px; margin-bottom:64px;} .m_portfolio{width:225px; height:220px; float:left; border:1px solid #e5e3e2;margin-right:8px;} .m_constPortfolio{width:231px; height:200px; float:left; border:1px solid #e5e3e2; margin-right:9px;} .img_mPortfolio{ margin:10px; width:205px; height:125px; float:left;} .img_mPortfolioCm{ margin:10px; width:211px; height:108px; float:left;} .txt_mTitlePortfolio{font-size:14px; color:#000000; font-weight:bold; float:left; margin-left:10px; width:217px; margin-top:3px;} .txt_mConPortfolio{float:left; width:215px; color:#cccccc; font-size:11px; margin-left:10px; margin-top:3px;} .btn_mArchiDeatil{ width:60px; height:22px; float:left; margin-left:146px; margin-top:3px;} .btn_mArchiDeatilCm{ width:60px; height:22px; float:left; margin-left:160px; margin-top:3px;} .m_wrapConstPortfolio{height:200px; float:left; margin-left:13px; margin-top:13px;} .m_wrapPortfolio{height:212px; float:left; margin-left:15px; margin-top:18px;} .m_wrapPortfolioR{height:212px; float:left; margin-top:18px; margin-left:12px;} .m_wrapPortfolioR_new{height:212px; float:left;} .con_mCollaboimg{ width:225px; height:142px; float:left;} .con_mCollaboimg2{ width:235px; height:142px; float:left;} .right_portfolio{ width:484px; height:890px; float:left; border:1px solid #e5e3e2; border-left:none;} /* 커뮤니티 메인 CSS ********************************************************/ .menu_community{ float:left; width:980px; height:44px; border-bottom:1px solid #f1f1f1; margin:-3px 0 0 0;} .menu_community ul{ width:980px; padding:0; margin:0; float:left; list-style:none;} .menu_community li{ padding:0; margin:0; float:left; list-style:none;} .column_left{ width:674px; height:auto; float:left;} .column_right{ width:298px; height:auto; float:left; margin-left:7px;} .tab_menu{ width:673px; float:left; border-bottom:1px solid #e3e3e3; height:38px; background:#f3f3f5; margin-bottom:6px;} .cast_1{ width:673px; height:450px; float:left; border:1px solid #e3e3e3;} .cast_1 ul{ padding:0; margin:0; list-style:none; float:left;} .cast_1 li{ padding:0; margin:0; list-style:none; float:left;} .csat_w{ width:197px; height:166px; float:left; border:1px solid #e3e3e3; margin-right:16px; margin-top:13px;} .csat_text{ width:197px; height:166px; float:left; border:1px solid #e3e3e3; margin-right:16px; margin-top:13px; background:#f3f4f3;} .cast_img{ width:197px; height:111px; float:left; overflow:hidden; } .cast_con{ width:180px; height:31px; margin:0 auto;} .cast_tit{ width:190px; height:12px; float:left; margin-top:11px; font-size:12px; font-weight:bold; color:#363636; font-family:gulim;} .cast_txt{ width:180px; height:12px; float:left; margin-top:8px; color:#999; font-size:12px;letter-spacing:0; font-family:gulim;} .con_cast1{ width:670px; height:410px; padding:0 0 0 22px;} .news_w{ width:673px; float:left;border:1px solid #e3e3e3; margin-top:7px; padding:0 0 20px 0;} .news_top{ width:673px; margin:0 auto; height:42px; border-bottom:1px solid #e2e2e2; margin-bottom:12px; } .news_con{ width:619px; height:auto; margin:0 auto;} .news_con_w{ width:619px; height:91px; float:left; margin-bottom:10px; margin-top:10px; } .news_img{ width:136px; height:91px; float:left; margin-right:15px;} .news_text{ width:463px; height:91px; float:left;} .news_tit{ width:463px; height:20px; float:left; font-size:15px; color:#000063; font-weight:bold; } .news_txt{ width:463px; height:59px; float:left; font-size:12px; color:#999; line-height:17px; margin-top:12px;} .news_textW{ width:619px; height:91px; float:left;} .news_titW{ width:563px; height:20px; float:left; font-size:15px; color:#000063; font-weight:bold; } .news_txtW{ width:619px; height:59px; float:left; font-size:12px; color:#999; line-height:17px; margin-top:12px;} .notice_M{ width:296px; height:37px; border:1px solid #e2e2e2; background:#f8f8f8; } .tit_noticeM{ width:41px; height:13px; float:left; margin-left:15px; margin-top:12px;} .con_noticeM{ width:170px; height:13px; float:right; margin-top:12px; margin-right:15px; font-family:gulim; font-size:12px; color:#333; text-align:right;} .banner_community{ width:298px; height:130px;} .smart_w{ width:296px; height:155px; border:1px solid #e2e2e2; float:left; } .btn_search{ width:68px; height:38px; float:left;} .tit_smart{ width:296px; height:101px; float:left;} .con_smart{ width:266px; height:37px; margin:0 auto;} .search_commuMain{ width:194px; height:20px; border:1px solid #b9d3dd; float:left;} .today_w{ width:296px; height:110px; border:1px solid #e2e2e2; float:left; background-color:#f8f8f8; margin-top:7px;} .today_top{ width:272px; margin:0 auto;} .con_today{ width:272px; margin:0 auto;} .con_today ul{ list-style:none; padding:0; margin:0;} .con_today li{ list-style:none; padding:0; margin:0; color:#858585; height:22px; } .tit_today{ width:106px; height:25px; margin-top:9px; margin-bottom:17px; } .reference_w{ width:296px; height:160px; border:1px solid #e2e2e2; float:left; margin-top:7px;} .reference_top ul{ padding:0; margin:0; float:left; list-style:none;} .reference_top li{ padding:0; margin:0; float:left; list-style:none;} .reference_top{ width:296px; height:36px; float:left; margin-bottom:15px;} .reference_con{ width:265px; height:115px; margin:0 auto;} .reference_con ul{ margin:0; padding:0;} .reference_con li{ margin:0; padding:0; line-height:24px; list-style:none; color:#5c5c5c; letter-spacing:0;} .recruit_w{ width:296px; height:160px; border:1px solid #e2e2e2; float:left; margin-top:7px;} .recruit_top ul{ padding:0; margin:0; float:left; list-style:none;} .recruit_top li{ padding:0; margin:0; float:left; list-style:none;} .recruit_top{ width:296px; height:36px; float:left; margin-bottom:15px;} .recruit_con{ width:265px; height:115px; margin:0 auto;} .recruit_con ul{ margin:0; padding:0;} .recruit_con li{ margin:0; padding:0; line-height:24px; list-style:none; color:#5c5c5c; letter-spacing:0;} .property{ width:298px; height:90px; float:left; margin-top:7px;} .tit_news{ width:355px; height:17px; margin-left:19px; margin-top:14px; float:left;} .btn_topMenu{ margin-top:13px;} .margin20{ margin-left:21px; margin-top:11px;} .column_right .gallery {margin-bottom:10px;} .column_right .galleryList {background:#fbfbfb;border:1px solid #e1e1e1;border-top:0;padding:18px 0 18px 19px;} .column_right .galleryList li {width:82px;height:82px;float:left;border:1px solid #fff;margin-right:2px;margin-bottom:2px;} .column_right .galleryList .more {width:100%;height:100%;border:0;margin-bottom:0;} .column_right .galleryList:after{display:block;clear:both;content:'';} /* 커뮤니티 지식인 CSS ********************************************************/ .banner_communityS{ width:980px; height:auto; float:left;} .left_smartIn{ width:708px; height:100%; float:left; margin-top:8px; } .icon_smartIn{ width:708px; height:68px; float:left; margin-bottom:11px;} .icon_smartIn ul{ margin:0; padding:0; list-style:none; float:left;} .icon_smartIn li{ margin:0; padding:0; list-style:none; float:left;} .board_question{ width:708px; height:100%; float:left; border:1px solid #e8e8e8;} .board_question ul{ float:left;} .board_question li{ float:left;} .tit_board{ width:708px; background:#f3f3f5; float:left; height:40px;} .right_smartIn{ width:248px; height:100%; margin-left:23px; float:left;} .tit_smartIn{ width:248px; height:100%; margin:0 0 3px 0;} #login_box{ width:248px; height:111px; border:1px solid #e2e2e2; background:#f3f3f5; color:#515151; } #login_box .top{ width:209px; height:11px; margin:0 auto;} #login_box .top .name{ width:86px; height:11px; float:left; margin-right:50px; margin-top:15px;} #login_box .top .point{ width:68px; height:11px; float:left; text-align:right; margin-top:15px;} #login_box .content{ width:209px; height:51px; margin:0 auto;} #login_box .content li{ height:20px;} #login_box .content .left li{ height:20px; font-weight:bold;} #login_box .content .left{ width:50px; height:51px; text-align:left; float:left; margin-right:62px; margin-top:19px;} #login_box .content .right{ width:93px; height:51px; text-align:right; float:left; margin-top:19px;} #con_board{ width:709px; float:left; height:100%;} #con_board .board{ width:709px; float:left; height:auto;} #btn_board{ width:708px; float:left; height:140px; margin-top:18px;} #btn_board .btn_question{ width:354px; float:left; height:140px; background:url(/html/img/commu/bg_question.jpg);} #btn_board .btn_answer{ width:354px; float:left; height:140px; background:url(/html/img/commu/bg_answer.jpg);} #btn_board .btn_1{ margin-left:141px; margin-top:83px;} #btn_board .btn_2{ margin-left:144px; margin-top:83px;} .tbl_type,.tbl_type th,.tbl_type td{border:0; height:30px;} .tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:Tahoma;font-size:12px;text-align:center} .tbl_type caption{display:none} .tbl_type th{padding:7px 0 4px;border-top:1px solid #ccc;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold} .tbl_type td{padding:6px 0 4px;border-top:1px solid #e5e5e5;color:#989898} .category_1{ color:#a1d521; font-weight:bold; font-size:11px;} .category_2{ color:#1ea8a3; font-weight:bold; font-size:11px;} .category_3{ color:#0089bb; font-weight:bold; font-size:11px;} .category_4{ color:#3067b5; font-weight:bold; font-size:11px;} .category_5{ color:#e21b33; font-weight:bold; font-size:11px;} .category_6{ color:#4c7bb3; font-weight:bold; font-size:11px;} .align_left{ text-align:left;} .paginate_simple{padding:15px 0;text-align:center;line-height:normal; float:left; margin-left:46px} .paginate_simple *{display:inline-block;position:relative;margin:0 -2px;padding:4px 8px;font-size:13px;font-family:Tahoma, Sans-serif;color:#6e6e6e;line-height:normal;text-decoration:none;vertical-align:middle} .paginate_simple a:hover, .paginate_simple a:active, .paginate_simple a:focus{background-color:#f8f8f8} .paginate_simple strong{color:#f0875b} .paginate_simple .direction{padding:0 6px;font-weight:bold;font-size:14px;color:#666;text-align:center} .paginate_simple .direction:hover, .paginate_simple .direction:active, .paginate_simple .direction:focus{background-color:transparent !important;color:#333} .paginate_simple .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} #hdc_search{position:relative;float:right; margin-right:35px;width:143px;height:27px;background-image:url(/html/img/bak_line.png)} #hdc_search input{float:left;width:110px;margin-top:1px;margin-left:1px;padding:4px 2px 4px 6px;background:transparent;border:none;font:12px/18px Malgun Gothic,Apple SD Gothic Neo,Dotum,Helvetica,Arial,Verdana,sans-serif;} #btnSearch{overflow:hidden;float:left;width:24px;height:25px;margin-top:1px;background-image:url(/html/img/btn_searchTop.png);background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px} .myQuestion_w{ width:248px; height:132px; float:left; border:1px solid #e2e2e2; margin-top:11px; } .tit_myquestion{ width:67px; height:19px; margin-left:19px; margin-top:19px; margin-bottom:19px;} #con_myquestion{ width:208px; height:53px; margin:0 auto; color:#5c5c5c;} #con_myquestion ul{ padding:0; margin:0; line-height:21px; list-style:none;} #con_myquestion li{ padding:0; margin:0; line-height:21px; list-style:none; width:202px;} .myAnswer_w{ width:248px; height:132px; float:left; border:1px solid #e2e2e2; border-top:none; } .banner_smartIn{ width:248px; height:162px; float:left; margin-top:11px;} .recruitS_w{ width:246px; height:175px; border:1px solid #e2e2e2; float:left; margin-top:12px;} .recruitS_top ul{ padding:0; margin:0; float:left; list-style:none;} .recruitS_top li{ padding:0; margin:0; float:left; list-style:none;} .recruitS_top{ width:248px; height:36px; float:left; margin-bottom:15px;} .recruitS_con{ width:206px; height:115px; margin:0 auto;} .recruitS_con ul{ margin:0; padding:0;} .recruitS_con li{ margin:0; padding:0; line-height:22px; list-style:none; color:#5c5c5c;} .fr1{width:15px;float:right; text-align:right; color:#5280b3; font-weight:bold;} /* 커뮤니티 작품자랑 CSS ********************************************************/ /* rayout */ #boast {position:relative;margin:0 auto;width:980px;overflow:hidden} #boast:after{display:block;clear:both;content:'';} #boastArea {position:relative;float:left;margin:0 auto;width:712px;overflow:hidden;} #boast_rightArea {position:relative;float:right;margin:0 auto;width:250px;overflow:hidden;} /* style */ #boastArea {margin:10px 0 20px;} #boastArea:after{display:block;clear:both;content:'';} #boastArea .search {width:300px;height:37px;background:url('../../design/img/bak_Binput.jpg') no-repeat;float:left;} #boastArea .searchArea:after{display:block;clear:both;content:'';} #boastArea .search .input {width:246px;height:28px;float:right;border:none;} #boastArea .search .btn {padding:0 20px 0 0;float:right;} #boastArea .gallery {margin-top:14px;} #boastArea .gallery:after{display:block;clear:both;content:'';} #boastArea .gallery li {width:220px;height:209px;float:left;margin-right:16px;margin-bottom:12px;} #boastArea .gallery .none {margin-right:0;} #boastArea .gallery .img {width:220px;height:145px;display:block;} #boastArea .gallery li .textArea {width:222px;height:61px;font-size:12px;border:1px solid #dfe0e3;} #boastArea .gallery li .textArea:after{display:block;clear:both;content:'';} #boastArea .gallery li .tit {font-weight:bold;line-height:3em;margin-left:16px;} #boastArea .gallery li .text1 {float:left;color:#0eaeea;margin-left:16px;} #boastArea .gallery li .text2 {float:right;color:#767676;margin-right:16px;letter-spacing:0;font-size:11px;} #boastArea .gallery li img {display:inline;} #boastArea .gallery li img:after{display:block;clear:both;content:'';} #boastArea .paging {position:relative;text-align:center;margin:10px auto 0;width:450px;} #boastArea .paging:after{display:block;clear:both;content:'';} #boastArea .paging a {float:left;width:29px;height:29px;line-height:2.6em;margin-right:3px;} #boastArea .paging .o {background:#747474;color:#fff;} #boast_rightArea .banner {margin:2px 0 14px 0;} #boast_rightArea .lastMenu {border-bottom:1px solid #e5e5e5;margin:0 0 13px 0;} #boast_rightArea .gallery {margin-bottom:14px;} #boast_rightArea .galleryList {background:#fbfbfb;border:1px solid #e1e1e1;border-top:0;padding:18px 0 18px 19px;} #boast_rightArea .galleryList li {width:67px;height:66px;float:left;border:1px solid #fff;margin-right:2px;margin-bottom:5px;} #boast_rightArea .galleryList li .none {width:65px;height:65px;float:left;border:1px solid #bebebe;margin-right:0px;margin-bottom:5px;} #boast_rightArea .galleryList .more {width:100%;height:100%;border:0;margin-bottom:0;} #boast_rightArea .galleryList:after{display:block;clear:both;content:'';} #boast_rightArea .leftTab_travel a {float:left;margin:7px 0;} #boast_rightArea .travelList1 {margin:0 0 14px 0;text-align:center;} #boast_rightArea .travelList1:after{display:block;clear:both;content:'';} #boast_rightArea .travelList1 li {float:left;text-align:center;line-height:2em;background:url('../../html/img/commu/bak_Bline.jpg') no-repeat;padding:0 1px;background-position:left 4px;} #boast_rightArea .travelList1 .none {background:none;} #boast_rightArea .travelList2 {border-top:1px solid #ececec;padding-top:20px;} #boast_rightArea .travelList2 li {height:43px;} #boast_rightArea .travelList2 .textArea {float:left;margin-left:18px;line-height:22px;} #boast_rightArea .travelList2 .text1 {padding:5px 0 0 0;color:#999;} #boast_rightArea .travelList2 .img {float:left;margin:0 0 0 8px;} #boast_rightArea .travelList2:after{display:block;clear:both;content:'';} .boastMore {text-align:right;color:#747474;margin:10px 14px 0 0;background:url('../../design/img/ico_Bmore.jpg') no-repeat right bottom;background-position:right 2px;padding:0 12px 0 0;} .boastMore a:link, .boastMore a:visited, .boastMore a:hover, .boastMore a:focus, .boastMore a:active {color:#777777;} /* 커뮤니티 건축뉴스 CSS ********************************************************/ .bold {font-weight:bold} .top01 {margin-top:14px} .top02 {margin-top:23px} .top03 {margin-top:30px} .right01 {margin-right:17px} .bottom01 {margin-bottom:14px} .left01 {margin-left:7px} .left02 {margin-left:4px} .line_1 {width:214px;border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(217, 217, 217) currentColor currentColor; margin:0 auto} .line_2 {border-top:2px solid #555} .line_3 {border-bottom:1px solid #e2e2e2} .line_center{ text-align:center;border-bottom:1px solid #e4e4e4} .line_3B {border-bottom:1px solid #e2e2e2; background:#f9f9f9;} .line_centerB{ text-align:center;border-bottom:1px solid #e4e4e4; background:#f9f9f9;} .line_new {border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4; background:#f5f5f5; color:#666666;} .line_4 {border-bottom:1px solid #f0f0f0} .line_5 {border-top:2px solid #414141} .tbbg {background:#f5f5f5} .ht {line-height:3em} .gray {color:#919191} .pd {padding:5px;} .txtr {text-align:right;} .txtl {text-align:left;} .txtc {text-align:center;} /* commuNews style */ .News_Rightarea {width:248px;float:right;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0} .News_Rightnavi {width:248px;margin-bottom:5px} .News_board_tit1 {width:248px;height:20px;border-bottom:2px solid #cbcbcb;margin-top:30px;float:left;} .News_boardMain_tit {width:89px;height:12px;margin:23px 0 0 13px;padding:0;float:left;} .News_boardRight {width:220px;margin-left:17px;padding-top:17px;line-height:20px;letter-spacing:3px;float:left;} .News_board_main {width:697px;} .leeList div {height:100px;padding:15px 0 0 0;border-bottom:1px solid #eee;} .leeList div p {color:#999;line-height:1.6em;} .News_board_main li {list-style-type:disc;margin-bottom:7px} .News_board02 {width:248px;height:175px;margin-top:10px} .mConleft {width:712px;float:left;margin:0;padding:0;} .News_Mainwrap {width:730px;background:url('../../design/img/bg_News.jpg') no-repeat;margin:0;padding:0;float:left;} .News_Main {width:712px;float:left;margin:0;padding:0} .News_Mainwrap {width:712px;margin:0;padding:0;float:left} .News_View {width:700px;padding:0;margin-top:5px;} .News_View th {font-size:16px;} .News_write {width:712px;float:left;} .News_writetb {width:712px;margin:0 auto;padding:0;} .News_write th {padding:15px;text-align:left;} .News_write td {padding:0px;} .News_write2 {width:980px;margin:0 auto;padding:0;} .News_writetb2 {width:980px;margin:0 auto;padding:0;} .News_write2 th {text-align:center; height:43px; font-size:14px; } .News_write2 td {padding:0px; height:43px; color:#8d8d8d; font-size:12px;} .News_Mainwrap1 {width:980px;background:url('../../design/img/bg_News.jpg') no-repeat;margin:0;padding:0;float:left; color:#666666;} .News_Main1 {width:980px;float:left;margin:0;padding:0} .News_View1 {width:980px;padding:0;margin-top:5px;} .News_View1 th {font-size:16px; text-align:left; padding-left:15px;} .News_write1 {width:980px;float:left;} .News_writetb1 {width:980px;margin:0 auto;padding:0;} .News_write1 th {padding:15px;text-align:left;} .News_write1 td {padding:0px;} /* 페이징 */ .paging {position:relative;text-align:center;margin:30px auto 0;width:450px;} .paging:after{display:block;clear:both;content:'';} .paging a {float:left;width:29px;height:29px;line-height:2.6em;margin-right:3px;} .paging .o {background:#747474;color:#fff;} /* 팝업 레이어 스타일 */ .black_bg {width:100%;height:100%;left:0px;top:0px;position:absolute;z-index:100;background-color:#000;} .opa50 {filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';opacity:.5;} #layer_bg {z-index:100;} #layer_contents {z-index:101;width:auto;height:auto;position:absolute;left:35%;top:100px;background:#fff;} #divPopup {z-index:101;width:auto;height:auto;position:absolute;left:0px;top:0px;background:#fff;} /* 로딩 레이어 스타일 */ .ld_line1{position:absolute;left:50%;top:50%;z-index:9;height:40px} .ld_line1:after{display:block;clear:both;content:''} .ld_line1 .lft,.ld_line1 .rgt{float:left;width:11px;height:40px;font-size:0;line-height:0} .ld_line1 .lft{background:url(https://ssl.pstatic.net/static/desk/ld1_lft.png) no-repeat 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ssl.pstatic.net/static/desk/ld1_lft.png',sizingMethod='crop')} .ld_line1 .rgt{background:url(https://ssl.pstatic.net/static/desk/ld1_rgt.png) no-repeat 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ssl.pstatic.net/static/desk/ld1_rgt.png',sizingMethod='crop')} .ld_line1 .cont{float:left;height:28px;padding:12px 7px 0 0;background:url(https://ssl.pstatic.net/static/desk/ld1_cen.png) repeat-x 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ssl.pstatic.net/static/desk/ld1_cen.png',sizingMethod='scale');color:#fff;line-height:16px} .ld_line1 .cont img{margin:-1px 9px 0 0;vertical-align:middle} a.tml {color:#fff;} /* 페이징 */ .paging3 {padding-top:20px; text-align:center;} .paging3 a.page3, .paging3 b {display:inline-block; height:23px; width:23px; margin:0 2px; line-height:23px; font-size:11px; border:1px solid #d6d6d6; vertical-align:middle; } .paging3 b {border:1px solid #5c5c5c; background:#737373; color:#fff;} .paging3 span.prev {padding-right:5px; margin-right:4px; background:url("/adm/img/search_divi2.gif") no-repeat right center;} .paging3 span.next {padding-left:5px; margin-left:4px; background:url("/adm/img/search_divi2.gif") no-repeat left center;} .paging3 span.prev a.page3, .paging3 span.prev span {display:inline-block; width:54px; text-indent:10px; background:url("/adm/img/blt11.gif") no-repeat 11px 7px; height:23px; line-height:23px; font-size:11px; border:1px solid #d6d6d6; vertical-align:middle; } .paging3 span.next a.page3, .paging3 span.next span {display:inline-block; width:54px; text-indent:-10px; background:url("/adm/img/blt12.gif") no-repeat 37px 7px; height:23px; line-height:23px; font-size:11px; border:1px solid #d6d6d6; vertical-align:middle;} .fontBold {font-weight:bold;} /* 메인메뉴 */ ul.tabMenuMain {background:url('/html/img/main2/bak_menuTopBack.gif') no-repeat;} ul.tabMenuMain:after {clear:both;display:block;content:"";} .tabMenuMain li {float:left;height:38px;cursor:pointer;margin:0;background:url('/html/img/main2/bak_menuTop.gif') no-repeat;} ul.tabMenuMain li.mSmartcon {width:80px;background-position:0 0;} ul.tabMenuMain li.mCommunity {width:63px;background-position:-80px 0;} ul.tabMenuMain li.mSSystem {width:59px;background-position:-143px 0;} ul.tabMenuMain li.mBIM {width:39px;background-position:-202px 0;} ul.tabMenuMain li.mHomepage {width:87px;background-position:-241px 0;} ul.tabMenuMain li.mSKT {width:99px;background-position:-328px 0;} ul.tabMenuMain li.mLine {width:11px;background-position:-427px 0;} ul.tabMenuMain li.mSmart1 {width:51px;background-position:-438px 0;} ul.tabMenuMain li.mSmart3 {width:52px;background-position:-489px 0;} ul.tabMenuMain li.mSmart5 {width:54px;background-position:-541px 0;} ul.tabMenuMain li.mSmart7 {width:53px;background-position:-595px 0;} ul.tabMenuMain li.mAll {width:30px;background-position:-648px 0;} ul.tabMenuMain li.mSmartcon:hover {width:80px;background-position:0 -38px;} ul.tabMenuMain li.mCommunity:hover {width:63px;background-position:-80px -38px;} ul.tabMenuMain li.mSSystem:hover {width:59px;background-position:-143px -38px;} ul.tabMenuMain li.mBIM:hover {width:39px;background-position:-202px -38px;} ul.tabMenuMain li.mHomepage:hover {width:87px;background-position:-241px -38px;} ul.tabMenuMain li.mSKT:hover {width:99px;background-position:-328px -38px;} ul.tabMenuMain li.mLine:hover {width:11px;background-position:-427px -38px;} ul.tabMenuMain li.mSmart1:hover {width:51px;background-position:-438px -38px;} ul.tabMenuMain li.mSmart3:hover {width:52px;background-position:-489px -38px;} ul.tabMenuMain li.mSmart5:hover {width:54px;background-position:-541px -38px;} ul.tabMenuMain li.mSmart7:hover {width:53px;background-position:-595px -38px;} ul.tabMenuMain li.mAll:hover {width:30px;background-position:-648px -38px;} ul.tabMenuMain li.mSmartcon_o {width:80px;background-position:0 -38px;} ul.tabMenuMain li.mCommunity_o {width:63px;background-position:-80px -38px;} ul.tabMenuMain li.mSSystem_o {width:59px;background-position:-143px -38px;} ul.tabMenuMain li.mBIM_o {width:39px;background-position:-202px -38px;} ul.tabMenuMain li.mHomepage_o {width:87px;background-position:-241px -38px;} ul.tabMenuMain li.mSKT_o {width:99px;background-position:-328px -38px;} ul.tabMenuMain li.mLine_o {width:11px;background-position:-427px -38px;} ul.tabMenuMain li.mSmart1_o {width:51px;background-position:-438px -38px;} ul.tabMenuMain li.mSmart3_o {width:52px;background-position:-489px -38px;} ul.tabMenuMain li.mSmart5_o {width:54px;background-position:-541px -38px;} ul.tabMenuMain li.mSmart7_o {width:53px;background-position:-595px -38px;} ul.tabMenuMain li.mAll_o {width:30px;background-position:-648px -38px;} ul.tabMenuMain li a {display:block;width:100%;height:100%;text-indent:-9999px;} /* 메인메뉴 */ ul.tabMenuM {background:url('/html/img/common/bak_menuBack.gif') no-repeat;} ul.tabMenuM:after {clear:both;display:block;content:"";} .tabMenuM li {float:left;height:38px;cursor:pointer;margin:0;background:url('/html/img/common/bg_menu.gif') no-repeat;} ul.tabMenuM li.mmAll {width:40px;background-position:0 0;} ul.tabMenuM li.mm01 {width:65px;background-position:-40px 0;} ul.tabMenuM li.mm02 {width:45px;background-position:-105px 0;} ul.tabMenuM li.mm03 {width:45px;background-position:-150px 0;} ul.tabMenuM li.mm04 {width:50px;background-position:-195px 0;} ul.tabMenuM li.mm19 {width:115px;background-position:-245px 0;} ul.tabMenuM li.mm11 {width:85px;background-position:-360px 0;} ul.tabMenuM li.mm12 {width:70px;background-position:-445px 0;} ul.tabMenuM li.mm13 {width:65px;background-position:-513px 0;} ul.tabMenuM li.mm14 {width:40px;background-position:-577px 0;} ul.tabMenuM li.mm15 {width:95px;background-position:-610px 0;} /*ul.tabMenuM li.mm16 {width:105px;background-position:-600px 0;}*/ ul.tabMenuM li a {display:block;width:100%;height:100%;text-indent:-9999px;} /* 서브메뉴 */ ul.tabMenuSub:after {clear:both;display:block;content:"";} .tabMenuSub li {float:left;height:35px;cursor:pointer;margin:0;background:url('/html/img/common/bak_menuSub.gif') no-repeat;} ul.tabMenuSub li.msNull {background-position:-980px 0;} ul.tabMenuSub li.ms0101 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:157px;background-position:-40px 0;} ul.tabMenuSub li.ms0102 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:92px;background-position:-197px 0;} ul.tabMenuSub li.ms0103 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:83px;background-position:-289px 0;} ul.tabMenuSub li.ms0104 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:70px;background-position:-372px 0;} ul.tabMenuSub li.ms0105 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:92px;background-position:-442px 0;} ul.tabMenuSub li.ms0101:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:157px;background-position:-40px 0;} ul.tabMenuSub li.ms0102:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:92px;background-position:-197px 0;} ul.tabMenuSub li.ms0103:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:83px;background-position:-289px 0;} ul.tabMenuSub li.ms0104:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:70px;background-position:-372px 0;} ul.tabMenuSub li.ms0105:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:92px;background-position:-442px 0;} ul.tabMenuSub li.ms0101_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:157px;background-position:-40px 0;} ul.tabMenuSub li.ms0102_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:92px;background-position:-197px 0;} ul.tabMenuSub li.ms0103_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:83px;background-position:-289px 0;} ul.tabMenuSub li.ms0104_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:70px;background-position:-372px 0;} ul.tabMenuSub li.ms0105_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:92px;background-position:-442px 0;} ul.tabMenuSub li.ms0201 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:91px;background-position:-40px -35px;} ul.tabMenuSub li.ms0202 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:122px;background-position:-131px -35px;} ul.tabMenuSub li.ms0203 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:97px;background-position:-253px -35px;} ul.tabMenuSub li.ms0204 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:110px;background-position:-350px -35px;} ul.tabMenuSub li.ms0201:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:91px;background-position:-40px -35px;} ul.tabMenuSub li.ms0202:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:122px;background-position:-131px -35px;} ul.tabMenuSub li.ms0203:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:97px;background-position:-253px -35px;} ul.tabMenuSub li.ms0204:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-350px -35px;} ul.tabMenuSub li.ms0201_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:91px;background-position:-40px -35px;} ul.tabMenuSub li.ms0202_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:122px;background-position:-131px -35px;} ul.tabMenuSub li.ms0203_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:97px;background-position:-253px -35px;} ul.tabMenuSub li.ms0204_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-350px -35px;} ul.tabMenuSub li.ms0301 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:91px;background-position:-40px -70px;} ul.tabMenuSub li.ms0302 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:110px;background-position:-131px -70px;} ul.tabMenuSub li.ms0303 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:97px;background-position:-243px -70px;} ul.tabMenuSub li.ms0301:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:91px;background-position:-40px -70px;} ul.tabMenuSub li.ms0302:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-131px -70px;} ul.tabMenuSub li.ms0303:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:97px;background-position:-243px -70px;} ul.tabMenuSub li.ms0301_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:91px;background-position:-40px -70px;} ul.tabMenuSub li.ms0302_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-131px -70px;} ul.tabMenuSub li.ms0303_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:97px;background-position:-243px -70px;} ul.tabMenuSub li.ms0401 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:76px;background-position:-126px -105px;} ul.tabMenuSub li.ms0402 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:107px;background-position:-284px -105px;} ul.tabMenuSub li.ms0403 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:84px;background-position:-198px -105px;} ul.tabMenuSub li.ms0401:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:76px;background-position:-126px -105px;} ul.tabMenuSub li.ms0402:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:107px;background-position:-284px -105px;} ul.tabMenuSub li.ms0403:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:84px;background-position:-198px -105px;} ul.tabMenuSub li.ms0401_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:76px;background-position:-126px -105px;} ul.tabMenuSub li.ms0402_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:107px;background-position:-284px -105px;} ul.tabMenuSub li.ms0403_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:84px;background-position:-198px -105px;} ul.tabMenuSub li.ms0601 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:52px;background-position:-40px -175px;} ul.tabMenuSub li.ms0602 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:85px;background-position:-92px -175px;} ul.tabMenuSub li.ms0603 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:98px;background-position:-176px -175px;} ul.tabMenuSub li.ms0604 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:86px;background-position:-276px -175px;} ul.tabMenuSub li.ms0605 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:96px;background-position:-362px -175px;} ul.tabMenuSub li.ms0606 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:96px;background-position:-458px -175px;} ul.tabMenuSub li.ms0607 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:68px;background-position:-554px -175px;} ul.tabMenuSub li.ms0608 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:96px;background-position:-622px -175px;} ul.tabMenuSub li.ms0609 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:98px;background-position:-718px -175px;} ul.tabMenuSub li.ms0610 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:88px;background-position:-816px -175px;} ul.tabMenuSub li.ms0601:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:52px;background-position:-40px -175px;} ul.tabMenuSub li.ms0602:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-92px -175px;} ul.tabMenuSub li.ms0603:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:98px;background-position:-176px -175px;} ul.tabMenuSub li.ms0604:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:86px;background-position:-276px -175px;} ul.tabMenuSub li.ms0605:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:96px;background-position:-362px -175px;} ul.tabMenuSub li.ms0606:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:96px;background-position:-458px -175px;} ul.tabMenuSub li.ms0607:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:68px;background-position:-554px -175px;} ul.tabMenuSub li.ms0608:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:96px;background-position:-622px -175px;} ul.tabMenuSub li.ms0609:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:98px;background-position:-718px -175px;} ul.tabMenuSub li.ms0610:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:88px;background-position:-816px -175px;} ul.tabMenuSub li.ms0601_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:52px;background-position:-40px -175px;} ul.tabMenuSub li.ms0602_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-92px -175px;} ul.tabMenuSub li.ms0603_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:98px;background-position:-176px -175px;} ul.tabMenuSub li.ms0604_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:86px;background-position:-276px -175px;} ul.tabMenuSub li.ms0605_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:96px;background-position:-362px -175px;} ul.tabMenuSub li.ms0606_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:96px;background-position:-458px -175px;} ul.tabMenuSub li.ms0607_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:68px;background-position:-554px -175px;} ul.tabMenuSub li.ms0608_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:96px;background-position:-622px -175px;} ul.tabMenuSub li.ms0609_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:98px;background-position:-718px -175px;} ul.tabMenuSub li.ms0610_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:88px;background-position:-816px -175px;} ul.tabMenuSub li.ms1001 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:79px;background-position:-40px -140px;} ul.tabMenuSub li.ms1002 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:85px;background-position:-119px -140px;} ul.tabMenuSub li.ms1003 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:110px;background-position:-204px -140px;} ul.tabMenuSub li.ms1004 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:150px;background-position:-314px -140px;} ul.tabMenuSub li.ms1001:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:79px;background-position:-40px -140px;} ul.tabMenuSub li.ms1002:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-119px -140px;} ul.tabMenuSub li.ms1003:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-204px -140px;} ul.tabMenuSub li.ms1004:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:150px;background-position:-314px -140px;} ul.tabMenuSub li.ms1001_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:79px;background-position:-40px -140px;} ul.tabMenuSub li.ms1002_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-119px -140px;} ul.tabMenuSub li.ms1003_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-204px -140px;} ul.tabMenuSub li.ms1004_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:150px;background-position:-314px -140px;} ul.tabMenuSub li.ms1101 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:79px;background-position:-40px -210px;} ul.tabMenuSub li.ms1102 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:95px;background-position:-119px -210px;} ul.tabMenuSub li.ms1103 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:122px;background-position:-214px -210px;} ul.tabMenuSub li.ms1104 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:97px;background-position:-336px -210px;} ul.tabMenuSub li.ms1105 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:120px;background-position:-433px -210px;} ul.tabMenuSub li.ms1101:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:79px;background-position:-40px -210px;} ul.tabMenuSub li.ms1102:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:95px;background-position:-119px -210px;} ul.tabMenuSub li.ms1103:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:122px;background-position:-214px -210px;} ul.tabMenuSub li.ms1104:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:97px;background-position:-336px -210px;} ul.tabMenuSub li.ms1105:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:120px;background-position:-433px -210px;} ul.tabMenuSub li.ms1101_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:79px;background-position:-40px -210px;} ul.tabMenuSub li.ms1102_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:95px;background-position:-119px -210px;} ul.tabMenuSub li.ms1103_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:122px;background-position:-214px -210px;} ul.tabMenuSub li.ms1104_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:97px;background-position:-336px -210px;} ul.tabMenuSub li.ms1105_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:120px;background-position:-433px -210px;} ul.tabMenuSub li.ms1201 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:77px;background-position:-40px -245px;} ul.tabMenuSub li.ms1202_ {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:85px;background-position:-117px -245px;} ul.tabMenuSub li.ms1208 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:81px;background-position:-202px -245px;} ul.tabMenuSub li.ms1210 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:110px;background-position:-283px -245px;} ul.tabMenuSub li.ms1202 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:94px;background-position:-393px -245px;} ul.tabMenuSub li.ms1209 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:87px;background-position:-485px -245px;} ul.tabMenuSub li.ms1207 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:73px;background-position:-574px -245px;} ul.tabMenuSub li.ms1206 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:95px;background-position:-647px -245px;} ul.tabMenuSub li.ms1211 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:68px;background-position:-840px -245px;} ul.tabMenuSub li.ms1201:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:77px;background-position:-40px -245px;} ul.tabMenuSub li.ms1202_:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-117px -245px;} ul.tabMenuSub li.ms1208:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:81px;background-position:-202px -245px;} ul.tabMenuSub li.ms1210:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-283px -245px;} ul.tabMenuSub li.ms1202:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:94px;background-position:-393px -245px;} ul.tabMenuSub li.ms1209:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:87px;background-position:-485px -245px;} ul.tabMenuSub li.ms1207:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:73px;background-position:-574px -245px;} ul.tabMenuSub li.ms1206:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:95px;background-position:-647px -245px;} ul.tabMenuSub li.ms1211:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:68px;background-position:-840px -245px;} ul.tabMenuSub li.ms1201_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:77px;background-position:-40px -245px;} ul.tabMenuSub li.ms1202__o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-117px -245px;} ul.tabMenuSub li.ms1208_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:81px;background-position:-202px -245px;} ul.tabMenuSub li.ms1210_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:110px;background-position:-283px -245px;} ul.tabMenuSub li.ms1202_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:94px;background-position:-393px -245px;} ul.tabMenuSub li.ms1209_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:87px;background-position:-485px -245px;} ul.tabMenuSub li.ms1207_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:73px;background-position:-574px -245px;} ul.tabMenuSub li.ms1206_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:95px;background-position:-647px -245px;} ul.tabMenuSub li.ms1211_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:68px;background-position:-840px -245px;} ul.tabMenuSub li.ms1401 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:130px;background-position:-40px -280px;} ul.tabMenuSub li.ms1402 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:95px;background-position:-170px -280px;} ul.tabMenuSub li.ms1403 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:85px;background-position:-265px -280px;} ul.tabMenuSub li.ms1404 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:98px;background-position:-350px -280px;} ul.tabMenuSub li.ms1405 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:86px;background-position:-448px -280px;} ul.tabMenuSub li.ms1406 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:135px;background-position:-534px -280px;} ul.tabMenuSub li.ms1401:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:130px;background-position:-40px -280px;} ul.tabMenuSub li.ms1402:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:95px;background-position:-170px -280px;} ul.tabMenuSub li.ms1403:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-265px -280px;} ul.tabMenuSub li.ms1404:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:98px;background-position:-350px -280px;} ul.tabMenuSub li.ms1405:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:86px;background-position:-448px -280px;} ul.tabMenuSub li.ms1406:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:135px;background-position:-534px -280px;} ul.tabMenuSub li.ms1401_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:130px;background-position:-40px -280px;} ul.tabMenuSub li.ms1402_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:95px;background-position:-170px -280px;} ul.tabMenuSub li.ms1403_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-265px -280px;} ul.tabMenuSub li.ms1404_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:98px;background-position:-350px -280px;} ul.tabMenuSub li.ms1405_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:86px;background-position:-448px -280px;} ul.tabMenuSub li.ms1406_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:135px;background-position:-534px -280px;} ul.tabMenuSub li.ms1701 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:92px;background-position:-40px -315px;} ul.tabMenuSub li.ms1702 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:85px;background-position:-132px -315px;} ul.tabMenuSub li.ms1703 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:82px;background-position:-217px -315px;} ul.tabMenuSub li.ms1704 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:82px;background-position:-299px -315px;} ul.tabMenuSub li.ms1701:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:92px;background-position:-40px -315px;} ul.tabMenuSub li.ms1702:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-132px -315px;} ul.tabMenuSub li.ms1703:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:82px;background-position:-217px -315px;} ul.tabMenuSub li.ms1704:hover {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:82px;background-position:-299px -315px;} ul.tabMenuSub li.ms1701_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:92px;background-position:-40px -315px;} ul.tabMenuSub li.ms1702_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:85px;background-position:-132px -315px;} ul.tabMenuSub li.ms1703_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:82px;background-position:-217px -315px;} ul.tabMenuSub li.ms1704_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:82px;background-position:-299px -315px;} ul.tabMenuSub li a {display:block;width:100%;height:100%;text-indent:-9999px; } ul.tabMenuSub li.ms1901 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:146px;background-position:-40px -350px;} ul.tabMenuSub li.ms1902 {background:url('/html/img/common/bak_menuSub.gif') no-repeat;width:103px;background-position:-187px -350px;} ul.tabMenuSub li.ms1901_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:146px;background-position:-40px -350px;} ul.tabMenuSub li.ms1902_o {background:url('/html/img/common/bak_menuSub_o.gif') no-repeat;width:103px;background-position:-187px -350px;} /**********************************************건축여행기 리스트페이지**********************************************/ .trip_tabMenu {background:url('/html/img/commu/tripMenu_bg.jpg') no-repeat;} .trip_tabMenu ul li {float:left; width:137px; height:34px; margin-right:3px; text-align:center;} .trip_tabMenu ul li:last-child {margin-right:3px;} .trip_tabMenu ul:after{clear:both;display:block;content:""; } .trip_tabMenu ul li:hover {background:url('/html/img/commu/triptabMenu_bg.jpg') no-repeat; } .trip_tabMenu ul li a {line-height:2.8; font-size:14px; } .titimg_left {float:left; } .titimg_right {float:left; margin-left:8px; } .titimg_right01 .content_ft, .titimg_right02 .content_ft, .titimg_right03 .content_ft {width:174px; height:155px; border:1px solid #c2c2c2; float:left; } .titimg_right01 .content_se, .titimg_right02 .content_se, .titimg_right03 .content_se {width:174px; height:155px; border:1px solid #c2c2c2; float:left; margin-left:5px;} .titimg_right01 .content_ft p, .titimg_right02 .content_ft p, .titimg_right03 .content_ft p {margin:6px 0 0 5px; line-height:1.3; font-size:13px;} .titimg_right01 .content_se p, .titimg_right02 .content_se p, .titimg_right03 .content_se p {margin:6px 0 0 5px; line-height:1.3; font-size:13px;} .content1, .content2, .content3, .content4, .content5 {padding-top:45px; } .content1, .content2, .content3, .content4 {padding-bottom:45px; border-bottom:1px solid #bababa;} .content5 {padding-bottom:45px;} .content1:after, .content2:after, .content3:after, .content4:after, .content5:after{clear:both;display:block;content:"";} .titimg_right01{ width:539px; height:155px;} .titimg_right02{ width:539px; height:155px; margin-top:10px;} .titimg_right01 img, .titimg_right02 img {width:174px; height:110px;} .bottom_banner div {float:left; margin:60px 0 30px 0;} .bottom_banner:after {clear:both;display:block;content:"";} /**********************************************메인배너 안도다다오**********************************************/ ul .ando {display:inline; padding:0px 20px;} .city {position:absolute;bottom:0;left:0; width:100%; height:100px;overflow:hidden;} .city span img {cursor:pointer;} .city ul {width:650px; text-align:center;} /**********************************************view 하단리스트 배너**********************************************/ .list_banner {font-family:daum; width:980px; height:240px; position:relative; border:3px solid #e2e2e2; } .list_banner_arrowLeft {width:26px; height:240px; position:absolute; top:95px; left:20px; cursor:pointer;} .list_banner_arrowRight {clear:both; width:26px; height:240px; position:absolute; top:95px; left:935px; cursor:pointer;} .list_banner_con {width:174px; height:155px; border:1px solid #c2c2c2; float:left; margin:5px 5px;} .list_banner_con p {margin:6px 0 0 5px; line-height:1.3; font-size:13px;} .list_banner_outline {width:188px; height:169px; float:left; margin:37px 28px 30px 0;} .fover{ border:3px solid #01b5e8; } .list_banner_box {overflow:hidden; position:relative; margin-left:70px; width:865px; height:240px;} .list_banner_boxinner {position:absolute;top:0px; width:5000px;}