/* 조선영 2020.02.22 */ /* 본고딕 */ @font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 100; src: url(../font/NotoSansKR-Thin.woff2) format('woff2'), url(../font/NotoSansKR-Thin.woff) format('woff'), url(../font/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 300; src: url(../font/NotoSansKR-Light.eot); src: url(../font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'), url(../font/NotoSansKR-Light.woff) format('woff'), url(../font/NotoSansKR-Light.ttf) format('truetype'); } @font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 400; src: url(../font/NotoSansKR-Regular.eot); src: url(../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), url(../font/NotoSansKR-Regular.woff) format('woff'), url(../font/NotoSansKR-Regular.ttf) format('truetype'); } @font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 600; src: url(../font/NotoSansKR-Medium.eot); src: url(../font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'), url(../font/NotoSansKR-Medium.woff) format('woff'), url(../font/NotoSansKR-Medium.ttf) format('truetype'); } @font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 700; src: url(../font/NotoSansKR-Bold.eot); src: url(../font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'), url(../font/NotoSansKR-Bold.woff) format('woff'), url(../font/NotoSansKR-Bold.ttf) format('truetype'); } body.new {background:#ebebeb; font: 300 14px/1.4 NotoSansKR; color:#444;} #wrap_new {width:100%; height:100%; background:#ebebeb;padding-bottom:30px;} #wrap_new .popupTitle {padding:0; height:60px;background:#5574b5; overflow:hidden;} #wrap_new .popupTitle p.logo a {width:115px; height:32px; top:15px; right:30px; background:url(../../images/pop_logo.png) no-repeat;} #wrap_new a {font:300 14px/100% NotoSansKR, 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif;} #wrap_new .popupTitle h1 { padding:16px 0 0 30px; color:#fff; font:700 24px/100% NotoSansKR, 돋움, Dotum, Tahoma; letter-spacing:-0.05em; } #wrap_new .popupContent { background:#fff; margin:30px; padding:30px; } #wrap_new h2 { margin-bottom: 25px; padding:0 0 10px 0; font:600 18px/100% NotoSansKR, 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif; letter-spacing: -0.05em; color: #003d82; background:none; border-bottom:1px dashed #b1b1b1; } #wrap_new h2 + h3 {margin:-10px 0 8px 0;} #wrap_new h3 { clear:both; margin: 30px 0 8px 0; padding-left: 0; font: 600 15px/100% NotoSansKR, 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif; letter-spacing: -0.05em; color: #000; background:none; } #wrap_new h4 { margin: 10px 0 8px 0; padding-left: 15px; font:600 100% NotoSansKR, 돋움, Dotum, Tahoma, AppleGothic, Tahoma, sans-serif; letter-spacing: -0.05em; color: #555; background: url(../../images/smba/common/bu_popuph4.gif) no-repeat left 1px; } #wrap_new .popupContent .point {color:#0072bc;font-weight:300;} #wrap_new .popupContent .redPoint {color:#ed145b;font-weight:300;} #wrap_new .popupContent strong {font-weight:600;} #wrap_new .popupContent p {margin:0 0 10px 0; color:inherit;} #wrap_new .popupContent ul.depth1 li {padding:0 0 6px 0; display:block;} #wrap_new .popupContent ul.depth1, #wrap_new .popupContent dl.depth1 {padding:0;margin:0 0 5px 0;} #wrap_new .popupContent dl.depth1 dt {font-weight:600;} #wrap_new .popupContent dl.depth1 dd {padding:0 0 6px 10px;} /*제목,내용 나란히*/ #wrap_new .popupContent dl.depth1.row2 dt {font-weight:600;float:left;} #wrap_new .popupContent dl.depth1.row2 dd {padding:0 0 6px 10px;display:table-cell;} #wrap_new .popupContent div {margin:0 0 5px 0;} #wrap_new .popupContent h3 + p, #wrap_new .popupContent p.depth1, #wrap_new .popupContent ul.depth1 li, #wrap_new .popupContent dl.depth1 dt {background:url(../../images/pop_bullet.gif) 2px 8px no-repeat;padding-left:10px;} /*빨간글씨*/ #wrap_new .popupContent dl.redPoint dt {margin-bottom:8px;} #wrap_new .popupContent dl.redPoint dd {padding-left:15px;line-height:1.4;} #wrap_new .popupContent dl.redPoint dd p {margin:0 0 3px 15px;} /*테이블*/ #wrap_new .popupContent td strong {color:#0072bc;font-weight:400;} #wrap_new .grid {width:100%;margin-bottom:5px;} #wrap_new .grid th {background:#fafafa; font-weight:400;color:#222;} #wrap_new .grid th, #wrap_new .grid td {padding:10px;border-top:0;} #wrap_new .grid label {padding-right:15px;} #wrap_new .topline {border-top:1px solid #464646;} #wrap_new .C th,#wrap_new .C td {text-align:center;} /*주소 검색*/ #wrap_new .adress_select {padding:20px 0 5px 0;} #wrap_new .adress_select input[type=text].width {width:90px} #wrap_new .adress_select input[type=text] {width:30px;padding:3px 5px;} #wrap_new .button.view {padding:3px 10px;background:#448ccb; color:#fff; font:300 12px/100% NotoSansKR;border-radius:3px;border:0;vertical-align:middle;text-decoration:none;} #wrap_new .button.view:hover {background:#2b6cb6;} #wrap_new .adress_select .button.view {padding:8px 10px; border-radius:0;} #wrap_new .adress_select .button.red {padding:7px 10px;font-size:13px;} /*주소 결과*/ #wrap_new .adress_result {width:100%;height:300px; overflow-y:auto;} #wrap_new .adress_result table tr:hover td {background:#f0f7ff;} /* input 버튼*/ #wrap_new input.button {padding:5px 20px;font:300 14px/100% NotoSansKR; border:0; vertical-align:middle; transition:all 0.3s ease;} #wrap_new a.button {padding:2px 8px 4px 8px;font:300 12px/100% NotoSansKR; border:0; border-radius:3px; vertical-align:middle; transition:all 0.3s ease;text-decoration:none;} #wrap_new .button.red {background:#cc0000;color:#fff; } #wrap_new .button.red:hover {background:#900;color:#fff; } #wrap_new .button.skyblue {background:#448ccb;color:#fff; } #wrap_new .button.skyblue:hover {background:#2b6cb6;color:#fff; } #wrap_new .button.darkgray {background:#888;color:#fff;} #wrap_new .button.darkgray:hover {background:#555;color:#fff;} /*우편번호 선택버튼*/ #wrap_new .button.gray {padding:5px 10px;background:#f8f8f8; color:#555;border:1px solid #aaa; font:300 12px/100% NotoSansKR;vertical-align:middle;} #wrap_new .button.gray:hover {background:#555;border:1px solid #555; color:#fff;} /*하단버튼*/ #wrap_new .button.white a {padding:10px 40px !important; margin-bottom:30px; background:#f8f8f8;border:1px solid #666; font-size:16px; color:#555; } #wrap_new .button.white a:hover {border:1px solid #444;background:#fff;color:#333;} #wrap_new .button.blue a {padding:10px 40px !important; margin-bottom:30px; background:#2c2e52;border:1px solid #131538; font-size:16px;color:#fff;} #wrap_new .button.blue a:hover {background:#131538;} /* 기본 */ #wrap_new img {vertical-align:middle;} #wrap_new select, #wrap_new input, #wrap_new textarea {font:300 13px/1.2 NotoSansKR, 돋움; padding:3px 5px; color:#444; border:1px solid #bdbdbd;} #wrap_new select, #wrap_new input[type=button] {cursor:pointer;} #wrap_new .mt20 {margin-top:20px !important;} #wrap_new .mt30 {margin-top:30px !important;} #wrap_new .mb50 {margin-bottom:50px !important;} #wrap_new .width30 {width:30px;} #wrap_new .width50 {width:50px;} #wrap_new .width80 {width:80px;} #wrap_new .width150 {width:150px;} /* 자동로그아웃 안내 2020.03.03 */ #wrap_new .auto_logout {position:relative; width:auto;min-width:300px;min-height:100px; padding:40px 0 40px 180px; line-height:1.6; overflow:hidden;} #wrap_new .auto_logout.bg_time1 {background:url(../../images/bg_time1.png) left 37% no-repeat;} #wrap_new .auto_logout.bg_time2 {background:url(../../images/bg_time2.png) left 37% no-repeat;} #wrap_new .auto_logout p.countdown {position:absolute; left:35px; top:60px;color:#ed145b;} #wrap_new .auto_logout p.countdown strong {font-size:36px;} #wrap_new .auto_logout dl {width:100%;margin-bottom:15px;} #wrap_new .auto_logout dl dt {color:#000; font-size:24px; font-weight:bold; padding:0;background:none; width:100%;float:none;} #wrap_new .auto_logout dl dd {width:100%;} #wrap_new .auto_logout dl .subtitle {font-size:20px;font-weight:600; color:#1453a6;} #wrap_new .auto_logout .btn_blue, #wrap_new .auto_logout .btn_white {display:inline-block;text-align:center; padding:0 10px; min-width:90px; line-height:32px;text-decoration:none; margin-right:5px;} #wrap_new .auto_logout .btn_blue {border:1px solid #003983;background:#1453a6; color:#fff;} #wrap_new .auto_logout .btn_blue:hover {background:#003983;} #wrap_new .auto_logout .btn_white {border:1px solid #666;background:#fff; color:#464646;} #wrap_new .auto_logout .btn_white:hover {background:#f5f5f5;} /*정관 작성*/ #wrap_new .popupContent h2 input[type=text] {margin:-3px 0 0 5px; width:60%;} #wrap_new .popupContent dl.articles dt input[type=text] {margin:-3px 0 0 3px; width:calc(60% + 10px);} #wrap_new .popupContent dl.articles dt {padding:8px 10px 5px 10px; min-height:20px; width:calc(100% - 22px); background:#f7f7f7;border:1px solid #bdbdbd; border-bottom:0;} #wrap_new .popupContent dl.articles dt span {color:#0072bc;} #wrap_new .popupContent dl.articles dd {padding-left:0;} #wrap_new .popupContent dl.articles dd.view {padding:8px 6px; border:1px solid #bdbdbd; margin-bottom:30px;} #wrap_new .popupContent dl.articles dd.info {padding-bottom:14px; margin-bottom:30px; border-bottom:1px solid #dcdcdc;} #wrap_new .popupContent dl.articles dd.info:last-child {margin-bottom:6px;} #wrap_new .popupContent dl.articles dd span {color:#ed145b;} #wrap_new .popupContent dl.articles dd input[type=button] {float:right;} #wrap_new .popupContent dl.articles textarea {padding-top:6px;width:calc(100% - 12px); height:100px;} /*작성 하단 날짜,주소정보*/ #wrap_new .popupContent .footer_text {padding-top:30px; border-top:1px dashed #ddd;} #wrap_new .popupContent .footer_text p {text-align:center;} #wrap_new .popupContent .footer_text dl {margin-top:30px;} #wrap_new .popupContent .footer_text dl.row2 dt {clear:both;float:left;min-width:80px;margin-bottom:10px;} #wrap_new .popupContent .footer_text dl.row2 dd {float:left;width:calc(100%-80px);color:#0072bc;}