@charset "utf-8"; /* admin style * @latest 2020.06.23 SSJ * @latest 2020.07.29 KDH * @latest 2020.11.05 OSY * @latest 2020.12.22 SSJ * @latest 2021.03.12 SSJ */ /* index start */ #wrap {width:100%; float:left; position:relative; } #container {width:100%;/* height:100vh;*/} #header {width:100%; background:#fff; position:absolute;top:0;left:0; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);} #header .logo {float:left;width: 260px;height:65px;line-height:65px;padding:0 15px;box-sizing:border-box;z-index:999;} #header .logo:after {content:" "; margin-left:-0.6em; white-space:pre;} #header .logo img {vertical-align:middle; width:auto; max-width:100%; height:auto; display:inline-block; max-height:40px;} #header.fixed {position:fixed; z-index:2;} #header.fixed .logo {background:rgba(255,255,255,0.95);} #header .header-menu {width: calc(100% - 260px);height:65px;line-height:65px;float:left;} #header .header-menu ul {width:100%; text-align:right; float:right;} #header .header-menu ul li {padding: 0;/* float:left;*/margin-left:-4px;} #header .header-menu ul li:first-child {border-left:none;padding:0 15px;} #header .header-menu ul li.srchbox {margin-left:20px;} #header .header-menu ul li.logout {border-left:1px solid #efefef;} #header .header-menu ul li.logout:hover {background:#CD3938;} #header .header-menu ul li.logout:hover a {color:#fff;} #header .header-menu ul li.logout b {font-weight:400;} #header .header-menu ul li p {display:inline-block; box-sizing:border-box; margin-left:5px; font-size:0;vertical-align:middle; line-height:normal;} #header .header-menu ul li img {vertical-align:middle;} #header .header-menu ul li p span {font-weight:600;color:#36404a;font-size:13px;} #header .header-menu ul li.mngr_info {padding-right:10px;} #header .header-menu ul li.mngr_info a {border:none;} #header .header-menu ul li.mngr_info:hover {background:#f0f0f0;} #header .header-menu ul li.mngr_info > div {width:100%; text-align:left; line-height:normal; vertical-align:middle; display:inline-block;} #header .header-menu ul li.mngr_info p {display:block;margin-left:0;font-size: 16px;width:100%;font-weight:600;vertical-align:9px;line-height:30px;} #header .header-menu ul li.mngr_info p:before {content:"\f2bd";font-family:FontAwesome;font-weight:400;padding-right:5px;font-size: 17px;vertical-align: middle;} #header .header-menu ul li.mngr_info span {font-weight:400;color:#838383; font-size:11px; line-height:22px;} #header .header-menu ul li span.num {position:absolute; top:36px; right:121px; color:#fff; font-size:10px;} #header .header-menu ul li a span.oo {width:21px; height:21px; display:block; background:url("/images/wzwg/site/mngr/messege.png")no-repeat 0px 0;} #header .header-menu ul li a span.oo:hover {width:21px; height:21px; display:block; background:url("/images/wzwg/site/mngr/messege-hover.png")no-repeat 0px 0;} #header .header-menu ul li a span.os {width:21px; height:21px; display:block; text-indent:-9999px; background:url("/images/wzwg/site/mngr/men.png")no-repeat 0px 0;} #header .header-menu ul li a span.os:hover {width:21px; height:21px; display:block; text-indent:-9999px; background:url("/images/wzwg/site/mngr/men-hover.png")no-repeat 0px 0;} #header .header-menu .logout a {padding:0 20px;} /*관리자공통 - 로그아웃 타이머*/ #header .header-menu ul li.login_time {} #header .header-menu ul li.login_time button.time_limit {margin-top:-1px; border:1px solid #bebebe; border-radius:3px; height:31px; box-sizing:border-box; display:inline-block; line-height:30px; padding-right:15px;} #header .header-menu ul li.login_time button.time_limit p {color:#fff; float:left; background:#979797; height:29px; line-height:30px; padding:0 15px 0 15px; border-radius:0 3px 3px 0; margin-left:0; font-size:13px; margin-right:15px;} #header .header-menu ul li.login_time button.time_limit p i {font-weight:400;} /*시스템관리자 상단검색*/ #header .header-menu ul li #frmTopSrh select {height:40px; margin-right:0; padding:0 20px 0 25px !important; font-size:14.5px; line-height:42px; background:url(/images/wzwg/cmm/arrow_black.png) no-repeat right 5px center; appearance:none; -webkit-appearance:none; border:none; background-color:#f3f3f3; border-radius:10px 0 0 10px;} #header .header-menu ul li #frmTopSrh select::-ms-expand {opacity:0;} #header .header-menu ul li #frmTopSrh input[type=text] {border-radius:0; margin-left:-4px; width:190px !important; height:40px; font-size:14.5px; background:#f3f3f3; border:none;} #header .header-menu ul li #frmTopSrh button {color:#333; font-size:0; height:40px; padding:4px 15px 3px 10px; margin-left:-9px; background:#f3f3f3; border:none; border-radius:0 10px 10px 0;} #header .header-menu ul li #frmTopSrh button:before {margin-top:-2px; font-size: 17px;} /* site mngr :top_quick menu */ .mngr_top_menu {float:left; border-top:1px solid #f0f0f0; box-sizing:border-box; position:absolute; top:65px;} .mngr_top_menu > ul li {float:left;padding-right:8px;line-height:45px;font-size: 16.5px;letter-spacing: -0.5px;font-weight:600;} .mngr_top_menu > ul li a {color:#646363; padding:0 5px;} @media (min-width:900px){ .mngr_top_menu {width:100%;height:45px;/* padding-left:220px; */left:0;} .mngr_top_menu > ul {width:100%;height:44px;float:left;box-sizing:border-box;background:#fff;position:relative;padding-left: 10px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);} .mngr_top_menu > ul>p {/*position:absolute; left:0; top:0;*/float:left;height:44px;font-size: 16.5px;line-height:45px;color:#fff;background:#0b253f;padding:0 0 0 10px;display: none;} .mngr_top_menu > ul>p:after {content:""; float:right; border-top:0px solid transparent; border-right:0px solid transparent; border-left:15px solid transparent; border-bottom:44px solid #fff; margin-left:13px;} .mngr_top_menu > ul li.on > a {color:#044986;} .mngr_top_menu > ul li:after {content:"|";padding-left: 3px;color:#d1d1d1;font-weight:400;font-size:12px;line-height:10px;} .mngr_top_menu > ul li#mngr_top_menu5:after {display:none;} .mngr_top_menu > ul li:last-child {float:right;font-size: 15px;padding-right: 15px;position:relative;text-align:right;} .mngr_top_menu > ul li:last-child a {padding-right:10px;} .mngr_top_menu > ul li:last-child:before {content:"";} .mngr_top_menu > ul li:last-child:after {content:"\276f";color:#333;transform:rotate(90deg);padding-left:0;display:inline-block;line-height: 10px;margin-right: 0px;} .mngr_top_menu > ul li:last-child.on:after {transform:rotate(-90deg);} } /*1차 메뉴*/ #sidebar { width: 260px; height:100%; display:table-cell; padding-top: 125px; padding-bottom:90px; vertical-align:top; background-image:linear-gradient(to right, #124274 , #1d5793) !important; } #sidebar > ul {} #sidebar > ul > li {color:#fff;padding:12px 0 10px 0;margin-bottom: 5px;position:relative;transition:background 0.5s;transition:background 0.5s;font-size:17px;} #sidebar > ul > li.on {background:#16497f;} #sidebar > ul > li:first-child {border-top:none !important;} #sidebar > ul > li:hover {/*background:#0b253f;*/ background:rgba(13,60,108,0.5);} #sidebar > ul > li:hover:before {content:""; width:3px; height:44px; background:#000; background:#131f45; opacity:0.8; position:absolute; top:0;} #sidebar.sysSidebar > ul > li:hover:before {background: #036b9f;} #sidebar > ul > li > img {margin-right: 10px;margin-left:15px;} #sidebar > ul > li > a {width:65%; display:inline-block; word-break:keep-all;line-height:20px;} #sidebar > ul > li a {color:#fff;vertical-align:3px;/* font-size: 15px; */position: relative;} #sidebar > ul > li > .menu_help {position:absolute; right:10px; top:15px; opacity:0;} #sidebar:not(.sysSidebar) > ul > li > .menu_help img {opacity:0.5;} #sidebar > ul > li > .menu_help .help_pop {width:300px;} #sidebar > ul > li:hover .menu_help {opacity:1;} /*2차 서브메뉴*/ #sidebar > ul > li > ul {display:none;width: 100%;margin: 9px 0;} #sidebar > ul > li > ul > li {} #sidebar > ul > li > ul > li > a {color:#fff; font-size:0.9em; width:100%; display:block; padding: 7px 25px 7px 46px; word-break:keep-all; line-height:17px; /* text-indent:-5px; */ background:url("/images/wzwg/site/mngr/arrow-bar-hover.png")no-repeat 300px center; -webkit-transition:background 0.5s; transition:background 0.5s; opacity:0.75; box-sizing:border-box;} #sidebar > ul > li > ul > li > a.on {color:#fff;background-position: 240px 11px;opacity:1;} #sidebar > ul > li > ul > li > a:hover {color:#fff;opacity: 1;background-position: 240px 11px;} @media (max-width:899px){ #header .logo img {max-height:30px;} #sidebar {box-sizing:border-box; overflow-y:scroll; position:fixed; max-height:calc(100vh - 50px);} #sidebar > ul > li > ul > li > a {background-position:97%;} #sidebar > ul > li > ul > li > a.on, #sidebar > ul > li > ul > li > a:hover {background-position:97%; font-weight:600;} } /*시스템관리자 sidebar color*/ #sidebar.sysSidebar {background-image: linear-gradient(to right, #0a0f19 , #0b111d) !important;padding-top: 80px;} #sidebar.sysSidebar > ul > li.on {background:#9e0359;} #sidebar.sysSidebar > ul > li:first-child {border-top:none !important;background:none;} #sidebar.sysSidebar > ul > li:hover {background:#1189c4;background: #0d2e3f;} /*3차 탭메뉴*/ .main-menu-bar {width:100%; float:left; font-size:15px;} .main-menu-bar ul li {float:left;} .main-menu-bar ul li a {padding:10px 15px; border:1px solid #dae1eb; color:#a9bdd8; border-bottom:none; margin-right:1px;} .main-menu-bar ul li a.on {padding:10px 15px; font-weight:800; border:1px solid #ffba5a; color:#ffba5a; border-bottom:none;} .main-menu-bar ul li a:hover {padding:10px 15px; font-weight:800; border:1px solid #ffba5a; color:#ffba5a; border-bottom:none;} .main-menu-bar input, .main-menu-bar select {height:40px; font-size:15px;} .main-menu-bar .wzbtn-table {height:40px; padding-top:0; padding-bottom:0; line-height:40px; font-size:17px;} form > .main-menu-bar {padding:0; margin-bottom:20px;} @media (max-width:899px){ .main-menu-bar > select {width:32%; margin-bottom:5px;} .main-menu-bar > select + input[type="text"] {width:40% !important;} } /* lnb menu navigation 0315*/ /*메인 모바일팝업메뉴*/ #lnb_showbtn {position:absolute; top:20px; left:15px; width:20px; height:14px; display:inline-block; overflow:visible;} #lnb_showbtn:focus {outline:none;} #lnb_showbtn span {position:absolute; left:0; width:100%; height:2px; border-radius:5px; background-color:#333; display:inline-block; transition:all .4s; box-sizing:border-box;} #lnb_showbtn span:nth-of-type(1) {top:0;} #lnb_showbtn span:nth-of-type(2) {top:6px;} #lnb_showbtn span:nth-of-type(3) {bottom:0;} #lnb_showbtn.close span:nth-of-type(1) {-webkit-transform:translateY(5px) rotate(-45deg); transform:translateY(5px) rotate(-45deg);} #lnb_showbtn.close span:nth-of-type(2) {opacity:0;} #lnb_showbtn.close span:nth-of-type(3) {-webkit-transform:translateY(-7px) rotate(47deg); transform:translateY(-7px) rotate(47deg);} /*사이트관리자 퀵메뉴*/ #quick_showbtn {position:absolute; top:16px; right:15px; width:19px; height:20px;} #quick_showbtn:focus {outline:none;} #quick_showbtn span {position:absolute; left:6px; width:6px; height:6px; border-radius:5px; border:2px solid #666; display:inline-block; transition:all .4s; box-sizing:border-box;} #quick_showbtn span:nth-of-type(1) {top:0;} #quick_showbtn span:nth-of-type(2) {top:7px;} #quick_showbtn span:nth-of-type(3) {bottom:0;} #quick_showbtn.q_close span {background:#53c8ea;} /*시스템관리자 상단 사이트검색팝업*/ #m-srchbtn {position:absolute; top:17px; right:17px; width:17px; height:15px; overflow:visible;} #m-srchbtn:focus {outline:none;} #m-srchbtn span:first-child {position:absolute; left:0; top:0px; width:14px; height:14px; border:2px solid #444; border-radius:100%; box-sizing:border-box;} #m-srchbtn span:last-child {position:absolute; right:0; bottom:0; width:7px; height:2px; background:#444; transform:rotate(45deg);} #m-srchbtn:focus span:first-child {border-color:#1189c4 !important;} #m-srchbtn:focus span:last-child {background:#1189c4 !important;} @media (min-width:991px){ #sidebar,.mngr_top_menu {display:table-cell !important;} #lnb_showbtn, #quick_showbtn, #m-srchbtn {display:none;} #header .header-menu ul li {display:inline-block; font-size:15.5px;transition: background 1s;} #header .header-menu ul li.mngr_info ~ li:not(:last-child) {background:#f3f3f3;border-left:1px solid #efefef;} #header .header-menu ul li.mngr_info ~ li:not(:last-child):hover {background:transparent;} #header .header-menu ul li.mngr_info ~ li.langli {background:none;border-left: none;} #header .header-menu ul li.mngr_info ~ li:not(.logout) a {border: none;background: transparent;color: #1d5793;font-weight: 600;} .mngr_top_menu > ul>p + a {display:none;} #sidebar > .login_time {display:none !important;} .mngr_top_menu > ul li.mngr_top_lang {display:none;} } @media (max-width:990px){ #lnb_showbtn {display:inline-block;} #sidebar, .mngr_top_menu {display:none; top:50px;} #sidebar.sidebar_m {margin-left:0; border-top:1px solid #f1f3f4 !important;} .menu_fade {display:none; background:rgba(0,0,0,0.4); position:absolute; position:fixed; top:50px; left:0; width:100%; height:100%; z-index:1;} #header {background:transparent; box-shadow:none;} #header .logo {width:100%; height:50px; line-height:50px; text-align:center; background:#fff; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);} #header .header-menu {width:100%; box-sizing:border-box; display:none;} #header #lnb_showbtn.close ~ .header-menu {display:block;} #header .header-menu .mngr_info, .langli {display:none;} .srchbox{display:none; margin-left:0 !important; padding:15px; box-sizing:border-box; z-index:990; text-align:center; position:absolute; position:fixed; top:50px; left:0; width:100%; background:rgba(255,255,255,0.95); border:1px solid #f1f3f4; box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);} #header .header-menu ul li.logout {display:none; /*position:absolute; top:0; right:0; width:30px;*/} #header .header-menu ul li.logout a {background:url(/images/wzwg/site/mngr/menu/logout.png) no-repeat center; border:none;} #header .header-menu ul li.logout a b {font-size:0;} #header .header-menu ul li>a.btn-basic {display:none;} #header .header-menu ul li.login_time {display:none;} .sidebar_m {position:absolute; z-index:999; width:90% !important; max-width:400px; padding-top:0 !important; top:65px; box-shadow:0 5px 4px 3px rgba(0,0,0,0.1);} .sidebar_m > ul > li {margin-bottom:0 !important;} .sidebar_m > ul > li > .menu_help {display:none;} .sidebar_m > .login_time {background:#f9f9f9 !important; height:41px; text-align:right; padding:15px;} .sidebar_m > .login_time div.mngr_info {float:left; margin-right:20px; margin-bottom:10px;} .sidebar_m > .login_time div.mngr_info p {color:#333; font-size:16px; font-weight:600; float:left; line-height:20px;} .sidebar_m > .login_time div.mngr_info p:before {content:"\f2bd"; font-family:FontAwesome; margin-right:4px;} .sidebar_m > .login_time div.mngr_info a {color:#333 !important; text-decoration:underline; clear:both; line-height:23px; display:block; text-align:left; margin-top:5px; float:left;} .sidebar_m > .login_time button.time_limit {margin-top:4px; border:1px solid #bebebe; margin-right:5px; border-radius:3px; height:30px; box-sizing:border-box; display:inline-block; line-height:30px; padding-right:10px;} .sidebar_m > .login_time button.time_limit p {color:#fff; float:left; background:#979797; height:28px; line-height:30px; padding:0 10px; border-radius:0 3px 3px 0; margin-left:0; font-size:13px; margin-right:10px;} .sidebar_m > .login_time div.logout {float:right;width:40px;height:40px;margin-right:0px;margin-top:-2px;} .sidebar_m > .login_time div.logout a {width:40px; height:40px; float:right; background:url(/images/wzwg/site/mngr/menu/logout.png) no-repeat center;} .quick_m {position:absolute; position:fixed; z-index:999; right:0; left:auto !important; padding-left:0 !important; width:160px; background:#f5f5f5;} .quick_m.mngr_top_menu > ul {height:calc(100vh - 65px); text-align:center; padding-top:15px; box-sizing:border-box; overflow-y:scroll;} .quick_m.mngr_top_menu > ul>p {display:none;} .quick_m.mngr_top_menu > ul li {width:100%; padding-right:0; text-align:center; border-top:1px solid #e2e2e2;} .quick_m.mngr_top_menu > ul li:first-of-type {margin-top:10px;} .quick_m.mngr_top_menu > ul li:last-of-type {display:none;} .quick_m.mngr_top_menu > ul li:after {display:none;} .quick_m.mngr_top_menu > ul li.mngr_top_lang select {width:70%;} } @media (min-width:899px) and (max-width:999px){ .mngr_top_menu > ul li:last-child {display:none;} } /*컨텐츠*/ #contents {height:100%; min-height:100vh;} #sidebar.sysSidebar + #contents {padding-top:65px;} .content-wrapper {width:100%; padding:40px 25px; overflow:hidden; box-sizing:border-box;} .content-wrapper > h2, .wzAdmTit {padding-bottom:55px; font-size:30px; text-align:left;} #main {width:100%; box-sizing:border-box;} /*하단*/ #container > #footer {clear:both;position:absolute;left:0;bottom:0;width: 220px;padding:15px;box-sizing:border-box;} #footer > p {color:#fff;opacity:0.6;width:100%;font-size: 14px;line-height: 21px;} @media (min-width:991px){ #container {display:table; height:100vh;} #contents {display:table-cell; padding-top:110px; vertical-align:top;} .sysSidebar ~ #contents {padding-top:65px;} } @media (max-width:990px){ #contents {min-height:calc(100vh - 66px) !important; /*float:left;*/ padding-bottom:80px;} .content-wrapper {padding:75px 10px 15px !important; overflow:visible; min-height:calc(100vh - 66px); float:left;} .content-wrapper > h2, .wzAdmTit {font-size:20px;} #main {float:left;} #container >#footer {width:100%; position:relative; background:#333;} } .search-box {text-align:center; background:#fff; border-radius:3px; padding:15px; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1); border:1px solid #f1f3f4; box-sizing:border-box;} .search-box p {font-size:13px; padding:5px 0 10px 0;} .search-box p > span {color:#fa5058; font-weight:900;} .search-box input[type=text] {padding:4px 5px;} .search-box p.notice {text-align:left; font-size:14px; font-weight:600;} .search-box p.notice + ul li {margin-bottom:5px;} /* index end */ #bbs_area {float:left; width:100%; background:white;} h3.log_h3 {float:left; margin-right:5px; clear:both; font-size:18px;} /*기본 테이블 스타일*/ .wztab.underLine ~ div table.basic, .wztab.underLine ~ form table.basic, .wzAdmSTit + table.basic {border-top:none;} table.basic {width:100%;margin-bottom: 30px;/*max-width:1330px; */border: 1px solid #e5e5e5;border-width: 1px 0;border-collapse:collapse;border-spacing: 0;background:#fff;} table.basic caption {font-size:0; line-height:0;} table.basic colgroup {display:none;} table.basic > thead > tr > th {padding:20px 10px 21px; font-size:16.5px; text-align:center; border:1px solid #e0e0e0; border-width:1px 0;} table.basic > tbody > tr {text-align:center; padding:15px 0;} table.basic > tbody > tr > th {width:180px; text-align:right; vertical-align:top; font-size: 16.5px; padding:20px 25px 20px 15px; line-height: 40px; background:#fff; color:#333; font-weight:600; border-top: 1px solid #f3f3f3; word-break:keep-all;} table.basic > tbody > tr > th + th {text-align:center; width:auto;} table.basic > tbody > tr > td + th {border-left:1px solid #f5f5f5;} table.basic > tbody > tr:first-child th {border-top:none;} table.basic > tbody > tr > td {font-size:15px; line-height:150%; background:#fff; padding:20px 15px; border-top:1px solid #f3f3f3; max-width:1100px; text-align:left; word-break:keep-all;} table.basic.txt-c > tbody > tr > td {text-align:center;} table.basic > tbody > tr > td:only-child {border-top:none;padding: 0px 15px 20px;} table.basic > tbody > tr.empty > td {border-top: 1px solid #e5e5e5; padding: 15px 0;} table.basic > tbody > tr > td iframe {max-width:1050px;} table.basic > tbody > tr > td > div {max-width:none !important;} table.basic tbody tr td.pdn {padding:0;} table.basic > tbody > tr:first-child td {border-top:none;} .btn-post {text-decoration:none; margin-left:3px; border:1px solid #e9e9e9; color:#8f8f8f; background:#fff; padding:6px 15px; font-size:11px; display:inline-block; font-weight:400; vertical-align:0px;} table.basic ul li {float:left;margin-right:20px;/*line-height:22px;*/line-height:40px;} table.basic > tbody > tr > td > span {margin-left:10px;} table.basic > tbody > tr > td > span.none {margin-left:0;} table.basic > tbody > tr > td > ul.cug li {width:100%; line-height:1; margin-bottom:2px;} table.basic > tbody > tr > td > ul.cug li a {margin-right:2px;} table.basic > tbody > tr > td input, table.basic > tbody > tr > td select {height:40px;font-size:14.5px;} table.basic > tbody > tr > td input + .wzbtn-table, table.basic > tbody > tr > td select + .wzbtn-table {font-size:16px; height:40px; line-height:38px; padding:0 20px;} table.basic > tbody > tr > td div.td-lc {font-size:12px; padding:5px 7px; border-radius:3px; display:inline; color:#757575; letter-spacing:0px; font-weight:600;} table.basic > tbody > tr > td a.btn-b {font-size:12px; padding:5px 15px; font-weight:400;} table.basic > tbody > tr > td.rt-box a.btn-b {padding:10px 35px; font-size:14px; font-weight:600;} table.basic > tbody > tr > td label.tmImg {width:80px; float:left;} table.basic > tbody > tr > td label.tmImg > input {display:block; margin:0 auto;} table.basic > tbody > tr > td label.tmImg > input + img {margin:0px auto; margin-top:5px; display:table; margin-left:auto; margin-right:auto;} table.basic > tbody > tr:nth-child(2) > td > ul > li > .menu_help {margin-bottom:-4px; display:inline;} table.basic > tbody > tr:nth-child(2) > td > ul > li > .menu_help>.help_pop {left:-70px; top:20px;} table.basic > tbody > tr:nth-child(2) > td > ul > li > .menu_help .help_pop img {max-width:500px;} table.basic > tbody > tr:nth-child(2) > td > ul > li:nth-child(2) > .menu_help > .help_pop {left:-158px;} table.basic > tbody > tr:nth-child(2) > td > ul > li:nth-child(3) > .menu_help > .help_pop {left:-252px;} table.basic > tbody > tr:nth-child(2) > td > ul > li:nth-child(4) > .menu_help > .help_pop {left:-352px;} table.basic > tbody > tr:nth-child(2) > td > ul > li:nth-child(5) > .menu_help > .help_pop {left:-458px;} .wzpopup table.basic {border-bottom:none;} .wzpopup table.basic > tbody > tr > th {background:#f8f8f8;} .wzpopup table.basic > tbody > tr > td:only-child {padding:20px 15px; border-top:1px solid #f3f3f3;} @media (max-width:899px){ table.basic > tbody > tr > th {line-height:20px; padding:15px 15px 5px; text-align:left; /*width:120px;*/ display:block; width:100%; box-sizing:border-box;} table.basic > tbody > tr > td {padding:10px 15px; vertical-align:top; display:block; width:100%; box-sizing:border-box; border-top:none;} table.basic > tbody > tr > td:last-child {padding-bottom:15px;} table.basic > tbody > tr > td input[type="text"]:only-child {width:100% !important;} table.basic > tbody > tr > td:only-child {padding:0 15px 15px;} table.basic > tbody > tr > td > select ~ input {width:30%;} table.basic > tbody > tr > td > span, table.basic > tbody > tr > td >ul>li>span {display:block; width:100%; margin:10px 0 0; line-height:150%;} table.basic tbody tr td input[type=radio] {clear:both;} table.basic td >ul>li {display:block; width:100%;} table.basic td >ul>li label {width:100%; text-align:left; float:left;} table.basic td >ul>li label img {float:left; padding-bottom:5px; margin-right:5px;} /*custom board*/ table.basic > tbody > tr > td > div.ui-sortable > div {padding-left:30px; float:left; width:100%; box-sizing:border-box;} table.basic > tbody > tr > td > div.ui-sortable .handle {position:absolute; top:0; left:0;} table.basic > tbody > tr > td > div.ui-sortable > div label {float:left; line-height:30px; margin-left:0 !important; margin-bottom:5px; min-width:25%; word-break:keep-all;} table.basic > tbody > tr > td > div.ui-sortable > div label +input, table.basic > tbody > tr > td > div.ui-sortable > div label +select {width:70%; float:left; margin-bottom:5px;} table.basic > tbody > tr > td > div.ui-sortable > div > span {float:left !important; margin-right:0 !important; width:100%; background:#ececec; box-sizing:border-box; padding:5px 5px 0; font-size:12px; margin-left:-5px; border-radius:3px;} /*calender colorPicker*/ table.basic > tbody > tr > td select#selSitecntntSeq {width:100% !important;} table.basic > tbody > tr > td select#selSitecntntSeq + span {position:absolute; padding-left:0; margin-top:10px; word-break:keep-all; margin-left:-100px;} table.basic > tbody > tr > td table td.colorPicker {padding-top:30px;} table.basic > tbody > tr > td table td.colorPicker input[type=radio] {clear:none;} table.basic > tbody > tr > td table td.colorPicker input[type=radio]:nth-of-type(5n+1) {clear:both;} table.basic > tbody > tr > td table td.colorPicker a {} } .basic-table, .basic-table01, .basic-table02 {width:100%;border-bottom: 1px solid #e5e5e5;border-collapse:collapse;margin-bottom: 30px;} .basic-table thead tr th, .basic-table01 thead tr th, .basic-table02 thead tr th {font-weight:600; color:#333; text-align:center; padding:20px 5px 21px;font-size: 16.5px;border: 1px solid #e0e0e0;border-width: 1px 0;} .basic-table thead tr, .basic-table01 thead tr, .basic-table02 thead tr {background: #f8f8f8;} .basic-table tbody tr:hover, .basic-table01 tbody tr:hover, .basic-table02 tbody tr:hover {background: #fafafa;} .basic-table tbody tr th, .basic-table01 tbody tr th, .basic-table02 tbody tr th {text-align:center; padding:12px 25px; height:35px; line-height:150%; word-break:keep-all; font-size:16.5px; border-top:1px solid #f3f3f3;} .basic-table tbody tr td, .basic-table01 tbody tr td, .basic-table02 tbody tr td {text-align:center; padding:12px 3px; height:35px; line-height:150%; word-break:keep-all; font-size:15px; border-top:1px solid #f3f3f3;} .basic-table tbody tr td span.bt {color:#fff; background:#898989; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:0px; margin:0 5px; display:inline-block; border-radius:2px;} /*답변완료*/ #bbs_area .basic-table, #bbs_area .basic-table01, #bbs_area .basic-table02 {border-bottom:1px solid #f3f3f3;} @media (max-width:899px){ .basic-table thead tr th, .basic-table01 thead tr th, .basic-table02 thead tr th {font-size:16px;} .basic-table tbody tr td, .basic-table01 tbody tr td, .basic-table02 tbody tr td {font-size:15px; line-height:150% !important; padding:10px 3px; word-break:break-all;} } /* 기본 게시판01 table*/ .basic-table01 tbody tr td > img {vertical-align:-5px;} /* 기본 게시판02 table*/ #nttSearch + .basic-table02 {margin-top:10px;} .basic-table02 tbody tr td:only-child {text-align:center;} /* 기본 게시판03 table*/ table.basic-table03 {width:100%;} table.basic-table03 tbody tr th {border-right:none; padding:15px 0;} table.basic-table03 thead tr th, table.basic-table03 tbody tr td {text-align:center; padding:10px 0;} table.basic-table03 thead tr th {font-weight:700; font-size:13px; color:#626b7c;} table.basic-table03 thead tr {background:#fcfcfc; border-bottom:1px solid #f1f1f1;} table.basic-table03 tbody tr {border-bottom:1px solid #f1f1f1;} table.basic-table03 tbody tr td {background:#fff; color:#828282; font-size:12px; padding:10px 0 ; line-height:17px;} table.basic-table03 tbody tr td > img {vertical-align:-5px;} table.basic-table03 tbody tr:first-child td {text-align:center;} table.basic-table03 tbody tr td span {margin-left:5px;} table.basic-table03 tbody tr td input[type="checkbox"] {max-width:50px; border:none;} table.basic-table03 tbody tr:nth-child(even) td {background:#fff; line-height:17px;} table.basic-table03 tbody tr:nth-child(odd) td {background:#f7f9fb; line-height:17px;} table.txt-c thead tr th:first-child {border-right:none;} table.txt-c thead tr th:last-child {border-left:none;} table.txt-c tbody tr td {padding:14px 0;font-size:15px;} table.txt-c tbody tr td:last-child {border-left:none;} table.txt-c tbody tr td span.colorRed {font-weight:600;} /* 팝업속 테이블 설정 */ body > table:only-of-type {width:100% !important;} body > table:only-of-type>tbody>tr>td {font-size:13px;} body > table:only-of-type table.__se_tbl tr th, body > table:only-of-type table.__se_tbl tr td {outline:none;} @media (max-width:599px){ .basic-table02 thead tr th {font-size: 16px;} .basic-table02 tbody tr td:nth-child(even) {padding:0 5px;} } /*회원수*/ .rt-box > span.member {display:block; margin-bottom:10px;} /*basic-btn*/ .btn-r {border:1px solid #e9e9e9; color:#8f8f8f; background:#fff; padding:10px 35px; display:inline-block; font-size:14px; font-weight:400; vertical-align:middle;} .btn-g {border:1px solid #2eaaf7; color:#fff; background:#2eaaf7; padding:10px 35px; display:inline-block; font-size:14px; font-weight:400; vertical-align:middle;} .btn-s {color:#fff; background:#338cf2; border:1px solid #338cf2; padding:8px 10px; font-weight:600; box-shadow:none;} /*기본버튼*/ .btn-a {border:1px solid #272d3d; color:#1d212d; background:#fff; padding:10px 15px; display:inline-block; font-size:14px; font-weight:600; vertical-align:middle; text-decoration:none; border-radius:3px; -webkit-transition:background 1s; transition:background 1s;} .btn-a:hove, .btn-a:focus {border:1px solid #272d3d; color:#fff; background:#272d3d;} .rt-box > .btn-c {background:#fff; color:#1d212d; border:1px solid #272d3d; -webkit-transition:background 1s; transition:background 1s;} .ctr-box > .btn-c {background:#fff; color:#1d212d; border:1px solid #272d3d; -webkit-transition:background 1s; transition:background 1s;} .rt-box > .btn-a {background:#1d212d ; color:#fff ; border:1px solid #272d3d;} .rt-box > .btn-a.fl {color:#1d212d; background:#fff;} .ctr-box > .btn-a:nth-child(1) {background:#1d212d; color:#fff; border:1px solid #272d3d;} #lgnNDiv + div > div.rt-box .btn-a {background:white; color:#333;} #lgnNDiv + div > div.rt-box .btn-a:hover {background:#272d3d; color:white;} #lgnYDiv + div > div.rt-box .btn-a {background:white; color:#333;} #lgnYDiv + div > div.rt-box .btn-a:hover {background:#272d3d; color:white;} /*menu mnglist page*/ #nestable-menu > .btn-a {position:relative; padding:8px 35px 8px 20px; font-size:13px; -webkit-transition:background 1s; transition:background 1s;} #nestable-menu > .btn-a:hover {padding:8px 35px 8px 20px; font-size:13px;} #nestable-menu > .btn-a:first-child {border:1px solid #aaa;} #nestable-menu > .btn-a:first-child:hover {background:#d9d9d9; color:#333;} #nestable-menu > .btn-a:first-child:after {content:"\276f"; transform:rotate(90deg); right:15px; position:absolute;} #nestable-menu > .btn-a:nth-child(2) {border:1px solid #aaa;} #nestable-menu > .btn-a:nth-child(2):hover {background:#d9d9d9; color:#333;} #nestable-menu > .btn-a:nth-child(2):after {content:"\276f"; transform:rotate(-90deg); right:15px; position:absolute;} #nestable-menu > .btn-a:nth-child(3) {} #nestable-menu > .btn-a:nth-child(3):after {content:"+"; float:right; position:absolute; right:15px;} .modal-body > .rt-box > .btn-a:nth-child(2), .modal-body > .rt-box > .btn-a:nth-child(3) {color:#333; background:#fff;} /*삭제*/ .btn-b {border:1px solid #eb573f; color:#cd3939; background:#fff; padding:10px 15px; display:inline-block; font-size:14px; font-weight:600; vertical-align:middle; text-decoration:none; border-radius:3px;} .btn-b:hover, .btn-b:focus {border:1px solid #a41d23; color:#fff; background:#cd3939; font-weight:400; } /*테이블 버튼*/ .btn-c {box-shadow:0 0 0 1px #ddd inset; color:#757575; background:#fff; padding:6px 7px; display:inline-block; font-size:12px; font-weight:400; vertical-align:middle; text-decoration:none; border-radius:3px;} .btn-c:hover, .btn-c:focus {box-shadow:0 0 0 1px #ddd inset; color:#757575; background:#f9f9f9; padding:6px 7px; display:inline-block; font-size:12px; } input[type="text"].txt {width:200px;} .main-menu-bar > .btn-c {color:#fff; background:#338cf2; border:1px solid #338cf2; padding:8px 10px; font-weight:600; box-shadow:none; border-radius:0;} .main-menu-bar > .btn-c a {color:#fff;} /*버튼 단수일때 정렬*/ .ctr-box {text-align:center; clear:both; font-size:17px; margin-bottom:30px;} .rt-box {text-align:right; font-size:17px; margin-bottom:30px;} .lt-box {text-align:left; font-size:17px; margin-bottom:30px;} .rt-box .fl:not(:first-child) {margin-left:5px;} @media (min-width:600px){ .ctr-box .wzbtn, .rt-box .wzbtn, .lt-box .wzbtn {padding:9px 20px;} } /* width */ #cntnts_area table.basic tbody tr td {/*line-height:normal;*/} #cntnts_area table.basic tbody tr td #tmplatDiv img {width:50% !important; height:auto !important;} input#dp1510816197956, input#dp1510816197957 {width:150px !important;} /*table style*/ .bd-top-none {border-top:none !important; padding-top:0 !important;} /*목차*/ div.location-001 {height:25px; line-height:25px; float:right;} div.location-001 > ul {float:left;} div.location-001 > ul li {float:left;padding:0 5px 0 10px;font-size: 15px;color: #333;background:url("/images/wzwg/site/mngr/locArr.png")no-repeat 1px center;background-size:4px;text-decoration:none;} div.location-001 > ul li:first-child {background:none;} div.location-001 > ul li:last-child {padding-right:0;} div.location-001 > ul li img {width:12px; height:12px; margin-top:6px; display:inline-block;} /*목록-검색*/ #nttSearch {width:100%; float:left; padding:20px 0; box-sizing:border-box; margin-bottom:30px;} #nttSearch input[type="text"] {width:40%; max-width:300px;} #nttSearch ~ #nttSearch {background:#f7f7f7; border:1px solid #ececec; margin-top:30px;} #nttSearch input, #nttSearch select {height:40px; font-size:15px;} #nttSearch .wzbtn-table {height:40px; font-size:17px; padding-top:0; padding-bottom:0; line-height:40px;} /*넘버링*/ ul.num {width:100%; float:left; list-style:none !important; padding-left:0 !important; margin:30px 0; text-align: center;} ul.num li {display:inline-block; float:none !important; width:auto !important; padding:0 !important; list-style:none !important; padding-left:0 !important; margin-top:0 !important; border-bottom:none !important; margin-right:-3px;} ul.num li:last-child {margin-right:0;} ul.num li a {width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; font-size:14px; color:#333; box-sizing:border-box; vertical-align:middle; position:relative;} ul.num li a.on {border:1px solid #dddddd; font-weight:600; background:#fff !important;} ul.num li .pd3 img {display:none;} ul.num li .pd3:before {position:absolute; left:0; top:0; width:30px; height:30px; color:#585858; text-align:center; font-size:11px; border:1px solid #ddd; box-sizing:border-box;} ul.num li:first-child .pd3:before {content:"\25C0 \25C0"; letter-spacing:-3px;} ul.num li:nth-child(2) .pd3:before {content:"\25C0"; border-left:0;} ul.num li:nth-last-child(2) .pd3:before {content:"\25b6"; border-right:0;} ul.num li:last-child .pd3:before {content:"\25b6 \25b6"; letter-spacing:-3px;} ul.num li:nth-child(2) .pd3 {margin-right:10px; margin-left:-1px;} ul.num li:nth-last-child(2) .pd3 {margin-left:10px;} ul.num li:last-child .pd3 {margin-left:-2px;} ul.num li a:hover, ul.num li a:focus {font-weight:600; background:#f5f5f5;} ul.num li a > img {width:20px; height:20px;} /*상단 탭메뉴*/ div.step {margin:20px 0 0; } div.step > ul.tapMenu li a.on img {vertical-align:middle; margin:0 0 0 4px;} /*하단 탭메뉴*/ div.step1 {float:left; border-bottom-style:solid; border-bottom-width:1px; border-color:#e1e1e1; margin:20px 0 10px 0; width:100%;} div.step1 > ul.tapMenu {clear:both;padding-left:5px; float:left; padding:0; margin:0; list-style:none; height:35px;} div.step1 > ul.tapMenu li {float:left; background:#fff; margin-right:2px;} div.step1 > ul.tapMenu li a {border:1px solid #ddd; border-bottom:none; background:#f7f7f7; text-decoration:none; color:#333; min-width:120px; text-align:center; height:35px; font-size:13px; float:left; box-sizing:border-box; line-height:35px; padding:2px 10px;} div.step1 > ul.tapMenu li a.on {background:#fff; border-top:2px solid #777; padding:2px 10px 0; height:36px;} div.step1 > ul.tapMenu li a.on img{vertical-align:middle;margin:0 0 2px 4px;} div.step1 > ul.tapMenu li a span.ico {font-size:10px; margin-right:5px;} #detailFrm div.step1 > ul.tapMenu li:first-child a {background:#fff; border-top:2px solid #777; padding:2px 10px 0; height:36px;} @media (max-width:599px){ div.step {height:auto;} div.step > ul.tapMenu {margin-bottom:0;} div.step > ul.tapMenu.wztab-select li a {border:none; background:none;} div.step > ul.tapMenu.wztab-select li a.on {border-top:none; color:#fff; background:#333;} } /* 게시판 테마 탭 스타일 */ .selectBbsSubospec .main-menu-bar {width:100%; padding:0 !important; overflow:visible;} @media (max-width:599px){ .selectBbsSubospec {/* border-bottom:1px solid #ccc; *//* height:36px; */} .selectBbsSubospec .wztab {/* border-bottom:none; */} .selectBbsSubospec .main-menu-bar {/* width:80%; */} .selectBbsSubospec .main-menu-bar + div {width:20%;} } /************************************************************************/ /************************************************************************/ /************************************************************************/ /************************** sub - board setting *************************/ /************************************************************************/ /************************************************************************/ /************************************************************************/ /* editor - ul ol(button) list-style */ #bbs_area >div ol {list-style:decimal; padding-left:30px;} #bbs_area >div ul {/* list-style:disc; */padding-left:30px;} #bbs_area >div ol li {list-style:decimal; line-height:150%;} #bbs_area >div ul li {list-style:disc; clear:both; line-height:150%;} .board001 .conMiddle div.conM_txt ol {list-style:decimal; padding-left:30px;} .board001 .conMiddle div.conM_txt ul {/* list-style:disc; */padding-left:30px !important;} .board001 .conMiddle div.conM_txt ol li {list-style:decimal; line-height:150%;} .board001 .conMiddle div.conM_txt ul li {list-style:disc !important; clear:both !important; line-height:150%;} #cntnts_area ol {list-style:decimal; padding-left:30px;} #cntnts_area ul {/* list-style:disc; */padding-left:30px;} #cntnts_area ol li {list-style:decimal; line-height:150%;} #cntnts_area ul li {list-style:disc; clear:both; line-height:150%;} /* sub Contents :데이터관리 */ #cntnts_area table.wz_cowrap {border-collapse:collapse; margin-bottom:30px;} #cntnts_area table.wz_cowrap>tbody>tr>th {width:180px; padding:20px 25px 20px 15px; background:#fff; border-top:1px solid #f3f3f3; vertical-align:top; font-size:16.5px; line-height:40px; color:#333; font-weight:600; word-break:keep-all; text-align:right; box-sizing:border-box;} #cntnts_area table.wz_cowrap>tbody>tr>td {font-size:15px;line-height:150%; text-align:left; word-break:keep-all; padding:20px 15px; background:#fff; border-top:1px solid#f3f3f3; box-sizing:border-box;} #cntnts_area table.wz_cowrap>tbody>tr:first-child>th, #cntnts_area table.wz_cowrap>tbody>tr:first-child>td {border-top:none;} #cntnts_area table.wz_cowrap>tbody>tr>td div {max-width:1300px !important; margin:0 auto;} @media (max-width:899px){ #cntnts_area table.wz_cowrap>tbody>tr>th {width:100%; float:left; padding:15px 15px 5px; text-align:left;} #cntnts_area table.wz_cowrap>tbody>tr>td {width:100%; float:left; padding:5px 15px 15px;} } #cntnts_area .tableWrap table > tbody > tr > td:only-child {padding:20px 15px;} #cntnts_area .tableWrap table > tbody > tr > td /*자료실*/ .board001 {width:100%; padding:0 0 10px; overflow:hidden; clear:both; box-sizing:border-box; background:#fff; border:1px solid #f1f3f4; border-width:1px 0;} .board001 .list_tit {width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #ececec; padding:20px 10px; overflow:hidden; background:#fcfcfc; box-sizing: border-box;} .board001 .list_tit h3{float:left; font-weight:600;} .board001 .list_tit h3 > img{vertical-align:-10px; margin-right:5px;} .board001 .list_tit h3 > span.sub_title {font-size:12px; border-left:1px solid #c1c1c1; padding-left:7px; vertical-align:1px; line-height:18px; height:18px; display:inline-block; margin-left:5px; font-weight:400; display:none; } .board001 .list_tit h3 > span.qna{background:url("/images/wzwg/site/mngr/q.png")no-repeat; padding:7px 5px 7px 34px;} .board001 .list_tit h3 span.bt{color:#fff; background:#d9d9d9; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:2px; display:inline-block;} .board001 .list_tit p.list_date {float:right; line-height:18px; vertical-align:middle; font-size:12px;} .board001 .list_tit p.list_date span.com_bar {/*margin-left:5px;*/} .board001 .list_tit p.list_date span.com_bar > a{font-size:11px; color:#8e8e8e; margin:0 3px; } .board001 .list_tit p.list_date span.com_bar > a:last-of-type{font-size:11px; border-left:1px solid #c1c1c1; padding-left:5px; color:#8e8e8e;} .board001 .list_content{clear:both; position:relative;} .board001 .list_content .conTop {overflow:hidden;} .board001 .list_content .conTop h4 {display:inline-block; line-height:25px; font-size:14px; font-weight:400; width:70%; padding:15px 10px; border-bottom:1px solid #f6f6f6; box-sizing:border-box;} .board001 .list_content .conTop p {float:right; line-height:25px; width:30%; text-align:right; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid #f6f6f6;} .board001 .list_content .conTop p a {padding:6px 10px; font-size:12px; background:#ccc; border-radius:2px;} .board001 .list_content .conTop div.fileBox{margin-top:10px; float:right; width:100%;} .board001 .list_content .conTop ul {clear:both; padding-left:0; float:left; padding:15px 10px; box-sizing:border-box; padding-left:10px !important;} .board001 .list_content .conTop ul li{background:url("/images/wzwg/site/mngr/download.png")no-repeat 77px 3px; background-position:right 3px; padding-right:15px;} .board001 .list_content .conTop>ul>li> a {padding-right:15px; font-weight:600;} .board001 .list_content .conTop ul li a span{font-weight:900; color:#fa5058; padding:0 2px;} .board001 .list_content .conTop ul + div, .board001 .list_content .conTop #atchFile_div {float:left; margin-left:20px; display:inline;} .board001 .list_content .conTop #atchFile_div ul li {line-height:20px;} .board001 .list_content .conTop #atchFile_div ul li:hover {text-decoration:underline;} .board001 .list_content .conTop ul#file_div div {margin-bottom:5px;} .board001 .list_content .conMiddle {border-top:1px solid #ececec;} .board001 .list_content .album_read_viewport {margin-top:30px;} .board001 .list_content .album_read_viewport li .thumbnail {border:none;} .board001 .list_content .album_read_viewport li > a {padding:5px 10px; border-radius:2px; border:1px solid #ddd; font-size:12px; line-height:18px;} .board001 .list_content #zoom_img {margin-bottom:30px;} .board001 .list_content #zoom_img img {width:auto !important;} .board001 .conMiddle{clear:both;padding-top:30px;} .board001 .conMiddle div.conM_ytb{width:100%;;height:auto;margin:0;} .board001 .conMiddle div.conM_ytb iframe{width:100%;height:350px;vertical-align:top;} .board001 .conMiddle div.conM_ytxt{border-radius:30px; margin-top:10px; padding:10px;} .board001 .conMiddle div.conM_ytxt > span{display:block; padding:10px 0; font-size:16px; font-weight:bold;} .board001 .conMiddle div.conM_ytxt > div{height:80px; display:block; margin:0 auto; background:#f9f9f9; padding:10px; overflow-y:scroll;} .board001 .conMiddle div.conM_txt{width:100%; float:left; padding:20px 10px;line-height:180%; margin-bottom:30px; box-sizing:border-box;} .board001 .conMiddle ul {float:left; padding:15px 10px;} .board001 .conMiddle ul li {float:left;} .board001 .conMiddle ul li a {border-right:1px solid #999; padding-right:10px; margin-right:10px;} .board001 .conMiddle ul li:last-child a {border-right:none} .board001 .conMiddle ul li span {margin-left:2px;} .board001 .conMiddle ul li a.lu img {width:10px; height:11px;} .board001 .conMiddle ul li a.lu b {vertical-align:2px; margin-left:5px;} .board001 + .rt-box {padding-right:15px; padding-left:15px; margin-top:15px;} #bbs_area .board001 .conMiddle ul {padding-left:10px;} #bbs_area .board001 .conMiddle ul li {clear:none; list-style:none;} @media (max-width:599px){ .board001 .list_tit p.list_date {display:block; float:right; text-align:left; margin-top:10px;} } /** 2018.07.17 SNS 공유 추가 */ #bbs_area .board001 .conMiddle ul.snsListul{float:right; clear:both; padding-bottom:0; padding:0; position:absolute; right:10px; bottom:10px;} #bbs_area .board001 .conMiddle ul.snsListul li {float:left !important; clear:none !important; list-style:none !important;} #bbs_area .board001 .conMiddle ul.snsListul a{margin-right:0; padding-right:0; border-right:0;} .board001 .conBottom{clear:both;} .board001 .conBottom div.cmtbg > ul {width:100%; box-sizing:border-box; } .board001 .conBottom div.cmtbg {background:#f9f9f9; border:1px solid #dfdfdf; border-radius:3px; padding:10px; font-size:13px;} .board001 .conBottom div.cmtbg > ul > li {border-bottom:1px dotted #ccc; padding:25px 0 15px 10px; position:relative;float:none;} .board001 .conBottom div.cmtbg ul li p.comm_cont{padding:7px 2px;} .board001 .conBottom div.cmtbg ul li ul{position:absolute; top:0; right:0;} .board001 .conBottom div.cmtbg ul li ul li{float:left; border:none; padding-left:5px;} .board001 .conBottom div.cmtbg ul li ul li a {border-right:1px solid #ccc; padding-right:15px; color:#666; font-size:11px;} .board001 .conBottom div.cmtbg ul li ul li:last-child a{border-right:0;} .board001 .conBottom ul {float:left; padding:15px 10px;} .board001 .conBottom ul li {float:left;} .board001 .conBottom ul li a:not(.wzbtn) {border-right:1px solid #999; padding-right:10px; margin-right:10px;} .board001 .conBottom ul li:last-child a:not(.wzbtn) {border-right:none} .board001 .conBottom ul li span {margin-left:2px;} .board001 .conBottom ul li a.lu img {width:10px; height:11px;} .board001 .conBottom ul li a.lu b {vertical-align:2px; margin-left:5px;} /*자료실-댓글쓰기*/ .board001 table{width:100%;} .board001 table thead td{font-weight:bold; font-size:12px; padding:10px 0 2px 6px;color:#252525; } .board001 table tbody tr > td {line-height:12px;} .board001 table tbody tr td div.txtBox{width:100%; border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .board001 table tbody tr td > div {margin-top:10px;} .board001 table tbody tr td textarea.txtBox{height:70px; width:100%;border:1px solid #e5e5e5;outline:none; padding:8px 10px; line-height:17px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .board001 table tbody tr td input.txtBtn{height:70px; width:100%; font-size:12px; border:1px solid #e5e5e5;background:#ffffff;cursor:pointer;min-width:50px;outline:none;text-align:center;} .board001 span.gray{color:#b5b5b5; margin:0 5px;} .board001 div > textarea.txtBox {color:#333; font-size:12px; line-height:14px; padding:5px;} /*묻고답하기*/ .board001 .conBottom div.answer {width:100%; float:left; background:#f7f7f7; border:1px solid #ececec; border-radius:3px; padding:10px; box-sizing:border-box; margin-bottom:30px;} .board001 .conBottom div.answer ul {width:100%; height:auto; line-height:auto; padding:0; float:left; padding-left:0 !important;} .board001 .conBottom div.answer>ul>li {width:100%; padding:15px 0 10px 10px !important; float:left; box-sizing:border-box; position:relative;} .board001 .conBottom div.answer ul li:last-of-type {/*border-bottom:none;*/ margin-bottom:20px;} /*.board001 .conBottom div.answer ul li p.com_cont{background:url("/images/wzwg/site/mngr/a.png")no-repeat; padding:10px 36px;}*/ .board001 .conBottom div.answer ul li p.com_cont img {vertical-align:middle;} .board001 .conBottom div.answer ul li p {line-height:150%;} .board001 .conBottom div.answer ul li p.comm_cont{padding:5px 2px !important;} .board001 .conBottom div.answer ul li ul{position:absolute; top:0; right:0px; width:auto;} .board001 .conBottom div.answer ul li ul li{float:left;border:none;width:auto;padding:8px 0 0 7px !important; clear:none !important;} .board001 .conBottom div.answer ul li ul li a{display:inline-block; border-right:1px solid #ccc; padding-right:7px; color:#666; font-size:11px; margin:0 !important;} .board001 .conBottom div.answer ul li ul li a > img{vertical-align:2px; margin-right:4px; position:absolute; top:10px; left:-10px;} .board001 .conBottom div.answer ul li ul li:last-child a{border-right:0;} .board001 .conBottom div.answer ul + table thead td {padding:10px 0 10px 6px;} .board001 .conBottom > div.ctr-box {margin:10px 0 0 0;} /*채택된 답변 - 190403 추가*/ #bbs_area > .board001 .list_tit:before {font-size:25px; float:left; line-height:30px; font-weight:600;} #bbs_area > .board001:nth-of-type(3) {background:#f0f0f0;} #bbs_area > .board001:nth-of-type(3) .list_tit {background:transparent;} #bbs_area > .board001 .list_content {/*padding-left:35px;*/} #bbs_area > .board001:nth-of-type(3) .list_content .conTop {position:absolute; top:-50px; width:100%;} #bbs_area > .board001:nth-of-type(3) .list_content .conTop h4 {padding:0 0 0 55px; border-bottom:none;} #bbs_area > .board001:nth-of-type(3) .list_content .conTop p {border-bottom:none;} #bbs_area > .board001:nth-of-type(3) .list_content .conMiddle {border-top:none;} #bbs_area > .board001:nth-of-type(3) .list_content .conMiddle div.conM_txt > p {display:none;} /* 설문 */ #qesitmTable > tbody > tr:first-child th {text-align:left;} .survey {width:100%;float:left;background:#f7f7f7;padding: 40px 25px;box-sizing:border-box;margin: 50px 0 30px;} .survey > ul {float:left; padding:10px; width:100%; box-sizing:border-box; background:#fff; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1);} .survey > ul > li > p {padding:10px 0 20px;font-weight:600;font-size: 17px;} .survey > ul > li {width:100%; float:left; margin-bottom:15px;} .survey > ul > li > div ul {float:left; width:100%; padding-left:15px; box-sizing:border-box;} .survey > ul > li > div > ul > li {float:left; width:100%; margin-bottom:8px; color:#838383; line-height:25px;} .survey > ul > li > div > ul > li > span:first-child {width:25%;/* display:block; *//* float:left; */box-sizing:border-box;padding-right:10px;word-break:keep-all;line-height:18px;margin-top:4px;font-weight: 600;font-size: 14px;} .survey > ul > li > div > ul > li .wzprogress {width:65%; margin-right:1%;} .survey > ul > li > div > ul > li > input[type="radio"], div > ul > li > ul > li > input[type="checkbox"] {margin-right:2px;} .survey > ul > li > div > ul > li > input[type="text"] {width:100%; padding:5px;} .survey > ul > li > div > ul > li > textarea {width:100%; border:1px solid #eaeaea; padding:5px;} .survey > ul > li > div > ul > li > textarea:disabled {background:#e3e3e3;} .survey > ul > li > div > ul .message {width:calc(100% - 10px); border:1px solid #f0f0f0; box-sizing:border-box; background:#f9f9f9; padding:10px 20px; position:relative; border-radius:1px; margin-bottom:20px !important; color:#333;} .survey > ul > li > div > ul .message:before {content:" "; position:absolute; right:100%; top:8px; box-sizing:border-box; border-right:13px solid #f0f0f0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:0px solid transparent;} .survey > ul > li > div > ul .message:after {content:" "; position:absolute; right:100%; top:9px; box-sizing:border-box; border-right:12px solid #f9f9f9; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:0px solid transparent;} table.basic tbody tr td span.excel {float:right; line-height:16px;} table.basic tbody tr td span.excel > a {margin-left:3px; font-size:12px;} table.basic tbody tr td span.excel > img {float:left;} table.basic tbody tr td input[type=radio]+div {margin-right:17px !important;} /* 170926 css추가 (아이콘변경추가) */ div.pop-box1, div.pop-box2, div.pop-box3 {display:none; background:rgba(0,0,0,0.5); opacity:1; transition:opacity .15s linear; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; overflow:hidden; outline:0;} div.pop-box1 > div.layer1, div.pop-box2 > div.layer1, div.pop-box3 > div.layer1 {width:1000px; background:#fff; border:none; border:1px solid #aaa; margin:0 auto; z-index:999; position:absolute; top:100px; left:50%; margin-left:-500px;} div.pop-box1 > div.layer1 .pop-conts, div.pop-box2 > div.layer1 .pop-conts, div.pop-box3 > div.layer1 .pop-conts {overflow-y:scroll; height:350px;} div.pop-box1 > div.layer1 .pop-conts > .main-menu-bar, div.pop-box2 > div.layer1 .pop-conts > .main-menu-bar, div.pop-box3 > div.layer1 .pop-conts > .main-menu-bar {padding:0;} div.pop-box1 > div.layer1 .pop-conts > .pop-main-con, div.pop-box2 > div.layer1 .pop-conts > .pop-main-con, div.pop-box3 > div.layer1 .pop-conts > .pop-main-con {background:red;} div.pop-box1 > div.layer1 .pop-conts > .pop-main-con ul, div.pop-box2 > div.layer1 .pop-conts > .pop-main-con ul, div.pop-box3 > div.layer1 .pop-conts > .pop-main-con ul {float:left; width:100%; height:200px; overflow:auto; border:1px solid #f0f0f0; background:#e3e3e3;} div.pop-box1 > div.layer1 .pop-conts > .pop-main-con ul li, div.pop-box2 > div.layer1 .pop-conts > .pop-main-con ul li, div.pop-box3 > div.layer1 .pop-conts > .pop-main-con ul li {float:left; margin-top:1px; padding:23px 0; list-style:none; width:91px; text-align:center; margin-right:1px;} div.pop-box1 > div.layer1 .pop-conts > .pop-main-con ul li a, div.pop-box2 > div.layer1 .pop-conts > .pop-main-con ul li a, div.pop-box3 > div.layer1 .pop-conts > .pop-main-con ul li a {padding:36px 22px;} div.pop-box1 > div.layer1 .pop-tab, div.pop-box2 > div.layer1 .pop-tab, div.pop-box3 > div.layer1 .pop-tab {border-bottom:1px solid #f0f0f0; float:left; width:100%;} div.pop-box1 > div.layer1 .pop-tab li, div.pop-box2 > div.layer1 .pop-tab li, div.pop-box3 > div.layer1 .pop-tab li {float:left; margin-right:2px; list-style:none; background:#f9f9f9;} div.pop-box1 > div.layer1 .pop-tab li a, div.pop-box2 > div.layer1 .pop-tab li a, div.pop-box3 > div.layer1 .pop-tab li a {font-size:12px; padding:7px 10px; border:1px solid #ececec; border-bottom:none; color:#333;} div.pop-box1 > div.layer1 .pop-tab li a.pop-on, div.pop-box2 > div.layer1 .pop-tab li a.pop-on, div.pop-box3 > div.layer1 .pop-tab li a.pop-on {font-size:12px; padding:8px 10px; color:#fff; background:#5a606f;} div.pop-box1 > div.layer1 div.pop-conts h4, div.pop-box2 > div.layer1 div.pop-conts h4, div.pop-box3 > div.layer1 div.pop-conts h4 {background:url("../img/dot.jpg")no-repeat 5px 5px; padding-left:15px; margin-bottom:10px;} /* album */ ul.album ~ ul.album {margin-top:20px;} ul.album{float:left; width:100%; margin-bottom:30px; list-style:none; margin:0; padding:0;} ul.album > li{float:left; width:24.25%; margin-right:1%; padding:0 4px; box-sizing:border-box;} ul.album > li:nth-child(4n) {margin-right:0;} ul.album > li div.alBox {float:left;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0px 0px 20px;margin:0;} ul.album > li div.alBox > p {width:100%; float:left; margin-top:15px;} ul.album > li div.alBox > p a {font-size:14px; width:85%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle;} ul.album > li div.alBox > p img {vertical-align:-2px; margin-left:2px;} ul.album > li div.alBox span.imgBox {border:1px solid #ececec; width:100%; height:160px; line-height:160px; overflow:hidden;background:#f7f7f7; display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;} ul.album > li div.alBox span.imgBox > img {width:100%; height:auto; transition:transform 1s; transition:transform 1s; display:inline-block; vertical-align:middle;} ul.album > li div.alBox span.imgBox:hover > img {transform:scale(1.1);} ul.album > li div.alBox div.inquiry{float:left;margin-top:15px; width:100%; box-sizing:border-box;color:#797979;} ul.album > li div.alBox div.inquiry ul {width:100%; float:left; list-style:none; padding:0; text-align:right;} ul.album > li div.alBox div.inquiry ul li {font-size:12px; line-height:13px;} ul.album > li div.alBox div.inquiry ul li:first-child { display:none; border-right:1px solid #ccc;line-height:13px;padding-right:5px;margin-right:5px;font-size:13px;vertical-align:middle;} ul.album > li div.alBox div.inquiry span {display:none; float:right;font-size:13px;line-height:13px;} /*목록(블로그형)댓글*/ .board001 ~ .board001 {border-top:2px solid #213152; margin-top:30px;} .conBottom02 {background:#f9f9f9; border:1px solid #ccc; border-radius:5px; padding:10px 20px; clear:both;} .conBottom02 ul li {border-bottom:1px dotted #ccc; padding:15px 0 15px 25px; position:relative;} .conBottom02 ul li.reply {padding:15px 0 15px 10px;} .conBottom02 ul li table {width:100%;} .conBottom02 ul li table td.modify {padding:0px 2px 3px 6px; color:red; float:right;} .conBottom02 ul li table td.modify a {color:red; font-weight:normal;} .conBottom02 ul li table td.modify a:hover {text-decoration:underline;} .conBottom02 ul li p.com_cont {} .conBottom02 ul li p.com_cont span.com_bar > a {font-size:11px; color:#8e8e8e;} .conBottom02 ul li p.com_cont span.com_bar > a:last-of-type {font-size:11px; border-left:1px solid #c1c1c1; padding-left:5px; color:#8e8e8e;} .conBottom02 ul li p.com_cont a {vertical-align:0px; margin:0 2px;} /*.conBottom02 ul li p.com_cont > a:first-of-type {padding-left:5px;}*/ .conBottom02 ul li img.user {position:absolute; top:12px; left:0;} .conBottom02 ul li img.reply01 {position:absolute; top:15px; left:15px;} .conBottom02 ul li img.user01 {position:absolute; top:12px; left:35px;} .conBottom02 ul li p.com_cont01 {padding-left:10px; margin:3px 0px 10px 0px;} .conBottom02 ul li p.com_cont01 a {text-decoration:none; color:#333; vertical-align:0px;} .conBottom02 ul li a {text-decoration:none; vertical-align:-2px;} .conBottom02 ul li p.comm_cont {margin-top:10px;} /*웹진형*/ .basic-table01 ~ .webzine {margin-top:50px;} .webzine {padding:10px 0;} .webzine ul {list-style:none; padding:0; margin:0;} .webzine .list_box {width:100%; float:left; border-top:2px solid #213152; margin-bottom:70px; box-sizing:border-box;} .webzine .list_tit {width:100%; border-bottom:1px solid #c0cbde; background:#fcfcfc; float:left; padding:15px 10px; box-sizing:border-box;} .webzine .list_tit h3 {float:left; font-size:15px;} .webzine .list_tit h3 > span.tit_bar{border-left:1px solid #ccc;padding-left:5px;margin-left:5px;} .webzine p.list_date {display:inline-block; font-size:12px; line-height:10px; border-left:1px solid #ccc; padding:0 7px; margin:7px; color:#aaa;} .webzine .list_content {clear:both; position:relative; padding-top:70px; width:100%; float:left;} .webzine .list_content .conTop {position:absolute; top:0; left:0; padding:5px; clear:both; overflow:hidden;} .webzine .list_content .conTop h4 {font-size:12px; color:#666666; float:left; line-height:30px; font-weight:400;} .webzine .list_content .conTop h4 img {margin-right:5px;vertical-align:-3px;} .webzine .list_content .conTop h4 a{display:inline-block;} .webzine .list_content .conTop h4 a img{vertical-align:middle;margin-bottom:4px;margin-right:0;} .webzine .list_content .conTop ul{float:right;} .webzine .list_content .conTop ul li{float:left; margin-right:5px;} .webzine .list_content .conTop ul li span{font-weight:600; margin-left:2px;} .webzine .list_content .conTop a.lineRight{position:absolute;top:40px; right:3px;text-decoration:none;color:#333;} .webzine .list_content .conTop a.lineRight:hover{text-decoration:underline;} .webzine .list_content .conTop a.lineRight img{vertical-align:middle;margin:0 0 3px 3px;} .webzine .conMiddle{clear:both;} .webzine .conMiddle p.conM_txt {padding:15px 5px 40px; line-height:150%; font-size:13px; color:#666; width:100%; float:left;} .webzine .conMiddle ol {list-style:decimal; padding-left:30px;} .webzine .conMiddle ul {/* list-style:disc; */padding-left:30px;} .webzine .conMiddle ol li {list-style:decimal; line-height:150%;} .webzine .conMiddle ul li {list-style:disc; clear:both; line-height:150%;} /*이벤트형*/ .event-box {width:100%; border-bottom:1px solid #e4e4e4; border-top:2px solid #e4e4e4; margin:10px 0 30px; float:left; box-sizing:border-box; list-style:none !important; padding-left:0 !important;} .event-box li{width:100%; float:left; border-bottom:1px solid #f1f1f1; padding:20px 0px; box-sizing:border-box; /*display:table;*/ list-style:none !important;} .event-box li:last-child{border-bottom:none;} .event-box li:nth-child(even) {background:rgba(247,247,247,0.5); } .event-box .event-ipt{/*display:table-cell;*/ vertical-align:middle; width:5%; float:left;} .event-box .event-ipt > input{margin:0 auto; display:block;} .event-box .event-img {width:20%; /*display:table-cell;*/ vertical-align:middle; float:left; text-align:center; background:#f7f7f7;} .event-box .event-img .imgbox {float:left; width:100%; max-height:150px; line-height:150px; overflow:hidden; border:1px solid #f0f0f0; box-sizing:border-box;} .event-box .event-img .imgbox > a img {width:100%; vertical-align:middle; transition:transform 1s; transition:transform 1s;} .event-box .event-txt {width:75%; height:135px; float:left; padding:5px 20px; box-sizing:border-box; position:relative;} .event-box .event-txt h3 {font-size:17px; font-weight:500; width:100%; padding-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .event-box .event-txt h3 + p {color:#838383; position:absolute; left:20px; bottom:0;} .event-box .event-txt h3 a {color:#333;} .event-box .event-txt p br {display:none;} .event-box .event-txt div.comM_txt {width:100%; overflow:hidden; max-height:70px;} .event-box .event-txt img {display:none;} .event-box .event-txt div.comM_txt p {font-size:13px; margin-top:0; color:#939393; width:100%; height:60px; display:-webkit-box; line-height:20px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:keep-all; -webkit-box-orient:vertical; -webkit-line-clamp:3;} .event-box .event-txt div.comM_txt a {width:100%;} .event-box .event-txt div.comM_txt a br {display:none;} .event-box li:hover .event-txt h3 {font-weight:600;} .event-box li:hover .event-txt div.comM_txt p {text-decoration:underline;} .event-box li:hover .imgbox > a img {transform:scale(1.1);} .event-box + .ctr-box + .ctr-box {background:#f7f7f7; border:1px solid #ececec; padding:20px 0; border-radius:3px;} .event-box + .ctr-box + .ctr-box input[type="text"] {width:40%; max-width:300px;} @media (max-width:799px){ .event-box .event-img {width:30%;} .event-box .event-txt {width:65%;} .event-box .event-txt h3 {font-size:15px;} } @media (max-width:599px){ .event-box .event-txt {padding-left:10px;} .event-box .event-txt h3 + p {left:10px;} .event-box .event-img .imgbox {max-height:130px; line-height:130px;} } /*목록(간단)*/ .simpleWrt {background:#f5f5f5; border:1px solid #d1d1d1; padding:6px; margin-bottom:20px; float:left; width:99%;} .simpleWrt + .ctr-box {margin:0 0 20px 0;} .simpleWrt .wrtTxt {border:1px solid #d1d1d1; position:relative;} .simpleWrt .wrtTxt textarea {width:100%; border:none; height:200px; line-height:15px;} .simpleWrt .wrtTxt .wrtFtbtn {float:left; width:100%; } /*등록(수정)*/ .register-box {margin:10px;} .register-box table{width:100%;border-collapse:collapse;text-align:left;} .register-box table td{width:44%; padding:15px 0px !important; font-size:13px;} .register-box table tr{border-bottom:1px solid #ddd;} .register-box table tr:first-child{border-top:2px solid #dfdfdf;} .register-box table td .jectBoard{width:150px;} .register-box div.subject table .subTit {font-weight:600; color:#444 !important; text-align:right; font-size:13px; padding-right:40px; border-bottom:none; } .register-box div.subject table td ul.setlist{padding:0; margin:0;} .register-box div.subject table td ul.setlist li {float:left; list-style:none; margin-right:5px; font-size:12px; line-height:15px;} .register-box div.subject table td ul.setlist li > span {margin:0 2px; /* vertical-align:7px;*/} .register-box div.subject table td ul.fileplus {list-style:none; padding:0; margin:0;} .register-box div.subject table td ul.fileplus li {width:100%;float:left;margin-bottom:3px;/* overflow:hidden; */} .register-box div.subject table td ul.fileplus li span {float:left;line-height: 40px;margin-right:5px;font-size: 14px;} .register-box div.subject table td ul.fileplus li a {height:40px; padding:0 10px; line-height:40px; font-size:15px;} .register-box div.ftBtn {display:table; margin-left:auto; margin-right:auto;} .register-box div.ftBtn a {background:#656a77; border:1px solid #575f6a; padding:6px 10px; border-radius:3px; color:#fff; text-decoration:none; margin:0 2px;} .register-box div.ftBtn a.two {background:#fbfbfb; border:1px solid #ccc; padding:6px 10px; border-radius:3px; color:#555; text-decoration:none;} .register-box a.save {padding-left:5px; color:#333; text-decoration:none;} .register-box a.save:hover {text-decoration:underline;} .register-box span.red {color:#ff0000; font-weight:bold; padding-left:3px;} .register-box input.serchBtn01 { width:80px; height:20px; margin-left:6px;} .register-box input.serchBtn02 {height:20px; margin-left:6px;} .register-box div.ftBtn {padding:30px 0;} .register-box div.tool {width:100%; border:1px solid #ccc; height:500px;} @media (max-width:599px){ .register-box div.subject table .subTit {width:25% !important;} .register-box input.uploadTit {width:50% !important;} } #ntt_reply_div {width:100%; float:left; margin-bottom:30px;} #ntt_reply_div .board001 {background:#f9f9f9; border:1px solid #f0f0f0; width:100%; padding:10px; box-sizing:border-box; position:relative; width:calc(100% - 15px); float:left; margin-left:15px; overflow:visible; margin-bottom:20px;} #ntt_reply_div .board001:before {content:" "; position:absolute; right:100%; top:17px; box-sizing:border-box; border-right:15px solid #f0f0f0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:0px solid transparent;} #ntt_reply_div .board001:after {content:" "; position:absolute; right:100%; top:18px; box-sizing:border-box; border-right:14px solid #f9f9f9; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:0px solid transparent;} #ntt_reply_div .board001 .list_tit {border:none; padding:0; background:transparent;} #ntt_reply_div .board001 .list_content .conTop {} #ntt_reply_div .board001 .list_content .conTop h4 {position:absolute; top:0; left:0; margin-top:-20px; padding:0;} #ntt_reply_div .board001 .list_content .conMiddle {border-top:none; padding-top:0;} #ntt_reply_div .board001 .list_content .conMiddle div.conM_txt {padding:20px 0;} #ntt_reply_div .board001 .list_content .conTop p {padding:15px 0;} #ntt_reply_div .board001 .conMiddle ul {padding-bottom:5px; width:100%; clear:both;} #ntt_reply_div .board001 .conBottom div.answer {background:white; margin-bottom:0;} #ntt_reply_div .ctr-box {/*position:absolute;*/ /*margin-top:0;*/ /*right:10px;*/ /*top:50px;*/} #ntt_reply_regist_div {margin-top:50px;} /* dashboard */ .site-groupAll {float:left; width:100%;} .site-groupAll div.site-group {width:100%;margin-bottom: 30px;float:left;} #sidebar.sysSidebar + #contents .site-groupAll div.site-group:nth-child(2) {width:100%; margin-bottom:20px; float:left; background:white; border:1px solid #f1f3f4; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1);} .site-groupAll div.site-group > div {padding: 25px 20px; background:#fff;box-sizing:border-box;} .site-groupAll > div.site-group > .site-admin {width:25%; margin-right:1%; float:left; padding:20px 15px; position:relative;} .site-groupAll > div.site-group > .site-admin > div {width:100%;float:left; text-align:center;} .site-groupAll > div.site-group > .site-admin img {width:200px;height:auto; max-height:70px;margin:15px auto 15px auto;display:inline-block;max-width:100%;} .site-groupAll > div.site-group > .site-admin img + .admin-data {float:left; width:100%;} .site-groupAll > div.site-group > .site-admin img + .admin-data ul {margin-top:30px;} .site-groupAll > div.site-group > .site-admin img + .admin-data {float:left;width:100%;} .site-groupAll > div.site-group > .site-admin img + .admin-data ul {margin-top:15px;margin-bottom:18px;} .site-groupAll > div.site-group > .site-admin img + .admin-data ul li {font-size:13px;margin-bottom:5px;} .site-groupAll > div.site-group > .site-admin img + .admin-data .admin-logout {float:left; margin-top:5px; width:100%;} .site-groupAll > div.site-group > .site-admin img + .admin-data .admin-logout .btn-a {font-size:12px;} .site-groupAll > div.site-group > .site-admin img + .admin-data .admin-logout .btn-b {font-size:12px;} .site-groupAll > div.site-group > .site-admin img + .admin-data .admin-logout .btn-b:hover {color:#fff;} .site-groupAll > div.site-group > .site-guest {width:74%; float:left; padding:20px 15px;} .site-groupAll > div.site-group > .site-guest ul {} .site-groupAll > div.site-group > .site-guest ul li {font-size:14px; float:left; position:relative; background:#fff; border:1px solid #ececec; box-sizing:border-box; width:49.5%; height:auto; padding:10px; margin:6px 1% 0px 0;} .site-groupAll > div.site-group > .site-guest ul li:nth-child(2n) {margin-right:0;} .site-groupAll > div.site-group > .site-guest ul li > p {font-size:12px;} .site-groupAll > div.site-group > .site-guest ul li > span {font-size:30px; color:#333; margin-top:20px; display:inline-block; font-weight:bold; width:100%; text-align:right;} .site-groupAll > div.site-group > .site-guest ul li > a.siteMore {position:absolute; top:20px; right:20px; font-size:12px;} .site-groupAll > div.site-group > .site-overview {float:left; width:24.25%; margin-right:1%; border:none !important;} .site-groupAll > div.site-group > .site-overview:nth-child(odd) {background-image:linear-gradient(to right, #1189c4 , #3bb0d3);} .site-groupAll > div.site-group > .site-overview:nth-child(even) {background-image: linear-gradient(to right, #353535 , #696969);} .site-groupAll > div.site-group > .site-overview:nth-child(4), .site-groupAll > div.site-group > .site-overview:last-child {margin-right:0;} .site-groupAll > div.site-group.site-group3 > .site-overview {width:32.666%;} .site-groupAll > div.site-group > .site-overview>div {width:70%;float:left;color:#fff;font-size: 16px;} .site-groupAll > div.site-group > .site-overview>div h3 {font-size: 18px;margin:0 0 10px;font-weight:400;} .site-groupAll > div.site-group > .site-overview>div div {height:32px;margin-bottom: 5px;} .site-groupAll > div.site-group > .site-overview>div h4 {font-size: 28px;font-weight:400;padding-bottom:3px;} .site-groupAll > div.site-group > .site-overview>div h4 span {font-size:13px; font-weight:400;} .site-groupAll > div.site-group > .site-overview>div p strong {padding-right:5px;} .site-groupAll > div.site-group > .site-overview>div:last-child {width:30%; text-align:right;} .site-groupAll > div.site-group > .site-overview>div:last-child img {width:auto; max-width:100%; margin-top:15px;} @media (min-width:700px) and (max-width:1050px){ .site-groupAll > div.site-group > .site-overview {width:49.5%; margin-bottom:10px;} .site-groupAll > div.site-group > .site-overview:nth-child(2n) {margin-right:0;} .site-groupAll > div.site-group > .site-overview:nth-child(3) {background-image:linear-gradient(to right, #8d8d8d , #bebebe);} .site-groupAll > div.site-group > .site-overview:nth-child(4), .site-groupAll > div.site-group.site-group3 > .site-overview:nth-child(3) {background-image:linear-gradient(to right, #1189c4 , #3bb0d3);} .site-groupAll > div.site-group.site-group3 > .site-overview:nth-child(2n) {margin-right:1%;} } @media (max-width:699px){ .site-groupAll .site-overview {width:100% !important; margin-right:0 !important; margin-bottom:10px;} .site-groupAll div.site-group {margin-bottom:0;} .site-groupAll div.site-group > div {border:0; box-shadow:0 4px 6px 0 hsla(0,0%,0%,0.2%); border-radius:5px;} } .site-groupAll > div.site-group .main-menu-bar {padding:15px; border:none; box-shadow:none; text-align:right;} .site-groupAll > div.site-group .main-menu-bar span:last-child a, .site-groupAll > div.site-group .main-menu-bar span:nth-last-child(2) a, .site-groupAll > div.site-group .main-menu-bar span:nth-last-child(3) a {border:1px solid #d6d6d6; background:#ddd;} .site-groupAll > div.site-group .board-present {position:relative;width:49.5%;margin-right:1%;text-align:center;height:300px;float:left; box-shadow: 0 1px 3px rgba(0,0,0,0.1);margin-bottom: 30px;} .site-groupAll > div.site-group .board-present > div {display:inline-block; width:100%;} .site-groupAll > div.site-group .board-present > div >svg {width:100%;} .site-groupAll > div.site-group .board-present > div rect {stroke:none;} .site-groupAll > div.site-group .wide-present {position:relative;width:49.5%;margin-right:1%;padding:15px 0;/* height:300px; */float:left;box-shadow:none;border:none;} .site-groupAll > div.site-group .group-present {position:relative;width:49.5%;text-align:center;height:300px;float:left;box-shadow: 0 1px 3px rgba(0,0,0,0.1);margin-bottom: 30px;} .site-groupAll > div.site-group .group-present > div {display:inline-block;} .site-groupAll > div.site-group .group-present > div rect {stroke:none;} .site-groupAll > div.site-group .wide-present .highcharts-container {width:100% !important;} .site-groupAll > div.site-group .wide-present .highcharts-container svg, .site-groupAll > div.site-group .wide-present .highcharts-container > svg defs > clipPath > rect, .site-groupAll > div.site-group .wide-present .highcharts-container > svg > rect {width:100%;} .site-groupAll > div.site-group .wide-present .highcharts-container g.highcharts-tracker rect {width:15px;} .site-groupAll > div.site-group .notice {position:relative;width:49.5%;/*height:300px;*/margin-right:1%;float:left;box-sizing:border-box;padding: 0;} .site-groupAll > div.site-group .notice:last-child {margin-right:0;} .site-groupAll > div.site-group .notice > h3 {font-size:18px; line-height:1.3em; position:relative; padding:18px 20px 19px;box-sizing: border-box;background: #f3f3f3;} .site-groupAll > div.site-group .notice a.btn-s {position:absolute; top:16px; right:8px; font-size:22px; font-weight:600; color:#333; line-height:25px; text-align:center; width:25px; height:25px; padding:0; background:transparent; border:none; border-radius:3px; -webkit-transition:background 1s; transition:background 1s;} .site-groupAll > div.site-group .notice > .basic-table02 {border:none;} .site-groupAll > div.site-group .notice > .basic-table02 colgroup, .site-groupAll > div.site-group .notice > .basic-table02 thead {display:none;} .site-groupAll > div.site-group .notice > .basic-table02 tbody tr td:first-child {display:none;} .site-groupAll > div.site-group .notice > .basic-table02 tbody tr td:nth-child(2) {width:75%;padding: 7px 0 !important;} .site-groupAll > div.site-group .notice > .basic-table02 tbody tr td:nth-child(2):before {content:"\b7"; float:left; margin-right:3px;} .site-groupAll > div.site-group .notice > .basic-table02 tbody tr td:last-child {width:25%;padding: 7px 5px; text-align:right;font-size: 14px;opacity:0.7;letter-spacing: 0.5px;} .site-groupAll > div.site-group .board-present svg > text, .site-groupAll > div.site-group .group-present svg > text {font-size:16px !important; text-align:left; font-weight:600;} @media (max-width:1050px){ .site-groupAll > div.site-group .notice {width:100%; margin-right:0;} } @media (max-width:699px){ .site-groupAll > div.site-group .notice > h3 {border-bottom-color:rgba(0,0,0,0.07);} .site-groupAll > div.site-group .main-menu-bar {text-align:left; padding:10px 5px;} .site-groupAll > div.site-group .main-menu-bar input[type="text"] {width:38% !important; margin-bottom:5px;} .site-groupAll > div.site-group .main-menu-bar input[type="text"] + span {border-bottom:5px; float:right;} .site-groupAll > div.site-group .board-present {width:100%; margin-right:0; margin-bottom:15px;} .site-groupAll > div.site-group .group-present {width:100%; margin-right:0;} .site-groupAll > div.site-group .main-menu-bar span:last-child, .site-groupAll > div.site-group .main-menu-bar span:nth-last-child(2), .site-groupAll > div.site-group .main-menu-bar span:nth-last-child(3) {margin-top:5px;} .site-groupAll > div.site-group .main-menu-bar span:nth-last-child(3) {clear:both;} .site-groupAll > div.site-group .notice a.btn-s {border:none; right:10px;} .site-groupAll > div.site-group .notice > .basic-table02 tbody tr td:nth-child(2) {padding:7px 0 !important;} .site-groupAll > div.site-group .notice > .basic-table02 tbody tr td:last-child {opacity:0.5; padding-right:0 !important;} } /*커뮤니티*/ .joinUs_box {float:left; width:100%;} .joinUs_box table {width:100%; border-top:2px solid #ccc; border-collapse:collapse;} .joinUs_box table th {border:1px solid #f3f3f3; padding:5px 15px; background:#f9f9f9; color:#333; font-size:12px; font-weight:400;} .joinUs_box table td {line-height:19px; border:1px solid #f3f3f3; padding:6px; font-size:12px; font-weight:400; color:#333;} .joinUs_box table td a.id_select_bt {display:inline-block;} .joinUs_box table td a.id_select_bt span {border:1px solid #ccc; line-height:24px; display:inline-block; vertical-align:2px; font-size:11px; padding:0 5px; border-radius:3px; background:url("/images/wzwg/site/mngr/clickBar.png") repeat-x; color:#333; margin-left:3px;} .joinUs_box table td span.id_select_ok {vertical-align:1px; line-height:22px; margin-left:5px; font-size:12px; letter-spacing:-0.3px;} .joinUs_box table td span.pw_select_ok {vertical-align:1px; width:100%; display:block; float:left; font-size:12px; letter-spacing:-0.3px; margin:6px 0 0 0; line-height:17px;} .joinUs_box table td .pd_3b {margin:0 3px; float:left; line-height:24px;} .joinUs_box table td input[type="text"] { height:24px; border:1px solid #f3f3f3; float:left; line-height:22px; font-size:12px; padding:0 5px; margin:0;} .joinUs_box table td input { border:1px solid #ddd; line-height:22px; font-size:12px; padding:0 5px; margin:0 5px;} .joinUs_box table td ul li {display:inline-block; float:left; margin-right:5px;} .joinUs_box table td select {height:24px; float:left; font-size:12px; border:1px solid #ddd;} .joinUs_box table td textarea {width:100%; height:300px; border:1px solid #f3f3f3; overflow-y:scroll; margin:0; font-size:12px; line-height:16px;} .joinUs_box table td a.btn-s {line-height:12px; vertical-align:0px;} .joinUs_box table td a.pop1 {vertical-align:-11px;} .joinUs_box .signText {height:200px; border:1px solid #ccc; box-sizing:border-box; overflow-y:scroll;} .joinUs_box .signClick {overflow:hidden;} .joinUs_box .signClick input {vertical-align:-2px;} .joinUs_box .signClick span {font-size:12px; font-weight:600;} /*회원관리 - 회원가입양식 질문*/ .qesitm-box #qesitmListDiv {width:100%; margin-bottom:30px; float:left;} .qesitm-box .txt-control {float:left; margin:20px 2px 20px 15px;} .qesitm-box .input-control {float:left;margin: 20px 5px;} .qesitm-box .input-control ~ a {float:left; margin:20px 0 15px; font-size:15px;} .qesitm-box .input-control ~ a span {height:40px; line-height:40px; padding:0 10px; margin-right:5px; letter-spacing:-0.5px;} .qesitm-box p.qesitm-list {width:100%; float:left; border-top:1px solid #f3f3f3;} .qesitm-box p.qesitm-list > span.qesitm-text {float:left; min-width:180px; text-align: right;vertical-align: top; font-size:16.5px; box-sizing:border-box; padding:20px 25px 20px 15px;line-height: 40px;background: #fff;color: #333;font-weight: 600; word-break:keep-all; clear:both;} .qesitm-box p.qesitm-list > a > span.btn-r {padding:5px 12px; line-height:12px; border-radius:5px; font-size:11px; float:left;} .qesitm-box p.qesitm-list > a > span.btn-b {padding:5px 12px; line-height:12px; border-radius:5px; font-size:11px; float:left;} .qesitm-box p.qesitm-list + div {width:100%; float:left;} .qesitm-box p.qesitm-list + div > div.qesitm-listdiv {width:100%; float:left; margin-bottom:5px;} .qesitm-box p.qesitm-list + div > div.qesitm-listdiv > .qesitm-listbox {margin-left:0 !important;padding-left:240px; width:100%; box-sizing:border-box; float:left;} .qesitm-box p.qesitm-list + div > div.qesitm-listdiv > .qesitm-listbox input[type='radio'] {height:30px; float:left; margin:13px 5px 0 0;} .qesitm-box p.qesitm-list + div > div.qesitm-listdiv > .qesitm-listbox input[type='text'] {margin:0; width:50% !important;} .qesitm-box p.qesitm-list + div > div.qesitm-listdiv:last-of-type {margin-bottom:15px;} .qesitm-box #qesitmListDiv + p {float:left;} .qesitm-ex {font-size:15px; margin:6px; float:left; color:#e11818; line-height:150%; word-break:keep-all;} @media (min-width:900px) and (max-width:1350px){ .qesitm-box .input-control {width:25% !important;} } @media (max-width:899px){ .qesitm-box p.qesitm-list > span.qesitm-text {width:100% !important; text-align:left; min-width:auto !important; padding:15px 15px 5px;} .qesitm-box .txt-control {margin:5px 2px 15px 15px;} .qesitm-box .input-control {margin:5px 5px 15px 5px;} .qesitm-box .input-control ~ a {margin-top:5px ;} .qesitm-box p.qesitm-list + div > div.qesitm-listdiv > .qesitm-listbox {padding-left:20px;} } @media (max-width:599px){ .qesitm-box .input-control {width:30% !important;} } .datePicker {width:auto !important; min-width:30%; padding-left:33px !important; background:url(/images/wzwg/site/mngr/datepicker.png) 7px 10px no-repeat;} @media (max-width:599px){.datePicker {width:60% !important;}} /*게시판 - 담당자 지정*/ ul.usrList {list-style: none;margin: 20px 0;padding: 20px 0;width: 100%;background: #f9f9f9;float: left;} ul.usrList li {display: inline-block;padding: 10px 10px 10px 40px;border: 0px solid #efefef;font-size: 15px;cursor: pointer;width: 25%;box-sizing: border-box;float: left;text-align: left;word-break: break-all;text-indent: -21px;} ul.usrList li:hover {font-weight:600;} ul.usrList li input[type="checkbox"] {cursor:pointer;} ul.usrList li:nth-child(4n+1) {clear:both;} #searchUsr ul.usrList + div {float:left;} /************************************************************************/ /************************************************************************/ /************************************************************************/ /**************************** 디자인 추가 ********************************/ /************************************************************************/ /************************************************************************/ /************************************************************************/ /*템플릿 앨범 -sysmngr tamplate list? */ div.template {/*width:100%;*/ /*overflow:hidden;*//* float:left;*/} div.template ul {/*margin-bottom:20px;*/ /*float:left;*/} div.template ul li {width:100%; float:left; padding:10px; border-bottom:1px solid #efefef; position:relative; box-sizing:border-box;} div.template ul li:nth-of-type(3n+1) {clear:both;} div.template ul li > div {width:40%; max-height:400px; overflow:hidden; float:left; border:1px solid #f2f2f2; box-sizing:border-box;} div.template ul li > div img {/*width:100%;*/ /*height:300px;*/ box-sizing:border-box; } div.template ul li > div a + a.btn-a {width:100%; box-sizing:border-box; text-align:center; margin-top:10px;} div.template ul li ul {width:60%; float:left;} div.template ul li ul.a li {width:100%; float:left;} div.template ul li ul.a li span {font-weight:900; margin-right:5px} div.template ul li table {width:50%;} div.template ul li table tr th {padding:5px 10px;} div.template ul li table tr td span {font-weight:600; color:#fa5058;} @media (min-width:600px){ div.template ul li {width:33.3%; padding:130px 15px 60px;} div.template ul li:nth-of-type(3) ~ li {border-bottom:none; margin-top:50px; padding-bottom:10px;} div.template ul li > div {width:100%;} div.template ul li table {width:100%; position:absolute; top:0;} } @media (max-width:1299px){ div.template ul li > div {max-height:200px;} } @media (max-width:799px){ div.template ul {margin-left:0 !important; width:100% !important; padding:5px !important; box-sizing:border-box;} } @media (max-width:599px){ div.template ul li {padding:20px 10px;} } /*main design template adm table tr td div.template {border-bottom:none; margin-bottom:0;} table tr td div.template h4:before {content:""; display:none;} table tr td .template .lt-box .btn-a {width:auto; padding:10px 30px; font-size:14px;} */ /* 디자인관리 - tap btn .designMngr {position:relative; float:left; width:100%;} .template_act {margin-bottom:40px !important;} .template_act2 {width:100%; height:45px; line-height:45px; float:left; position:relative; padding:0 15px; background:#fff; font-size:15px; color:#333; border-left:2px solid #ddd; box-sizing:border-box; font-weight:600;} .template_act2.on {border-left-color:#333; border-bottom:1px solid #f1f1f1;} .template_act2 > h2 {font-size: 18px;font-weight:inherit;} .template_act2 > h2 a {width:100%; float:left;} .template_act2 .btn-a {background:none;border:none;padding:0;font-size: 18px;display:block;} .template_act2 > div {position:absolute; width:180px; padding:10px; border:1px solid #dedede; background:#f5f5f5; display:none; text-align:center; font-size:12px; line-height:1.5em; color:black; top:10px; left:12%; font-weight:400;} .template_act2:hover div {display:inline; } .template_act2:after {content:"\276f"; transform:rotate(90deg); display:inline; position:absolute; right:20px; top:12px; font-size:15px; cursor:pointer; line-height:normal;} .template_act2.on:after {transform:rotate(-90deg);} #pannelTemplate {width:100%; float:left; box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); background:white; margin-bottom:20px;} #pannelTemplate div.template div.tem-img div { text-align:center;} #pannelTemplateSelect {width:100%; float:left; box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); background:white; padding:30px 0;}*/ /* 현재적용중인 템플릿 #pannelTemplateTitle + #pannelTemplate div.template {margin-top:30px;} #pannelTemplateTitle + #pannelTemplate div.template > .pd20 > h4 {padding-left:20px; font-weight:400; font-size:14px;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-img {width:40%; float:left; box-sizing:border-box; padding:0 20px; height:550px; overflow:hidden;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-img div > img {width:auto; max-width:100%; height:auto; display:inline-block;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-img > ul {float:left; width:100%;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-img > ul > li {float:left; width:auto; padding:10px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-img ul li > img {border:1px solid #f1f1f1;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-list {width:60%; max-width:800px; float:left; padding-right:15px; box-sizing:border-box;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-list > table colgroup {display:none;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-list > table tr th {font-weight:600; padding:20px 10px; word-break:keep-all;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-list > table tr td {line-height:20px;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-list > table tr td span {font-weight:900; color:#fa5058;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 {width:100%; border:1px solid #ebecee; background:#fcfcfc; border-collapse:collapse;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr th {border:1px solid #ebecee;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr td {line-height:20px; padding-left:15px; border-top:1px solid #ebecee;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr:last-child td {padding-left:0;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr:last-child td ul li {padding:15px; position:relative; height:370px; margin-bottom:15px; overflow:hidden; border-bottom:none;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr:last-child td p {text-align:center; font-weight:600; margin-bottom:10px; position:absolute; background:rgba(0,0,0,0.7); padding:5px 15px; color:white; font-weight:400;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr td span {font-weight:900; color:#fa5058;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr td img {margin:0 auto; display:block; width:100%; height:200px; height:auto; overflow:hidden; border:1px solid #eaeaea;} #pannelTemplateTitle + #pannelTemplate div.template .lt-box {width:calc(60% - 15px); max-width:785px; float:left; margin-right:15px; margin-bottom:50px; position:relative;} #pannelTemplateTitle + #pannelTemplate div.template .lt-box:hover div {display:inline;} #pannelTemplateTitle + #pannelTemplate div.template .lt-box > div {position:absolute; width:130px; padding:10px 10px; border:1px solid #dedede; background:#f5f5f5; display:none; text-align:center; font-size:12px; line-height:1.5em; color:black; top:15px; left:56%;} @media (max-width:799px){ #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr:last-child td ul li {width:33%; padding:7px 15px 0 0; height:auto;} #pannelTemplateTitle + #pannelTemplate div.tem-list > table.tem-table01 tr:last-child td p {padding:5px 10px;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-img {width:100%; height:auto;} #pannelTemplateTitle + #pannelTemplate div.template div.tem-img div {height:300px; overflow:hidden; } #pannelTemplateTitle + #pannelTemplate div.template div.tem-list {width:100%; padding:15px;} #pannelTemplateTitle + #pannelTemplate div.template .lt-box {width:100%; padding:0 15px; box-sizing:border-box; margin-right:0;} } */ div.tem-list > ul {float:left; width:100%;} div.tem-list > ul > li {float:left; width:20%; max-width:130px; padding:5px 0 10px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} div.tem-list > ul > li > img {width:100%; height:auto; max-height:150px; border:1px solid #f1f1f1;} div.tem-list > ul > li:last-child {max-height:200px; overflow:hidden; box-sizing:border-box;} div.tem-list > ul > li:last-child > img {height:auto; max-height:none;} div.tem-list > ul > p {font-weight:600; padding:25px 0 10px 15px;} div.tem-list > ul > li > p {padding:0 0 10px 0;} /* 템플릿 유형 선택 */ div.tem-list01 {display:block; padding:0px; float:left; width:100%; margin-top:0;} div.tem-list01 > h4 {padding:20px;font-size: 17px;text-align:left;color:#444;} div.tem-list01 > ul {float:left; padding:20px; width:97%; margin-left:20px; box-sizing:border-box; background:#fcfcfc; border:1px solid #ebecee;} div.tem-list01 > ul li {float:left; width:25%; text-align:center;} div.tem-list01 > ul li h5 {margin:10px 0; text-align:left; font-size:13px;} div.tem-list01 > ul li > img {width:95%; max-width:250px;} div.tem-list01 > ul li > span {width:95%;max-width:270px;margin-top:15px;font-size: 16px;display:inline-block;word-break:keep-all;color:#555;} div.tem-list01 > ul li > span label {cursor:pointer;} div.tem-list01 > ul li > span input[type='radio'] {margin-right:4px;} div.tem-list01 > h4 > span, #templtListDiv .main-menu-bar > h4 > span {color: #2568ad;font-size: 16px;margin:-2px 5px 0 0;font-weight:400;} div.tem-list01 > h4 > span:before, #templtListDiv .main-menu-bar > h4 > span:before {content:"STEP."; margin-right:2px;} /* 템플릿 디자인 선택 */ div.tem-list02 {display:block; padding:0 20px; float:left; width:100%;} div.tem-list02 > ul {float:left; width:100%; box-sizing:border-box; margin-bottom:20px; padding-bottom:40px; border-bottom:1px solid #efefef;} div.tem-list02 > ul:last-child {border-bottom:none; padding-bottom:0;} div.tem-list02 > ul li {float:left; width:22.75%; height:auto; margin-right:3%; box-sizing:border-box; text-align:left; position:relative; overflow:hidden;} div.tem-list02 > ul li:nth-child(4n) {margin-right:0;} div.tem-list02 > ul li h5 {text-align:left; font-size:14px; font-weight:400; line-height:25px; margin:7px 0;} div.tem-list02 > ul li .tem-list-thumb {width:100%; height:400px; overflow:hidden; border:1px solid #f1f3f4; box-sizing:border-box;} div.tem-list02 > ul li .tem-list-thumb img {width:100%; height:auto; display:block;} div.tem-list02 > ul li .templateUsrInfo {/*display:none;*/ color:#838383; margin:10px 0; font-size:12px; word-break:break-all;} div.tem-list02 > ul li .tem-list-btns {width:100%; position:absolute; top:5px;} div.tem-list02 > ul li .tem-list-btns > div {margin-top:0; width:100%; float:left;} div.tem-list02 > ul li .tem-list-btns > div:first-child {margin-bottom:5px;} div.tem-list02 > ul li .tem-list-btns > div:first-child a {width:auto; float:right;} div.tem-list02 > ul li .tem-list-btns > div:last-child {height:400px; line-height:400px; background:rgba(0,0,0,0.8); opacity:0; transition:opacity 0.3s; transition:opacity 0.3s;} div.tem-list02 > ul li .tem-list-btns > div:last-child a {float:none; width:40% !important;} div.tem-list02 > ul li .tem-list-btns > div:last-child a:first-child {background:#fff;} div.tem-list02 > ul li .tem-list-btns > div:last-child a:first-child:hover {color:#333;} div.tem-list02 > ul li:hover .tem-list-btns > div:last-child {opacity:1;} #templtListDiv {float:left; width:100%; margin-top:50px;} #templtListDiv .main-menu-bar {padding:10px 0;} #templtListDiv .main-menu-bar > h4 {padding:15px 20px;float:left;font-size: 17px;text-align:left;color:#444;} #templtListDiv .main-menu-bar select {margin:15px 0; width:150px;} #templtListDiv .tem-list02, #templtListDiv > ul {margin-top:0px; float:left; padding:20px; width:97%; margin-left:20px; box-sizing:border-box; margin-bottom:40px; background:#fcfcfc; border:1px solid #ebecee;} #templtListDiv .tem-list02 ul li > h5:before {content:"\2022"; padding-right:3px; display:none;} @media (min-width:1299px){ div.tem-list01 > ul {padding:20px 7%;} } @media (min-width:991px) and (max-width:1450px){ div.tem-list02 > ul li .tem-list-thumb {height:250px;} div.tem-list02 > ul li .tem-list-btns > div:last-child {height:250px; line-height:250px;} } @media (min-width:800px) and (max-width:990px){ div.tem-list02 > ul li {width:47%; margin-right:5%; margin-bottom:40px;} div.tem-list02 > ul li:nth-child(2n) {margin-right:0;} } @media (max-width:799px){ .designMngr {padding-bottom:50px;} .template_act2 {margin-bottom:0;} .template_act2 > div {left:35%;} div.tem-list01 > ul, div.tem-list02 {margin-left:1.5% !important; padding:10px !important; box-shadow:none !important;} div.tem-list02 > ul {padding-bottom:0; margin-bottom:0;} div.tem-list02 > ul li {width:47%; margin-right:5%; padding:5px 0 30px 5px;} div.tem-list02 > ul li:nth-child(2n) {margin-right:0;} div.tem-list02 > ul li:nth-child(2n+1) {clear:both;} div.tem-list02 > ul li .tem-list-thumb {height:250px;} div.tem-list02 > ul li .tem-list-btns {width:97%;} div.tem-list02 > ul li .tem-list-btns > div:last-child {height:255px; line-height:40px;} div.tem-list02 > ul li .tem-list-btns > div:last-child a:first-child {margin-top:95px;} div.tem-list02 > ul li > img {width:50%; float:left;} div.tem-list02 > ul li > img ~ .ctr-box {width:47%; float:right; clear:none;} div.tem-list02 > ul li .tem-list-btns > div:last-child a {width:90% !important;} div.tem-list02 > ul li .tem-list-btns > div:first-child a {margin-top:6px; padding:2px 5px; font-size:0.9em;} div.tem-list01 > h4 {padding:20px 10px; font-size:15px;} #templtListDiv .main-menu-bar > h4 {padding:10px; font-size:15px;} } /* help div */ .menu_help {position:relative; display:inline-block; cursor:pointer; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;} .menu_help > img {vertical-align:middle;} .menu_help:hover div, .menu_help:focus div {display:inline;} .menu_help:focus >img {outline:1px solid #a6c7ff;} .menu_help > .help_pop {display:none; width:auto; height:auto; position:absolute; top:0; left:20px; z-index:2; padding:10px; background: #fff; color:black; border: 1px solid #ececec; font-size:0.85em; line-height:150%; font-weight:400; word-break:keep-all;} .menu_help > .help_pop img {max-width:800px; max-height:500px; display:block;} .menu_help > .help_pop ul {width:100%; float:left; display:block; margin:3px 0 5px;} .menu_help > .help_pop ul li.w50 {margin-right:0;} table.basic tr th .menu_help .help_pop {width:400px;text-align:left;background: #f5f5f5;border: 1px solid #ddd;color: #333;margin: 5px 0 0 8px;} table.basic tr th .menu_help .help_pop img {max-width:100%; margin-top:5px;} .wzAdmSTit .menu_help .help_pop {width:30vw; max-width:700px; text-align:left;background: #f5f5f5;border: 1px solid #ddd;color: #333;margin: 5px 0 0 8px;} .wzAdmSTit .menu_help .help_pop img {max-width:100%; margin-top:5px;} /* superadm _ maintemplate write page */ .template.superadm_maintem_write div.tem-list {width:40%;} .template.superadm_maintem_write .templt-info {padding:15px !important; overflow:hidden; background:#fff; border:1px solid #f1f3f4; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1); position:relative; box-sizing:border-box; display:table; margin-top:20px; border-radius:3px;} .template.superadm_maintem_write div.tem-img {max-width:100% !important;} .template.superadm_maintem_write div.tem-img > div.templt-info > .preview-title {position:absolute; top:10px; left:10px;} .template.superadm_maintem_write div.tem-img > div.templt-info table.basic {/*width:49.5%;*/width:98%; display:table; margin-top:46px;} .template.superadm_maintem_write div.tem-img > div.templt-info table.basic + div:last-child {display:table-cell; width:49.5%; vertical-align:top;} .template.superadm_maintem_write div.tem-img > div.templt-info table.basic + div:last-child .preview-title {width:100%; border-bottom:1px solid #dcdcdc; padding:0 0 15px; } .template.superadm_maintem_write div.tem-img > div.templt-info table.basic + .lt-box + div {width:50%; float:right; margin-top:-357px; padding-left:10px; box-sizing:border-box;} .template.superadm_maintem_write div.tem-img > div.templt-info table.basic + .lt-box + div > div {width:100%; float:left; border-bottom:1px solid #dcdcdc; padding:7px 0 15px;} .template.superadm_maintem_write div.tem-img > div.templt-info table.basic + .lt-box + div > div ul {width:100%;} .template.superadm_maintem_write div.tem-img > div {margin-bottom:30px; clear:both; border:none; width:100%;} .template.superadm_maintem_write div.tem-img > div .preview-title {width:50%; font-size:14px; font-weight:600; text-align:center; border:none; margin:15px 0; display:inline-block; float:left;} .template.superadm_maintem_write div.tem-img > div.thumb-box .thumb-title {width:100%; float:left; font-size:15px; padding-bottom:10px; font-weight:600; margin-top:20px;} .template.superadm_maintem_write div.tem-img > div.thumb-box .thumb-content {width:100%; padding:15px; float:left; clear:both; background:#fff; border:1px solid #f1f3f4; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1); border-radius:3px; box-sizing:border-box;} .template.superadm_maintem_write div.tem-img > div.thumb-box .thumb-content > div {width:33.333%; float:left;} .template.superadm_maintem_write div.tem-img > div.thumb-box .thumb-content > div img {width:100%; margin-bottom:20px;} .template.superadm_maintem_write div.tem-img > div.thumb-box:last-child .thumb-content {width:33%;} .template.superadm_maintem_write div.tem-img > div.thumb-box:last-child .thumb-content > div {width:100%;} .template.superadm_maintem_write div.tem-img > div.thumb-box:last-child .thumb-content > div img {max-height:600px; width:auto; margin:0 10px 0 0; float:left;} .template.superadm_maintem_write div.tem-list > table {width:90%;} .template.superadm_maintem_write div.tem-list > table tr th {vertical-align:top;} .template.superadm_maintem_write div.tem-list > table tr td {} .template.superadm_maintem_write div.tem-list > table tr td .btn-c {width:300px !important; box-shadow:none; border:1px solid #dcdcdc; margin-bottom:20px;} .template.superadm_maintem_write .mngr_zipList li {border-bottom:1px dashed #ddd; padding:13px 0;} .template.superadm_maintem_write .mngr_zipList li:last-of-type {border-bottom:none;} .template.superadm_maintem_write .mngr_zipList li .fileName {float:left; width:70%; line-height:34px; color:#0080ff; font-weight:bold;} .template.superadm_maintem_write .mngr_zipList li .fileName a {color:#0080ff; font-weight:bold;} .template.superadm_maintem_write .mngr_zipList li .fileName a:hover {color:#0000ff;} .template.superadm_maintem_write .mngr_zipList li .fileControll {float:left; width:30%; text-align:right;} .template.superadm_maintem_write .mngr_zipList li .fileControll .wzbtn {height:30px; line-height:30px; padding:0 10px; font-size:12px;} .template.superadm_maintem_list {padding:0 50px; box-sizing:border-box;} .template.superadm_maintem_list ul li {width:25%;} .template.superadm_maintem_list ul li {border-top:2px solid #ddd; padding:30px 0; position:relative;} .template.superadm_maintem_list ul li:hover div img {opacity:0.5; -webkit-transition:opacity 1s; transition:opacity 1s;} .template.superadm_maintem_list ul li:first-child, .template.superadm_maintem_list ul li:nth-child(2), .template.superadm_maintem_list ul li:nth-child(3), .template.superadm_maintem_list ul li:nth-child(4) {border-top:none; padding:30px 0;} .template.superadm_maintem_list ul li:nth-child(5) {clear:both;} .template.superadm_maintem_list ul li > div {width:100%; text-align:center; border:none; min-height:235px;} .template.superadm_maintem_list ul li > div > a:first-child {float:left; /*padding-right:40%; */ min-height:180px;} .template.superadm_maintem_list ul li > div img {width:80%; clear:both; float:none; margin:0 2.5%; height:auto; max-height:400px;} .template.superadm_maintem_list ul li > div .btn-a {margin:10px auto;} .template.superadm_maintem_list ul li > table {/*width:40%; position:absolute; right:0; */ display:none;} .template.superadm_maintem_list ul li > table tr th {padding:0 0 5px; width:100%; float:left; font-size:12px;} .template.superadm_maintem_list ul li > table tr td {padding:3px 0 12px 5px; float:left; width:100%; font-size:11px; color:#636363;} @media all and (max-width:1050px) { .template.superadm_maintem_write div.tem-img > div {display:block;} .template.superadm_maintem_write div.tem-img > div.templt-info table.basic {width:100%; display:block; float:left; margin-top:10px;} .template.superadm_maintem_write div.tem-img > div .preview-title {width:100%; display:block; float:left; position:relative !important; left:0 !important;} .template.superadm_maintem_write div.tem-img > div.templt-info table.basic + div:last-child {width:100%;} .template.superadm_maintem_write .mngr_zipList li .fileControll .wzbtn {padding:0 10px;} .template.superadm_maintem_write div.tem-img > div.thumb-box .thumb-content > div {padding-right:10px; box-sizing:border-box;} } /* popup admin */ #popupForm #thumbFileArea #thumbReplcText {} #popupForm table tr ul.popupTypeSelect li {width:100%; display:block;} #popupForm #tmplatSeq {float:left;margin: 15px 5px 0 0;} #popupForm #tmplatSeq ~ div {float:left;display:inline-block;width:100px;height: 40px;margin-right:10px;border:1px solid #e9e9e9;margin-bottom: 10px;box-sizing:border-box;} #popupForm #tmplatSeq ~ div:before {content:"TEXT";width:100px;height: 100%;font-size: 15px;text-align:center;line-height: 40px;float:left;color:#fff;letter-spacing:1px;} #popupForm .popcol_red {background:#b81301; background-image:linear-gradient(to right, #b81301 ,#c02514, #b81301);} #popupForm .popcol_orange {background:#c14e15; background-image:linear-gradient(to right, #c14e15, #cb5419, #e4801d, #f6aa1d)} #popupForm .popcol_blue {background:#124274; background-image:linear-gradient(to right, #124274, #285f99, #2d66a1, #2d7ca1);} #popupForm .popcol_green {background:#136a07; background-image:linear-gradient(to right, #0d5d05, #12680a, #106f27, #238966);} #popupForm .popcol_yellow {background:#e5a907; background-image:linear-gradient(to right, #e5a907, #e5a907, #f8ba16, #fbbf1f);} #popupForm .popcol_silver {background:#333; background-image:linear-gradient(to right, #333, #373636, #393737);} #popupForm .popcol_purple {background:#4f1c65; background-image:linear-gradient(to right, #4f1c65, #69276e, #7b2975, #812671, #69276e);} #popupForm .popcol_white {background:#fff; background-image:linear-gradient(to right,#f2f2f2, #f7f6f6, #fff);} #popupForm #tmplatSeq ~ div.popcol_white:before {color:#333;} @media (min-width:900px) and (max-width:1670px){#popupForm #tmplatSeq:nth-of-type(4n+1) {clear:both;}} @media (max-width:899px){ #popupForm #tmplatSeq:nth-of-type(3n+1) {clear:both;} #popupForm #tmplatSeq {clear:none;} } /* service page */ .serviceBox {margin:0 auto; width:100%; max-width:768px; display:table; min-height:970px;} .serviceBox div {display:table-cell; vertical-align:middle; text-align:center;} .serviceBox div img {display:block; margin:10px auto;} .serviceBox div p.serviceTit {font-size:60px; letter-spacing:-6px; line-height:75px;} .serviceBox div p.serviceTit span.serStop {font-weight:600;} .serviceBox div ul.serviceSub {border-top:3px double #e9e9e9; border-bottom:3px double #e9e9e9; margin:30px 0 5px 0; padding:0px 0;} .serviceBox div ul.serviceSub li:first-child {padding:40px 0 30px 0; font-size:17px; line-height:24px; letter-spacing:-1px;} .serviceBox div ul.serviceSub li {letter-spacing:0; padding:40px 0 30px 0;} .serviceBox div ul.serviceSub li p {font-size:25px; width:100%; margin:0 auto; text-align:center; line-height:56px;} .serviceBox div ul.serviceSub li p span {background:#f5be0a; border-radius:25px; font-weight:600; padding:10px 50px; font-size:20px; color:#fff; letter-spacing:-2px; margin-right:25px;} #schdulFrm #ctgryColorCode {float:left;} #schdulFrm #ctgryColorCode ~ div {float:left; display:inline-block; width:22px; height:22px; margin-right:17px; margin-bottom:5px;} /*롤링탭메뉴 css 추가*/ .tabListbox {width:100%; position:relative; overflow:hidden;} .rollingList {/* width:155px; *//* height:60px; */width: 100%;height: auto;float: left;display: block;} .rollingList + .rt-box {top:auto !important; float:left;} .rollingBox {width:618px; height:60px; overflow:hidden; position:absolute;} ul.tabsTrack {margin:0;padding:0;float:left;list-style:none;font-size:12px;/*width:1000%;*/width:100%;/* position:absolute; *//* left:0; *//* top:16px; */background:#fff;} ul.tabsTrack li {height: 50px; float:left; cursor:pointer; border:1px solid #ccc; background:linear-gradient(#fdfdfd, #f8f8f8); line-height:50px; box-sizing: border-box; overflow:hidden; position:relative; padding: 0 10px 0 35px; margin-right: 1%; margin-bottom: 12px;} ul.tabsTrack li:last-child {margin-right:0;} ul.tabsTrack li button {line-height:130%;font-size: 14px; vertical-align:middle; display:inline-block; text-align:left;} ul.tabsTrack li .handle {line-height: 50px !important;background: #ececec !important; text-align:center;} ul.tabsTrack li.active {background:#333; border:1px solid #838383; color:#fff; font-weight:bold;} ul.tabsTrack li.active button {color:#fff;font-weight: 600;font-size: 15px;} .tab_container {clear:both; float:left; width:100%; background:#fff; box-sizing:border-box; margin-top:60px;} .tab_content {font-size:12px; display:none; padding:20px;} .tab_container .tab_content ul {width:100%; margin:0px; padding:0px;} .tab_container .tab_content ul li {padding:5px; list-style:none; box-sizing:border-box;} .tab_container .board001 {border:none;} .btnBox {position:absolute; top:16px; right:0; background:#fff; padding:0px 0 0px 0px; box-sizing:border-box;} .prev, .next { width:50px; height:37px; line-height:37px; text-align:center; border:1px solid #e1e1e1; float:left; margin-left:-1px;} @media all and (max-width:1030px) {.rollingBox {width:463px;}} @media all and (max-width:661px) {.rollingBox {width:308px;}} @media all and (max-width:450px) {.rollingBox {width:155px;}} @media (min-width:800px) {ul.tabsTrack li {width: 19.2%;} ul.tabsTrack li:nth-child(5n) {margin-right:0;}} @media (min-width:600px) and (max-width:799px) {ul.tabsTrack li {width:32.6663%;} ul.tabsTrack li:nth-child(3n) {margin-right:0;}} @media (max-width:599px) {ul.tabsTrack li {width:49.5%;} ul.tabsTrack li:nth-child(2n) {margin-right:0;}} /* 지도모듈 */ .mapImgPannel {width:244px; border:solid 1px #ddd; padding:5px; border-radius:4px; text-align:center; float:left; margin:3px; position: relative;} .mapImgPannel span {vertical-align:middle;} .mapImgPannel img {border-radius:3px;} .mapImgPannel .label-addr .ico {color:#4f65d8; font-weight:bold;} .mapImgPannel .defaultControl {display:block; text-align:left; padding:0 3px; background:#eee; line-height:23px;} .basic .help-map div {line-height:15px; font-size:12px; margin:0 0 5px 0;} /* lang 추가 2018.10.12 */ select#useLang {width:85px; padding:8px 12px; font-family:inherit; background:url("/images/wzwg/cmm/arrow.png") no-repeat 90% 50%; border:1px solid #ddd; border-radius:3px; color:#757575; font-size:12px; font-weight:400; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;} select#useLang::-ms-expand {display:none;} /* lang css */ div:focus {outline:none;} .borderRadius {-moz-border-radius:2px; border-radius:2px;} .borderRadiusTp {-moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;} .borderRadiusBtm {-moz-border-radius:0 0 2px 2px ; border-radius:0 0 2px 2px;} .langcommon {position:relative; display:-moz-inline-stack; zoom:1; display:inline-block; cursor:default;} .langcommon ul {padding:0; margin:0;} .langcommon ul li {list-style-type:none;} .borderRadiusTp ul li:last-child {/*-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px; border-bottom:0 none #c3c3c3;*/ margin-right:0 !important;} .borderRadiusBtm ul li:first-child {-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ; border-bottom:1 solid #c3c3c3;} .langcommon .disabled img, .langcommon .disabled span, .langcommon.disabledAll {opacity:.5; /* standard:ff gt 1.5, opera, safari */ -ms-filter:"alpha(opacity=50)"; /* ie 8 */ filter:alpha(opacity=50); /* ie lt 7 */ -khtml-opacity:.5; /* safari 1.x */ -moz-opacity:.5; /* ff lt 1.5, netscape */ color:#999999;} .langcommon .clear {clear:both} .langcommon .shadow {-moz-box-shadow:5px 5px 5px -5px #f1f1f1; -webkit-box-shadow:5px 5px 5px -5px #f1f1f1; box-shadow:5px 5px 5px -5px #f1f1f1;} .langcommon input.text {color:#7e7e7e; padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;} .langOutOfVision {position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .borderRadius .shadow {-moz-box-shadow:5px 5px 5px -5px #888888; -webkit-box-shadow:5px 5px 5px -5px #888888; box-shadow:5px 5px 5px -5px #888888;} .borderRadiusBtm .shadow {-moz-box-shadow:-5px -5px 5px -5px #888888; -webkit-box-shadow:-5px -5px 5px -5px #888888; box-shadow:-5px -5px 5px -5px #888888;} .borderRadiusTp .border, .borderRadius .border {-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;} .borderRadiusBtm .border {-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} img.fnone {float:none !important;} .langcommon .divider {width:0; height:100%; position:absolute;} .langcommon .langArrow {display:inline-block;position:absolute;top: 0;right:2px;} .langcommon .langArrow:hover {background-position:0 100%;} .langcommon .langTitle {position:relative; width:100%;} .langcommon .langTitle .langTitleText {display:block;} .langcommon .langTitle .langTitleText .langTitleText {padding:0;} .langcommon .langTitle .description {display:block;} .langcommon .langChild {zoom:1;} .langcommon .langChild li {clear:both;} .langcommon .langChild li .description {display:block;} .langcommon .langChild li img {border:0 none; position:relative; vertical-align:middle; text-align:center; width:16px;} .langcommon .langChild li.optgroup {padding:0;} .langcommon .langChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic} .langcommon .langChild li.optgroup ul li {padding:5px 5px 5px 15px;} .langcommon .noBorderTop {border-top:none 0 !important; padding:0; margin:0;} /*************** default theme **********************/ .lang {width: 65px !important;text-align:center;display:inline-block;border-left: 1px solid #efefef;} .lang .divider {} .lang .langArrow {width:100%;height: 100%;/* margin-top:-15px; */cursor:pointer;} .lang .langArrow:hover {background-position:0 100%;} .lang .langTitle {color:#000;} .lang .langTitle .langTitleText {width:100%;} .lang .langTitle .langTitleText .langTitleText {padding:0;} .lang .langTitle .description {font-size:12px; color:#666;} .lang .langTitle .langTitleText img {/* width:25px; *//* height:25px; *//* border:1px solid #bebebe; *//* border-radius:100%; *//* box-sizing:border-box; *//* display:inline-block; *//* margin-top:2px; */} .lang .langChild {border: 1px solid #ececec;/* box-shadow:1px 1px 1px 0px rgba(0,0,0,0.1); */background:#fff;left: -1px;top: 65px !important;/* margin-left:-20px; */width: 100%;/* margin-top:5px; */box-sizing: border-box;} .lang .langChild ul {width:100%; line-height:normal;} .lang .langChild li {height:auto !important; cursor:pointer; border-bottom:1px solid #f1f1f1; padding:5px 0 !important; width:100%; box-sizing:border-box; text-align:center;} .lang .langChild li .description {color:#666;} .lang .langChild li .langlabel {color:#333;} .lang .langChild li.hover {background-color:#f2f2f2;} .lang .langChild li img {/* padding:0 6px 0 0; */} .lang .langChild li.optgroup {padding:0;} .lang .langChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic;} /*기본정보관리 부가정보 상단/푸터 로고/파비콘이미지*/ div#tLogoImg, div#fLogoImg, div#sIconImg {float:left;} div#tLogoImg img, div#fLogoImg img, div#sIconImg img {max-width:200px; vertical-align:middle; margin-right:10px;} div#fLogoImg img {border:1px solid rgba(0,0,0,0.08);} div#sIconImg img {border:1px solid rgba(0,0,0,0.08); width:32px; height:32px;} @media (max-width:599px){ div#tLogoImg img, div#fLogoImg img {max-width:150px;} } /*홈페이지운영-자주묻는질문 제목,내용 구분*/ .basic-table tbody tr td.txt-l>div>ul>li:first-child {padding:10px 3px; line-height:18px;} /*홈페이지운영-자주묻는질문 목록 다운로드부분*/ .basic-table tbody tr td.txt-l>div>ul>li + li {position:relative; width:100%; padding-top:15px; border-top:1px solid #e9e9e9;} .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox {float:right; text-align:right;} .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox > ul { max-width:240px; height:auto; float:right; display:block; width:100%;} .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox ul li {background:url("/images/wzwg/site/mngr/download.png")no-repeat right 4px; float:right; padding-right:15px; width:100%;} .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox ul li a {padding-bottom:5px; float:right;} .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox ul li a span {color:#f25f5e;} .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox+div {float:left; box-sizing:border-box; padding-bottom:30px;} .basic-table tbody tr td.txt-l>div>ul>li + li div#atchFile_div {display:inline-block !important;} .basic-table tbody tr td.txt-l>div>ul>li + li div#atchFile_div ul#file_div {} .basic-table tbody tr td.txt-l>div>ul>li + li div#atchFile_div ul#file_div div {clear:both; text-align:right; position:relative; width:auto;} .basic-table tbody tr td.txt-l>div>ul>li + li div#atchFile_div ul#file_div div span {display:inline-block; margin-left:-10px; line-height:22px; overflow:hidden; font-weight:600; font-size:12px;} .basic-table tbody tr td.txt-l>div>ul>li + li div#atchFile_div ul#file_div div span + a {display:inline-block; max-width:200px; word-break:keep-all; white-space:nowrap; margin-left:0px; overflow:hidden; text-overflow:ellipsis; line-height:22px; margin-left:4px;} .basic-table tbody tr td.txt-l>div>ul>li + li div#atchFile_div ul#file_div div span + a:hover {text-decoration:underline;} @media (min-width:1200px){ .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox {width:20%;} .basic-table tbody tr td.txt-l>div>ul>li + li div.fileBox+div {width:80%; padding-right:20px;} } /* menu ADM */ .mngrMenu {padding:15px 20px; width:100%; background:#f3f3f3; float:left; box-sizing:border-box; position:relative; margin-bottom:50px;} .mngrMenu > h3 {font-size:18px; text-align:left; line-height:40px; position:absolute; left:0; top:0; padding: 15px 20px 0; box-sizing:border-box;} .mngrContents {/*width:55%;*/ float:left; box-sizing:border-box; padding-top:33px;} .mngrContents > div {margin-bottom:40px; line-height:20px;} .mngrContents > div h3.table_tit {line-height:30px;margin:-5px 0 10px;font-size: 18px;} .mngrContents > div h3.table_tit ~ p {line-height: 1.8em;font-size: 16px;} .mngrContents > div h2 {font-size:16px; padding-bottom:5px;} .mngrContents > div table.basic {margin-top:20px;} .mngrContents > div table.basic tbody tr th {background:#ececec; border-top:none; border-bottom:1px solid #ddd;} .mngrContents > div .basic-table {margin-top:20px;} .mngrContents > div .basic-table thead tr th {padding:15px 10px; line-height:30px;} .mngrContents > div .basic-table tbody tr td {text-align:left; background:#fff; border-bottom:1px solid #ececec;} .mngrContents > div .basic-table tbody tr td:first-child {text-align:center;} @media (min-width:991px){ .mngrMenu {max-width:510px; margin-right:30px;} } @media (min-width:1300px){ .mngrMenu + .wz_notice {max-width:calc(100% - 540px);} } /* sub quickmenu admin page setting */ .quickStyleList .wm-auto {width:16%; margin-right:0;} .quickStyleList .wm-auto button {padding:10px 0; width:100%;} .quickStyleList .wm-auto img {width:70%; margin-bottom:10px;} .quickColList ul li button {width:30px; height:30px; border-radius:100%; overflow:hidden; border:1px solid rgba(0,0,0,0.05);} #sideQuickLinkListArea table tbody th.txt-c {padding:10px;} #sideQuickLinkListArea table tbody tr td:nth-child(2) img {max-width:30px;} @media (min-width:1400px){ .quickColList ul li:nth-child(12n+1) {clear:both;} } @media (max-width:1300px){ .quickStyleList .wm-auto {min-width:33.333%;} } @media (max-width:899px){ .quickStyleList .wm-auto img {width:auto; max-height:200px;} #sideQuickLinkListArea table tbody tr td:nth-child(2) img {max-width:20px;} #sideQuickMngrView {display:none;} } /* error */ .lockWrap002 {width:100%; text-align:center;} .lockWrap002 .lockOut002 {margin-left:-15px;} .lockWrap002 .lockOut002 > p {font-size:33px; font-weight:600; letter-spacing:-1px; color:#c20000; width:100%; display:block; margin:40px 0 30px;} .lockWrap002 .lockOut002 > p span {font-size:inherit; font-weight:600; letter-spacing:-1px; color:#333;} .lockWrap002 .lockOut002 > span {font-size:16px; color:#333; line-height:22px; margin:20px 0 40px;} .lockWrap002 .lockOut002 .lockOutBox {margin-top:50px;} .lockWrap002 .lockOut002 .lockOutBox a {color:#fff; padding:10px 25px;} .lockWrap002 .lockOut002 .lockOutBox a:first-child {background:#f45555; border:1px solid #f45555;} .lockWrap002 .lockOut002 .lockOutBox a:last-child {background:#666; border:1px solid #666;} /* wzadmin new common setting */ .wzAdmSTit {font-size:18px; line-height:1.3em; position:relative; padding:18px 20px 19px; box-sizing:border-box; background:#f3f3f3; margin-bottom:20px;} th.wzAdmSTit {text-align:left !important; font-size:18px !important; padding:18px 20px 19px !important; background:#f3f3f3 !important; line-height:normal !important; border:none !important;} .wzAdmMainSrchbox {width:100%; float:left; padding:20px 0; font-size:18px;} .wzAdmMainSrchbox .red {color:#ff444d;} .wzAdmMainSrchbox>div {margin-top:20px;} .wzAdmSrchbox {width:100%; float:left; margin-bottom:20px;} .wzAdmMainSrchbox .wzbtn-table, .wzAdmSrchbox .wzbtn-table {height:40px; line-height:40px; font-size:17px; padding-top:0; padding-bottom:0;} .wzAdmSrchbox .wzbtn {padding:0 15px; height:40px; line-height:40px;} /* sub module Dashboard */ .subDashbrd {width:100%; max-width:1000px; display:inline-block;} .subModule {float:left; box-sizing:border-box; position:relative; overflow:hidden;} .subModule.allbox {background: #f9f9f9;} .subModule .iconbox {float:left; box-sizing:border-box;} .subModule .iconbox img {vertical-align:middle; max-width:100%;} .subModule .txtbox {float:left; box-sizing:border-box; text-align:left;} .subModule .txtbox .title {font-size:19px;padding-bottom:5px;word-break:keep-all;color: #333;margin-top: 0;padding-left: 0;} .subModule .txtbox .no {font-size:16px; color:#333; line-height:normal;} .subModule .txtbox .no b {color:#1c5691; font-size:40px; font-family:NanumSquareR; font-weight:400; margin-right:5px;} @media (min-width:900px) and (max-width:1250px){ .subModule .iconbox {width:90px; padding:0 15px 0 10px;} .subModule .txtbox {width:calc(100% - 90px);} .subModule .txtbox .title {font-size:18px;} .subModule .txtbox .no b {font-size:28px;} } @media (min-width:1100px){ .subModule {width:25%; max-width:250px; height:150px;} .subModule:nth-of-type(4n+1) {clear:both;} .subModule .iconbox {line-height:150px; width:130px; padding-left:20px; padding-right:15px;} .subModule .hoverLayer {line-height:150px;} .subModule .txtbox {width:calc(100% - 130px); height:100%; padding:35px 0;} } @media (max-width:1099px){ .subDashbrd {margin-bottom:30px;} .subModule.allbox {width:100%; height:auto; border:none;} .subModule {width:50%; height:95px; line-height:95px; padding:20px 0; border-top:1px solid #f3f3f3;} .subModule .iconbox {width:45%; padding:0 30px; text-align:right; line-height:normal;} .subModule .iconbox img {width:65px;} .subModule .txtbox {width:55%; padding:0;text-align: left;line-height: 45px;} .subModule .txtbox .title {display:inline-block; padding-bottom:0; margin-right:5px; font-size:19px;} .subModule .txtbox .no {display:inline-block;} } @media (max-width:899px){ .subModule {height:auto; line-height:normal;} .subModule.allbox {border:1px solid #b7dff1;} .subModule:first-child:not(.allbox) {border-top:none;} .subModule .iconbox {width:30%; height:85px; line-height:85px; padding:0 20px 0 15px;} .subModule .iconbox img {max-width:90%;} .subModule .txtbox {width:70%; line-height:normal;} .subModule.allbox .txtbox {line-height:80px;} .subModule .txtbox .title {font-size:17px;} .subModule .txtbox .no b {font-size:20px;} .subModule .hoverbtn_circle {width:auto; height:auto; text-indent:0; padding:10px 7px; margin:0 2px 5px 0; display:inline-block; background:transparent; background-image:none !important; border:1px solid #ddd; border-radius:3px; } .subModule .hoverbtn_circle:hover {background:#fff;} .subModule .hoverbtn_circle.add {border:1px solid #272d3d; background:#272d3d; color:#fff;} .subModule .hoverLayer {width:65%; float:left; text-align:left; margin-top:10px; font-size:15px;} } @media (max-width:599px){ .subModule {width:100%;} } /* subpage board TAB IN TAB - adm ICON setting 20200311 */ @media (min-width:900px){ .wztab.underLine.adminIcon .wztab-list .wztab-item {position:relative; padding:0 15px 0 45px; margin-right:15px;} .wztab.underLine.adminIcon span {width:27px; height:100%; float:left; background:url(/images/wzwg/site/mngr/admIcon.png); position:absolute; left:10px; top:0;} .wztab.underLine.adminIcon span.ico-info {background-position:-13px 7px;} .wztab.underLine.adminIcon span.ico-data {background-position:-60px 7px;} .wztab.underLine.adminIcon span.ico-auth {background-position:-110px 7px;} .wztab.underLine.adminIcon span.ico-manager {background-position:-159px 7px;} .wztab.underLine.adminIcon span.ico-trash {background-position:-208px 7px;} .wztab.underLine.adminIcon span.ico-file {background-position:-254px 7px;} .wztab.underLine.adminIcon .wztab-item.active span {background-position-y:54px;} } @media (min-width:900px) and (max-width:1250px){ .wztab.underLine.adminIcon .wztab-list .wztab-item {margin-right:0;font-size:17px; padding: 0 10px 0 30px;} .wztab.underLine.adminIcon .wztab-list .wztab-item a, .wztab.underLine.adminIcon .wztab-list .wztab-item button {font-size:17px;} .wztab.underLine.adminIcon span {background-size: 210px;left:5px;height: 30px;top: 14px;} .wztab.underLine.adminIcon span.ico-info {background-position: -7px 0;} .wztab.underLine.adminIcon span.ico-data {background-position: -38px 0;} .wztab.underLine.adminIcon span.ico-auth {background-position: -75px 0;} .wztab.underLine.adminIcon span.ico-manager {background-position: -110px 0;} .wztab.underLine.adminIcon span.ico-trash {background-position: -144px 0;} .wztab.underLine.adminIcon span.ico-file {background-position: -178px 0;} .wztab.underLine.adminIcon .wztab-item.active span {background-position-y:34px;} } /* 디자인관리 */ /* 현재 템플릿 */ .designAdm_now {} .designAdm_now .nowtemInfoTbl .basic-table tr:hover {background:#fff;} .designAdm_now .nowtemInfoTbl ul {} .designAdm_now .nowtemInfoTbl ul li {margin-right:5%;} .designAdm_now .nowtemInfoTbl ul li .thumImg {position:relative; overflow:hidden; height:250px;} .designAdm_now .nowtemInfoTbl ul li .thumImg .hoverLayer {line-height:250px;} .thumImg {border:1px solid #e5e5e5; box-sizing:border-box; position:relative;} .thumImg img {width:100%;} @media (min-width:1100px){ .designAdm_now .nowtemInfoTbl {padding-left:30px;} } @media (max-width:1099px){ .designAdm_now > .thumImg {width:70% !important; margin:0 15%;} .designAdm_now .nowtemInfoTbl {width:100% !important; margin-top:30px;} } /* 다른 템플릿 */ .designAdm_tem {} .temTypeSel {margin-bottom:30px;} .temTypeSel li label {width:100%; vertical-align:top !important; border:1px solid #e5e5e5; -webkit-transition:border 0.5s, padding 0.5s; transition:border 0.5s, padding 0.5s;} .temTypeSel li input[type="radio"]:checked + label {border:3px solid #229acc;} .temTypeSel li input[type="radio"] + label:before {position:relative; display:inline-block;} .temTypeSel li input[type="radio"]:checked + label:after {position:relative; display:inline-block;} .temTypeSel .txtbox {float:left; box-sizing:border-box; text-align:left; width:100%;} .temTypeSel .txtbox .title {font-size:19px;word-break:keep-all;color:#333;margin-top:0;padding-bottom: 19px;padding-left:0;} .temTypeSel .txtbox .no {font-size:16px; color:#333;} .temTypeSel .txtbox .no b {color:#1c5691; font-size:40px; font-weight:400; margin-right:5px;} .temTypeSel li label img {float:right; vertical-align:bottom; display:inline-block;} @media (min-width:900px){ .temTypeSel li {width:calc(24% - 15px); max-width:240px;} .temTypeSel li:not(:last-child) {margin-right:20px; margin-left:-3px;} .temTypeSel li label {height:220px; padding:6px 24px 24px !important;} .temTypeSel li input[type="radio"]:checked + label {padding:4px 22px 22px !important;} .temTypeSel li input[type="radio"] + label:before {top:97px; left:2px;} .temTypeSel li input[type="radio"]:checked + label:after {top:92px; left:-15px;} } @media (min-width:900px) and (max-width:1250px){ .temTypeSel li label img {height:65px; margin-top:20px;} .temTypeSel .txtbox .no b {font-size:28px;} } @media (max-width:899px){ .temTypeSel {margin-bottom:50px;} .temTypeSel li {width:23.5%; margin-right:2%; float:left;} .temTypeSel li:last-child {margin-right:0;} .temTypeSel li label {height:170px; padding:15px !important;} .temTypeSel li input[type="radio"]:checked + label {padding:13px !important;} .temTypeSel li input[type="radio"] + label:before, .temTypeSel li input[type="radio"]:checked + label:after {display:none;} .temTypeSel .txtbox .title {font-size:18px;} .temTypeSel .txtbox .no b {font-size:20px; font-weight:600;} .temTypeSel li label img {height:65px; margin-top:20px; float:left;} } @media (max-width:599px){ .temTypeSel li {width:49%; margin-right:2%; float:left;} .temTypeSel li:first-child,.temTypeSel li:nth-child(2) {margin-bottom:10px;} .temTypeSel li:nth-child(2n) {margin-right:0;} .temTypeSel li label {height:145px;} .temTypeSel li label img {float:right; margin-top:0;} } #templtListArea {text-align:center;} .temDesignSel {text-align:left; display:inline-block; max-width:1500px;} .temDesignSel>li {max-width:500px; border-top:1px solid #ebecee; padding-top:30px; padding-bottom:30px; display:inline-block; margin-right:-4px; vertical-align:top;} .temDesignSel>li>p {margin-bottom: 10px;text-align:left;} .temDesignSel .templateUsrInfo {text-align:left; font-size:15.5px; color:#838383; word-break:keep-all;} .temDesignSel>li dl {width:100%; float:left; margin-bottom:20px; border-top:1px solid #f3f3f3; font-size:16px; line-height:150%;} .temDesignSel>li dl dt {width:40%; text-align:left; float:left;} .temDesignSel>li dl dd {width:60%; text-align:left; float:left;} .temDesignSel .temBox {position:relative; overflow:hidden; box-sizing:border-box; margin-top:20px;} @media (min-width:900px){ .temDesignSel>li:first-child,.temDesignSel>li:nth-child(2),.temDesignSel>li:nth-child(3) {border-top:none; padding-top:15px;} } @media (min-width:1251px){ .temDesignSel .temBox {height:400px; line-height:400px;} .temDesignSel .temBox .hoverLayer {line-height:400px;} .temDesignSel .templateUsrInfo + .temBox {height:373px; line-height:373px;} .temDesignSel .templateUsrInfo + .temBox .hoverLayer {line-height:373px;} } @media (min-width:900px) and (max-width:1250px){ .temDesignSel .temBox {height:300px; line-height:300px;} .temDesignSel .temBox .hoverLayer {line-height:300px;} .temDesignSel .temBox .hoverLayer>div {max-width:90%;} .temDesignSel .templateUsrInfo {font-size:14px; line-height:130%;} .temDesignSel .templateUsrInfo + .temBox {height:273px; line-height:273px;} .temDesignSel .templateUsrInfo + .temBox .hoverLayer {line-height:273px;} } @media (max-width:899px){ .temDesignSel>li {padding:30px 10px 10px;} .temDesignSel>li:first-child {border-top:none; padding-top:10px;} .temDesignSel .temBox {border:none;} .temDesignSel .temBox>div:first-child {height:200px; line-height:200px; border:1px solid #e5e5e5; overflow:hidden; box-sizing:border-box; margin-bottom:20px;} .temDesignSel .temBox .hoverLayer > div .circleRTxt {width:32%; margin-right:2%; float:left; text-align:center; font-size:15px; margin-bottom:20px; padding:10px; box-sizing:border-box; border:1px solid #ddd; border-radius:3px;} .temDesignSel .temBox .hoverLayer > div .circleRTxt:last-child {margin-right:0; border:1px solid #272d3d; background:#272d3d; color:#fff;} .temDesignSel .temBox .hoverLayer > div .circleRTxt span {width:30px; height:30px; margin-right:7px; display:none;} .temDesignSel .temBox .hoverLayer > div .circleRTxt:only-child {width:100%;} } /* system adm : template design - detail view page.*/ .temInfoTbl {width:100%;} .temInfoTbl .mngr_zipList li {margin-bottom:10px; width:100%; float:left;} .temInfoTbl .mngr_zipList li:last-of-type {margin-bottom:0;} .temInfoTbl .mngr_zipList li .fileName a {color:#0080ff; font-size:14px;} .temInfoTbl .mngr_zipList li .fileName a:hover {text-decoration:underline;} .temInfoTbl table tr:hover {background:#fff !important;} @media (min-width:1251px){ .temInfoTbl {width:50%;} .temInfoTbl:last-of-type {padding-left:30px;} } .temDesignPOP {width:100%; height:100%; float:left;} .temDesignPOP .thumImg {max-height:400px; overflow:hidden; line-height:400px;} @media (min-width:900px) and (max-width:1249px){ .temDesignPOP .thumImg {max-height:250px; line-height:250px;} } @media (max-width:899px){ .temDesignPOP>ul>li {width:46% !important; float:left; margin:0 2% 20px;} .temDesignPOP>ul>li:last-child .thumImg {width:60%; margin:0 auto;} .temDesignPOP .thumImg {max-height:200px; line-height:200px;} .temDesignPOP>ul:last-child {padding:30px 10px;} } /* 컨텐츠 > 추가설정 */ .board_copyright ul {padding-left:0 !important; padding-top:0 !important;} .board_copyright ul.kogl {margin-bottom:15px;} .board_copyright ul.kogl li {list-style:none !important; width:20%; float:none !important; display:table-cell;} .board_copyright ul.kogl li img {width:90%; max-width:150px; margin:0 auto;} .tr_bgnone tr:hover {background:none !important;} .tr_bgnone tr td {font-weight:600; padding:30px 20px !important;} .tr_bgnone tr td img {margin-top:15px;} .tr_bgnone tr td:hover {background: #eaeaea;} @media (max-width:899px){ .board_copyright ul.kogl li {padding:0 2%;} .board_copyright ul.kogl li img {max-width:none; width:100%;} .board_copyright ul.kogl li label {text-align:center;} }