@charset "utf-8"; /* CSS Document */ body {background-color:#f9f9fb;} .wrap {position:relative;} /*browser_scroll_bar*/ * {scrollbar-face-color: #444; scrollbar-highlight-color:#444; scrollbar-3dlight-color: #444; scrollbar-track-color: #bbb; scrollbar-shadow-color: #444; scrollbar-darkshadow-color: #444; scrollbar-arrow-color: #fff;} ::-webkit-scrollbar {width:6px; border-radius:3px;} /*�⺻����*/ ::-webkit-scrollbar-track {background-color:#bbb; border-radius:3px;} /*Ʈ��(���)*/ ::-webkit-scrollbar-thumb {background-color:#444; border-radius:3px;} /*��ũ�ѹ�*/ /*popup_whole*/ .popup_whole {position:fixed; width:100%; height:100%; background:url(/resources/twb_images/2016/caption_25.png); z-index:99999; display:none;} .popup_whole .popup_layer {width:450px; height:550px; background-color:#fff; position:absolute; top:50%; left:50%; margin-top:-325px; margin-left:-225px; border-radius:3px; overflow:hidden;} .popup_whole .popup_layer .title {height:47px; line-height:47px; text-align:center; background-color:#50bebe; color:#fff; border-bottom:3px double #fff; position:relative;} .popup_whole .popup_layer .title p {position:absolute; width:12px; height:12px; overflow:hidden; top:18px; right:18px; cursor:pointer;} .popup_whole .popup_layer .title p img {display:block;} .popup_whole .popup_layer .contents {padding:10px;} .popup_whole#background_setting_form .popup_layer .contents .selected_color {width:30px; height:30px; border-radius:3px; display:inline-block; vertical-align:middle;} .popup_whole#background_setting_form .popup_layer .contents .registed_image_list {height:150px; padding:10px; border:1px solid #ddd; border-radius:3px; background-color:#f9f9fb; overflow-y:scroll;} .popup_whole#background_setting_form .popup_layer .contents .registed_image_list ul li {position:relative; padding-left:60px; border-bottom:1px dotted #bbb; padding-bottom:10px; margin-bottom:10px; min-height:30px;} .popup_whole#background_setting_form .popup_layer .contents .registed_image_list ul li p {display:inline-block; vertical-align:middle;} .popup_whole#background_setting_form .popup_layer .contents .registed_image_list ul li p.select {position:absolute; top:8px; left:0;} .popup_whole#background_setting_form .popup_layer .contents .registed_image_list ul li p.img {width:30px; height:30px; overflow:hidden; background-color:#ccc; margin-right:10px; position:absolute; top:3px; left:20px;} .popup_whole#background_setting_form .popup_layer .contents .registed_image_list ul li p.img img {display:block; width:100%; height:100%; max-width:30px; max-height:30px;} .popup_whole .popup_layer .button {text-align:center; clear:both; display:block;} .popup_whole .popup_layer .button * {font-size:12px;} #popup_layout_bg {background:url(/resources/twb_images/2016/layout_pattern.jpg) #f2f4f6;} #popup_layout .inner {padding:10px;} #popup_layout .popup_caution {text-align:center; font-size:13px; font-weight:bold; padding:30px 0; background:url(/resources/twb_images/2016/pattern_circle_10.png) #666; border:1px solid #444; border-radius:3px; color:#fff;} /*divView*/ #divView {position:fixed; width:100%; height:100%; top:0 !important; left:0 !important; background-color:transparent !important; background-image:url(/resources/twb_images/2016/caption_25.png); z-index:999; display:none;} #divView>.inner {width:450px; height:450px; position:absolute; top:50%; left:50%; margin-top:-225px; margin-left:-225px; background-color:#fff; border-radius:3px;} #divView>.inner .head {height:47px; line-height:47px; text-align:center; background-color:#44c4c4; color:#fff; border-bottom:3px double #fff; position:relative; border-radius:3px 3px 0 0; font-size:14px; font-weight:bold;} #divView>.inner .head #close {position:absolute; width:12px; height:12px; overflow:hidden; top:18px; right:18px; cursor:pointer;} #divView>.inner .head #close img {display:block;} #divView>.inner .head #objclose {position:absolute; width:12px; height:12px; overflow:hidden; top:18px; right:18px; cursor:pointer;} #divView>.inner .head #objclose img {display:block;} #divView>.inner .list {display:block; margin:10px; height:380px; overflow-y:auto; overflow-x:hidden;} #divView>.inner .list td {text-align:center; padding:10px;} #divView>.inner .list td:hover {background-color:#f9f9fb;} #divView>.inner .list td a {display:block; width:100%; height:100%;} #divView>.inner .list ul.image {width:100%; display:block;} #divView>.inner .list ul.image li {width:30%; height:130px; margin:0 2% 10px 0; display:inline-block; vertical-align:top; overflow:hidden; border:1px solid #ddd;} #divView>.inner .list ul.image li a {display:block; width:100%; height:100%; overflow:hidden; background-position:center center; background-size:cover; transition:all 0.1s ease-out;} #divView>.inner .list ul.image li:hover a {width:120%; height:120%; margin:-10% 0 0 -10%;} #divView>.inner .list ul.logo {width:100%; display:block;} #divView>.inner .list ul.logo li {width:48%; height:60px; margin:0 2% 10px 0; display:inline-block; vertical-align:top; overflow:hidden;} #divView>.inner .list ul.logo li a {display:block; width:100%; height:100%; overflow:hidden; background-position:center center; background-size:cover; transition:all 0.1s ease-out;} #divView>.inner .list ul.logo li:hover a {width:120%; height:120%; margin:-2.5% 0 0 -10%;} #divView>.inner2 {width:450px; height:175px; position:absolute; top:50%; left:50%; margin-top:-225px; margin-left:-225px; background-color:#fff; border-radius:3px;} #divView>.inner2 .head {height:47px; line-height:47px; text-align:center; background-color:#44c4c4; color:#fff; border-bottom:3px double #fff; position:relative; border-radius:3px 3px 0 0; font-size:14px; font-weight:bold;} #divView>.inner2 .head #close {position:absolute; width:12px; height:12px; overflow:hidden; top:18px; right:18px; cursor:pointer;} #divView>.inner2 .head #close img {display:block;} #divView>.inner2 .head #objclose {position:absolute; width:12px; height:12px; overflow:hidden; top:18px; right:18px; cursor:pointer;} #divView>.inner2 .head #objclose img {display:block;} #divView>.inner2 .list {display:block; margin:10px; height:380px; overflow-y:auto; overflow-x:hidden;} #divView>.inner2 .list td {text-align:center; padding:10px;} #divView>.inner2 .list td a {display:block; width:100%; height:100%;} /*admin_login*/ #admin_login_whole {background:url(/resources/twb_images/2016/login_bg_opacity.jpg) no-repeat center top; background-size:cover; position:fixed; width:100%; height:100%; min-width:900px;} #admin_login_whole>.inner {background:url(/resources/twb_images/2016/login_pattern.png); position:fixed; width:100%; height:100%; min-width:900px;} #admin_login_whole #admin_login_form {width:606px; height:424px; position:absolute; top:50%; left:50%; margin-top:-312px; margin-left:-303px; background:url(/resources/twb_images/2016/login_form_bg.png) no-repeat center 100px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner {padding:60px 70px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.input {position:relative; padding-left:110px; margin-bottom:10px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.input input {height:50px; line-height:50px; width:90%; padding:0 5%; font-size:14px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.input label {position:absolute; top:0; left:0; font-family:'Open Sans', sans-serif; font-weight:700; color:#00abcd; display:block; width:90px; text-align:center; height:50px; line-height:50px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.save {height:48px; line-height:48px; border-top:1px solid #444; border-bottom:1px solid #444; text-align:center; display:block; margin-top:20px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.save p {display:inline-block;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.save p label {font-size:12px; font-weight:bold; color:#888;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.save p.save_id {padding-right:20px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.save p.save_pw {padding-left:20px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.btn {display:block; margin-top:30px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.btn input {height:60px; line-height:60px; background-color:#00afa5; border:0; color:#fff; width:100%; font-family:'Open Sans', sans-serif; font-weight:700; font-size:18px;} #admin_login_whole #admin_login_form .admin_login_form_lower .inner ul li.btn input:hover {background-color:#009d94;} /*admin_whole*/ #admin_whole {min-width:1200px;} /*admin_header*/ #admin_header {width:100%; height:50px; position:relative; background:url(/resources/twb_images/2016/header_innerglow.png) repeat-x center bottom #4b5055; min-width:1200px;} #admin_header h3 {float:left; height:50px; overflow:hidden;} #admin_header h3 #logo_short {display:none;} #admin_header #admin_gnb {float:left; position:relative; z-index:9999;} #admin_header #admin_gnb>ul>li {width:140px; background:url(/resources/twb_images/2016/header_innerglow.png) repeat-x center bottom #41464b; float:left; text-align:center; border-left:1px solid #555a5f; border-right:1px solid #373c41; position:relative;} #admin_header #admin_gnb>ul>li>a {color:#fff; display:block; height:50px; line-height:50px;} #admin_header #admin_gnb>ul>li>a>p {text-indent:30px; color:#fff;} #admin_header #admin_gnb>ul>li:hover {background:url(/resources/twb_images/2016/gnb_00_on.jpg) repeat-x center center;} #admin_header #admin_gnb>ul>li.gnb_01:hover {background:url(/resources/twb_images/2016/gnb_01_on.jpg) repeat-x center center;} #admin_header #admin_gnb>ul>li.gnb_02:hover {background:url(/resources/twb_images/2016/gnb_02_on.jpg) repeat-x center center;} #admin_header #admin_gnb>ul>li.gnb_03:hover {background:url(/resources/twb_images/2016/gnb_03_on.jpg) repeat-x center center;} #admin_header #admin_gnb>ul>li.gnb_04:hover {background:url(/resources/twb_images/2016/gnb_04_on.jpg) repeat-x center center;} #admin_header #admin_gnb>ul>li.gnb_05:hover {background:url(/resources/twb_images/2016/gnb_05_on.jpg) repeat-x center center;} #admin_header #admin_gnb>ul>li.gnb_01>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat 0 0;} #admin_header #admin_gnb>ul>li.gnb_02>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -160px 0;} #admin_header #admin_gnb>ul>li.gnb_03>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -320px 0;} #admin_header #admin_gnb>ul>li.gnb_04>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -480px 0;} #admin_header #admin_gnb>ul>li.gnb_05>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -640px 0;} #admin_header #admin_gnb>ul>li.gnb_01:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat 0 -90px;} #admin_header #admin_gnb>ul>li.gnb_02:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -160px -90px;} #admin_header #admin_gnb>ul>li.gnb_03:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -320px -90px;} #admin_header #admin_gnb>ul>li.gnb_04:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -480px -90px;} #admin_header #admin_gnb>ul>li.gnb_05:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -640px -90px;} #admin_header #admin_gnb>ul>li.gnb_05 {display:none;} #admin_header #admin_gnb>ul>li.gnb_06 {display:none;} #admin_header #admin_gnb>ul>li>ul {border-left:1px solid #ddd; border-right:1px solid #ddd; position:absolute; top:50px; left:0; width:140px; display:none;} #admin_header #admin_gnb>ul>li:hover>ul {display:block;} #admin_header #admin_gnb>ul>li>ul>li {height:29px; line-height:29px; font-size:12px; background-color:#fff; border-bottom:1px solid #ddd; text-align:left; padding-left:10px;} #admin_header #admin_gnb>ul>li>ul>li>a {display:block; width:100%; height:100%; color:#888;} #admin_header #admin_gnb>ul>li>ul>li:hover {background-color:#f9f9fb;} #admin_header #admin_gnb>ul>li>ul>li:hover>a {color:#50baaf;} #admin_header #admin_gnb>ul>li>ul>li>a>span {display:inline-block; width:8px; height:1px; background-color:#888; vertical-align:middle; margin-right:10px;} #admin_header #admin_gnb>ul>li>ul>li.deco {border:0; margin:0; padding:0; background:none; width:16px; height:14px; position:absolute; top:-14px; left:50%; margin-left:-8px;} #admin_header #admin_gnb>ul>li>ul>li.deco img {display:block;} #admin_header #admin_gnb>ul>li.admin_gnb_more {width:70px;} #admin_header #admin_gnb>ul>li.admin_gnb_more>img {width:100%; height:auto; display:block; cursor:pointer;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul {border-left:1px solid #555; border-right:1px solid #333;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li {height:auto; background-color:#444; border-top:1px solid #555; border-bottom:1px solid #333; position:relative;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>a {color:#fff; line-height:36px;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>a:hover {color:#3cdcff;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul {position:absolute; top:-1px; left:149px; width:140px; overflow:hidden; padding-left:10px; background:url(/resources/twb_images/2016/admin_gnb_left.png) no-repeat left 12px; display:none;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul>li {border-left:1px solid #ddd; border-right:1px solid #ddd;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul>li:first-child {border-top:1px solid #ddd; border-left:0;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul>li>a {background-color:#fff; display:block; height:100%; padding-left:15px; color:#888; border-bottom:1px solid #ddd; line-height:36px;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul>li>a:hover {color:#444; font-weight:bold; background-color:#f9f9fb;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li.admin_has_sub:hover>ul {display:block;} #admin_header #admin_info {position:absolute; top:0; right:0; z-index:0;} #admin_header #admin_info>ul {display:inline-block;} #admin_header #admin_info>ul>li {color:#fff; display:inline-block; vertical-align:middle; margin:0;} #admin_header #admin_info>ul>li.user {margin-right:-6px; border-right:1px solid #373c41;} #admin_header #admin_info>ul>li.user p {display:inline-block; vertical-align:middle; font-size:12px; color:#ccc;} #admin_header #admin_info>ul>li.user p span {color:#fff;} #admin_header #admin_info>ul>li.user p.name {font-size:14px; margin-right:5px;} #admin_header #admin_info>ul>li.user p.name span {font-weight:bold;} #admin_header #admin_info>ul>li.user p.profile {width:70px; height:50px; overflow:hidden; position:relative; background:url(/resources/twb_images/2016/header_member_noimg.png) no-repeat center center #41464b;} #admin_header #admin_info>ul>li.user p.profile a {display:block; width:100%; height:100%;} #admin_header #admin_info>ul>li.user p.profile img {width:100%; height:100%; display:block;} #admin_header #admin_info>ul>li#admin_sub_gnb {width:70px; height:50px; cursor:pointer; border-left:1px solid #555a5f;} /*admin_right*/ #admin_right {position:fixed; width:220px; height:100%; top:0; right:-220px; background:url(/resources/twb_images/2016/right_innerglow.png) repeat-y left top #41464b; z-index:10000;} #admin_right .inner>h3 {height:69px; line-height:69px; position:relative; color:#aeb0b1; text-indent:20px; border-bottom:1px solid #373c41; background-color:#373c41; font-family:'Open Sans', sans-serif; font-weight:300;} #admin_right .inner>h3 b {font-weight:700; color:#d9d9da;} #admin_right .inner>h3 span {position:absolute; top:0; right:20px; cursor:pointer;} #admin_right .inner .list>ul {position:relative; height:100%;} #admin_right .inner .list>ul>li {color:#fff; font-size:13px; border-top:1px solid #555a5f; border-bottom:1px solid #373c41; position:relative; transition:all 0.1s ease-out;} #admin_right .inner .list>ul>li>a {color:#fff; padding:20px; display:block; width:100%; height:100%;} #admin_right .inner .list>ul>li p {position:absolute; top:22px; right:20px; width:17px; height:17px; overflow:hidden;} #admin_right .inner .list>ul>li:hover {background-color:#555a5f;} #admin_right .inner .list>ul>li:hover p img {display:block; margin-top:-17px;} #admin_right .inner .list>ul>li.active {background-color:#44c4c4;} #admin_right .inner .list>ul>li.active p img {display:block; margin-top:-17px;} #admin_right .inner .list>ul>li>ul {background-color:#373c41; display:none; height:190px; overflow-y:auto; overflow-x:hidden;} #admin_right .inner .list>ul>li>ul>li {border-bottom:1px solid #2d3237; transition:all 0.1s ease-out;} #admin_right .inner .list>ul>li>ul>li>a {display:block; width:100%; height:100%; padding:10px 20px; color:#aeb0b1;} #admin_right .inner .list>ul>li>ul>li:hover {background-color:#31363a;} #admin_right .inner .list>ul>li>ul>li:hover a {color:#fff;} /*admin_footer*/ #admin_footer {clear:both; width:100%; height:30px; line-height:30px; background-color:#f9f9fb; border-top:1px solid #e2e2e2; min-width:1200px; position:relative; z-index:10001;} #admin_footer .wrap {padding:0 20px; font-size:12px; font-family:'Open Sans', sans-serif;} #admin_footer .fl p {display:inline-block; vertical-align:middle; margin-right:20px; color:#84868a;} #admin_footer .fl p img {display:inline-block; vertical-align:middle;} #admin_footer .fr {color:#b0b1b4; font-size:11px;} #admin_footer .fr p#scroll_top {width:30px; height:30px; position:relative; overflow:hidden; cursor:pointer; display:block; margin-top:22px; margin-left:20px;} #admin_footer .fr p#scroll_top img {position:absolute; top:0; left:0;} #admin_footer .fr p#scroll_top:hover img {top:-30px;} /*admin_main_layout*/ #admin_main_layout {background:url(/resources/twb_images/2016/layout_pattern.jpg) #f2f4f6;} #admin_main_layout>.admin_wrap {padding:30px;} #admin_main_layout #quick_area {padding-bottom:30px; margin-bottom:30px; border-bottom:1px dotted #96a0aa;} #admin_main_layout #quick_area #main_title {width:460px; float:left;} #admin_main_layout #quick_area #main_title ul li.t1 {font-size:16px; font-family:'Open Sans', sans-serif; font-weight:700; color:#96a0aa;} #admin_main_layout #quick_area #main_title ul li.t2 {font-size:35px; font-family:'Open Sans', sans-serif; font-weight:300; color:#96a0aa; margin-bottom:10px;} #admin_main_layout #quick_area #main_title ul li.t2 b {font-weight:300; color:#4b5055;} #admin_main_layout #quick_area #main_title ul li.t2 span {font-weight:700; color:#00abcd;} #admin_main_layout #quick_area #main_title ul li.t3 {font-size:12px; color:#96a0aa;} #admin_main_layout #quick_area #main_title ul li.t3 img {display:inline-block; vertical-align:middle; margin-right:5px;} #admin_main_layout #quick_area #main_title ul li.t3 span {color:#cdd2d7; margin:0 10px;} #admin_main_layout #quick_area #main_title ul li.t3 span#tictok {margin:0; color:#96a0aa;} #admin_main_layout #quick_area #main_quick {padding-left:500px;} #admin_main_layout #quick_area #main_quick ul li {float:left; position:relative; height:100px; width:23.5%; margin-right:2%; cursor:pointer; border-radius:3px; box-shadow:0px 1px 5px #e6e9ed;} #admin_main_layout #quick_area #main_quick ul li div.img {width:100px; height:100px; background-color:#96a0aa; border-radius:3px 0 0 3px; position:absolute; top:0; left:0; overflow:hidden; transition:all 0.1s ease-out;} #admin_main_layout #quick_area #main_quick ul li div.img img {width:100%; height:auto; display:block; transition:all 0.1s ease-out;} #admin_main_layout #quick_area #main_quick ul li div.text {padding-left:100px; height:98px; line-height:98px; background-color:#fff; border-top:1px solid #d7dce1; border-bottom:1px solid #d7dce1; border-right:1px solid #d7dce1; border-radius:3px; text-align:center; transition:all 0.1s ease-out;} #admin_main_layout #quick_area #main_quick ul li:hover div.img {background-color:#4591cc;} #admin_main_layout #quick_area #main_quick ul li:hover div.img img {width:120%; margin:-10% 0 0 -10%;} #admin_main_layout #quick_area #main_quick ul li:hover div.text {background-color:#96a0aa; border-top:1px solid #96a0aa; border-bottom:1px solid #96a0aa; border-right:1px solid #96a0aa; color:#fff; font-weight:bold;} #admin_main_layout #contents_area>div {height:335px; float:left; width:32%; margin-right:2%; margin-bottom:30px; border-radius:3px; box-shadow:0px 1px 5px #e6e9ed;} #admin_main_layout #contents_area>div .title {height:60px; line-height:60px; background-color:#666; border-radius:3px 3px 0 0; overflow:hidden;} #admin_main_layout #contents_area>div .title ul {padding:0 30px;} #admin_main_layout #contents_area>div .title ul li.t1 {color:#fff; font-size:18px; font-family:'Open Sans', sans-serif; font-weight:700; float:left;} #admin_main_layout #contents_area>div .title ul li.t1 span {color:#bbb; font-size:12px; font-weight:normal;} #admin_main_layout #contents_area>div .title ul li.t2 {float:right; font-size:12px; color:#fff; padding-right:5px;} #admin_main_layout #contents_area>div .title ul li.t2 a {display:block; width:100%; height:100%; color:#fff; padding-right:10px; background:url(/resources/twb_images/2016/main_icon_more.png) no-repeat right center;} #admin_main_layout #contents_area>div .list {height:275px; background-color:#fff; border-left:1px solid #d7dce1; border-right:1px solid #d7dce1; border-bottom:1px solid #d7dce1; border-radius:0 0 3px 3px; clear:both;} #admin_main_layout #contents_area>div .list>.inner {padding:20px;} #admin_main_layout #contents_area>div#information .title {background-color:#50bebe;} #admin_main_layout #contents_area>div#information .title ul li.t1 span {color:#c5e6e6;} #admin_main_layout #contents_area>div#information .list .upper {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #bbb;} #admin_main_layout #contents_area>div#information .list .upper ul li {font-size:14px; line-height:24px;} #admin_main_layout #contents_area>div#information .list .upper ul li span {color:#44c4c4; font-weight:bold;} #admin_main_layout #contents_area>div#information .list .lower ul {background:url(/resources/twb_images/2016/main_info_divine.png) no-repeat center center;} #admin_main_layout #contents_area>div#information .list .lower ul li {text-align:center; font-size:12px; line-height:20px; padding-top:20px;} #admin_main_layout #contents_area>div#information .list .lower ul li p.icon {margin-bottom:10px;} #admin_main_layout #contents_area>div#information .list .lower ul li p.icon img {display:block; margin:0 auto;} #admin_main_layout #contents_area>div#information .list .lower ul li p.text {color:#888;} #admin_main_layout #contents_area>div#information .list .lower ul li p.text b {font-size:14px; color:#444;} #admin_main_layout #contents_area>div#information .list .lower ul li p.text b span {font-weight:normal; color:#bbb;} #admin_main_layout #contents_area>div#callendar .title {background-color:#bb77d7;} #admin_main_layout #contents_area>div#callendar .title ul li.t1 span {color:#e5cff0;} #admin_main_layout #contents_area>div#callendar .list .upper {margin-bottom:15px;} #admin_main_layout #contents_area>div#callendar .list .upper ul li.t1 {float:left;} #admin_main_layout #contents_area>div#callendar .list .upper ul li.t1 b {color:#44c4c4;} #admin_main_layout #contents_area>div#callendar .list .upper ul li.t1 span {color:#bbb;} #admin_main_layout #contents_area>div#callendar .list .upper ul li.t2 {float:right;} #admin_main_layout #contents_area>div#callendar .list .upper ul li.t2 a {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border:1px solid #bbb; font-family:'Open Sans', sans-serif; font-size:12px; color:#8c96a0;} #admin_main_layout #contents_area>div#callendar .list .upper ul li.t2 a.prev {margin-right:5px;} #admin_main_layout #contents_area>div#callendar .list .upper ul li.t2 a:hover {background-color:#f9f9fb; color:#444;} #admin_main_layout #contents_area>div#callendar .list .lower table {border-top:2px solid #96a0aa; border-right:0; border-left:0; border-bottom:0; table-layout:fixed; height:195px;} #admin_main_layout #contents_area>div#callendar .list .lower th {border-right:1px solid #ddd; color:#888;} #admin_main_layout #contents_area>div#callendar .list .lower td {border-right:1px solid #ddd; text-align:center; color:#888;} #admin_main_layout #contents_area>div#callendar .list .lower td a {display:block; width:100%; height:100%; padding-top:5px;} #admin_main_layout #contents_area>div#callendar .list .lower .sun {color:#f04646;} #admin_main_layout #contents_area>div#callendar .list .lower .sat {color:#00abcd; border-right:0;} #admin_main_layout #contents_area>div#callendar .list .lower td.schedule {background-color:#f9f9fb; font-weight:bold;} #admin_main_layout #contents_area>div#callendar .list .lower td.today {background-color:#ffc561; color:#fff;} #today {background-color:#dfdfdf; color:#fff;} #admin_main_layout #contents_area>div#member {margin-right:0;} #admin_main_layout #contents_area>div#member .title {background-color:#83c55a;} #admin_main_layout #contents_area>div#member .title ul li.t1 span {color:#d3e9c8;} #admin_main_layout #contents_area>div#member .list table {border-top:0; border-right:0; border-left:0; border-bottom:0; table-layout:fixed;} #admin_main_layout #contents_area>div#member .list td {padding:8px 0; background:url(/resources/twb_images/2016/table_divine.png) no-repeat right center; transition:background-color 0.1s ease-out;} /* #admin_main_layout #contents_area>div#member .list tr:hover td {background-color:#f9f9fb; cursor:pointer;} */ #admin_main_layout #contents_area>div#member .list td.profile {background:none;} #admin_main_layout #contents_area>div#member .list td.profile .inner {position:relative; width:40px; height:40px; transition:all 0.1s ease-out;} #admin_main_layout #contents_area>div#member .list td.profile .inner p.fake {width:40px; height:40px; position:absolute; top:0; left:0; z-index:999;} #admin_main_layout #contents_area>div#member .list td.profile .inner p.img {width:40px; height:40px; overflow:hidden; background:url(/resources/twb_images/2016/main_member_noimg.png) no-repeat center center; border-radius:20px;} #admin_main_layout #contents_area>div#member .list td.profile .inner p.img img {display:block; width:100%; height:auto; transition:all 0.1s ease-out;} #admin_main_layout #contents_area>div#member .list td.name {font-family:'Open Sans', sans-serif; font-weight:700; font-size:14px;} #admin_main_layout #contents_area>div#member .list td.name span {color:#96a0aa; font-weight:normal; font-size:12px;} #admin_main_layout #contents_area>div#member .list td.date {color:#8c969b; font-size:11px;} #admin_main_layout #contents_area>div#member .list td.date b {color:#666; font-family:'Open Sans', sans-serif; font-weight:700;} #admin_main_layout #contents_area>div#member .list td.state {background:none;} #admin_main_layout #contents_area>div#member .list td.state div {text-align:center; display:inline-block; font-weight:bold; padding-left:25px;} #admin_main_layout #contents_area>div#member .list td.state div.check {background:url(/resources/twb_images/2016/icon_check.png) no-repeat left center; color:#1ebea0;} #admin_main_layout #contents_area>div#member .list td.state div.denied {background:url(/resources/twb_images/2016/icon_denied.png) no-repeat left center; color:#f04646;} #admin_main_layout #contents_area>div#member .list td.state div.go {background:url(/resources/twb_images/2016/icon_go.png) no-repeat right center; color:#3db3ca; padding-left:0; padding-right:25px;} #admin_main_layout #contents_area>div#member .list td.state div.go a {color:#3db3ca; display:block; width:100%; height:100%;} /* #admin_main_layout #contents_area>div#member .list tr:hover td.profile .inner {padding-left:10px;} */ /* #admin_main_layout #contents_area>div#member .list tr:hover td.profile .inner p.img img {width:120%; height:auto; margin:-10% 0 0 -10%;} */ /* #admin_main_layout #contents_area>div#member .list tr:hover td.name {color:#1ebea0;} */ #admin_main_layout #contents_area>div#boards {width:49%; margin-bottom:0;} #admin_main_layout #contents_area>div#boards .title {background-color:#ec7272;} #admin_main_layout #contents_area>div#boards .title ul li.t1 span {color:#f8cece;} #admin_main_layout #contents_area>div#boards .list table {border-top:0; border-right:0; border-left:0; border-bottom:0; table-layout:fixed;} #admin_main_layout #contents_area>div#boards .list td {padding:7px 0; background:url(/resources/twb_images/2016/table_divine.png) no-repeat right center; transition:background-color 0.1s ease-out; border-bottom:1px dotted #b4bec8;} /* #admin_main_layout #contents_area>div#boards .list tr:hover td {background-color:#f9f9fb; cursor:pointer;} */ #admin_main_layout #contents_area>div#boards .list td.tag {background:none;} #admin_main_layout #contents_area>div#boards .list td.tag div {border:1px solid #1ebea0; border-radius:3px; width:80px; padding:5px 10px; transition:background-color 0.1s ease-out;} #admin_main_layout #contents_area>div#boards .list td.tag div p {color:#1ebea0; text-align:center; font-weight:bold; width:80px; overflow:hidden;} /* #admin_main_layout #contents_area>div#boards .list tr:hover div {background-color:#1ebea0;} #admin_main_layout #contents_area>div#boards .list tr:hover div p {color:#fff;} */ #admin_main_layout #contents_area>div#boards .list td.headline p {padding-right:10px; height:26px; line-height:26px; overflow:hidden;} #admin_main_layout #contents_area>div#boards .list td.name {font-weight:bold;} #admin_main_layout #contents_area>div#boards .list td.date {background:none; color:#96a0aa;} #admin_main_layout #contents_area>div#statistics {width:49%; margin-right:0; margin-bottom:0;} #admin_main_layout #contents_area>div#statistics .title {background-color:#3db3ca;} #admin_main_layout #contents_area>div#statistics .title ul li.t1 span {color:#c1e3eb;} /*admin_sub_layout*/ #admin_sub_layout {clear:both; min-width:1200px;} #admin_sub_layout #admin_sub_title {width:100%; height:60px; line-height:60px; background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #666;} #admin_sub_layout #admin_sub_title ul li {color:#fff;} #admin_sub_layout #admin_sub_title ul li.title {float:left; padding-left:30px; font-size:20px; letter-spacing:-0.5pt; } #admin_sub_layout #admin_sub_title ul li.title span {color:#fff; font-weight:bold;} #admin_sub_layout #admin_sub_title ul li.location {float:right; font-size:12px; padding:0 30px 0 0; position:relative;} #admin_sub_layout #admin_sub_title ul li.location span {margin:0 5px; color:#bbb;} #admin_sub_layout #admin_sub_title ul li.location p.icon {position:absolute; top:15px; left:-45px; width:30px; height:30px; background:url(/resources/twb_images/2016/header_icon.png) no-repeat 0 -30px;} #admin_sub_layout #admin_sub_title.admin_sub_01 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #50bebe;} #admin_sub_layout #admin_sub_title.admin_sub_01 ul li.location span {color:#c5e6e6;} #admin_sub_layout #admin_sub_title.admin_sub_02 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #bb77d7;} #admin_sub_layout #admin_sub_title.admin_sub_02 ul li.location span {color:#e5cff0;} #admin_sub_layout #admin_sub_title.admin_sub_03 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #83c55a;} #admin_sub_layout #admin_sub_title.admin_sub_03 ul li.location span {color:#d3e9c8;} #admin_sub_layout #admin_sub_title.admin_sub_04 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #ec7272;} #admin_sub_layout #admin_sub_title.admin_sub_04 ul li.location span {color:#f8cece;} #admin_sub_layout #admin_sub_title.admin_sub_05 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #3db3ca;} #admin_sub_layout #admin_sub_title.admin_sub_05 ul li.location span {color:#c1e3eb;} #admin_sub_layout #admin_control {width:100%; height:49px; line-height:49px; background-color:#eee; border-bottom:1px solid #ccc; font-size:12px;} #admin_sub_layout #admin_control .wrap {padding:0 10px;} #admin_sub_layout #admin_control input[type="button"] {font-size:12px; border:1px solid #888; background-color:#fff; color:#444;} #admin_sub_layout #admin_control input[type="button"]:hover {border:1px solid #444; background-color:#f9f9fb; color:#444;} #admin_sub_layout.admin_calendar #admin_control {position:relative;} #admin_sub_layout.admin_calendar #admin_control .fl {float:none !important; position:absolute; top:0; left:0; width:100%; height:100%; display:block; text-align:center;} #admin_sub_layout.admin_calendar #admin_control .fl p {display:inline-block; vertical-align:middle;} #admin_sub_layout.admin_calendar #admin_control .fr {position:relative; z-index:1;} #admin_sub_layout #admin_contents {padding:30px; min-height:540px;} #admin_sub_layout #admin_page_info {height:49px; line-height:49px; margin-bottom:10px; border-bottom:1px solid #bbb; font-size:14px;} #admin_sub_layout #admin_page_info_btn {margin-bottom:5px; border-bottom:0px solid #bbb; font-size:14px;} #admin_sub_layout #admin_contents>iframe {border:1px solid #ddd; border-radius:3px;} /*admin_paging*/ #admin_paging {padding-top:30px; text-align:center; font-size:12px; position:absolute} #admin_paging span {display:inline-block; height:28px; line-height:28px; border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#888; color:#fff; font-weight:bold; vertical-align:middle;} #admin_paging a span {border:1px solid #bbb; padding:0 11px; margin:0 3px; background-color:#fff; color:#888; font-weight:normal;} #admin_paging a span:hover {border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#f9f9fb; color:#444;} #admin_paging span.prev {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;} #admin_paging a span.prev {background:#fff; color:#444;} #admin_paging span.next {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;} #admin_paging a span.next {background:#fff; color:#444;} /*admin_button*/ #admin_button {padding-top:10px; text-align:center;} #admin_button a {display:inline-block; border:1px solid #ddd; border-radius:3px; background-color:#fff; height:28px; line-height:28px; padding:0 10px; font-size:12px; color:#888; vertical-align:middle;} #admin_button a:hover {border:1px solid #888; background-color:#f9f9fb; color:#444;} /*widget_whole*/ #widget_layout {clear:both; padding:10px; display:block; height:100%; background:url(/resources/twb_images/2016/widget_pattern.jpg);} #widget_layout #widget_whole {min-height:700px; border:1px solid #ccc; border-radius:3px; position:relative; overflow:hidden; min-width:1180px;} #widget_layout #widget_whole #left {width:240px; height:100%; background-color:#666; position:absolute; top:0; left:0; display:block;} #widget_layout #widget_whole #left .container {position:relative; display:block; width:100%; height:100%;} #widget_layout #widget_whole #left .container #widget_leftbtn {width:24px; height:93px; overflow:hidden; position:absolute; top:30px; right:-24px; cursor:pointer;} #widget_layout #widget_whole #left .container #widget_leftbtn #widget_left_open {display:none;} #widget_layout #widget_whole #left .container .contents {position:absolute; top:0; left:0; display:block; width:100%; height:100%; overflow-y:auto;} #widget_layout #widget_whole #left .container .contents .wrap {padding:10px;} #widget_layout #widget_whole #left .container .contents .title {border-radius:3px 3px 0 0; background-color:#555; height:40px; line-height:40px; padding-left:10px;} #widget_layout #widget_whole #left .container .contents .title p {display:inline-block; vertical-align:middle;} #widget_layout #widget_whole #left .container .contents .title p.kor {color:#eee; font-size:13px;} #widget_layout #widget_whole #left .container .contents .title p.eng {font-size:11px; color:#888;} #widget_layout #widget_whole #left .container .contents .title p.eng span {margin-right:5px;} #widget_layout #widget_whole #left .container .contents #widget_tree {background-color:#777; border-radius:0 0 3px 3px; min-height:300px; font-size:12px; color:#fff;} #widget_layout #widget_whole #left .container .contents #widget_tree a {color:#fff;} #widget_layout #widget_whole #right {display:block; height:100%;} #widget_layout #widget_whole #right iframe {display:block; width:100%; height:100%; overflow-y:scroll;} /*background_img_list*/ #background_img_list>fieldset>form>ul>li {padding:10px; width:180px; min-height:194px; border:1px solid #ddd; display:inline-block; vertical-align:top; transition:all 0.1s ease-out; margin-bottom:10px;} #background_img_list>fieldset>form>ul>li div.img {margin-bottom:10px;} #background_img_list>fieldset>form>ul>li div.img p {width:180px; height:130px; overflow:hidden; border:1px solid #ddd;} #background_img_list>fieldset>form>ul>li div.img p img {width:100%; height:100%; display:block; transition:all 0.1s ease-out;} #background_img_list>fieldset>form>ul>li div.info ul li.t1 {font-size:13px; font-weight:bold; margin-bottom:20px; position:relative; padding-left:20px;} #background_img_list>fieldset>form>ul>li div.info ul li.t1 span {color:#50bebe; position:absolute; top:0; left:0;} #background_img_list>fieldset>form>ul>li div.button ul li {width:100%;} #background_img_list>fieldset>form>ul>li div.button ul li input {width:100%; transition:all 0.1s ease-out;} #background_img_list>fieldset>form>ul>li:hover {background-color:#fff; border:1px solid #50bebe;} #background_img_list>fieldset>form>ul>li:hover div.img p img {width:120%; height:120%; display:block; margin:-5% 0 0 -10%;} #background_img_list>fieldset>form>ul>li:hover div.button ul li input {background-color:#e15050 !important; border:1px solid #e15050 !important; color:#fff !important;} #background_img_list>fieldset>form>ul>li.img_set {font-size:12px; line-height:22px; cursor:pointer;} #background_img_list>fieldset>form>ul>li.img_set div.info ul li.t4 {font-size:14px; font-weight:bold; margin-bottom:10px;} #background_img_list>fieldset>form>ul>li.img_set div.info ul li.t6 {margin-bottom:10px; height:22px; overflow:hidden;} #background_img_list>fieldset>form>ul>li.img_set div.info ul li.t7 {height:44px; overflow:hidden;} #background_img_list>fieldset>form>ul.background_list>li {min-height:224px;} #background_img_list>fieldset>form>ul.background_list>li div.info ul li.t1 {height:34px; overflow:hidden;} #background_img_list>fieldset>form>ul.logo_list>li {cursor:pointer;} #background_img_list>fieldset>form>ul.logo_list>li div.img p {width:180px; height:55px; overflow:hidden; border:1px solid #ddd;} #background_img_list>fieldset>form>ul.logo_list>li.img_set div.info ul li.t6 {margin-bottom:0; height:22px; overflow:hidden;} #background_img_list>fieldset>form>ul.logo_list>li.img_set div.info ul li.t7 {margin-bottom:10px;} #background_img_list>fieldset>form>ul.logo_list>li:hover div.img p img {width:100%; height:100%; display:block; margin:0;} .part_group {border:1px solid #ddd; background-color:#fff; border-radius:3px; margin-bottom:10px;} .part_group .title {background-color:#f9f9fb; border-bottom:2px solid #888; padding:10px 0; text-align:center; font-size:14px; font-weight:bold; min-height:28px; line-height:28px;} .part_group .part_group_control {background:url(/resources/twb_images/2016/pattern_circle_5.png) #eee; color:#666; font-size:12px; border-bottom:1px solid #ddd;} .part_group .part_group_control .wrap {padding:10px;} .part_group .part_group_control .wrap label {color:#666; font-weight:bold;} .part_group .contents {padding:10px;} .part_group .contents iframe {width:100%; border:1px solid #ddd; border-radius:3px; display:block;} .part_group .contents table {border-top:1px solid #ddd;} .part_group .contents table img {max-width:100%;} #admin_sub_layout.admin_statistics .part_group .contents * {font-size:11px;} /*admin_divine_area*/ #admin_divine_left {display:none} #admin_divine_area {position:relative; min-height:600px;} #admin_divine_area #admin_divine_left {position:absolute; top:0; left:0; width:220px; height:100%; display:block; border-right:1px solid #ddd; z-index:999;} #admin_divine_area #admin_divine_left .inner {position:relative; height:100%;} #admin_divine_area #admin_divine_left .inner .overflow {position:absolute; top:0; left:0; width:100%; height:100%; overflow-y:auto; overflow-x:hidden;} #admin_divine_area #admin_divine_left .inner .overflow .overflow_wrap {padding:10px;} #admin_divine_area #admin_divine_left .admin_lnb_title {padding:10px 0; text-align:center; border-radius:3px; font-size:14px; font-weight:bold; color:#fff; margin-bottom:10px;} #admin_divine_area #admin_divine_left .admin_lnb .group_select {padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px;} #admin_divine_area #admin_divine_left .admin_lnb .group_select select {width:70%;} #admin_divine_area #admin_divine_left .admin_lnb .group_select input {float:right; width:25%;} #admin_divine_area #admin_divine_left .admin_lnb .board_select {padding:10px; border:1px solid #ddd; border-radius:3px; font-size:11px; line-height:16px;} #admin_divine_area #admin_divine_left .admin_lnb .board_select .depth {border:1px solid #ddd; border-radius:3px; padding:5px; margin-bottom:5px; font-weight:bold;} #admin_divine_area #admin_divine_left .admin_lnb .board_select .bbs_lnb ul li {position:relative; border-bottom:1px dotted #bbb; margin-bottom:5px; transition:all 0.1s ease-out;} #admin_divine_area #admin_divine_left .admin_lnb .board_select .bbs_lnb ul li a.name {display:block; width:100%; height:100%; padding:5px 0; transition:all 0.1s ease-out;} #admin_divine_area #admin_divine_left .admin_lnb .board_select .bbs_lnb ul li p {position:absolute; top:7px; right:0; transition:all 0.1s ease-out;} #admin_divine_area #admin_divine_left .admin_lnb .board_select .bbs_lnb ul li:hover {} #admin_divine_area #admin_divine_left .admin_lnb .board_select .bbs_lnb ul li:hover a.name {padding:5px 0 5px 5px; color:#3db3ca; font-weight:bold;} #admin_divine_area #admin_divine_left .admin_lnb .board_select .bbs_lnb ul li:hover p {right:5px;} #admin_divine_area #admin_divine_left .admin_lnb_list {margin-bottom:10px;} #admin_divine_area #admin_divine_left .admin_lnb_list ul {padding:10px 0 5px 0; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb;} #admin_divine_area #admin_divine_left .admin_lnb_list ul li {border:1px solid #ddd; border-radius:3px; font-size:12px; line-height:18px; margin-bottom:5px; overflow:hidden; transition:all 0.1s ease-out;} #admin_divine_area #admin_divine_left .admin_lnb_list ul li a {display:block; width:100%; height:100%; padding:5px 5px 5px 10px; color:#888;} #admin_divine_area #admin_divine_left .admin_lnb_list ul li:hover { border:1px solid #888;} #admin_divine_area #admin_divine_left .admin_lnb_list ul li:hover a {color:#fff;} #admin_divine_area #admin_divine_left .admin_lnb_quick {padding:10px 10px 0 10px; border:1px solid #ddd; border-radius:3px;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li {width:48%; height:84px; float:left; margin-right:4%; margin-bottom:10px; text-align:center; overflow:hidden; position:relative; border-radius:3px; font-size:12px; font-weight:bold; transition:all 0.1s ease-out;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li p.icon img {width:100%; height:auto; display:block;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li p.text {position:absolute; top:84px; left:0; display:block; width:84px; height:84px; letter-spacing:-0.5pt; background:url(/resources/twb_images/2016/caption_50.png); transition:all 0.1s ease-out;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li p.text a {display:block; width:100%; height:100%; color:#fff; padding-top:33px;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li p.text a span {color:#44c4c4;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li.quick_02 {margin-right:0;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li.quick_04 {margin-right:0;} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li:hover>p.icon img {-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter:blur(5px); filter: blur(5px);} #admin_divine_area #admin_divine_left .admin_lnb_quick ul li:hover>p.text {top:0;} #admin_divine_area #admin_divine_left #admin_leftbtn {width:24px; height:93px; overflow:hidden; position:absolute; top:30px; right:-24px; cursor:pointer;} #admin_divine_area #admin_divine_left #admin_leftbtn #admin_left_open {display:none;} #admin_divine_area #admin_divine_center {padding-left:220px; min-height:700px;} #admin_divine_area #admin_divine_center .inner {padding:30px;} #admin_divine_area #admin_divine_center.admin_contents_view {background:url(/resources/twb_images/2016/pattern_circle_10.png) #f9f9fb; border-top:1px solid #ddd;} #admin_divine_area #admin_divine_center.admin_contents_view .inner {padding:10px;} #admin_divine_area #admin_divine_center.admin_contents_control_bar {height:40px; background:url(/resources/twb_images/2016/bg_bar.png) repeat-x center center #fff; border-top:1px solid #ddd;} #admin_contents_control_bar {} #admin_contents_control_bar .admin_contents_control_bar_left {float:left;} #admin_contents_control_bar .admin_contents_control_bar_left ul li {float:left; border-left:1px solid #fff; border-right:1px solid #ddd; line-height:40px; font-size:11px;} #admin_contents_control_bar .admin_contents_control_bar_left ul li:hover {background:url(/resources/twb_images/2016/bg_bar.png) repeat-x center center #f9f9fb;} #admin_contents_control_bar .admin_contents_control_bar_left ul li a {display:block; width:100%; height:100%; padding:0 15px;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.on {background:url(/resources/twb_images/2016/bg_bar.png) repeat-x center center #44c4c4; border-left:1px solid #6ecaca; border-right:1px solid #3ba9a9;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.on a {color:#fff;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.on:hover {background-color:#28acac;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.off {background:url(/resources/twb_images/2016/bg_bar.png) repeat-x center center #ccc; border-left:1px solid #ddd; border-right:1px solid #bbb;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.off a {color:#888;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.off:hover {background-color:#bbb;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.off:hover a {color:#444;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.sp {background:url(/resources/twb_images/2016/bg_bar.png) repeat-x center center #888; border-left:1px solid #aaa; border-right:1px solid #666;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.sp a {color:#fff;} #admin_contents_control_bar .admin_contents_control_bar_left ul li.sp:hover {background-color:#777;} #admin_contents_control_bar .admin_contents_control_bar_right {float:right; padding-right:20px; line-height:40px; font-size:12px;} #admin_contents_control_bar .admin_contents_control_bar_right div {display:inline-block;} #sitemap_container>ul {text-align:center;} #sitemap_container>ul>li {border:1px solid #ddd; border-radius:3px; display:inline-block; width:250px; margin-right:10px; margin-bottom:10px; vertical-align:top;} #sitemap_container>ul>li div.title {border-bottom:1px solid #ddd; background-color:#f9f9fb; text-align:center; transition:all 0.1s ease-out;} #sitemap_container>ul>li div.title a {display:block; width:100%; height:100%; padding:10px 0;} #sitemap_container>ul>li div.title a span {color:#444 !important;} #sitemap_container>ul>li div.sub_menu {background-color:#fff;} #sitemap_container>ul>li div.sub_menu * {text-align:left;} #sitemap_container>ul>li div.sub_menu ul {padding:0 10px 5px 10px; height:250px; overflow-y:auto;} #sitemap_container>ul>li div.sub_menu ul li {font-size:12px; line-height:30px; line-height:30px; overflow:hidden; position:relative;} #sitemap_container>ul>li div.sub_menu ul li a {display:block; width:100%; height:100%; color:#888;} #sitemap_container>ul>li div.sub_menu ul li a:hover {color:#444; font-weight:bold;} #sitemap_container>ul>li div.sub_menu ul li a:hover span {color:#44c4c4;} #sitemap_container>ul>li div.sub_menu ul li.depth_02 {padding-left:20px; border:1px solid #ddd; border-radius:3px 3px 0 0; display:block; margin-top:10px;} #sitemap_container>ul>li div.sub_menu ul li.depth_02 span {color:#bbb; position:absolute; top:0; left:10px;} #sitemap_container>ul>li div.sub_menu ul li.depth_03 {background-color:#f9f9fb; padding-left:30px; border-bottom:1px dotted #bbb; border-left:1px solid #ddd; border-right:1px solid #ddd;} #sitemap_container>ul>li div.sub_menu ul li.depth_03 span {color:#bbb; position:absolute; top:0; left:10px;} #sitemap_container>ul>li div.sub_menu ul li.depth_04 {background-color:#eee; padding-left:45px; height:24px; line-height:24px; font-size:11px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;} #sitemap_container>ul>li div.sub_menu ul li.depth_04 span {color:#bbb; position:absolute; top:0; left:25px;} #sitemap_container>ul>li div.sub_menu ul li.depth_02:hover a {color:#44c4c4;} #sitemap_container>ul>li div.sub_menu ul li.depth_02:hover a span {color:#db4355;} #sitemap_container>ul>li div.sub_menu ul li.depth_03:hover {background-color:#f3f3f3;} #sitemap_container>ul>li div.sub_menu ul li.depth_04:hover {background-color:#e3e3e3;} #sitemap_container>ul>li div.sub_menu ul li.depth_04:hover a span {color:#db4355;} #sitemap_container>ul>li:hover div.title {background-color:#666;} #sitemap_container>ul>li:hover div.title a span {color:#fff !important;} #admin_contents_info .admin_contents_info_upper {background-color:#f9f9fb; border-bottom:1px solid #ddd; font-size:16px;} #admin_contents_info .admin_contents_info_upper .wrap {padding:10px 10px 10px 30px;} #admin_contents_info .admin_contents_info_upper .fl span {display:inline-block; color:#888; margin-left:5px;} #admin_contents_info .admin_contents_info_upper .fr {font-size:12px;} #admin_contents_info .admin_contents_info_lower {font-size:12px; background:url(/resources/twb_images/2016/bg_bar.png) repeat-x center center #f9f9fb; border-bottom:3px double #ddd;} #admin_contents_info .admin_contents_info_lower .wrap {padding:10px 10px 10px 30px;} #admin_contents_list ul li {float:left; width:23.5%; margin-right:2%; margin-bottom:20px;} #admin_contents_list ul li.list_04 {margin-right:0;} #admin_contents_list ul li div.title {font-size:14px; font-weight:bold; border:1px solid #ddd; border-radius:3px 3px 0 0; background-color:#f9f9fb; text-align:center; padding:10px 0; transition:all 0.1s ease-out;} #admin_contents_list ul li div.list {padding:5px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 0 3px 3px; background-color:#fff;} #admin_contents_list ul li iframe {width:99% !important; height:200px;} #admin_contents_list ul li:hover div.title {background-color:#666; color:#fff;} #admin_contents_view iframe {width:100%; height:600px; background-color:#fff; border:1px solid #ddd; border-radius:3px; display:block;} #admin_contents_view textarea {height:400px; background-color:#fff; border:1px solid #ddd; border-radius:3px; display:block; background:url(/resources/twb_images/2016/bg_contents_edit.png) center 10px #f9f9fb;} #division_alram {width:300px; height:80px; background:url(/resources/twb_images/2016/pattern_circle_10.png) #666; border:1px solid #444; border-radius:3px; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-150px;} #division_alram ul {padding-top:15px;} #division_alram ul li {font-size:14px; line-height:24px; text-align:center; color:#fff;} #division_alram ul li.t2 {color:#ddd; font-weight:bold;} .admin_explanation {border:1px solid #ddd; background-color:#fff; margin-bottom:10px;} .admin_explanation ul {padding:10px;} .admin_explanation ul li {font-size:14px; line-height:24px; border-bottom:1px dotted #bbb; padding:5px; list-style:decimal inside;} .admin_explanation ul li:first-child {border-top:1px dotted #bbb;} #admin_board_read_title {font-size:18px; text-align:center; padding:10px 0; border-top:1px solid #444; border-bottom:3px double #ddd; font-weight: 500;} #admin_board_read_information {background-color:#f9f9fb;} #admin_board_read_information table {border:0;} #admin_board_read_information th {width:15%; padding:10px; border-bottom:1px solid #ddd; background:none; font-weight: 500;} #admin_board_read_information td {padding:10px; border-bottom:1px solid #ddd; background:none;} #admin_board_read_view {padding:30px 0; font-size:14px; line-height:30px; text-align:justify; border-bottom:1px solid #444; min-height:300px;} #admin_board_read_view img {max-width:100%; display:block; margin:10px auto 20px auto;} #admin_board_read_ip {padding:10px 0; border-bottom:1px solid #ddd; font-size:12px;} #admin_board_read_file th {padding:10px; border-bottom:1px solid #ddd;} #admin_board_read_file td {padding:10px; border-bottom:1px solid #ddd;} #admin_board_read_file td ul li {clear:both; padding:5px 0;} #admin_board_read_file td ul li p {display:inline-block;} #admin_board_read_file td ul li p img {display:inline-block; vertical-align:middle; margin-right:5px;} #admin_board_read_file td ul li p.hit {font-weight:bold; float:right;} #admin_board_read_file td ul li p.hit span {color:#44c4c4 ;} #admin_board_read_control {display:block; margin-top:30px;} #admin_board_read_prevnext span {display:inline-block; height:28px; line-height:28px; border:1px solid #ddd; padding:0 11px; background-color:#fff; color:#bbb; font-weight:normal; vertical-align:middle; font-family:'Open Sans', sans-serif !important; font-size:12px;} #admin_board_read_prevnext a span {display:inline-block; height:28px; line-height:28px; border:1px solid #888; padding:0 11px; background-color:#fff; color:#444; font-weight:normal; vertical-align:middle; font-family:'Open Sans', sans-serif !important; font-size:12px;} #admin_board_read_prevnext span:hover {background-color:#f9f9fb; font-weight:bold;} #admin_board_read_control #admin_board_read_prevnext {float:left;} #admin_board_read_control #admin_button {float:right; padding-top:0;} /*admin_calendar*/ #admin_calendar .sun {color:#f56878;} #admin_calendar .sat {color:#3db3ca;} #admin_calendar table {border-right:0;} #admin_calendar th {padding:20px 10px; font-weight:normal; font-size:16px; border-bottom:3px double #ddd; border-right:1px solid #ddd; background-color:#fafbfc;} #admin_calendar td {padding:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} #admin_calendar td:hover {background-color:#f7f8f9;} #admin_calendar td .inner {position:relative; padding:0px 0px 0px 0px; min-height:20px;} #admin_calendar td .inner .date_number {display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:0; left:0; background-color:#f9f9fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #admin_calendar td .inner .date_number a {display:block; width:100%; height:100%; font-size:12px; font-family:'Open Sans', sans-serif; color:#888;} #admin_calendar td:hover .inner .date_number {background-color:#fff;} #admin_calendar td:hover .inner .date_number a {font-weight:bold; color:#666;} #admin_calendar td .inner .schedule_list {width:100%;background-color:#f56878;} #admin_calendar td .inner .schedule_list ul {width:100%;} #admin_calendar td .inner .schedule_list ul li {width:100%; padding:3px 0; margin-bottom:3px; border-bottom:1px dotted #bbb;} #admin_calendar td .inner .schedule_list ul li a {display:block; width:100%; height:100%; font-size:11px; color:#fff;} #admin_calendar td .inner .schedule_list ul li a:hover {color:#444; font-weight:bold;} #admin_calendar td .inner .schedule_more {display:block; margin-top:10px; text-align:right;} #admin_calendar td .inner .schedule_more a {display:inline-block; padding:4px 10px; font-size:11px; color:#888; border:1px solid #ddd; border-radius:3px; font-weight:bold;} #admin_calendar td:hover .inner .schedule_more a {background-color:#fff; color:#444;} /*admin_calendar_min*/ #admin_sub_layout_min {min-width:600px;} #admin_sub_layout_min #admin_sub_title {width:100%; height:50px; line-height:50px;} #admin_sub_layout_min #admin_sub_title ul li.title {font-size:16px; font-weight:bold;} #admin_sub_layout_min #admin_sub_title ul li.location p.icon {display:none;} #admin_sub_layout_min #admin_sub_title {width:100%; height:60px; line-height:60px; background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #666;} #admin_sub_layout_min #admin_sub_title ul li {color:#fff;} #admin_sub_layout_min #admin_sub_title ul li.title {float:left; padding-left:30px; font-size:20px; letter-spacing:-0.5pt; } #admin_sub_layout_min #admin_sub_title ul li.title span {color:#fff; font-weight:bold;} #admin_sub_layout_min #admin_sub_title ul li.location {float:right; font-size:12px; padding:0 30px 0 0; position:relative;} #admin_sub_layout_min #admin_sub_title ul li.location span {margin:0 5px; color:#bbb;} #admin_sub_layout_min #admin_sub_title ul li.location p.icon {position:absolute; top:15px; left:-45px; width:30px; height:30px; background:url(/resources/twb_images/2016/header_icon.png) no-repeat 0 -30px;} #admin_sub_layout_min #admin_sub_title.admin_sub_01 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #50bebe;} #admin_sub_layout_min #admin_sub_title.admin_sub_01 ul li.location span {color:#c5e6e6;} #admin_sub_layout_min #admin_sub_title.admin_sub_02 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #bb77d7;} #admin_sub_layout_min #admin_sub_title.admin_sub_02 ul li.location span {color:#e5cff0;} #admin_sub_layout_min #admin_sub_title.admin_sub_03 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #83c55a;} #admin_sub_layout_min #admin_sub_title.admin_sub_03 ul li.location span {color:#d3e9c8;} #admin_sub_layout_min #admin_sub_title.admin_sub_04 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #ec7272;} #admin_sub_layout_min #admin_sub_title.admin_sub_04 ul li.location span {color:#f8cece;} #admin_sub_layout_min #admin_sub_title.admin_sub_05 {background:url(/resources/twb_images/2016/sub_title_bg.png) no-repeat right center #3db3ca;} #admin_sub_layout_min #admin_sub_title.admin_sub_05 ul li.location span {color:#c1e3eb;} #admin_sub_layout_min #admin_control {width:100%; height:49px; line-height:49px; background-color:#eee; border-bottom:1px solid #ccc; font-size:12px;} #admin_sub_layout_min #admin_control .wrap {padding:0 10px;} #admin_sub_layout_min #admin_control input[type="button"] {font-size:12px; border:1px solid #888; background-color:#fff; color:#444;} #admin_sub_layout_min #admin_control input[type="button"]:hover {border:1px solid #444; background-color:#f9f9fb; color:#444;} #admin_sub_layout_min.admin_calendar #admin_control {position:relative;} #admin_sub_layout_min.admin_calendar #admin_control .fl {float:none !important; position:absolute; top:0; left:0; width:100%; height:100%; display:block; text-align:center;} #admin_sub_layout_min.admin_calendar #admin_control .fl p {display:inline-block; vertical-align:middle;} #admin_sub_layout_min.admin_calendar #admin_control .fr {position:relative; z-index:1;} #admin_calendar_min .sun {color:#f56878;} #admin_calendar_min .sat {color:#3db3ca;} #admin_calendar_min table {border-right:0;} #admin_calendar_min th {padding:20px 10px; font-weight:normal; font-size:16px; border-bottom:3px double #ddd; border-right:1px solid #ddd; background-color:#fafbfc;} #admin_calendar_min td {padding:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} #admin_calendar_min td:hover {background-color:#f7f8f9;} #admin_calendar_min td .inner {position:relative; padding:0px 0px 0px 0px; min-height:20px;} #admin_calendar_min td .inner .date_number {display:block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:0; left:0; background-color:#f9f9fb; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #admin_calendar_min td .inner .date_number a {display:block; width:100%; height:100%; font-size:12px; font-family:'Open Sans', sans-serif; color:#888;} #admin_calendar_min td:hover .inner .date_number {background-color:#fff;} #admin_calendar_min td:hover .inner .date_number a {font-weight:bold; color:#666;} #admin_calendar_min td .inner .schedule_list {width:100%;background-color:#f56878;} #admin_calendar_min td .inner .schedule_list ul {width:100%;} #admin_calendar_min td .inner .schedule_list ul li {width:100%; padding:3px 0 0 5px; margin-bottom:3px;color:#fff;} #admin_calendar_min td .inner .schedule_list ul li a {display:block; width:100%; height:100%; font-size:11px; color:#fff;} #admin_calendar_min td .inner .schedule_list ul li a:hover {color:#444; font-weight:bold;} #admin_calendar_min td .inner .schedule_more {display:block; margin-top:10px; text-align:right;} #admin_calendar_min td .inner .schedule_more a {display:inline-block; padding:4px 10px; font-size:11px; color:#888; border:1px solid #ddd; border-radius:3px; font-weight:bold;} #admin_calendar_min td:hover .inner .schedule_more a {background-color:#fff; color:#444;} #thiswebiz_main_bbs table .check {width:5%;} #thiswebiz_main_bbs table .section {width:10%;} #thiswebiz_main_bbs table .name {} #thiswebiz_main_bbs table .code {width:12%;} #thiswebiz_main_bbs table .type {width:10%;} #thiswebiz_main_bbs table .confirm {width:8%;} #thiswebiz_main_bbs table .director {width:8%;} #thiswebiz_main_bbs table .rank {width:8%;} #thiswebiz_main_bbs table .rl {width:8%;} #thiswebiz_main_bbs table .see {width:60px;} span.board_new {display:inline-block; border:1px solid #f56878; border-radius:3px; color:#f56878; font-size:11px; font-weight:bold; vertical-align:middle; padding:2px 6px; margin-right:5px;} span.board_reply {display:inline-block; border:1px solid #bbb; border-radius:3px; color:#888; font-size:11px; font-weight:bold; vertical-align:middle; padding:2px 6px; margin-right:5px;} span.board_reply b {color:#888;} span.board_notice {display:inline-block; border:1px solid #888; background-color:#888; border-radius:3px; color:#fff; font-size:11px; font-weight:bold; vertical-align:middle; padding:2px 6px;} #admin_board_photo {padding-top:30px;} #admin_board_photo ul {margin-right:-20px;} #admin_board_photo ul li {float:left; width:200px; margin:0 20px 20px 0; vertical-align:top; padding-bottom:10px; background-color:#fff; border:1px solid #ddd; position:relative;} #admin_board_photo ul li span.board_new {background-color:#f56878; display:block; width:40px; height:26px; line-height:26px; color:#fff; text-align:center; position:absolute; top:0; left:0; padding:0; border-radius:0;} #admin_board_photo ul li p.img {margin-bottom:10px; height:0; padding-bottom:100%; position:relative; overflow:hidden; background-color:#fff;} #admin_board_photo ul li p.img a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; transition:all 0.1s ease-out;} #admin_board_photo ul li p.text {font-size:14px; font-weight:bold; height:22px; overflow:hidden; margin-bottom:5px; padding:0 10px;} #admin_board_photo ul li p.text a {color:#666;} #admin_board_photo ul li p.info {font-size:13px; font-weight:bold; height:18px; overflow:hidden; color:#666; padding:0 10px;} #admin_board_photo ul li p.info span {font-weight:normal; color:#bbb; margin:0 5px;} #admin_board_photo ul li p.info b {font-weight:normal; color:#888;} #admin_board_photo ul li:hover p.img a {width:120%; height:120%; margin:-10% 0 0 -10%;} #admin_board_photo ul li:hover p.text a {color:#444;} #admin_board_webzine {border-top:1px solid #ddd;} #admin_board_webzine>ul>li {clear:both; padding:30px 0; border-bottom:1px solid #ddd; position:relative;} #admin_board_webzine>ul>li span.board_new {background-color:#f56878; display:block; width:40px; height:26px; line-height:26px; color:#fff; text-align:center; position:absolute; top:30px; left:0; padding:0; border-radius:0;} #admin_board_webzine>ul>li div.img {width:200px; height:200px; float:left; background-color:#fff; overflow:hidden;} #admin_board_webzine>ul>li div.img a {display:block; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; transition:all 0.1s ease-out;} #admin_board_webzine>ul>li div.text {padding-left:220px;} #admin_board_webzine>ul>li div.text ul li.title {font-size:20px; margin-bottom:10px;} #admin_board_webzine>ul>li div.text ul li.title a {color:#666;} #admin_board_webzine>ul>li div.text ul li.info {font-size:13px; font-weight:bold; height:18px; overflow:hidden; color:#666; margin-bottom:20px;} #admin_board_webzine>ul>li div.text ul li.info span {font-weight:normal; color:#bbb; margin:0 5px;} #admin_board_webzine>ul>li div.text ul li.info b {font-weight:normal; color:#888;} #admin_board_webzine>ul>li div.text ul li.contents {height:120px; overflow:hidden; font-size:13px; line-height:23px; color:#666;} #admin_board_webzine>ul>li:hover {background-color:#f9f9fb;} #admin_board_webzine>ul>li:hover div.img a {width:120%; height:120%; margin:-10% 0 0 -10%;} #admin_board_webzine>ul>li:hover div.text ul li.title {font-weight:bold;} #admin_board_webzine>ul>li:hover div.text ul li.title a {color:#444;} #admin_board_banner {padding-top:30px; text-align:center;} #admin_board_banner ul {margin-right:-20px;} #admin_board_banner ul li {float:left; width:200px; margin:0 20px 20px 0; vertical-align:top; padding-bottom:20px;} #admin_board_banner ul li p.img {margin-bottom:10px; height:0; padding-bottom:35%; position:relative; overflow:hidden; background-color:#fff;} #admin_board_banner ul li p.img a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; transition:all 0.1s ease-out;} #admin_board_banner ul li p.text {font-size:14px; font-weight:bold; height:20px; overflow:hidden; margin-bottom:5px;} #admin_board_banner ul li p.text span.board_new {display:none;} #admin_board_banner ul li p.text a {color:#666;} #admin_board_banner ul li p.info {font-size:13px; font-weight:bold; height:18px; overflow:hidden; color:#666;} #admin_board_banner ul li p.info span {font-weight:normal; color:#bbb; margin:0 5px;} #admin_board_banner ul li p.info b {font-weight:normal; color:#888;} #admin_board_banner ul li:hover p.img a {width:110%; height:110%; margin:-2.5% 0 0 -5%;} #admin_board_banner ul li:hover p.text a {color:#444;} @media screen and (min-width:1921px) { #admin_main_layout #contents_area>div#information {width:32.5%; margin-right:1.25%;} #admin_main_layout #contents_area>div#callendar {width:32.5%; margin-right:1.25%;} #admin_main_layout #contents_area>div#member {width:32.5%;} #admin_main_layout #contents_area>div#boards {width:49.5%; margin-right:1%;} #admin_main_layout #contents_area>div#statistics {width:49.5%;} #admin_contents_list ul li {width:24.25%; margin-right:1%; margin-bottom:15px;} } @media screen and (max-width:1550px) { #admin_divine_area #admin_divine_center.admin_contents_control_bar {height:105px; background:#f9f9fb; border-top:1px solid #ddd;} #admin_contents_control_bar .admin_contents_control_bar_left {float:none; padding:10px 0 5px 10px;} #admin_contents_control_bar .admin_contents_control_bar_left ul li {float:none; display:inline-block; border:1px solid #ddd; border-radius:3px; line-height:30px; background-color:#fff; margin-bottom:5px; letter-spacing:-0.5pt;} #admin_contents_control_bar .admin_contents_control_bar_left ul li a {padding:0 10px;} #admin_contents_control_bar .admin_contents_control_bar_right {clear:both; float:none; padding-right:0; line-height:50px; font-size:12px; padding:0 0 0 10px; border-top:1px dotted #bbb;} #thiswebiz_main_bbs table .rank {display:none;} #thiswebiz_main_bbs table .rl {display:none;} } @media screen and (max-width:1420px) { #admin_login_whole #admin_login_form {margin-top:-452px;} /*admin_main_layout*/ #admin_main_layout #quick_area #main_title {width:100%; float:none; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #96a0aa;} #admin_main_layout #quick_area #main_title ul li {text-align:center;} #admin_main_layout #quick_area #main_quick {padding-left:0;} #sitemap_container>ul {text-align:left;} #sitemap_container>ul>li {width:30%;} #sitemap_container>ul>li div.sub_menu ul {height:200px;} #admin_contents_info .fl {float:none !important; margin-bottom:10px;} #admin_contents_info .fr {float:none !important;} #admin_contents_info .admin_contents_info_lower {background-color:#f9f9fb; background-image:none;} } @media screen and (max-width:1320px) { #admin_header #admin_info>ul>li.user p.welcome, #admin_header #admin_info>ul>li.user p.name {display:none;} #admin_main_layout #contents_area>div#information {width:49%;} #admin_main_layout #contents_area>div#callendar {width:49%; margin-right:0;} #admin_main_layout #contents_area>div#member {width:100%; margin-right:0;} } @media screen and (max-width:1200px) { #admin_login_whole #admin_login_form {margin-top:-502px;} #admin_whole {min-width:900px;} #admin_header {min-width:900px; width:100%; height:50px; position:relative; background:url(/resources/twb_images/2016/header_innerglow.png) repeat-x center bottom #4b5055;} #admin_header h3 {height:50px;} #admin_header h3 #logo_short {display:block; height:50px; width:50px; overflow:hidden;} #admin_header h3 #logo_long {display:none;} #admin_header #admin_gnb>ul>li {width:140px; background:url(/resources/twb_images/2016/header_innerglow.png) repeat-x center bottom #41464b; float:left; text-align:center; border-left:1px solid #555a5f; border-right:1px solid #373c41; position:relative; font-size:14px;} #admin_header #admin_gnb>ul>li>a {color:#fff; display:block; height:50px; line-height:50px;} #admin_header #admin_gnb>ul>li>a>p {text-indent:20px;} #admin_header #admin_gnb>ul>li:hover {background:url(/resources/twb_images/2016/gnb_on.jpg) repeat-x center center;} #admin_header #admin_gnb>ul>li.gnb_01>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -15px -10px;} #admin_header #admin_gnb>ul>li.gnb_02>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -175px -10px;} #admin_header #admin_gnb>ul>li.gnb_03>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -335px -10px;} #admin_header #admin_gnb>ul>li.gnb_04>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -490px -10px;} #admin_header #admin_gnb>ul>li.gnb_05>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -655px -10px;} #admin_header #admin_gnb>ul>li.gnb_01:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -15px -80px;} #admin_header #admin_gnb>ul>li.gnb_02:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -175px -80px;} #admin_header #admin_gnb>ul>li.gnb_03:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -335px -80px;} #admin_header #admin_gnb>ul>li.gnb_04:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -490px -80px;} #admin_header #admin_gnb>ul>li.gnb_05:hover>a {background:url(/resources/twb_images/2016/gnb_icon.png) no-repeat -655px -80px;} #admin_header #admin_gnb>ul>li>ul {top:30px; width:138px;} #admin_header #admin_gnb>ul>li.admin_gnb_more {width:50px;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul {border-left:1px solid #555; border-right:1px solid #333; left:-90px;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li {text-align:center; padding-left:0;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>a {color:#fff; line-height:36px;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>a:hover {color:#3cdcff;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul {position:absolute; top:-1px; left:-141px; width:140px; overflow:hidden; padding-left:0; padding-right:10px; background:url(/resources/twb_images/2016/admin_gnb_right.png) no-repeat right 12px; display:none;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul>li {border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:left;} #admin_header #admin_gnb>ul>li.admin_gnb_more>ul>li>ul>li:first-child {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:0;} #admin_header #admin_info>ul>li.user p.welcome, #admin_header #admin_info>ul>li.user p.name {display:none;} #admin_header #admin_info>ul>li.user p.profile {width:50px; height:50px;} #admin_header #admin_info>ul>li#admin_sub_gnb {width:50px; height:50px; cursor:pointer;} #admin_header #admin_info>ul>li#admin_sub_gnb img {display:block; margin:-10px 0 0 -10px;} #admin_right .inner>h3 {height:49px; line-height:49px; font-size:16px;} #admin_footer {min-width:900px;} #admin_footer .fl p {margin-right:0;} #admin_footer .fl p img {display:none;} #admin_footer .fr p#scroll_top {margin-left:10px;} #admin_sub_layout {min-width:900px;} #admin_sub_layout #admin_sub_title {width:100%; height:50px; line-height:50px;} #admin_sub_layout #admin_sub_title ul li.title {font-size:16px; font-weight:bold;} #admin_sub_layout #admin_sub_title ul li.location p.icon {display:none;} #widget_layout #widget_whole {min-width:880px; min-height:500px;} .part_group .title {padding:10px 10px 10px 20px; text-align:left;} #widget_board_edit_left {float:none; width:100%;} #widget_board_edit_right {float:none; width:100%;} #admin_contents_list ul li {width:49%; margin-bottom:15px;} #admin_contents_list ul li.list_02 {margin-right:0;} #admin_contents_view iframe {height:500px;} #admin_contents_view textarea {height:300px;} #admin_calendar td .inner {padding:40px 0px 10px 0px; min-height:40px;} #admin_calendar td .inner .date_number {border-right:0; width:100%;} #admin_calendar td:hover .inner .date_number {background-color:#888;} #admin_calendar td:hover .inner .date_number a {color:#fff !important;} #admin_calendar td:hover .inner .date_number a span {color:#fff !important;} #admin_calendar td .inner .schedule_more a {display:block; text-align:center;} #admin_calendar_min td .inner {padding:40px 0px 10px 0px; min-height:30px;} #admin_calendar_min td .inner .date_number {border-right:0; width:100%;} #admin_calendar_min td:hover .inner .date_number {background-color:#888;} #admin_calendar_min td:hover .inner .date_number a {color:#fff !important;} #admin_calendar_min td:hover .inner .date_number a span {color:#fff !important;} #admin_calendar_min td .inner .schedule_more a {display:block; text-align:center;} } @media screen and (max-width:1024px) { #admin_main_layout #contents_area>div#boards {width:100%; margin-right:0; margin-bottom:30px;} #admin_main_layout #contents_area>div#statistics {width:100%; margin-right:0;} #thiswebiz_main_bbs table .section {width:15%;} #thiswebiz_main_bbs table .code {display:none;} #thiswebiz_main_bbs table .director {display:none;} } @media screen and (max-width:920px) { #sitemap_container>ul>li {width:47%;} #sitemap_container>ul>li div.sub_menu ul {height:150px;} } /* calendar_table */ #calendar_table { margin-top: 10px; } #calendar_table table { border-top: #BBBBBB 2px solid; width: 100%; border-left: #cbcbcb 1px solid; } #calendar_table th { border-top: #cbcbcb 1px solid; border-bottom: #cbcbcb 1px solid; border-right: #cbcbcb 1px solid; background: #F5F5F5; padding: 5px; } #calendar_table td { border-bottom: #cbcbcb 1px solid; border-right: #cbcbcb 1px solid; padding: 5px; text-align: left; } #calendar_table td table { border : 0px; } #calendar_table td table td { border : 0px; } #calendar_table td a { font-size: 12px } #calendar_table .end { border-right: 0px solid; } #numbering { text-align: center; margin: 0 auto; padding: 10px; font-weight: normal; clear: both; margin-top: 20px; } #numbering span { padding: 5px 10px; border: #ccc 1px solid; } #numbering span:hover { background: #f2f2f2; cursor: pointer; } #btn { width: 100%; margin-top: 10px; text-align: center; clear: both; padding-bottom: 10px; } /* 모달 윈도우 */ .modal_wrap{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1000;} .modal_content{position:relative;width:500px;margin:0 auto;padding:0;max-height:100%;overflow:auto;} /*.modal_content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)};*/ .modal_close{position:absolute;top:40px;right:40px;width:37px;height:37px;text-align:center;cursor:pointer;background:url(/images/accounts/modal_close.jpg) 50% 50% no-repeat;text-indent:-9999px;} .sub_modal_wrap{position:fixed;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1001;} .sub_modal_wrap .modal_content{position:relative;width:500px;margin:0 auto;padding:0;max-height:100%;overflow:auto;border:1px solid #000000;-moz-box-shadow:2px 2px 10px #999;-webkit-box-shadow:2px 2px 10px #999;box-shadow:2px 2px 10px #999;} .sub_modal_wrap .modal_close{position:absolute;top:40px;right:40px;width:37px;height:37px;text-align:center;cursor:pointer;background:url(/images/accounts/modal_close.jpg) 50% 50% no-repeat;text-indent:-9999px;} .modal_body{padding:40px;background-color:#fff;text-align:center;} .modal_body .text{margin-bottom:20px;font-size:15px;color:#000000;line-height:1.46;} .modal_body .text span{display:block;font-size:13px;color:#7d7d7d;} .modal_body .text .fail{font-size:20px;color:#ff3333;} .modal_body .result{padding:17px;background-color:#f7f7f7;font-size:20px;line-height:1.5;color:#ff3333;text-align:center} .modal_body .modal-button{margin-top:30px;} .modal_body .modal-button button{display:inline-block;width:80px;height:35px;line-height:35px;margin:0 5px;padding:0;border:solid 1px #d8dbe6;border-radius:5px;background-color:#ffffff;font-size:15px;color:#000} .modal_body .modal-button button.submit{width:80px;border:1px solid #1919ff;color:#1919ff} .modal_body .modal-button button.cancel{} .modal_body .modal-button button.w150{ width:150px; } .modal_title{margin-bottom:20px;font-size:25px;font-weight:400;color:#000;line-height:1.48;text-align:left;} .modal_title.center{text-align:center;} .modal_title .icon{display:inline-block;width:32px;height:32px;vertical-align:top;background-position:0 50%;background-repeat:no-repeat;background-size:100% auto;} .modal_title .icon-time{margin:2px 5px 0 0;background-image:url(/images/common/icon_time_2x.png);} .modal_body .dot-text{position:relative;margin-bottom:28px;padding-left:10px;font-size:15px;line-height:1.47;text-align:left;color:#000000;} .modal_body .dot-text:before{content:'·';position:absolute;top:0;left:0;} .modal_info { padding:13px 0;clear:both; } .modal_info p { display:block;font-size:13px;text-align:left;color:#7d7d7d; } .modal_info p.br { margin-bottom:10px; } .modal_text{margin-bottom:30px;padding:28px 0 24px;border-top:1px solid #000000;border-bottom:1px solid #e9e9e9;font-size:16px;color:#000000;line-height:1.5;text-align:center;} .modal_text .point{color:#1919ff} .modal-table{margin-bottom:20px;border-top:1px solid #000000} .modal-table + .modal-table{border-top:1px solid #e9e9e9;} .modal-table.result-table{border-top:1px solid #e9e9e9;} .modal-table th,.modal-table td{border-bottom:1px solid #e9e9e9;font-size:14px;font-weight:400;text-align:left;line-height:1.42;vertical-align:middle} .modal-table th{padding:10px 13px;background-color:#fbfbfb;color:#7d7d7d;/*vertical-align:top*/} .modal-table th.bg-none{background:#fff;} .modal-table th.title{padding:20px 0;background-color:#fff;color:#1919ff;} .modal-table td{padding:10px 13px;color:#000000;} .modal-table td.center{padding-left:0;padding-right:0;} .modal-table td p{position:relative;padding-left:10px;} .modal-table td p:before{content:'·';position:absolute;top:0;left:0;} .modal-table td .size{position:relative;padding-left:10px;font-size:13px;color:#7d7d7d} .modal-table td .size:before{content:'·';position:absolute;top:0;left:0;} .modal-table td p span{display:inline-block;padding-left:2px;} .modal-table td a {text-decoration:underline} .modal-table .center,.modal-table .center th,.modal-table .center td{text-align:center} .modal-table .left{text-align:left} .modal-table .right{text-align:right} .modal-table td.total{font-size:20px;color:#1919ff} .modal-table td.point{color:#1919ff} .modal-table td.state{} .modal-table td.state.type1{background-color:#e9ffe1;} .modal-table td.state.type2{background-color:#ffeeee;} .modal-table td.state.type3{background-color:#e4fafc;} .modal-table td.state.type4{background-color:#f7f7f7;color:#7d7d7d} .modal-table .box-btn button{display:inline-block;padding:0 16px;border:solid 1px #d8dbe6;border-radius:5px;background-color:#ffffff;color:#000} .modal-list { margin-bottom:20px;border:1px solid #e9e9e9; } .modal-list + .modal-list {border-top:1px solid #e9e9e9;} .modal-list dl { display:block;font-size:14px;font-weight:400;text-align:left;line-height:1.42;padding:15px 13px;color:#000000; } .modal-list dl + dl { border-top:1px solid #e9e9e9;} .modal-address { display:block;max-height:300px;overflow:auto; } .modal-address dl { position:relative; } .modal-address dl.active { background-color:#fbfbfb;color:#7d7d7d; } .modal-address dl dd { line-height: 30px;display: block;width: calc(100% - 55px); } .modal-address dl dd.postnum { position:absolute;display:block;right:15px;bottom:13px;width: 50px;text-align: center; } .modal-address dl dd + dd { margin-top:10px; } .modal-address dl dd strong { display: inline-block; width: 60px; margin-right: 10px; border-radius: 5px; border: solid 1px #d8dbe6; background-color: #ffffff; font-size: 11px; color: #202020; text-align: center; vertical-align:middle; } .modal-address dl dd span { display: inline-block;width: calc(100% - 70px);line-height:16px;vertical-align:middle; } .modal_result{padding-top:40px;border-top:1px solid #000000;} .modal-data{margin-bottom:10px;} .modal-photo{margin-bottom:10px;} .modal-photo::after{display:block;clear:both;content:'';} .modal-photo-file{position:relative;display:block;float:left;margin-right:5px;} .modal-photo-file img{width:70px;height:70px;} .modal-photo-file a{display:block;position:absolute;top:0;right:0;width:24px;height:24px;background-color:rgba(0, 0, 0, 0.4);background-image:url(/images/common/box-file-del.png);background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px;} .modal-upload{margin-bottom:30px;text-align:left;} .modal-upload::after{display:block;clear:both;content:'';} .modal-upload .box-btn{float:left;margin-right:16px;} .modal-upload .box-btn button{display:inline-block;height:35px;line-height:35px;padding:0 16px;border:solid 1px #d8dbe6;border-radius:5px;background-color:#ffffff;font-size:15px;color:#1919ff;} .modal-upload .box-text{float:left;padding-top:4px;} .modal-upload .box-text p{position:relative;padding-left:10px;font-size:13px;line-height:1.47;text-align:left;color:#7d7d7d;} .modal-upload .box-text p:before{content:'·';position:absolute;top:0;left:0;} .modal-option{margin-top:30px;text-align:left;} .modal-option .box-wrap + .box-wrap{margin-top:20px;} .modal-menu{} .modal-menu ul{border-top:1px solid #eeeeee;} .modal-menu li{border-bottom:1px solid #eeeeee;text-align:left;} .modal-menu li a{display:block;padding:10px;background:url(/images/common/modal_menu_order.png) right 9px center no-repeat;font-size:15px;line-height:1.466;color:#000000;} .member_modal .modal_content{width:1000px;} .member_modal .modal_body{padding:92px 50px 50px;} .member_modal .modal_close{top:30px;right:50px;width:32px;height:32px;background:url(/images/common/modal_close.png) 50% 50% no-repeat;} .modal-550 .modal_content{width:550px;} .modal-700 .modal_content{width:700px;} .modal-750 .modal_content{width:750px;} .modal-900 .modal_content{width:900px;} .idpw_modal .modal_content{width:400px;} .idpw_modal .modal_body{padding:80px 30px 40px;} .idpw_modal .modal_close{top:25px;right:25px;} #modal-700 .modal_content{width:700px;} #modal-750 .modal_content{width:750px;} #modal-900 .modal_content{width:900px;} #idpw-modal .modal_content{width:400px;} #idpw-modal .modal_body{padding:80px 30px 40px;} #idpw-modal .modal_close{top:25px;right:25px;} #clause_modal1 .modal_content,#clause_modal2 .modal_content{width:400px;} #clause_modal1 .modal_body,#clause_modal2 .modal_body{padding:30px 30px 26px;} .modal_body .clause-title{margin-bottom:27px;font-size:20px;line-height:29px;text-align:left;color:#000000;} .modal_body .clause-info {overflow-x:hidden;overflow-y:scroll;height:212px;margin-bottom:30px;font-size:14px;line-height:1.43;text-align:left;color:#000000;word-break:break-all;} .modal_body .clause-info table{width:100%;margin:10px 0;} .modal_body .clause-info table td,.modal_body .clause-info table th{padding:2px;border:1px solid #e9e9e9;font-size:13px;color:#000000;text-align:center;vertical-align:middle} .modal_body .clause-btn{} .modal_body .clause-btn button{display:inline-block;padding:0 26px;border:solid 1px #d8dbe6;border-radius:5px;background-color:#ffffff;color:#000} .modal_body .clause-btn button.blue{border:1px solid #1919ff;color:#1919ff;} .show_modal{opacity:1;visibility:visible;transform:scale(1.0);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}