@charset "utf-8"; /* --------------------------------------------------------- * FileName : layout.css * ProjectName : E9Pay (Admin) * Description : ADMIN 레이아웃 스타일시트 * Author : ideumotion.com * Date : 2017.10 --------------------------------------------------------- */ @import url(base.css); @import url(common.css); #skip_nav {position:absolute; left:0; top:0; display:block; width:0; height:0; font-size:0; line-height:0; z-index:8888; overflow:hidden;} #skip_nav:focus, #skip_nav:active {width:100%; height:auto; font-size:14px; color:#444; line-height:20px; text-align:center; background-color:#eee; padding:12px 0;} #wrap {width:100%; height:100%; min-height:100%;} #wrap #login_wrap {position:fixed; top:50%; left:50%; width:780px; height:580px; margin:-290px 0 0 -390px; z-index:1000;} #wrap #login_wrap .login_header {position:absolute; top:-100px; left:0; width:100%; height:160px; text-align:center; overflow:hidden;} #wrap #login_wrap .login_header a {display:block; width:140px; height:140px; margin:0 auto; overflow:hidden;} #wrap #login_wrap .login_header h1 {position:absolute; top:110px; left:0; width:100%; font-size:16px; color:#1c1c1c; line-height:28px; font-weight:normal; text-align:center;} #wrap #login_wrap .form_wrap {width:780px; height:580px; background:url('../images/bg_login_wrap.png') 0 0 no-repeat; overflow:hidden;} #wrap #login_wrap .form_wrap .login_form {width:560px; font-size:0; background-color:#fff; padding:30px; margin:140px auto 0 auto; overflow:hidden;} #wrap #login_wrap .form_wrap .login_form dt {clear:both; float:left; width:100px; font-size:14px; color:#1c1c1c; line-height:40px; font-weight:bold; margin-top:10px; overflow:hidden;} #wrap #login_wrap .form_wrap .login_form dd {float:left; width:400px; margin-top:10px; overflow:hidden;} #wrap #login_wrap .form_wrap .login_form dd.btns {clear:both; float:none; width:500px;} #wrap #login_wrap .form_wrap .login_form dd.btns .btn_group {width:240px; font-size:0; margin:40px 0 0 150px;} #wrap #login_wrap .form_wrap .login_form dd.btns .btn_group .btn.login {width:100%; font-size:13px; color:#fefefe; line-height:40px; background:#ed1b23 url('../images/bg_btn_login.png') 86px 9px no-repeat; box-shadow:0 2px 3px #d9d9d9; padding-left:20px;} /*#wrap #login_wrap .form_wrap .login_form dd.btns .btn_group .btn.register {width:80px; font-size:13px; color:#1c1c1c; line-height:40px; background-color:#eee; box-shadow:0 2px 3px #d9d9d9; margin-left:6px;}*/ #wrap #login_wrap .form_wrap .login_form dd.btns p {display:block; font-size:12px; color:#444; margin:6px 0 0 190px; overflow:hidden;} #wrap #login_wrap .form_wrap .login_form dt:nth-child(1), #wrap #login_wrap .login_form dd:nth-child(2) {margin-top:0;} #wrap #login_wrap .copyright {position:absolute; bottom:50px; left:0; width:100%; font-size:12px; color:#1c1c1c; line-height:16px; font-weight:normal; text-align:center; overflow:hidden;} #wrap #header {position:relative; top:0; left:0; height:50px; background-color:#eee; padding:11px 0 0 260px; overflow:hidden;} #wrap #lnb_wrap {position:fixed; top:0; left:0; width:260px; height:100%; min-height:100%; background-color:#0e75bc; box-sizing:border-box; z-index:100;} #wrap #contents_wrap {position:relative; padding:0 0 0 260px;} #wrap #contents_wrap #contents {padding:10px 20px 100px 20px;} #wrap #footer {position:fixed; bottom:0; right:0; width:100%; height:60px; background-color:#1c1c1c; padding:0 0 0 260px; overflow:hidden;} #header h1 {display:inline-block; *display:inline; zoom:1; font-size:20px; color:#1c1c1c; line-height:28px; vertical-align:middle; background:url('../images/bg_header_h1.png') 20px 2px no-repeat; padding-left:50px;} #header p {display:inline-block; *display:inline; zoom:1; font-size:12px; color:#666; line-height:18px; vertical-align:bottom; padding-left:10px;} #header p:before {content:'[ ';} #header p:after {content:' ]';} #header p strong {color:#1c1c1c;} #header p em {margin-left:2px;} #header p span {margin-left:8px;} #header .btns {position:absolute; top:10px; right:20px;} #header .btns .btn.logout {width:80px; height:30px; font-size:13px; color:#1c1c1c; line-height:20px; background-color:#fff; box-shadow:0 2px 3px #d9d9d9;} #header .btns .btn.logout .button {line-height:28px;} #header .btns .btn.logout:hover {color:#fefefe; background-color:#ed1b23;} #lnb_wrap .close_btn {position:absolute; top:0; right:0; width:50px; height:50px; overflow:hidden;} #lnb_wrap .close_btn a {display:block; width:50px; height:50px; background:url('../images/btn_lnb_close.png') 16px 16px no-repeat; overflow:hidden;} #lnb_wrap .close_btn a.active {background:url('../images/btn_lnb_open.png') 15px 16px no-repeat;} #lnb_wrap #admin_cover {width:260px; height:260px; background-color:#0f639e; overflow:hidden;} #lnb_wrap #admin_cover .thumb {position:relative; width:140px; height:140px; background-color:#f5f5f5; border-radius:140px; margin:40px 0 0 60px;} #lnb_wrap #admin_cover .thumb span {position:absolute; top:0; left:0; display:block; width:40px; height:40px; font-size:11px; color:#fefefe; line-height:36px; text-align:center; background-color:#1c1c1c; border-radius:40px; overflow:hidden;} #lnb_wrap #admin_cover .thumb img {width:140px; height:140px; border-radius:140px;} #lnb_wrap #admin_cover p {height:48px; font-size:16px; color:#fefefe; font-weight:normal; line-height:24px; text-align:center; margin:19px 15px 0 15px;} #lnb_wrap #menu_set {width:260px; background-color:#0e75bc; overflow-x:hidden; overflow-y:scroll;} #lnb_wrap #menu_set dl {font-size:0; overflow:hidden;} #lnb_wrap #menu_set dl dt {height:50px; border-bottom:1px solid #136dab;} #lnb_wrap #menu_set dl:nth-child(1) dt {background:#0e75bc url('../images/bg_lnb_icon_01.png') 15px 17px no-repeat;} /* 시스템관리 */ #lnb_wrap #menu_set dl:nth-child(2) dt {background:#0e75bc url('../images/bg_lnb_icon_02.png') 15px 16px no-repeat;} /* 사용자관리 */ #lnb_wrap #menu_set dl:nth-child(3) dt {background:#0e75bc url('../images/bg_lnb_icon_03.png') 15px 17px no-repeat;} /* 환율관리 */ #lnb_wrap #menu_set dl:nth-child(4) dt {background:#0e75bc url('../images/bg_lnb_icon_04.png') 15px 16px no-repeat;} /* 거래내역 */ #lnb_wrap #menu_set dl:nth-child(5) dt {background:#0e75bc url('../images/bg_lnb_icon_05.png') 16px 16px no-repeat;} /* 고객관리 */ #lnb_wrap #menu_set dl:nth-child(6) dt {background:#0e75bc url('../images/bg_lnb_icon_06.png') 16px 16px no-repeat;} /* 영업관리 */ #lnb_wrap #menu_set dl:nth-child(7) dt {background:#0e75bc url('../images/bg_lnb_icon_07.png') 16px 16px no-repeat;} /* 콜센터관리 */ #lnb_wrap #menu_set dl dt:hover {background-color:#0e71b6;} #lnb_wrap #menu_set dl dt a {display:block; font-size:14px; color:#fefefe; line-height:50px; text-align:left; background:url('../images/bg_basic_arrow_open.png') right 50% no-repeat; padding:0 15px 0 40px; overflow:hidden;} #lnb_wrap #menu_set dl dt.active {border-bottom:none;} #lnb_wrap #menu_set dl dt.active a {background:url('../images/bg_basic_arrow_close.png') right 50% no-repeat;} #lnb_wrap #menu_set dl dt.page a {background:url('../images/bg_arrow_page.png') right 50% no-repeat;} #lnb_wrap #menu_set dl dd {display:none; background-color:#1c1c1c;} #lnb_wrap #menu_set dl dd.active {display:block;} #lnb_wrap #menu_set dl dd ul {font-size:0; overflow:hidden;} #lnb_wrap #menu_set dl dd ul li {background-color:#0f639e; border-top:1px solid #1066a3; border-bottom:1px solid #0e5f97;} #lnb_wrap #menu_set dl dd ul li:nth-child(1) {border-top:none;} #lnb_wrap #menu_set dl dd ul li:hover {background-color:#0c5a91;} #lnb_wrap #menu_set dl dd ul li a {position:relative; display:block; font-size:12px; color:#fefefe; line-height:18px; text-align:left; padding:9px 15px 7px 40px; overflow:hidden;} #lnb_wrap #menu_set dl dd ul li a:before {position:absolute; top:7px; left:30px; content:'-'; display:inline-block; *display:inline; zoom:1; font-size:12px; color:#fefefe; line-height:18px; overflow:hidden;} #lnb_wrap #menu_set dl dd ul li.open a {background:url('../images/bg_basic_arrow_open.png') right 50% no-repeat;} #lnb_wrap #menu_set dl dd ul li.active a {background:url('../images/bg_basic_arrow_close.png') right 50% no-repeat;} #lnb_wrap #menu_set dl dd ul li.open:hover {background-color:#0f639e;} #lnb_wrap #menu_set dl dd ul li.open .depth_3 li a {background:none;} #lnb_wrap #menu_set dl dd ul li > ul {display:none; font-size:0; overflow:hidden;} #lnb_wrap #menu_set dl dd ul li > ul li {background-color:#0c5a91; border-top:1px solid #0e5e97; border-bottom:1px solid #0c578c;} #lnb_wrap #menu_set dl dd ul li > ul li:hover {background-color:#095082;} #lnb_wrap #menu_set dl dd ul li > ul li a {position:relative; display:block; font-size:12px; color:#fefefe; line-height:18px; text-align:left; padding:9px 15px 7px 50px; overflow:hidden;} #lnb_wrap #menu_set dl dd ul li > ul li a:before {position:absolute; top:7px; left:40px; content:'-'; display:inline-block; *display:inline; zoom:1; font-size:12px; color:#fefefe; line-height:18px; overflow:hidden;} #lnb_wrap #menu_set dl dd ul li > ul.active {display:block;} #contents_wrap .contents_header {position:relative; height:40px; background-color:#1c1c1c; overflow:hidden;} #contents_wrap .contents_header h2 {font-size:18px; color:#fefefe; line-height:28px; font-weight:normal; text-align:left; /*background:url('../images/bg_header_h2.png') 22px 12px no-repeat; background-size:14px auto;*/ padding:6px 220px 0 22px;} #contents_wrap .contents_header .btn_group {position:absolute; top:0; right:20px; font-size:0;} #contents_wrap .contents_header .btn_group .btn.add {width:80px; font-size:13px; color:#fefefe; line-height:42px; background:#0e75bc url('../images/bg_btn_add.png') 14px 12px no-repeat; box-shadow:0 2px 3px #000; padding-left:20px;} #contents_wrap .contents_header .btn_group .btn.del {width:80px; font-size:13px; color:#fefefe; line-height:42px; background:#ed1b23 url('../images/bg_btn_del.png') 18px 11px no-repeat; box-shadow:0 2px 3px #000; padding-left:20px;} #contents_wrap .data_sort_box {position:relative; background-color:#fff; border:1px solid #e0e0e0; box-shadow:0 1px 1px #a8a8a8; padding:5px 120px 5px 20px;} #contents_wrap .data_sort_box.none {height:62px; min-height:62px; background-color:transparent; border:none; box-shadow:none;} #contents_wrap .data_sort_box.none ul {display:none !important;} #contents_wrap .data_sort_box.none .btn_search {bottom:0;} #contents_wrap .data_sort_box ul {font-size:0;} #contents_wrap .data_sort_box ul li {font-size:0; margin-top:12px;} #contents_wrap .data_sort_box ul li:first-child {margin-top:0;} #contents_wrap .data_sort_box ul li .form_object {display:inline-block; *display:inline; zoom:1; margin-left:30px;} #contents_wrap .data_sort_box ul li .form_object:first-child {margin-left:0;} #contents_wrap .data_sort_box ul li .form_object label {display:block; float:left; font-size:13px; color:#1c1c1c; line-height:42px; font-weight:bold; margin-right:10px;} #contents_wrap .data_sort_box ul li .form_object .input_text {float:left; width:200px;} #contents_wrap .data_sort_box ul li .form_object .input_text .btn {float:left;} #contents_wrap .data_sort_box ul li .form_object .input_text .btn .btn.search {position:absolute; top:-1px; right:-1px; width:38px; height:38px; font-size:0; line-height:0; text-indent:-10000px; background:#1c1c1c url('../images/bg_btn_search.png') 12px 12px no-repeat; box-shadow:0 2px 3px #d9d9d9;}*/ #contents_wrap .data_sort_box ul li .form_object.search .input_text {padding:0 50px 0 10px;} #contents_wrap .data_sort_box ul li .form_object.date_picker .input_text {width:160px;} #contents_wrap .data_sort_box ul li .form_object.date_picker .ui-datepicker-trigger {position:absolute; top:10px; right:10px; cursor:pointer;} #contents_wrap .data_sort_box ul li .form_object.date .input_text {width:130px;} #contents_wrap .data_sort_box ul li .form_object.date span {display:block; float:left; font-size:14px; color:#1c1c1c; line-height:38px; margin:0 6px 0 6px;} #contents_wrap .data_sort_box ul li .form_object.code .input_text .btn .btn.search {fight:initial; left:-1px;} #contents_wrap .data_sort_box ul li .form_object.code .input_text {margin-left:6px;} #contents_wrap .data_sort_box ul li .form_object.code .input_text.code {width:120px; padding:0 10px 0 50px; margin-left:0;} #contents_wrap .data_sort_box ul li .form_object.radio .input_radio {float:left;} #contents_wrap .data_sort_box ul li .form_object.radio .input_radio label {display:inline-block; *display:inline; zoom:1; font-weight:normal; margin:0 0 0 15px; cursor:pointer;} #contents_wrap .data_sort_box ul li .form_object.radio .input_radio label:first-child {margin-left:0;} #contents_wrap .data_sort_box ul li .form_object.radio .input_radio input {display:inline-block; *display:inline; zoom:1; margin-right:4px;} #contents_wrap .data_sort_box ul li .form_object.check .input_check {float:left;} #contents_wrap .data_sort_box ul li .form_object.check .input_check label {display:inline-block; *display:inline; zoom:1; font-weight:normal; margin:0 0 0 15px; cursor:pointer;} #contents_wrap .data_sort_box ul li .form_object.check .input_check label:first-child {margin-left:0;} #contents_wrap .data_sort_box ul li .form_object.check .input_check input {display:inline-block; *display:inline; zoom:1; margin-right:4px;} #contents_wrap .data_sort_box ul li .form_object.select ul li {font-size:14px; color:#1c1c1c; border-top:none; border-bottom:none; margin-top:0;} #contents_wrap .data_sort_box ul li .form_object.select ul li:hover {color:#1c1c1c; background-color:#eee;} #contents_wrap .data_sort_box ul li .form_object.select ul li.selected {color:#1c1c1c; background-color:#eee;} #contents_wrap .data_sort_box .btn_search {position:absolute; bottom:10px; right:20px;} #contents_wrap .data_sort_box .btn_search .btn {width:100px; font-size:13px; color:#fefefe; line-height:42px; background:#1c1c1c url('../images/bg_btn_allsearch.png') 24px 11px no-repeat; box-shadow:0 2px 3px #d9d9d9; padding-left:20px;} #contents .page_header {position:relative; height:54px;} #contents .page_header h3 {font-size:18px; color:#1c1c1c; line-height:26px; padding-top:17px;} #contents .page_header .btn_group {position:absolute; top:20px; right:0; margin-top:0; font-size:0; overflow:hidden;} #contents .page_header .btn_group a {margin-left:5px;} /*#contents .page_header .btn_group .btn {margin-left:5px;} #contents .page_header .btn_group .btn span {line-height:20px;} #contents .page_header .btn_group .btn:hover {background-color:#000;} #contents .page_header .btn_group .btn.print {width:70px; height:24px; font-size:11px; color:#fefefe; line-height:20px; background-color:#1c1c1c; box-shadow:0 2px 3px #d9d9d9;} #contents .page_header .btn_group .btn.excel {width:90px; height:24px; font-size:11px; color:#fefefe; line-height:20px; background-color:#1c1c1c; box-shadow:0 2px 3px #d9d9d9;}*/ #contents .common_menu_setup {position:relative; height:600px; padding-left:220px; margin-top:10px; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap {position:absolute; top:0; left:0; width:206px; height:600px; background-color:#1c1c1c; overflow-x:hidden; overflow-y:scroll;} #contents .common_menu_setup .menu_list_wrap dl {font-size:0; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dt {height:50px; background-color:#1c1c1c; border-bottom:1px solid #000;} #contents .common_menu_setup .menu_list_wrap dl dt:hover {background-color:#000;} #contents .common_menu_setup .menu_list_wrap dl dt a {display:block; font-size:14px; color:#fefefe; line-height:50px; text-align:left; background:url('../images/bg_basic_arrow_open.png') right 50% no-repeat; padding:0 15px 0 15px; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dt.active {border-bottom:none;} #contents .common_menu_setup .menu_list_wrap dl dt.active a {background:url('../images/bg_basic_arrow_close.png') right 50% no-repeat;} #contents .common_menu_setup .menu_list_wrap dl dt.page a {background:url('../images/bg_arrow_page.png') right 50% no-repeat;} #contents .common_menu_setup .menu_list_wrap dl dd {display:none; background-color:#1c1c1c;} #contents .common_menu_setup .menu_list_wrap dl dd.active {display:block;} #contents .common_menu_setup .menu_list_wrap dl dd ul {font-size:0; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dd ul li {background-color:#363636; border-top:1px solid #404040; border-bottom:1px solid #252525;} #contents .common_menu_setup .menu_list_wrap dl dd ul li:nth-child(1) {border-top:none;} #contents .common_menu_setup .menu_list_wrap dl dd ul li:hover {background-color:#252525;} #contents .common_menu_setup .menu_list_wrap dl dd ul li a {position:relative; display:block; font-size:12px; color:#fefefe; line-height:18px; text-align:left; padding:9px 15px 7px 30px; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dd ul li a:before {position:absolute; top:7px; left:20px; content:'-'; display:inline-block; *display:inline; zoom:1; font-size:12px; color:#fefefe; line-height:18px; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dd ul li.open a {background:url('../images/bg_basic_arrow_open.png') right 50% no-repeat;} #contents .common_menu_setup .menu_list_wrap dl dd ul li.active a {background:url('../images/bg_basic_arrow_close.png') right 50% no-repeat;} #contents .common_menu_setup .menu_list_wrap dl dd ul li.open:hover {background-color:#252525;} #contents .common_menu_setup .menu_list_wrap dl dd ul li.open .depth_3 li a {background:none;} #contents .common_menu_setup .menu_list_wrap dl dd ul li > ul {display:none; font-size:0; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dd ul li > ul li {background-color:#606060; border-top:1px solid #5c5c5c; border-bottom:1px solid #494949;} #contents .common_menu_setup .menu_list_wrap dl dd ul li > ul li:hover {background-color:#525252;} #contents .common_menu_setup .menu_list_wrap dl dd ul li > ul li a {position:relative; display:block; font-size:12px; color:#fefefe; line-height:18px; text-align:left; padding:9px 15px 7px 40px; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dd ul li > ul li a:before {position:absolute; top:7px; left:30px; content:'-'; display:inline-block; *display:inline; zoom:1; font-size:12px; color:#fefefe; line-height:18px; overflow:hidden;} #contents .common_menu_setup .menu_list_wrap dl dd ul li > ul.active {display:block;} #contents .common_menu_setup .menu_cont_wrap {position:relative; height:600px; overflow-x:hidden; overflow-y:auto;} #contents .menu_setup_wrap {position:relative; border-bottom:1px solid #1c1c1c; margin-top:10px; overflow:hidden;} #contents .menu_setup_wrap .menu_head {height:40px; background-color:#1c1c1c; border-bottom:1px solid #000; overflow:hidden;} #contents .menu_setup_wrap .menu_head dl {width:100%; font-size:0; overflow:hidden;} #contents .menu_setup_wrap .menu_head dl dt {clear:both; float:left; width:21.6%; font-size:14px; color:#fefefe; line-height:40px; font-weight:normal; text-align:center; border-right:1px solid #000;} #contents .menu_setup_wrap .menu_head dl dd {float:left; width:11.2%; font-size:14px; color:#fefefe; line-height:40px; font-weight:normal; text-align:center; border-right:1px solid #000;} #contents .menu_setup_wrap .menu_body {overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 {font-size:0; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li {overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl {height:100%; font-size:0; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl.lineon {background-color:#eee !important;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dt {clear:both; position:relative; float:left; width:21.6%; background:#1c1c1c url('../images/bg_folder_none.png') right 50% no-repeat;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dt label {display:block; font-size:14px; color:#fefefe; line-height:22px; text-align:left; border-right:1px solid #1c1c1c; border-bottom:1px solid #000; border-left:1px solid #1c1c1c; padding:12px 60px 13px 20px;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dt label input {margin:-2px 5px 0 0;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dt.open {background:#1c1c1c none;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dt.open a.contorl_btn {display:block; position:absolute; top:4px; right:0; width:40px; height:40px; background:#1c1c1c url('../images/bg_basic_arrow_open.png') 13px 13px no-repeat; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dt.open a.contorl_btn.active {background:#1c1c1c url('../images/bg_basic_arrow_close.png') 13px 13px no-repeat;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dd {position:relative; float:left; width:11.2%; font-size:14px; color:#333; line-height:22px; text-align:center; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} #contents .menu_setup_wrap .menu_body ul.depth1 li dl dd input {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 {height:auto; visibility:visible; font-size:0; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2.active {height:0; visibility:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li {overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl {height:100%; font-size:0; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl.lineon {background-color:#eee !important;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dt {clear:both; position:relative; float:left; width:21.6%; background:#363636 url('../images/bg_folder_none.png') right 50% no-repeat;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dt label {display:block; font-size:14px; color:#fefefe; line-height:22px; text-align:left; border-right:1px solid #363636; border-bottom:1px solid #252525; border-left:1px solid #363636; padding:12px 60px 13px 39px;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dt label input {margin:-2px 5px 0 0;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dt.open {background:#363636 none;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dt.open a.contorl_btn {display:block; position:absolute; top:4px; right:0; width:40px; height:40px; background:#363636 url('../images/bg_basic_arrow_open.png') 13px 13px no-repeat; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dt.open a.contorl_btn.active {background:#363636 url('../images/bg_basic_arrow_close.png') 13px 13px no-repeat;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dd {position:relative; float:left; width:11.2%; font-size:14px; color:#333; line-height:22px; text-align:center; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li dl dd input {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 {height:auto; visibility:visible; font-size:0; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3.active {height:0; visibility:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li {overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl {height:100%; font-size:0; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl.lineon {background-color:#eee !important;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dt {clear:both; position:relative; float:left; width:21.6%; background:#606060 url('../images/bg_folder_none.png') right 50% no-repeat;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dt label {display:block; font-size:14px; color:#fefefe; line-height:22px; text-align:left; border-right:1px solid #606060; border-bottom:1px solid #494949; border-left:1px solid #606060; padding:12px 60px 13px 58px;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dt label input {margin:-2px 5px 0 0;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dt.open {background:none;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dt.open a.contorl_btn {display:block; position:absolute; top:4px; right:0; width:40px; height:40px; background:#606060 url('../images/bg_basic_arrow_open.png') 13px 13px no-repeat; overflow:hidden;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dt.open a.contorl_btn.active {background:#606060 url('../images/bg_basic_arrow_close.png') 13px 13px no-repeat;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dd {position:relative; float:left; width:11.2%; font-size:14px; color:#333; line-height:22px; text-align:center; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} #contents .menu_setup_wrap .menu_body ul.depth1 li ul.depth2 li ul.depth3 li dl dd input {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;} #contents .btn_group {text-align:right; font-size:0; margin-top:20px; overflow:hidden;} #contents .btn_group .btn {margin:0 0 0 5px;} #contents .btn_group .btn.cancel {width:100px; font-size:13px; color:#fefefe; line-height:42px; background-color:#1c1c1c; box-shadow:0 2px 3px #d9d9d9;} #contents .btn_group .btn.save {width:100px; font-size:13px; color:#fefefe; line-height:42px; background-color:#ed1b23; box-shadow:0 2px 3px #d9d9d9;} #contents .btn_group .btn.del {width:100px; font-size:13px; color:#fefefe; line-height:42px; background-color:#1c1c1c; box-shadow:0 2px 3px #d9d9d9;} #contents .pageing_wrap {clear:both; font-size:0; text-align:center; margin-top:25px; overflow:hidden;} #contents .pageing_wrap a.btn_first {display:inline-block; *display:inline; zoom:1; width:40px; height:40px; vertical-align:middle; background-color:#1c1c1c; margin-right:2px; overflow:hidden;} #contents .pageing_wrap a.btn_first:before {content:'<<'; font-size:14px; color:#fff; line-height:38px;} #contents .pageing_wrap a.btn_prev {display:inline-block; *display:inline; zoom:1; width:40px; height:40px; vertical-align:middle; background-color:#1c1c1c; margin:0 11px 0 0; overflow:hidden;} #contents .pageing_wrap a.btn_prev:before {content:'<'; font-size:14px; color:#fff; line-height:38px;} #contents .pageing_wrap a.btn_next {display:inline-block; *display:inline; zoom:1; width:40px; height:40px; vertical-align:middle; background-color:#1c1c1c; margin:0 0 0 11px; overflow:hidden;} #contents .pageing_wrap a.btn_next:before {content:'>'; font-size:14px; color:#fff; line-height:38px;} #contents .pageing_wrap a.btn_last {display:inline-block; *display:inline; zoom:1; width:40px; height:40px; vertical-align:middle; background-color:#1c1c1c; margin-left:2px; overflow:hidden;} #contents .pageing_wrap a.btn_last:before {content:'>>'; font-size:14px; color:#fff; line-height:38px;} #contents .pageing_wrap ul.num {display:inline-block; *display:inline; zoom:1; font-size:0; vertical-align:middle; overflow:hidden;} #contents .pageing_wrap ul.num li {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0 1px 0 1px; overflow:hidden;} #contents .pageing_wrap ul.num li a {display:block; width:40px; height:40px; font-size:14px; color:#555; line-height:38px; border:1px solid #e0e0e0;} #contents .pageing_wrap ul.num li.active a {color:#fff; background-color:#0e75bc; border:1px solid #0e75bc;} #footer p.copyright {font-size:12px; color:#fefefe; line-height:16px; text-align:right; padding:24px 20px 0 0; overflow:hidden;} /* Common Loading */ .loading_wrap {display:none;} .loading_wrap .common_loading {position:fixed; top:50%; left:50%; width:40px; height:40px; background:url('../images/img_loading.png') 0 0 no-repeat; background-size:40px auto; -webkit-animation:loading_spin 1.5s infinite linear; animation:loading_spin 1.5s infinite linear; margin:-20px 0 0 -20px; z-index:99998; overflow:hidden;} .loading_wrap .dimd_loading {display:block; position:fixed; top:0; left:0; width:100%; height:100%; min-height:100%; background-color:#000; opacity:0.8; z-index:98888;} /* cloud motion */ #viewport { -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; background-image: radial-gradient(circle, #0077ed 7%, #12aaeb 77%); background-image: -o-radial-gradient(circle, #0077ed 7%, #12aaeb 77%); background-image: -moz-radial-gradient(circle, #0077ed 7%, #12aaeb 77%); background-image: -webkit-radial-gradient(circle, #0077ed 7%, #12aaeb 77%); background-image: -ms-radial-gradient(circle, #0077ed 7%, #12aaeb 77%); background-image: -webkit-radial-gradient(linear, left bottom, left top, color-stop(0.7, #0077ed), color-stop(0.77, #12aaeb)); } #world { position: absolute; left: 50%; top: 50%; margin-left: -256px; margin-top: -256px; height: 512px; width: 512px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } #world div { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } #world .cloudBase { position: absolute; left: 256px; top: 256px; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; } #world .cloudLayer { position: absolute; left: 50%; top: 50%; width: 256px; height: 256px; margin-left: -128px; margin-top: -128px; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -ms-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; transition: opacity .5s ease-out; background-image: url("../images/bg_cloud.png");} /* Keyframes */ @-webkit-keyframes loading_spin { 0% {transform:rotate(360deg);} 100% {transform:rotate(0deg);} }