/* Default Style */ * {margin:0; padding:0;} body {background-color:#fff;} ul, ol, li {list-style:none; } #viewBoardImgBox ul, #viewBoardImgBox ol, #viewBoardImgBox li {list-style:revert !important; padding:revert !important;} img, hr {border:none;} img {vertical-align:top; border:0px ;} strong {font-weight:bold;} /* Link Style */ a:link, a:visited, a:active, a:hover {text-decoration:none; color:#333;} /* Table Style */ table {border-collapse:collapse; border-spacing:0; width:100%;} table td img {vertical-align:middle;} /* tag all font-size set */ p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {color:#333; font-family:NanumGothic, Arial, sans-serif; font-size:13px;} /* From Style */ textarea {border:1px solid #e1e0de; padding:5px;} input {vertical-align:middle; } input.txt,input.text,input.it {height: 18px; line-height:18px; border: solid 1px #e1e0de; background-color:#fff;} hr, caption {display:none;} legend {position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; } address,cite,em {font-style:normal;} fieldset {border:0; padding:0; } label {cursor:pointer;} #wrap {} #wrap h1 {font-weight:700; font-size:18px;} #wrap h2 {font-weight:600; font-size:16px;} /* gnb Menu */ #header { z-index:1000 } .gnbMenu_container {position:relative;height:58px;margin:0 auto; background-color:#6f6f6f; border-bottom:3px solid #f68b1f} .gnbMenu_container .gnbMenu_wrap {position:relative; width:990px;height:58px;margin:0 auto; background-color:#6f6f6f; border-bottom:3px solid #f68b1f} .gnbMenu_container .gnbMenu_wrap .gnb {position:absolute; top:0; left:0; z-index:1000; width:1100px; height:58px; margin:0 auto; z-index:1000; border:0px solid #0f0;} .gnbMenu_container .gnbMenu_wrap .gnb li.dept1 { padding:18px 0px; border:0px solid #f0f} .gnbMenu_container .gnbMenu_wrap .gnb a {} .gnbMenu_container .gnbMenu_wrap .gnb .dept1{ position:relative; float:left; font-size:14px; color:#355d95; font-weight:bold; text-align:left;} .gnbMenu_container .gnbMenu_wrap .gnb .dept1 .dept1_menu { display:inline-block; line-height:38px; font-size:16px; color:#355d95; padding:0 20px;} .gnbMenu_container .gnbMenu_wrap .gnb .dept1 .dept1_menu:hover { text-decoration:none; color:#ff8400} .gnbMenu_container .gnbMenu_wrap .gnb li.dept1 div ul {display:none; margin-top:32px; *zoom:1;} .gnbMenu_container .gnbMenu_wrap .gnb li.dept1 div ul:after {display:block; content:""; clear:both } .gnbMenu_container .gnbMenu_wrap .gnb li.dept1 div ul li{padding:5px; height:20px; margin-left:12px;} .gnbMenu_container .gnbMenu_wrap .gnb li.dept1 div ul li a{ color:block} .gnbMenu_container .gnbMenu_wrap .gnb li.dept1 div ul li a:hover { color:#f68b1f} .top_func_wrap {background-color:#ededed} .top_func_wrap .top_func {position:relative; width:988px; height:40px; margin:0 auto; padding:10px 0 0 2px; } .top_func_wrap .top_func .counting { float:left; width:230px;} .top_func_wrap .top_func .counting li { background:url('/images/login/Main_new/blot1.gif') no-repeat 2px 6px; padding-left:10px; font-weight:bold; width:160px} .top_func_wrap .top_func .counting li span {display:inline-block; width:140px; text-align:right } .top_func_wrap .top_func .counting li.ls1 { letter-spacing:0.9px; display: flex; width: 197px;} .top_func_wrap .top_func .counting li.ls2 { letter-spacing:-0.2px; display: flex; width: 197px;} .top_func_wrap .top_func .login_area img {vertical-align:middle; } .top_func_wrap .top_func .login_area .off a {margin:0} .top_func_wrap .top_func .login_area .off a.lo1 { float:left; margin-right:5px} .top_func_wrap .top_func .login_area .off a.lo2 { float:left; margin-right:1px} .top_func_wrap .top_func .login_area .off a.lo3 { float:left} .top_func_wrap .top_func .login_area .off .func_login {float:left; position: absolute; left: 465px;} .top_func_wrap .top_func .login_area .off .func_login input { width:160px; padding:5px } .top_func_wrap .top_func .login_area .off .func_login a.btn_login { } .top_func_wrap .top_func .login_area .off .id_save_area {float:right; margin-top:8px; } #mid_area { position:relative; z-index:10 } #mid_area .gnbMenu_bg { position:absolute; top:-3px; left:0; display:none; width:100%; height:335px; background-color:#fff; color:white; opacity:0.90; /* 비 IE 계열에 사용 */ filter:alpha(opacity=90); /* IE 계열에는 필터 사용하여 효과적용 */ } #mid_area .btn_up { width:67px; height:23px; margin:0 auto } #mid_area .btn_down { width:67px; height:23px; margin:0 auto } #mid_area .table_L1 { width:990px; margin:0 auto; } #mid_area .table_L1 thead tr th { height:45px; border:1px solid #fbc98f } #contents_wrap { background-color:#eeeeee; padding-top:15px; margin-top:10px; padding-bottom:20px} #contents_wrap #contents { width:990px; margin:0 auto; *zoom:1} #contents_wrap #contents:after { display:block; content:""; clear:both } #contents_wrap #contents .left_area {float:left; width:783px; } #contents_wrap #contents .left_area .top { float:left} #contents_wrap #contents .left_area .top .common_area_logout { position:relative; float:left; width:128px; height:177px; background-color:#e0e237; padding:10px 15px 10px 17px} #contents_wrap #contents .left_area .top .common_area_logout ul li { float:left; margin:4px} #contents_wrap #contents .left_area .top .common_area_logout .re1 { margin-top:12px; font-weight:bold; line-height:18px; font-size:11px} #contents_wrap #contents .left_area .top .common_area_login {float:left; width:160px; height:197px; background-color:#dedede} #contents_wrap #contents .left_area .top .common_area_login ul li { display:block; margin-top:2px; padding-left:5px} #contents_wrap #contents .left_area .top .common_area_login ul a { color:#fff; font-weight:bold} #contents_wrap #contents .left_area .top .one_notice_area { position:relative; float:left; width:436px; height:197px; background:url('/images/login/Main_new/one_notice_bg.jpg') 0 0 no-repeat; } #contents_wrap #contents .left_area .top .one_notice_area .disp { position:absolute; top:131px; left:27px; width:350px; height:20px; padding:10px; border:1px solid #f46c59; font-size:15px; color:#000; text-align:center; background-color:#f5f5f5; } #contents_wrap #contents .left_area .bottom { width:753px; float:left; margin-top:10px; background-color:#fff; padding:10px 15px;} #contents_wrap #contents .left_area .bottom table { margin:7px 2px; padding:0px} #contents_wrap #contents .left_area .bottom table tr td { height:40px; border-bottom:1px solid #ededed; font-size:14px; } #contents_wrap #contents .left_area .bottom .notice_wrap { width:49%; } #contents_wrap #contents .left_area .bottom .notice_area { float:left; width:365px; } #contents_wrap #contents .left_area .bottom .notice_area h2 { border-bottom:1px solid #9d9d9d; padding:8px 3px } #contents_wrap #contents .left_area .bottom .notice_wrap .main_notice .menu { font-weight:600; font-size:12px; color:#aaaaaa; } #contents_wrap #contents .left_area .bottom .notice_wrap .main_notice .menu .ellipsis::before {margin-right:10px;} #contents_wrap #contents .left_area .bottom .notice_wrap .main_notice .ellipsis a {padding-left:10px;} #contents_wrap #contents .left_area .bottom .notice_wrap .main_notice .date {font-size:12px; color:#888888;} #contents_wrap #contents .left_area .bottom .notice_wrap .main_notice .ellipsis::before {display:inline-block; content:''; width:4px; height:4px; background:#dddddd;} #contents_wrap #contents .left_area .bottom .notice_wrap .main_notice .clsComment_on { font-weight: 600; font-size: 12px; color: #ff5a00;} #contents_wrap #contents .left_area .bottom .aStoryCommunity_area { float:right; width:365px} #contents_wrap #contents .right_area {float:right} /* 즐겨찾기 */ #bo_contents_wrap {background-color:#fff; margin-top:10px } #bo_contents_wrap #bo_contents { position:relative; width:990px; margin:0 auto; *zoom:1} #bo_contents_wrap #bo_contents:after { display:block; content:""; clear:both} #bo_contents_wrap #bo_contents .to_wrap { position:relative; } #bo_contents_wrap #bo_contents .to_wrap .favorite_area { position:absolute; top:0; left:0; float:left; width:210px; height:105px; background:#efefef url('/images/login/Main_new/favoritimg.jpg') 0 0 no-repeat; border:1px solid #dcdcdc; padding:12px 0 0 170px ; overflow:hidden; z-index:100 } #bo_contents_wrap #bo_contents .to_wrap .favorite_area dl { float:left; width:208px; height:35px; margin-right:35px; border:0px solid #0f0 } #bo_contents_wrap #bo_contents .to_wrap .favorite_area dl dt { width:198px; background:#efefef url('/images/login/Main_new/blot3.gif') 0 3px no-repeat; padding-left:10px; overflow:hidden} #bo_contents_wrap #bo_contents .to_wrap .favorite_area dl dd { width:198px; padding-left:10px; overflow:hidden } /* 전자투표/설문조사 */ #bo_contents_wrap #bo_contents .to_wrap .poll_area { float:right; position:relative; width:370px; height:105px; background:#efefef url('/images/login/Main_new/poll_img.jpg') 0 0 no-repeat; border:1px solid #dcdcdc; padding:12px 10px 0 200px; z-index:10} #bo_contents_wrap #bo_contents .to_wrap .poll_area .no1 { font-size:14px; font-weight:bold; color:#f46652 } #bo_contents_wrap #bo_contents .to_wrap .poll_area .no2 { line-height:16px; height:48px; margin:5px 0 3px 0; overflow:hidden; border:0px solid #f0f } #bo_contents_wrap #bo_contents .to_wrap .poll_area .btn_more { position:absolute; top:90px; left:17px } #bo_contents_wrap #bo_contents .to_wrap .poll_area .btn_go { position:absolute; top:85px; right:15px } #bo_contents_wrap #bo_contents .gallery_area { position:relative; float:left; margin-top:15px; } #bo_contents_wrap #bo_contents .gallery_area .main_album { display:inline-block; border:1px solid #dbdbdb; text-align:center; width:960px; height:130px; padding:19px 15px; } #bo_contents_wrap #bo_contents .gallery_area .main_album li {width: 150px; height:128px; float: left; margin-right:8px; border:1px solid #c0c0be} #bo_contents_wrap #bo_contents .gallery_area .btn_more { position:absolute; top:3px; right:10px; font-size:10px } /* 전자투표/설문조사 (목동힐스테이트)*/ #bo_contents_wrap #bo_contents .to_wrap .poll_area_re { float:right; position:relative; width:370px; height:105px; background:#efefef url('/images/login/Main_new/poll_img_re.jpg') 0 0 no-repeat; border:1px solid #dcdcdc; padding:12px 10px 0 200px; z-index:10} #bo_contents_wrap #bo_contents .to_wrap .poll_area_re .no1 { font-size:14px; font-weight:bold; color:#f46652 } #bo_contents_wrap #bo_contents .to_wrap .poll_area_re .no2 { line-height:16px; height:48px; margin:5px 0 3px 0; overflow:hidden; border:0px solid #f0f } #bo_contents_wrap #bo_contents .to_wrap .poll_area_re .btn_more { position:absolute; top:90px; left:17px } #bo_contents_wrap #bo_contents .to_wrap .poll_area_re .btn_go { position:absolute; top:85px; right:15px } #bo_contents_wrap #bo_contents .gallery_area_re { position:relative; float:left; margin-top:15px; } #bo_contents_wrap #bo_contents .gallery_area_re .main_album { display:inline-block; border:1px solid #dbdbdb; text-align:center; width:960px; height:130px; padding:19px 15px; } #bo_contents_wrap #bo_contents .gallery_area_re .main_album li {width: 150px; height:128px; float: left; margin-right:8px; border:1px solid #c0c0be} #bo_contents_wrap #bo_contents .gallery_area_re .btn_more { position:absolute; top:3px; right:10px; font-size:10px } /* 카피라이터 */ #footer {width: 1000px; height:82px; margin: 0 auto; text-align:center; position:relative; background:url(../images/common/footer.jpg) 0 0 no-repeat; clear:both; margin-top:20px } #footer p{position:absolute;left:200px;top:30px; text-align:left;} #footer .f_img {margin: 0 auto;} #footer .f_img2 {position:absolute; left:10px; top:-126px; } .R_bn_1 ul li {padding-bottom:5px} .R_bn_2 .BannerBG1 { width:200px; height:200px; background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; margin-bottom:5px} .R_bn_2 .BannerBG1 img {width: 100%; vertical-align: middle;} .R_bn_2 .BannerBG2 { width:200px; height:72px; background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; margin-bottom:5px } .R_bn_2 .BannerBG2 img {width: 100%; vertical-align: middle;} /* 회원가입 */ .member_join { clear:both; width:750px; margin:0; min-height:500px } .member_join .agreementstart_area p { margin-top:20px } .member_join .agreementstart_btn_area { float:right; margin-top:15px } .member_join .agreementstart_btn_area li{ display:inline } /*회원가입_정보입력*/ .member_join .step_area { margin-top:20px; } .member_join .member_table_wrap { margin-top: 40px; width:718px; margin-top:60px; } .member_join .member_table_wrap .member_table { border-top:2px solid #596bbc; margin-top:8px; border-collapse:collapse} .member_join .member_table_wrap .member_table .star { display:inline-block; margin-right:3px; font-weight:bold; color:#ff6c00 } .member_table_wrap .member_table tbody tr td {padding-left:10px; line-height:35px } .member_join .member_table_wrap .member_table tbody tr td.td1 { background:#f8f8f8 } .member_join .member_table_wrap .member_table tbody tr td input { padding:2px; border:1px solid #c0c0c0; margin-right:10px} .member_join .member_table_wrap .member_table tbody tr td input.input2 { width:70px; margin-right:0px } .member_join .member_table_wrap .member_table tbody tr td .yearselect1 { margin-left:15px } .member_join .member_table_wrap .member_table tbody tr td img { vertical-align:middle} /*회원가입_가입신청완료*/ .member_join .subContents .regiDone_area { margin-top:20px;} .member_join .subContents .regiDone_area h2, .member_join .subContents .regiDone_area p { margin-bottom:20px; } .member_join .subContents .regiDone_area ul { float:right; margin-right:40px; margin-bottom:100px } .member_join .subContents .regiDone_area ul li{ display:inline } .member_join .subContents .regiDone_area .show_regiID { position:relative; background:url('../images/login/regidong_img2.jpg') no-repeat; width:724px; height:189px; margin:50px 0; } .member_join .subContents .regiDone_area .show_regiID p {position:absolute; top:90px; left:220px; font-weight:bold; width:490px; color:#497591; line-height:26px } .member_join .subContents .regiDone_area .show_regiID p span { font-weight:bold; color:#eb9500 } /*아이디 패스워드 찾기*/ .member_join .find_area {} .member_join .find_area .find_id_area { background:url('../images/login/fint_id_pw_bg.png') no-repeat; width:460px; height:174px; margin:0px 0 0 120px; padding:16px 0 0 24px; } .member_join .find_area .find_id_area dl {clear:both; margin:20px 0 0 40px; *zoom:1} .member_join .find_area .find_id_area dl:after { clear:both; display:block; content:""} .member_join .find_area .find_id_area dl dt { float:left; width:100px } .member_join .find_area .find_id_area dl dd { float:left } .member_join .find_area .find_id_area dl input { padding:1px} .member_join .find_area .find_id_area p { margin:32px 0 0 160px} .member_join .find_area .find_pw_area { background:url('../images/login/fint_id_pw_bg2.png') no-repeat; width:460px; height:260px; margin:0px 0 0 120px; padding:16px 0 0 24px; } .member_join .find_area .find_pw_area dl {clear:both; margin:20px 0 0 40px; *zoom:1 } .member_join .find_area .find_pw_area dl:after { clear:both; display:block; content:""} .member_join .find_area .find_pw_area dl dt { float:left; width:100px } .member_join .find_area .find_pw_area dl dd { float:left } .member_join .find_area .find_pw_area dl input { padding:1px} .member_join .find_area .find_pw_area p { margin:25px 0 0 160px} /*조직도 이미지 사이즈 제한*/ .organization > p > img{max-width:750px;} .lottery_content{width:750px;} .lottery_content > table{width:750px;}