body,html {min-width:1903px; width:100%; font-family: 'Malgun Gothic', sans-serif;}
.head {width:100%; color:#ccc; position:fixed; top:0; left:0; right:0; z-index:999;}
.head .header {width:100%; min-width:1263px; height:55px; text-align:center; background:#3e3e3e; padding-left:20px;}
.head .header .left {float:left;}
.head .header h1.logo {cursor:pointer;width:131px; height:55px; background:url("/res/images/midas_logo.png") center no-repeat; text-indent:-99999px}
.head .header h2.corpLogo {width:50%; color:#f9f9f9; font-family:"Malgun Gothic"; font-weight:600; font-size:16px; position:absolute; left:0; right:0; display:inline-block; line-height:53px; height:55px; margin:auto;}
.head .header h2.corpLogo img {height:55px;}
.head .header .line {float:left; width:1px; height:55px; background:#383838; display:block;}
.head .header .language {font-size:13px; background:url("/res/images/icon/icon_lang_arrow.png") 158px center no-repeat; border-left: 1px solid #383838; border-right:1px solid #434343; text-align:left; float:left; display:block;}
.head .header .language:hover {background:url("/res/images/icon/icon_lang_arrow.png") 158px center no-repeat #333;}
.head .header .language .selected {transition:0.5s; width:175px; height:55px; line-height:55px; padding:0 15px 0 50px; display:block; cursor:pointer;}
.head .header .language .selected.kr {background:url("/res/images/icon/icon_lang_kr.png") 15px center no-repeat;}
.head .header .language .selected.en {background:url("/res/images/icon/icon_lang_en.png") 15px center no-repeat;}
.head .header .language .selected.us {background:url("/res/images/icon/icon_lang_en.png") 15px center no-repeat;}
.head .header .language .selected.jp {background:url("/res/images/icon/icon_lang_jp.png") 15px center no-repeat;}
.head .header .language .selected.cn {background:url("/res/images/icon/icon_lang_ch.png") 15px center no-repeat;}
.head .header .language .selected.th {background:url("/res/images/icon/icon_lang_th.png") 15px center no-repeat;}
.head .header .language .selected.vn {background:url("/res/images/icon/icon_lang_vn.png") 15px center no-repeat;}
.head .header .language .selected.id {background:url("/res/images/icon/icon_lang_id.png") 15px center no-repeat;}
.head .header .language .selected.kh {background:url("/res/images/icon/icon_lang_kh.png") 15px center no-repeat;}
.head .header .language .selected.ro {background:url("/res/images/icon/icon_lang_ro.png") 15px center no-repeat;}
.head .header .language .selected.kz {background:url("/res/images/icon/icon_lang_kz.png") 15px center no-repeat;}
.head .header .language .selected.tw {background:url("/res/images/icon/icon_lang_tw.png") 15px center no-repeat;}
.head .header .group {width:175px; background:#fff; border:1px solid #e1e1e1; border-top:0; display:none; position:absolute; z-index:9999; left:215px; top:55px;}
.head .header .group li {display:block; height:41px; line-height:41px; color:#3e3e3e; border-bottom:1px solid #e1e1e1; text-align:left;}
.head .header .group li a {font-size:13px; display:block; width:100%; height:100%; padding:0 15px 0 50px;}
.head .header .group li.kr {background:url("/res/images/icon/icon_lang_kr.png") 15px center no-repeat;}
.head .header .group li.en {background:url("/res/images/icon/icon_lang_en.png") 15px center no-repeat;}
.head .header .group li.us {background:url("/res/images/icon/icon_lang_en.png") 15px center no-repeat;}
.head .header .group li.jp {background:url("/res/images/icon/icon_lang_jp.png") 15px center no-repeat;}
.head .header .group li.cn {background:url("/res/images/icon/icon_lang_ch.png") 15px center no-repeat;}
.head .header .group li.th {background:url("/res/images/icon/icon_lang_th.png") 15px center no-repeat;}
.head .header .group li.vn {background:url("/res/images/icon/icon_lang_vn.png") 15px center no-repeat;}
.head .header .group li.id {background:url("/res/images/icon/icon_lang_id.png") 15px center no-repeat;}
.head .header .group li.kh {background:url("/res/images/icon/icon_lang_kh.png") 15px center no-repeat;}
.head .header .group li.ro {background:url("/res/images/icon/icon_lang_ro.png") 15px center no-repeat;}
.head .header .group li.kz {background:url("/res/images/icon/icon_lang_kz.png") 15px center no-repeat;}
.head .header .group li.tw {background:url("/res/images/icon/icon_lang_tw.png") 15px center no-repeat;}
.head .header .group li.ru {background:url("/res/images/icon/icon_lang_ru.png") 15px center no-repeat;}
.head .header .group li.tr {background:url("/res/images/icon/icon_lang_tr.png") 15px center no-repeat;}
.head .header .language .selected.ru {background:url("/res/images/icon/icon_lang_ru.png") 15px center no-repeat;}
.head .header .language .selected.tr {background:url("/res/images/icon/icon_lang_tr.png") 15px center no-repeat;}
.head .header .group li:hover {opacity:.9; box-shadow:inset 0px 0px 2px #ccc;}
.head .header .frontSearch {display:inline-block; position:absolute; top:20px; left:220px;}
.head .header .frontSearch span {display:table-cell; vertical-align:middle;}
.head .header .notifiBar {float:right;}
.head .header .notifiBar li.status {position:relative; float:left; text-indent:-9999px; width:53px; height:55px; border-left:1px solid #363636; border-right:1px solid #444444;}
.head .header .notifiBar li.fav {cursor:pointer; background:url("../images/icon/icon_fav.png") no-repeat;}
.head .header .notifiBar li.status:first-child {border-left:0;}
.head .header .notifiBar li.status a {width:100%; height:100%; display:block; }
.head .header .notifiBar li.status .count {width:18px; height:18px; line-height:15px; background:#e22424; color:#fff; font-size:10px; font-family:"Arial"; text-align:center; border:1px solid #3e3e3e; display:block; position:absolute; top:12px; left:28px; border-radius:13px;}
.head .header .notifiBar li.status.notice { background:url("../images/icon/icon_notification.png") center no-repeat;}
.head .header .notifiBar li.status.message { background:url("../images/icon/icon_message.png") center no-repeat;}
.head .header .notifiBar .sign {padding:9px 20px; width:auto !important; text-indent:0 !important; border-left:0;}
.head .header .notifiBar .textID {font-size:14px; cursor:pointer; display:inline-block; padding-left:10px; height:28px; line-height:28px; padding-right:20px; background:url("../images/icon/icon_textid_dropdown.png") right center no-repeat; vertical-align:middle;}
.head .header .notifiBar .textID em {vertical-align:bottom; display:inline-block; font-style:normal; text-align:left; max-width:120px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.head .header .notifiBar span.thumb {width:35px; height:35px; line-height:33px; vertical-align:middle; overflow:hidden; display:inline-block; border-radius:35px; background:#EEE;}
.head .header .notifiBar span.thumb img {width:100%; height:100%; vertical-align:middle;}
.head .header .notifiBar .dropMenu {width:56px; height:55px; background:url("../images/icon/icon_menu.png") no-repeat center #474c53; border-left:1px solid #363636; z-index:100;}
.head .header .notifiBar .dropMenu:focus {opacity:1;}
.head .header .notifiBar .closeMenu {width:56px; height:55px; background:#333;}
.head .nav {position:relative; width:100%; min-width:1600px; height:35px; font-size:0; padding:0 20px; background:#e5e5e5; border-bottom:1px solid #ddd; color:#000;}
.head .nav .locationMap li:first-child {padding:0; width:40px; text-align:center;}
.head .nav li {padding:0 20px; border-right:1px solid #ccc; font-size:14px; border-top:0; border-bottom:0; display:inline-block; height:35px; line-height:35px; }
.head .nav li a {display:block; width:100%; height:100%;}
.head .nav li:first-child {border-left:1px solid #ccc;}
.head .nav li.home {float:left; width:36px; height:100%; background:url("../images/icon/icon_home.png") center no-repeat; text-indent:-9999px; cursor:pointer;}
.head .nav li.mapTree {z-index:1; position:relative; letter-spacing:-1px; min-width:240px; cursor:pointer; background:url("../images/icon/icon_dropdown.png") 94% 15px no-repeat; padding-right:40px;}
.head .nav li.mapTree > span {padding:0 20px;}
.head .nav li.mapTree > div {display:none; top:35px; z-index:100; width:100%;}
.head .nav li.mapTree:hover {color:#fff;}
.head .nav #li_Menu1:hover {background:url("../images/icon/icon_dropdown_hover.png") 94% 15px no-repeat #556075;}
.head .nav #li_Menu2:hover {background:url("../images/icon/icon_dropdown_hover.png") 94% 15px no-repeat #828b9d;}
.head .nav li.mapTree:hover > div {z-index:100; min-width:240px; left:-1px; position:absolute; display:block; background:#f9f9f9; border-top:0; border-bottom:0; border:1px solid #dedede;}
.head .nav li.mapTree:hover > div div:first-child a:hover {border-top:0;}
.head .nav li.mapTree:hover > #div_MasterMenu2 {border:0; border-bottom:1px solid #dedede;}
.head .nav li.mapTree:hover a {display:block; font-weight:normal; position:relative; border-bottom:0; color:#000; padding:0px 12px 0px 6px;}
.head .nav li.mapTree:hover a:hover {color:#000; background:#fff; border-bottom:0px solid #dedede; border-top:0px solid #dedede; letter-spacing:-1px;}
.head .nav li.mapTree:hover .secDepth a {position:relative; background:#556075; padding:0 20px;}
.head .nav .description {position:relative; left:20px; top:12px; display:inline-block; font-weight:normal; color:#000; font-size:13px; }
.head .nav li.mapTree:last-child {font-weight:bold; background:url("../images/icon/icon_dropdown.png") 94% 21px no-repeat #eee; border-bottom:0; color:#45536a !important;}
.head .nav li.mapTree:last-child:hover {margin-left:-1px;}
.head .nav .div_virtualMenu2 {top:-1px !important;}
.head .nav .menu2 {min-width:333px; background:#f9f9f9; border-right:1px solid #dedede; border-left:1px solid #dedede;}
.head .nav .menu2:last-child {border-bottom:1px solid #dedede;}
.head .nav .menu2.disabled {background:#b5b8c0; opacity:1; border-bottom:1px dotted #eee; cursor:not-allowed;}
.head .nav .menu2.disabled a {color:#d6d6d6 !important; cursor:not-allowed;}
.head .nav .menu2.disabled.active {background:#eee !important; color:#ddd !important;}
.head .nav .menu2.disabled .checks * {cursor:not-allowed;}
.head .nav .menu2.disabled.active .checks * {cursor:not-allowed !important;}
.head .nav .menu2:hover {color:#fff !important;}
.head .nav .menu2 a:hover {text-decoration:none !important; background:#fff !important; border-top:0px solid #dedede !important;}
.head .nav .menu2 a {width:100%; display:inline-block !important; padding:4px 0 4px 45px !important; line-height:28px; padding-left:16px; background:transparent !important;}
.head .nav .menu2 .checks.favorite {float:left; position:absolute; left:5px; top:0px;}
/* drop */
.SlectBox {min-width:120px; width: 100% !important; height:25px; overflow-y:hidden; border:0; border-bottom:1px solid #ddd; background:url("../images/icon/icon_select.png") right no-repeat;}
.dropMenu{line-height:45px;padding:5px 15px 0px 15px;color:#999;border:0;font-size:1.4em;font-weight:bold;cursor:pointer;outline:none;z-index:10000000000000;}
.closeMenu{padding:7px 15px 0px 15px;color:#fff;border:0;font-size:3em;line-height:70px;font-weight:bold;cursor:pointer;outline:none;z-index:10000000000000;}
.closeMenu:hover {background:#222;}
.closeMenu:active {background:#111;}
.menu{display:none; z-index:999; font-weight:bold; width:100%; height:100%; top:0px; right:0; background:rgba(20,20,20,0.95); position:fixed; text-align:center; font-size:13px; padding-bottom:60px;}
.menu .dropMenu_close {z-index:99999; cursor:pointer; transition:.3s; text-indent:-99999px; width:50px; height:50px; position:absolute; right:40px; top:40px; background:url("../images/icon/icon_dropmenu_close.png") center no-repeat; background-size:30px 30px;}
.menu .dropMenu_close:focus {opacity:.8;}
.menu .title {font-size:34px; color:#fff; font-weight:100; font-family:"Malgun Gothic"; margin-bottom:80px;}
.menuList {width:24%; margin-bottom:50px; padding-left:40px; display:inline-block; vertical-align:top;}
.sideToggle {color:#fff; font-family:"Malgun Gothic"; padding-left:3px; font-size:18px; font-weight:normal; display:block; text-align:left; width:100%; margin-bottom:10px;}
.side01.btnToggleClose {background:url("../images/icon/icon_side01_on.png") #585b5f; background-repeat:no-repeat; background-position:180px center, 90% center; color:#8da6d5;}
.side01.btnToggleOpen {background:url("../images/icon/icon_side01.png"); background-repeat:no-repeat; background-position:180px center, 90% center;}
.side02.btnToggleClose {background:url("../images/icon/icon_side02_on.png") #585b5f; background-repeat:no-repeat; background-position:180px center, 90% center; color:#8da6d5;}
.side02.btnToggleOpen {background:url("../images/icon/icon_side02.png"); background-repeat:no-repeat; background-position:180px center, 90% center;}
.side03.btnToggleClose {background:url("../images/icon/icon_side03_on.png") #585b5f; background-repeat:no-repeat; background-position:180px center, 90% center; color:#8da6d5;}
.side03.btnToggleOpen {background:url("../images/icon/icon_side03.png"); background-repeat:no-repeat; background-position:180px center, 90% center;}
.side04.btnToggleClose {background:url("../images/icon/icon_side04_on.png") #585b5f; background-repeat:no-repeat; background-position:180px center, 90% center; color:#8da6d5;}
.side04.btnToggleOpen {background:url("../images/icon/icon_side04.png"); background-repeat:no-repeat; background-position:180px center, 90% center;}
.side05.btnToggleClose {background:url("../images/icon/icon_side05_on.png") #585b5f; background-repeat:no-repeat; background-position:180px center, 90% center; color:#8da6d5;}
.side05.btnToggleOpen {background:url("../images/icon/icon_side05.png"); background-repeat:no-repeat; background-position:180px center, 90% center;}
.side06.btnToggleClose {background:url("../images/icon/icon_side06_on.png") #585b5f; background-repeat:no-repeat; background-position:180px center, 90% center; color:#8da6d5;}
.side06.btnToggleOpen {background:url("../images/icon/icon_side06.png"); background-repeat:no-repeat; background-position:180px center, 90% center;}
.scrollBlind {width:1366px; height:100%; margin:auto; padding:90px 0px 0px 60px; }
.profileMenu {display:none; cursor:default; width:200px; font-size:13px; border:1px solid #ddd; background:#fff; position:absolute; top:55px; right:200px; text-align:left; z-index:1000;}
.profileMenu .dot {width:11px; height:6px; background:url("../images/icon/icon_dot.png") no-repeat; position:absolute; top:-5px; left:48%;}
.profileMenu .profile {position:relative; overflow:hidden; padding:9px 18px;}
.profileMenu .profile .thumb_big {float:left; width:50px; height:50px; line-height:50px; margin-right:10px;}
.profileMenu .profile .thumb_big img {width:100%; vertical-align:middle;}
.profileMenu .profile .info {height:50px; line-height:50px; float:left;}
.profileMenu .profile .info .em {position:relative; top:3px; width:100px; height:15px; line-height:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;font-weight:bold; color:#000;}
.profileMenu .profile .info .em:after {color:#ccc; font-weight:normal; content:""; padding-left:3px;}
.profileMenu .profile .info .date {font-size:13px; color:#000;}
.profileMenu .profile .info .logout {display:block; color:#000; width:65px; height:20px; line-height:20px; text-align:center; border:1px solid #ddd;}
.profileMenu .btnArea {position:relative; font-size:0;}
.profileMenu .btnArea .btnProfile {float:left; display:block; width:50%; height:31px; line-height:31px; background:#8da6d5; color:#fff; text-align:center; font-size:13px; font-weight:bold;}
.profileMenu .btnArea .btnProfile:first-child {border-right:1px solid #fff;}
.profileMenu .btnArea .btnProfile.logout {background:#999;}
.profileMenu li {display:block; line-height:28px; height:28px; padding-left:26px;color:#999; font-size:13px;}
.profileMenu li.profile01 {background:url("../images/icon/icon_profile01.png") left center no-repeat;}
.profileMenu li.profile01:hover {background:url("../images/icon/icon_profile01_hover.png") left center no-repeat; color:#c4b361;}
.profileMenu li.profile02 {background:url("../images/icon/icon_profile02.png") left center no-repeat;}
.profileMenu li.profile02:hover {background:url("../images/icon/icon_profile02_hover.png") left center no-repeat; color:#c4b361;}
.profileMenu li.profile03 {background:url("../images/icon/icon_profile03.png") left center no-repeat;}
.profileMenu li.profile03:hover {background:url("../images/icon/icon_profile03_hover.png") left center no-repeat; color:#c4b361;}
.favoriteBox {box-shadow:0px 2px 3px #ddd; display:none; width:198px; padding:10px; background:#fff; cursor:default; position:absolute; top:55px; right:0px; text-align:left; z-index:1000;}
.favoriteBox li {padding:0 10px; font-size:13px; color:#000; height:28px; line-height:28px; margin-bottom:2px; border:1px solid #e0e0e0; overflow:hidden; position:relative;}
.favoriteBox a {width:100%; display:block;}
.favoriteBox a:hover {color:#8da6d5;}
.sideContents { padding:8px 0;}
.sideList {position:relative; text-align:left;}
.sideList li {font-size:14px; display:block; color:#eee; font-weight:normal; padding-left:15px; line-height:26px; font-family:"Malgun Gothic";}
.sideList li a {position:relative; background:url("../images/icon/blit_side.png") 0px center no-repeat; left:-18px; padding-left:9px; width:100%; display:block;}
.sideList li:hover {color:#eee; text-decoration:underline;}
.sideList li.disabled {opacity:.4; background:transparent !important;}
.sideList li.disabled a {cursor:not-allowed !important;}
/* main */
.mainContainer {width:100%; height:100%; position:relative; overflow:hidden; padding:20px 0px; }
.mainContainer .column {float:left; width:49.6%; height:auto; position:relative; margin-right:0.7%;}
.mainContainer .column:last-child {margin-right:0;}
.mainContainer .article:nth-child(1n) {height:155px;}
.mainContainer .article:nth-child(2n) {height:435px;}
.mainContainer .article:nth-child(3n) {height:326px;}
.mainContainer .column .article { width:100%; margin-right:1%; margin-bottom:10px;}
.mainContainer .column .article .box {position:relative; height:100%; float:left; overflow:hidden; display:inline-block; background:#fff; border:1px solid #eee; font-size:14px;}
.mainContainer .column .article .box .title {text-align:center; color:#000000; letter-spacing:-1px; font-family:"Malgun Gothic";}
.mainContainer .column .article .box.areaNotice {width:49.4%; color:#000; padding:12px 28px;}
.mainContainer .column .article .box.areaNotice .title .more {font-family:"Malgun Gothic"; color:#000; font-size:13px; position:absolute; right:26px; top:16px;}
.mainContainer .column .article .box.areaNotice .notice li {position:relative; float:left; padding-left:15px; line-height:25px; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.mainContainer .column .article .box.areaNotice .notice li a {display:block; width:100%;}
.mainContainer .column .article .box.areaNotice .notice li a:hover {text-decoration:underline;}
.mainContainer .column .article .box.areaNotice .notice li:before {position:absolute; content:""; top:12px; left:0; width:7px; height:1px; background:#3f3f3f;}
.mainContainer .column .article .box.areaNotice .notice span {float:right; display:block; line-height:25px;}
.mainContainer .column .article .box.areaFavorite {transition:.2s; width:23%; background:#fff; color:#999; border:1px solid #eee;}
.mainContainer .column .article .box.areaFavorite .title {font-size:13px; height:40px; line-height:40px; margin-bottom:0; border-bottom:1px solid #eee;}
.mainContainer .column .article .box.areaFavorite .title .more {font-family:"Malgun Gothic"; line-height:1; color:#fff; cursor:pointer; font-size:18px; height:40px; line-height:44px; width:40px; color:#777; position:absolute; right:0px; top:0px;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuWrap {width:100%; overflow:hidden;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList {width:110%; overflow-y:auto; height:391px; padding-top:8px;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList li {transition:.3s; cursor:pointer; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; height:100%; width:95%; padding:11px 20px 11px 30px; color:#444; background:url("../images/icon/blit_form_list_min.png") 20px center no-repeat;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList .favoriteMenu { margin-right:1%; background:transparent;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList .favoriteMenu:hover {background:#f4f4f4;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList .favoriteMenu:nth-child(7n) {margin-right:0;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList .add {cursor:auto; text-indent:-99999px;}
.mainContainer .column .article .box.areaFavorite .favoriteMenuList .add:hover {}
.mainContainer .column .article .box.areaFavorite.append {z-index:99; background:rgba(255,255,255,0.8); border:1px solid #3561b3; position:absolute; height:771px; box-shadow:0px 0px 10px #aaa;}
.mainContainer .column .article .box.areaFavorite.append .favoriteMenuWrap {height:100%;}
.mainContainer .column .article .box.areaFavorite.append .favoriteMenuList {height:729px;}
.mainContainer .column .article .box.areaFavorite.append .title .more {color:#3561b3;}
.mainContainer .column .article .box.areaMemberStatus {width:32.5%; margin-right:1.2%; background:#fff;}
.mainContainer .column .article .box.areaMemberStatus .title {height:40px; line-height:40px; border-bottom:1px solid #eee;}
.mainContainer .column .article .box.areaMemberStatus .memberBar {width:30%; margin-right:5%; float:left;}
.mainContainer .column .article .box.areaMemberStatus .memberBar.leave {margin-right:0;}
.mainContainer .column .article .box.areaMemberStatus .memberBar dt {color:#fff; font-weight:bold; height:131px; text-align:center; padding-top:96px;}
.mainContainer .column .article .box.areaMemberStatus .memberBar.total dt {background:url("../images/icon/icon_mstatus_total.png") center 30px no-repeat #608285;}
.mainContainer .column .article .box.areaMemberStatus .memberBar.new dt {background:url("../images/icon/icon_mstatus_new.png") center 30px no-repeat #647999;}
.mainContainer .column .article .box.areaMemberStatus .memberBar.leave dt {background:url("../images/icon/icon_mstatus_leave.png") center 30px no-repeat #6d6d6d;}
.mainContainer .column .article .box.areaMemberStatus .memberBar dd {font-weight:bold; background:#f7f7f7; border:1px solid #eee; padding:15px; text-align:center;}
.mainContainer .column .article .box.areaMemberStatus .memberBar dd strong {font-size:24px; color:#000; display:block; margin-bottom:5px;}
.mainContainer .column .article .box.areaMemberStatus .memberBar dd span {font-size:16px; color:#000;}
.mainContainer .column .article .box.areaMemberStatus .result {background:#fcfcfc; padding:42px 20px; height:100%;}
.mainContainer .column .article .box.areaMemberStatus .result .resultBox {background:#fff; padding:20px 18px 19px 18px; margin-bottom:25px; box-shadow:0px 0px 8px #ccc;}
.mainContainer .column .article .box.areaMemberStatus .result dt {background:url("../images/icon/icon_main_arrow.png") left 2px no-repeat; font-weight:bold; color:#000; padding-left:15px; display:block; margin-bottom:7px;}
.mainContainer .column .article .box.areaMemberStatus .result dd {width:100%; height:26px; line-height:26px; border:1px solid #eee; background:#f7f7f7; padding:0 21px; text-align:right; display:block;}
.mainContainer .column .article .box.areaSalesStatus {width:32.5%; margin-right:1.2%; background:#fff;}
.mainContainer .column .article .box.areaSalesStatus .title {height:40px; line-height:40px; margin-bottom:0; border-bottom:1px solid #eee}
.mainContainer .column .article .box.areaSalesStatus .result {background:#fcfcfc; padding:42px 20px; height:100%;}
.mainContainer .column .article .box.areaSalesStatus .result .resultBox {background:#fff; padding:20px 18px 19px 18px; margin-bottom:25px; box-shadow:0px 0px 8px #ccc;}
.mainContainer .column .article .box.areaSalesStatus .result dt {background:url("../images/icon/icon_main_arrow.png") left 0px no-repeat; font-weight:bold; color:#000; padding-left:15px; display:block; margin-bottom:7px;}
.mainContainer .column .article .box.areaSalesStatus .result dd {width:100%; height:26px; line-height:26px; border:1px solid #eee; background:#f7f7f7; padding:0 21px; text-align:right; display:block;}
.mainContainer .column .article .box.areaPaymentStatus {width:32.6%; background:#fff;}
.mainContainer .column .article .box.areaPaymentStatus .title {padding-right:80px; height:40px; line-height:40px; margin-bottom:0;}
.mainContainer .column .article .box.areaPaymentStatus .title .more {font-family:"Malgun Gothic"; line-height:1; color:#000; font-size:13px; position:absolute; right:15px; top:16px;}
.mainContainer .column .article .box.areaPaymentStatus .cont {text-align:center;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus {width:75.8%; margin-right:1.2%; background:#fff;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .title {height:39px; line-height:39px; margin-bottom:0;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont {background:#fff;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result {margin-bottom:34px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li {display:block; width:100%; padding-left:13px; background:url("../images/icon/icon_main_arrow.png") left top no-repeat; margin-bottom:19px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li em {font-style:normal; font-weight:bold;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li em:after {content:" :";}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li span {color:#000; display:inline-block;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li span.compare {margin-left:28px; color:#444; padding-left:17px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li span.compare.up {background:url("../images/icon/icon_main_compare_up.png") left top no-repeat;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li span.compare.down {background:url("../images/icon/icon_main_compare_down.png") left top no-repeat;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .result li:last-child {margin-bottom:0;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult {background:#fcfcfc; border-top:1px solid #eee; padding:20px 30px; overflow:hidden; height:393px; position:relative;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox {width:30%; text-align:right;background:#fff; box-shadow:0px 0px 8px #ccc; padding:20px 18px 19px 18px; margin-bottom:20px; float:left; overflow:hidden; position:relative; margin-right:20px;}
/*
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox.type01 {background:url("../images/icon/icon_main_salebox_01.png") 15px 60px no-repeat #fff;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox.type02 {background:url("../images/icon/icon_main_salebox_02.png") 15px 60px no-repeat #fff;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox.type03 {background:url("../images/icon/icon_main_salebox_03.png") 15px 60px no-repeat #fff;}
*/
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox:nth-child(3n) {margin-right:0;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .tit {text-align:left; font-style:normal; font-weight:bold; font-size:14px; color:#000000; display:block; margin-bottom:15px;background:url("../images/icon/icon_main_arrow.png") left 3px no-repeat; padding-left:15px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value { font-size:13px; font-weight:bold; line-height:20px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value li {width:100%; height:26px; line-height:26px; margin-bottom:9px; border:1px solid #eee; background:#f7f7f7; padding:0 15px; text-align:right; display:block;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value li.dropdown {height:auto; line-height:1; margin-bottom:9px; border:0; background:transparent;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value li:last-child {margin-bottom:0;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value .price {color:#000;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value .point {color:#4c5c7a;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value .compare {padding-left:0px; height:48px; line-height:20px; padding-top:4px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value .compare.down {color:#da0a0a;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value .compare.up {color:#3561b3;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value .compare.up:before {content:""; width:9px; height:8px; display:inline-block; background:url("../images/icon/icon_main_compare_up.png") left 0px no-repeat; margin-right:4px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value .compare.down:before {content:""; width:9px; height:8px; display:inline-block; background:url("../images/icon/icon_main_compare_down.png") left 0px no-repeat; margin-right:4px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value.append {color:#999;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value.append li {display:block; text-align:right; position:relative;}
.mainContainer .column .article .box.areaDaySalesStatus {width:100%; height:100%; float:none; clear:both; background:#fff;}
.mainContainer .column .article .box.areaDaySalesStatus .title {height:40px; line-height:40px; margin-bottom:0;}
.mainContainer .column .article .box.areaDaySalesStatus .title .more {font-family:"Malgun Gothic"; line-height:1; color:#000; font-size:13px; position:absolute; right:26px; top:16px;}
.mainContainer .column .article .box.areaDaySalesStatus .cont {padding:20px;}
.mainContainer .column .article .box.areaMonthlySalesStatus {width:100%; height:100%; float:none; clear:both; background:#fff;}
.mainContainer .column .article .box.areaMonthlySalesStatus .title {height:40px; line-height:40px; margin-bottom:0;}
.mainContainer .column .article .box.areaMonthlySalesStatus .title .more {font-family:"Malgun Gothic"; line-height:1; color:#000; font-size:13px; position:absolute; right:26px; top:16px;}
.mainContainer .column .article .box.areaMonthlySalesStatus .cont {padding:20px;}
/* login */
.loginArea {width:100%; height:100%; position:relative; background:url("../images/bg_login.png") center no-repeat; background-size:cover; display:table;}
.loginArea .loginBox {display:table-cell; vertical-align:middle;}
.loginArea .form { background:url("../images/bg_loginbox.png"); width:100%; height:400px;}
.loginArea .form form {padding:100px 0px; display:block; width:768px; margin:auto; position:relative;}
.loginArea .form form h1 {position:relative; top:45px; display:inline-block; float:left;}
.loginArea .form form .login {float:right; width:390px;}
.loginArea .copy {width:100%; text-align:center; font-size:13px; font-family:"Malgun Gothic"; color:#68676e; position:fixed; bottom:10px;}
.loginArea .form form .loginAlertMessage {font-weight:bold; color:#ffd800; position:absolute; top:340px; font-size:14px; font-family:"Malgun Gothic";}
/* contents */
/* common */
.contentWrap {overflow:hidden; min-height:820px; padding:0px 0px; padding-bottom:20px; margin-top:90px;}
.contentWrap.bg {background:#eee;}
.contentWrap.popup {margin-top:0; padding-bottom:0;}
.full-size {padding:0; width:100%;}
.contentWrap .pageTitle {width:100%; text-align:center; margin-bottom:20px;}
.contentWrap .pageTitle h2 {font-family:"Malgun Gothic"; font-size:30px; margin-bottom:13px; display:block;}
.contentWrap .pageTitle p {font-size:14px; color:#000;}
#addParentDiv .btnFormMin {display:none;}
#addParentDiv .btnFunction.btnOther {display:none;}
.addParentDiv { display:inline-block;}
.addChildDiv {display:inline-block;}
.finderGroup {font-family:"Malgun Gothic"; width:100%; min-height:135px; padding:30px 10px 10px 10px; vertical-align:top; overflow-y:scroll; color:#000; display:inline-block; border:1px solid #eee;}
.finderGroup.config {overflow-y:hidden; background:#fff; height:150px; padding:5px 0; margin-top:30px;}
.finderGroup.config li {letter-spacing:-1px; cursor:pointer; display:block !important; margin-right:0 !important; font-size:13px; line-height:2; position:relative;}
.finderGroup p {color:#999; font-size:13px; margin:13px 18px; margin-bottom:0; font-weight:bold;}
.finderGroup ul {color:#999; font-size:13px; line-height:1.5; padding:11px 18px;}
.finderGroup ul li {width:190px; margin-bottom:6px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.finderGroup ul li a {width:100%; display:block;}
.finderGroup ul li a:hover {text-decoration:underline;}
.productSubmit .finderGroupTitle {margin-top:10px;}
.productSubmit .section .form .finderBox {float:left; vertical-align:top; position:relative; display:inline-block; margin-right:1%; width:21%;}
.productSubmit .section .form .finderBox:hover .finderGroup {border:1px solid #3561b3;}
.productSubmit .section .form .finderBox:hover .finderGroupTitle {color:#3561b3; border:1px solid #3561b3; border-bottom:1px solid #eee;}
.productSubmit .section .form .finderBox:hover .checkConfig {color:#555;}
.productSubmit .section .form .finderBox.w25 {width:24%;}
.productSubmit .section .form .finderBox.w25:last-child {width:25%;}
.productSubmit .section .form .finderBox.w25:last-child .btnCate {width:47px;}
.finderBox .finderGroupTitle {display:inline; position:absolute; top:0px; left:0px; height:30px; line-height:30px; margin:0 !important; padding:0 10px !important; background:transparent !important; color:#000;}
.finderBox .finderGroupTitle.category {height:32px; line-height:32px; border:1px solid #eee; background:#fafafa !important; z-index:100; left:0; top:0; padding:0 10px !important;}
.productSubmit .section .form .finderBox .cate {width:100%; box-sizing:border-box; color:#999; height:34px; line-height:34px; padding:0 20px; border:1px solid #eee; border-top:0; font-size:13px; font-family:'Malgun Gothic';}
.productSubmit .section .form .categoryAdd {width:12%; display:inline-block; vertical-align:top;}
.wPopupContent {padding:0 20px;}
.finderSheet {font-family:"Malgun Gothic"; width:100%; background:#f8f8f8; overflow-y:auto; color:#999; display:block;}
.finderSheet p {color:#999; font-size:13px; margin:13px 18px; margin-bottom:0; font-weight:bold;h}
.finderSheet ul li {width:100%; border-bottom:1px dashed #ddd; background:#fff; height:40px; line-height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.finderSheet ul li .checks.multiple input[type='radio'] + label {padding:2px 20px 0 20px; color:#000;}
.finderSheet ul li .checks.multiple input[type="radio"]:checked + label {background:#a2a2a2; color:#fff; box-shadow:0px 0px 14px #637986 inset}
.boardPageFooter {width:100%; border-top:1px solid #eee; padding:10px 20px 0px 20px; overflow:hidden;}
/* myinfo -- summary */
.contentWrap .groupWrap {width:100%; padding:0 40px;}
.contentWrap .group {width:32.6%; padding-top:30px; margin-bottom:30px; float:left; overflow:hidden; margin-right:20px;}
.contentWrap .group.append {width:66%;}
.contentWrap .group.append .summaryItem {width:49.15%; float:left; margin-right:20px;}
.contentWrap .group.append .summaryItem:nth-child(even) {margin-right:0;}
.contentWrap .group.append.col3 {width:100%;}
.contentWrap .group.append.col3 .summaryItem {width:32.5%;}
.contentWrap .group.append.col3 .summaryItem:nth-child(even) {margin-right:20px;}
.contentWrap .group.append.col3 .summaryItem:nth-child(3n) {margin-right:0;}
.contentWrap .group:last-child{margin-right:0;}
.contentWrap .group h2 {font-size:24px; font-family:"Malgun Gothic"; font-weight:normal; text-align:center; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #3e3e3e;}
.contentWrap .group .summaryItem {transition:.3s; width:100%; height:210px; display:table; margin-bottom:20px; position:relative; cursor:pointer; overflow:hidden; font-size:13px; border:1px solid #ddd; background:#fff; color:#999;}
.contentWrap .group .summaryItem .itemIcon {text-align:center; position:absolute; overflow:hidden; padding-top:80px; width:33%; height:100%; border-bottom:1px solid #ddd; background:url("../images/icon/icon_sample01.png") center no-repeat #eee; border-right:1px solid #ddd;}
.contentWrap .group .summaryItem dl {padding:5px 40px 0px 40px; display:table-cell; width:66.6%; vertical-align:middle;}
.contentWrap .group .summaryItem dl dt {color:#000; font-weight:bold; font-size:16px; margin-bottom:10px;}
.contentWrap .group .summaryItem dl dd {width:300px; word-break:break-all; line-height:20px;}
.contentWrap .group .summaryItem dl dd ul {font-size:0;}
.contentWrap .group .summaryItem dl dd span.tag {display:inline-block; font-size:13px; margin:10px 5px 0px 0px; color:#fff; background:#ccc; font-weight:bold; padding:0 10px;}
.contentWrap .group .summaryItem:hover {}
.contentWrap .group .summaryItem:hover dl dt {color:#000;}
.contentWrap .group .summaryItem:hover dl dd {color:#000;}
.contentWrap .group .summaryItem:hover .itemIcon {transition:.3s; background-color:#fcfcfc !important; border-right:1px solid #ddd;}
.contentWrap .group .summaryItem:hover .tag.tag01 {background:#909090;}
.contentWrap .group .summaryItem:hover .tag.tag02 {background:#736499;}
.contentWrap .group .summaryItem:hover .tag.tag03 {background:#648699;}
.contentWrap .memberOrgTree {overflow:auto; background:#fff; width:100%; padding:0 25px; border-top:1px solid #ddd;}
.contentWrap .memberOrgTree .memberOrgTreeDiv {position:relative; overflow:hidden; padding:30px; }
.contentWrap .treeMemberInfo {z-index:100; box-shadow:0px 3px 5px rgba(0,0,0,0.3); background:#fff; border:1px solid #4d72bf;}
.contentWrap .treeMemberInfo h5 {font-size:13px; margin-bottom:20px; color:#da0101; font-weight:bold; display:block;}
.contentWrap .treeMemberInfo table {width:320px;}
.contentWrap .treeMemberInfo tr {border-bottom:1px solid #e3e3e3;}
.contentWrap .treeMemberInfo th {width:94px; background:#f3f3f3; text-align:center;}
.contentWrap .treeMemberInfo th, .contentWrap .treeMemberInfo td {font-size:13px; font-family:"Malgun Gothic"; padding:10px 20px; line-height:1.3; vertical-align:top;}
.contentWrap .treeMemberInfo td { color:#555;}
.contentWrap .treeMemberInfo td a {text-decoration:underline;}
.contentWrap .treeMemberInfo td span {vertical-align:top;}
/*
@media screen and (max-width: 1600px){
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox {width:31.5%; padding:15px; letter-spacing:-1px; font-size:13px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .tit {font-size:13px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value {font-size:13px;}
.mainContainer .column .article .box.areaPreMonthlySalesStatus .cont .salesStatusResult .salesBox .value li {padding:0 11px;}
.mainContainer .column {width:100%;}
.contentWrap .group {width:32%;}
.contentWrap .group.append {width:66%;}
.contentWrap .group.append .summaryItem {width:48.7%;}
.contentWrap .group .summaryItem {height:180px;}
}
@media screen and (max-width: 1440px){
.mainContainer .column {width:100%;}
.contentWrap .group {width:32%;}
.contentWrap .group.append {width:66%;}
.contentWrap .group.append .summaryItem {width:48.7%;}
.contentWrap .group .summaryItem {height:180px;}
}
*/
/* board design */
.boardTableForm {width:100%; position:relative;}
.boardTableForm .boardTableOption {background:#fff; width:100%; padding:8px 0 8px 0; color:#000; text-align:left;}
.boardTableForm .boardTableOption span.count {font-size:16px; color:#000; text-decoration:underline; float:left; vertical-align:middle; margin-top:10px;}
.boardTableForm .boardTableOption span.count > em {font-weight:bold; font-style:normal;}
.boardTableForm .boardTableOption ul {padding-left:10px; display:inline-block; font-size:0;}
.boardTableForm .boardTableOption ul li {position:relative; display:inline-block; margin-right:10px; vertical-align:bottom;}
.boardTableForm .boardTableOption ul li .item {position:relative; top:-4px; background:url("../images/icon/blit_form_list.png") left 9px no-repeat; padding-left:12px; vertical-align:bottom; font-weight:bold; padding-right:10px; height:20px; line-height:20px; font-size:13px; }
.boardTableForm .boardTableOption .boardSubFunction {position:relative; top:8px; font-size:13px; display:inline-block; padding-top:8px; padding-left:10px;}
.boardTableForm .boardTableOption .boardSelect2Depth {width:100%; padding-top:10px; margin-top:0px;}
.boardTableForm .boardTableOption .cirTitle {padding-top:5px;}
.boardTableForm .boardTable {width:100%; margin-bottom:20px; overflow:hidden; font-size:13px; border-bottom:2px solid #6d6d6d;}
.boardTableForm .boardTable.small {border-bottom:0;}
.boardTableForm .boardTable.small tr{height:43px; font-size:13px;}
.boardTableForm .boardTable tr {height:30px; color:#000;}
.boardTableForm .boardTable thead th {border-right:1px solid #525f76; background:#45536a; padding:0 10px; font-weight:bold; color:#fff; height:30px;}
.boardTableForm .boardTable tbody tr {border-bottom:1px solid #dedede; cursor:pointer; background:#eee; height:27px;}
.boardTableForm .boardTable tbody tr:hover {color:#333 !important; background:#f8f8f8 !important;}
.boardTableForm .boardTable tbody tr td {text-align:center; background:#fff; border-right:1px solid #dedede; padding:0 10px;}
.boardTableForm .boardTable tbody tr td img {border:1px solid #ddd; margin:10px 0;}
.boardTableForm .boardTable tbody tr td .boardFunction {font-size:0;}
.boardTableForm .boardTable tbody tr td:last-child {border-right:0;}
.boardTableForm .boardTable2 {width:100%; margin-bottom:20px; font-size:13px; border-top:1px solid #6d6d6d; border-bottom:1px solid #6d6d6d;}
.boardTableForm .boardTable2 tr {height:30px; color:#000;}
.boardTableForm .boardTable2 th {text-align:left; border:1px solid #dedede; border-left:0; border-top:0; background:#45536a; padding:0 10px; font-weight:bold; color:#fff; height:30px;}
.boardTableForm .boardTable2 tr td {text-align:left; border:1px solid #dedede; border-top:0; border-right:0; background:#fff; padding:0 10px;}
.boardTableForm .boardTable2 tr td img {border:1px solid #ddd; margin:10px 0;}
.boardTableForm .boardTable2 tr:last-child td, .boardTableForm .boardTable2 tr:last-child th {border-bottom:0;}
.boardTableForm .boardTable tbody .test01 td {background:#fffde5;}
.boardTableForm .boardTable tbody .test02 td {background:#fcebeb;}
.boardTableForm .boardTable tbody .test03 td {color:#000; background:#e9ffe5; font-weight:bold;}
.boardTableForm .detailForm {width:100%; z-index:100; position:absolute; top:75px; background:#fafafa; border:1px solid #dedede; font-size:14px; padding:6px 20px 6px 20px; margin-bottom:30px; box-shadow:0px 2px 4px #ccc;}
.boardTableForm .detailForm dl {display:block; padding:4px 0; width:100%; font-size:14px;}
.boardTableForm .detailForm dt {text-align:left; font-size:13px;display:table-cell; vertical-align:middle;}
.boardTableForm .detailForm dt span.small {font-size:13px; color:#999;}
.boardTableForm .detailForm dd {display:table-cell; vertical-align:middle; font-size:0; min-width:300px; position:relative;}
.boardTableForm .detailForm dt {line-height:1.5; background:url("../images/icon/blit_form_list.png") left center no-repeat; font-weight:bold; color:#000; padding-left:20px; min-width:180px;}
.boardTableForm .detailForm dd span {margin-right:10px; vertical-align:bottom;}
.boardTableForm .detailForm dd span:last-child {margin-right:0;}
.boardTableForm .boardFooter {width:100%; padding:0 10px; margin-top:10px; vertical-align:top; position:relative; overflow:hidden;}
.boardTableForm .boardFooter .btnArea {z-index:99; font-size:0; position:absolute; top:0;}
.boardTableForm .boardFooter .btnArea.right {right:10px;}
.boardTableForm .boardFooter .btnArea.right button {margin-left:10px;}
.boardTableForm .boardFooter .btnArea.right .btnBoardFoot {margin-left:10px;}
.boardTableForm .boardFooter .btnArea.left {left:10px;}
.boardTableForm .boardFooter .btnArea.left button {margin-right:10px;}
.boardTableForm .boardFooter .btnArea.left .btnBoardFoot {margin-right:10px;}
.boardTableForm .boardFooter .paging {font-size:0; position:relative; width:100%; height:32px; text-align:center; margin:auto;}
.boardTableForm .boardFooter .paging li {width:30px; height:30px; line-height:26px; border:1px solid #d8d8d8; margin-right:5px; background:#fff; display:inline-block; vertical-align:middle; cursor:pointer;}
.boardTableForm .boardFooter .paging .prev { background:url("../images/icon/paging_prev.png") center no-repeat #fff;}
.boardTableForm .boardFooter .paging .prev:hover { background:url("../images/icon/paging_prev_on.png") center no-repeat #fff;}
.boardTableForm .boardFooter .paging .next { background:url("../images/icon/paging_next.png") center no-repeat #fff;}
.boardTableForm .boardFooter .paging .next:hover { background:url("../images/icon/paging_next_on.png") center no-repeat #fff;}
.boardTableForm .boardFooter .paging .page {font-size:13px; color:#666; text-align:center;}
.boardTableForm .boardFooter .paging .page:hover {border:1px solid #333;}
.boardTableForm .boardFooter .paging .page.on {background:#4a4a4a; border:0; color:#fff;}
.boardTableForm .boardFooter .paging .page.on:hover {background:#111; border:0; color:#fff;}
.scrollWrap {width:100%; overflow-x:scroll; margin-bottom:0px;}
.scrollWrap.vertical {overflow-y:scroll;}
.scrollWrap .boardTable {margin-bottom:0;}
.boardTableForm .boardTable.gray thead th {background:#999;}
.boardTableForm .boardTable2.gray th {background:#999;}
.boardTableForm .boardTable .inOutProductList {display:block; padding:10px; overflow-y:auto; height:76px;}
.boardTableForm .boardTable .inOutProductList li {text-align:left; float:left; line-height:1.5; display:inline-block; margin-right:5px;}
.boardTableForm .boardTable .inOutProductList li:after {content:",";}
.boardPopupForm {width:1348px; padding:10px 30px; position:relative; overflow:hidden; background:#fff;}
.boardPopupForm.ConfigPopup {width:1190px; padding:0; margin:0;}
.windowPopup {background:#f4f4f4; width:auto;}
.windowPopup .boardPopupForm .content .sectionTitle h4 {float:left;}
.windowPopup .boardPopupForm .content .sectionTitle span.checks {font-weight:bold; position:absolute; clear:both; left:120px; top:9px;}
.windowPopup .boardPopupForm {width:100%; margin:0; padding:0; background:transparent;}
.windowPopup .boardPopupForm .section .form dt {width:185px; min-width:185px; background:url("../images/icon/blit_form_list_min.png") left center no-repeat;}
.windowPopup .boardPopupForm .section .form dd {min-width:278px;}
.windowPopup .boardPopupForm .section .form {margin-bottom:0;}
.windowPopup .commonFooter {width:100%; border-top:0; margin-top:0; padding-top:10px;}
.windowPopup .boardPopupForm .section .form .cols {width:100%;}
.pre_thumb {display:inline-block; margin-right:5px; position:relative; text-align:center; border:1px solid #ccc;}
.pre_thumb .del {cursor:pointer; position:absolute; top:0px; right:0px; z-index:99999; width:16px; height:16px; background:#d3231f; text-align:center; padding-top:4px;}
/*
@media screen and (max-width:768px){
.windowPopup .boardPopupForm .section .form dt {display:inline-block; float:left; min-width:auto; width:30%; background:url("../images/icon/blit_form_list_min.png") left center no-repeat;}
.windowPopup .boardPopupForm .section .form dd {display:inline-block; float:left; min-width:auto; width:70%; margin-bottom:10px;}
.windowPopup .boardPopupForm .section .form .cols {width:70%;}
.windowPopup .boardPopupForm .section .form dl {padding:0; overflow:hidden;}
.windowPopup .boardPopupForm .section .form .blind:after {content:"blind";}
}
@media screen and (max-width:1200px){
.boardTableForm .boardTableOption ul li {margin-right:5px;}
.boardPopupForm {width:100%}
.boardPopupForm .section .form dt {min-width:150px !important; font-size:11px !important; letter-spacing:-1px !important;}
.boardPopupForm .section .form dd {min-width:190px !important;}
.tableOrderUserProfile td, .tableOrderUserProfile th {font-size:13px;}
.tableOrderNum th {font-size:13px; width:80px;}
.tableOrderNum td {padding:0 10px !important; font-size:13px;}
}
*/
.boardTableForm .checkTable {width:100%; table-layout:fixed; border-collapse:collapse; font-size:13px;}
.boardTableForm .checkTable th, .boardTableForm .checkTable td, .boardTableForm .checkTable {border-spacing:0; background:#fff; border:1px solid #ddd; text-align:center;}
.boardTableForm .checkTable th { padding:0 10px; height:34px;}
.boardTableForm .checkTable td {color:#555; padding:0 15px; height:34px;}
.boardTableForm .checkTable td .row-toggle {padding-left:40px;}
.boardTableForm .checkTable td .row-toggle-on {padding-left:30px; font-weight:bold; background:url("/res/images/icon/btn_grid_toggle_on_open_01.png") left no-repeat !important;}
.boardTableForm .checkTable td:first-child {text-align:left;}
.tableData {width:100%; border:1px solid #e6e6e6;}
.tableData th {font-weight:bold; text-align:left;}
.tableData th, .tableData td {font-size:13px; padding:10px; border-bottom:1px solid #e6e6e6;}
/* 테이블 */
.tableForm {width:100%; font-size:13px; position:relative;}
.tableForm thead tr {height:40px; }
.tableForm thead th {background:#666; border:1px solid #999; color:#fff;}
.tableForm tbody tr {height:30px; border-bottom:1px solid #ddd;}
.tableForm tbody tr td {color:#000; border:1px solid #ddd;}
.tableOrderUserProfile {width:100%; border-collapse:separate; table-layout:fixed; border:1px solid #83acd1;}
.tableOrderUserProfile td, .tableOrderUserProfile th {height:28px; text-align:left; padding:0 20px; border-bottom:1px solid #ddd;}
.tableOrderUserProfile th {background:#f4f5f7; width:138px; text-align:left;}
.tableOrderUserProfile td {background:#fff; border-bottom:1px solid #ddd;}
.tableOrderUserProfile tr:last-child td, .tableOrderUserProfile tr:last-child th {border-bottom:0;}
.tableOrderNum {width:100%; border-collapse:separate; table-layout:fixed; border:1px solid #999;}
.tableOrderNum td, .tableOrderNum th {height:28px; border-bottom:1px solid #ddd;}
.tableOrderNum th {background:#999; width:112px; text-align:center; color:#fff;}
.tableOrderNum td {background:#f9f9f9; border-bottom:1px solid #ddd; padding:0 10px;}
.tableOrderNum tr:last-child td, .tableOrderNum tr:last-child th {border-bottom:0;}
.logResultTable {width:100%; font-size:13px; position:relative; margin-bottom:10px;}
.logResultTable tr {height:30px;}
.logResultTable thead th {background:#999; color:#fff; font-weight:bold;}
.logResultTable tbody th {background:#fff; border:1px solid #eee; color:#111; font-weight:bold; padding:0 20px; text-align:left;}
.logResultTable tbody td {background:#fff; border:1px solid #eee; color:#666; text-align:left; padding:0 20px;}
.permissionWrap {width:100%; height:730px; background:#eee; border-bottom:1px solid #ddd; overflow-y:scroll;}
.permissionTable {font-size:13px; table-layout:fixed;}
.permissionTable tr td:first-child {text-align:left; font-weight:bold;}
.permissionTable tr th, .permissionTable tr td {height:30px; border:1px solid #ddd; padding-left:10px; background:#fff;}
.permissionTable tr td {text-align:center;}
.permissionTable tr td:nth-child(2) {width:100px;}
/* 매출 */
.frameWrap {position:relative; overflow:hidden; }
.frame {position:relative; overflow:hidden; /*width:50%;*/}
.frame.split.left {width:576px; height:100%; position:absolute; z-index:1; border-right:1px solid #9ca4b5;}
.frame.split.right {padding-left:576px; width:100% !important;}
.frame.split.w40 {width:728px;}
.frame.split.w60.right {padding-left:40%;}
.frame.split.left.half {width:50% !important;}
.frame.split.right.half {padding-left:50%;}
.frame.split.right.w40 {padding-left:60%;}
.frame.split.right.w45 {padding-left:55%;}
.frame.left .cirTitle {margin-top:7px;}
.frame.left .boardTableForm .boardTableOption .checks {position:relative; top:-7px;}
.frame.left .boardTableForm .boardTable tbody tr td {background:#f4f5f7;}
.frame.left .boardTableForm .boardTableOption .boardSelectColumn > ul:after {clear:both;}
.frame.left .boardTableForm .boardTableOption ul li {margin-right:5px;}
.frame.left .boardTableForm .boardTableOption ul li:last-child {margin-right:0;}
.frame.left .boardTable {margin-left:20px;}
.frame.right {border-left:0px solid #ddd; float:none !important;}
.frame.right .boardTableForm .boardTable thead th {background:#999;}
.frame.right .boardTableOption .boardSelect2Depth {border:0; padding:0; margin-top:10px;}
.frame.right .boardTableOption .boardSelectColumn {min-height:68px;}
.frame.right .section .boardTableForm .boardFooter {padding:0;}
.frame.right .section .boardTableForm .boardFooter .btnArea.right{right:0;}
.frame.right .boardTableForm .boardFooter .btnBoardFoot {margin-top:0;}
.frame.vertical {background:#fff; clear:both; width:100%; overflow:hidden;}
.frame.vertical .boardTable {width:100%; margin:0;}
.frame.right .tui-grid-head-area {background:#858585 !important;}
.frame.right .tui-grid-head-area .tui-grid-cell-head {background:#858585 !important;}
.frame.right .tui-grid-cell-head.tui-grid-cell-selected {background-color:#000000; !important;}
/*.frame.right .tui-grid-cell-current-row {color:#333333 !important; background:#f5f6f8 !important;}*/
.frame.right .tui-grid-cell-current-row {color:#000000; background:#f5f6f8 !important;}
/*
.tabContent.current .tui-grid-head-area .tui-grid-cell-head {background:#999;}
.tabContent.current .tui-grid-head-area {background:#999 !important;}
*/
.frame.vertical.left {padding-bottom:10px; /*background:#e6e8eb;*/}
.frame.vertical.right {padding-top:10px; border-left:0; border-top:1px solid #a4acbc;}
.frame .orderList {font-size:13px; background:#e6e8eb; padding:10px; }
.frame .orderList li {line-height:1.5;}
.frame .section {position:relative; margin-bottom:5px;}
.frame .section .boardTableForm .boardFooter {padding:0 20px;}
.frame .section .boardTableForm .boardFooter .btnArea.right {right:20px;}
.frame .boardTable {width:1600px; overflow-x:scroll; border-bottom:2px solid #e5e5e5;}
.frame .section .form {position:relative; width:100%; margin-bottom:5px; background:#fff; border:1px solid #e5e5e5; padding:2px 20px 2px 20px;}
.frame .section .form.inForm {background:#f8f8f8; border:0;}
.frame .section .form.inForm dd {min-width:220px;}
/*.frame .form h4 {padding-left:20px; font-size:13px; width:100%; margin-bottom:20px; display:block; background:url("../images/icon/blit_submit_title.png") left top no-repeat;}*/
.frame .noneTitle {height:30px; line-height:30px;}
.toggleBtnArea {position:absolute; top:0; right:0;}
.toggleBtnArea li {position:relative; display:inline-block;}
.frame .section .form dl {display:block; padding:4px 0; width:100%; min-height:30px;}
.frame .section .form dd {display:table-cell; vertical-align:middle; font-size:0; min-width:280px; position:relative;}
.frame .section .form dd.cols {width:100%;}
.frame .section .form dt {display:table-cell; vertical-align:middle; padding-left:10px; font-size:13px; line-height:1.5; background:url("../images/icon/blit_form_list.png") left center no-repeat; font-weight:bold; color:#000; max-width:160px; min-width:160px;}
.frame .section .textData {width:155px;}
.frame .section .inputBox {margin-right:20px;}
/*
@media screen and (max-width: 1600px) , screen and (max-height: 900px) {
.frame .section .selectData {width:120px;}
.frame .section .textData {width:120px;}
}
*/
.frame .section .textAddr {width:260px; height:30px; background:transparent;}
.frame .section .textBoardSearch.small {width:180px; border-bottom:0;}
.frame .frameTabContents {position:relative; min-height:790px; overflow-y:auto; overflow-x:hidden; padding:10px 10px; background:#fff;}
.frame .section .settlementResult {width:40%; height:263px; border:1px solid #e5e5e5;}
.frame .section .settlementResult h5 {display:block; height:50px; line-height:50px; text-align:center; background:fff; border-bottom:1px solid #e5e5e5;}
.orderErrorMsg {z-index:100; font-size:13px; min-width:293px; padding:27px 30px; background:#fcebeb; border:1px solid #da0101; position:fixed; right:47px; bottom:80px;}
.orderErrorMsg h5 {font-size:13px; margin-bottom:20px; color:#da0101; font-weight:bold; display:block;}
.orderErrorMsg ul {margin-bottom:25px;}
.orderErrorMsg ul li {display:block; color:#000; margin-bottom:7px;}
.orderErrorMsg ul li:last-child {margin-bottom:0;}
.orderErrorMsg em {font-weight:bold; font-style:normal;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}
.h20 {height:195px !important;}
.h30 {height:240px !important;}
.h40 {height:40% !important;}
.h50 {height:50% !important;}
.h60 {height:580px !important;}
.h70 {height:625px !important;}
.h80 {height:670px !important;}
.h100 {height:100% !important;}
.r0 {right:0 !important;}
.hauto {height:auto !important; min-height:auto !important;}
.autoheight {overflow-y:auto;}
.save {text-align:right; width:100%; height:78px; position:relative; padding-right:30px; padding-bottom:27px; display:table;}
.checkList li {display:block; margin-bottom:6px;}
.sheetList {width:100%; height:410px; background:#fff;}
/* 상품 등록 */
.productSubmit {width:100%; position:relative; overflow-x:auto; padding:10px;}
.productSubmit .section .title {width:100%; height:24px; line-height:24px; cursor:pointer;}
.productSubmit .section .title h3 {font-size:13px; color:#000; padding:0 20px;}
.productSubmit .section .title.btnToggleClose {background:url("/res/images/icon/icon_toggleframe_off.png") left 6px no-repeat}
.productSubmit .section .form h4 {padding-left:20px; font-size:14px; width:100%; margin-bottom:10px; display:block; background:url("../images/icon/blit_submit_title.png") left top no-repeat;}
.productSubmit .section .form h4 label {font-size:14px; color:#cd3b3c; font-weight:normal; margin-left:10px;}
.productSubmit .section .form .categoryArea {margin-bottom:10px;}
.productSubmit .section .form .categoryArea:last-child {margin-bottom:0;}
.productSubmit .section .form .categorySelect {width:100%; background:#eee; padding:4px 10px; margin-bottom:5px;}
.productSubmit .section .form .categorySelect dl {display:block; padding:11px 0; width:100%; font-size:14px;}
.productSubmit .section .form .categorySelect dd {display:table-cell; vertical-align:middle; font-size:0; min-width:320px; position:relative;}
.productSubmit .section .form .categorySelect dt {display:table-cell; vertical-align:middle; font-size:13px; line-height:1.5; background:url("../images/icon/blit_form_list.png") left center no-repeat; font-weight:bold; color:#000; padding-left:10px; min-width:145px;}
.productSubmit .section .form .categoryArea table {width:100%; font-size:13px; table-layout:fixed;}
.productSubmit .section .form .categoryArea table tr {border-bottom:1px solid #eee;}
.productSubmit .section .form .categoryArea table th {height:40px; background:#eee; font-weight:bold; color:#000;}
.productSubmit .section .form .categoryArea table th.prNum {width:80px;}
.productSubmit .section .form .categoryArea table td {padding:0 10px; height:46px; text-align:center; border-right:1px solid #eee; color:#000;}
.productSubmit .section .form .categoryArea table td:last-child {border-right:0;}
.productSubmit .section .form .categoryArea table td.item {width:20%;}
.productSubmit .section .form dd {display:table-cell; vertical-align:middle; font-size:0; min-width:280px; position:relative; color:#000;}
.productSubmit .section .form dt {display:table-cell; vertical-align:middle; font-size:13px; letter-spacing:0px; line-height:1.5; background:url("../images/icon/blit_form_list.png") left center no-repeat; font-weight:bold; color:#000; padding-left:10px; min-width:150px;}
.productSubmit .section .form .ul {display:block; font-size:0; width:100%; min-height:30px; padding:4px 0;}
.productSubmit .section .form .li {display:inline-block;}
.productSubmit .section .form .dd {display:table-cell; vertical-align:middle; font-size:0; min-width:280px; position:relative; color:#000;}
.productSubmit .section .form .dt {display:table-cell; vertical-align:middle; font-size:14px; letter-spacing:-1px; line-height:1.5; background:url("../images/icon/blit_form_list.png") left center no-repeat; font-weight:bold; color:#000; padding-left:10px; min-width:150px; max-width:150px;}
.productSubmit .section .form .cols {width:100%; font-size:13px;}
.productSubmit .section .form .subText {font-size:13px; color:#999; line-height:1.5; display:inline-block; vertical-align:top; padding-top:25px;}
.productSubmit .section .form .subText li {background:url("../images/icon/blit_form_list.png") left center no-repeat; padding-left:10px;}
.productSubmit .section .checks {margin-right:25px;}
.productSubmit .section .form .btnArea {width:100%; text-align:right; margin-top:5px;}
.productSubmit .section .form .textData {width:190px;}
.productSubmit .section .form .prThumb {position:relative; width:80px; display:inline-block; vertical-align:top; margin-right:5px;}
.productSubmit .section .form .prThumb .del {position:absolute; top:0px; right:0px; z-index:99999; width:16px; height:16px; background:#d3231f; text-align:center; padding-top:3px;}
.productSubmit .section .form .prThumb .thumbnail {display:block; position:relative; width:80px; height:80px; line-height:80px; /*background:url("../images/img_pr_thumbnail.png") center no-repeat;*/ text-align:center; border:1px solid #ccc;}
.productSubmit .section .form .prThumb .thumbnail img {position:absolute; left:0; z-index:1; width:100%; height:100%; vertical-align:top;}
/* 20190207 상품 썸네일 사이즈표기 삭제
.productSubmit .section .form .prThumb .thumbnail.size_p {background:url("../images/img_pr_thumbnail_p.png") center no-repeat;}
.productSubmit .section .form .prThumb .thumbnail.size_b {background:url("../images/img_pr_thumbnail_b.png") center no-repeat;}
.productSubmit .section .form .prThumb .thumbnail.size_m {background:url("../images/img_pr_thumbnail_m.png") center no-repeat;}
.productSubmit .section .form .prThumb .thumbnail.size_s {background:url("../images/img_pr_thumbnail_s.png") center no-repeat;}
*/
.productSubmit .section .form .prThumb .size {position:absolute; color:#aaa; width:100%; text-align:center; top:38%; font-size:13px; font-weight:bold; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.productSubmit .section .form .prThumb .label {font-size:13px; font-weight:bold; color:#666; text-align:center; display:block; margin-top:5px;}
.productSubmit .partition {width:100%; position:relative; font-size:0;}
.productSubmit .partition .section {width:49%; display:inline-block;}
.productSubmit .partition .section:first-child {margin-right:2%;}
.productSubmit .partition .selectData.inButton {width:160px; background:url("../images/icon/icon_form_select.png") 105px center no-repeat transparent; }
.addChildDiv div { margin:5px 0;}
.iconTable {table-layout:fixed; width:100%;}
.iconTable .icon_list {position:relative; float:left; font-size:0; line-height:1; margin:0 3px; padding:3px 0px; text-align:center; width:15.5%; overflow:hidden;}
.iconTable .icon_list img {max-width:90%; max-height:90%; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.iconTable .icon_list label {transition:.2s; cursor:pointer; vertical-align:middle; height:40px; display:block; line-height:38px; border:1px solid #e2e2e2;}
.iconTable .icon_list label:hover {background:#e3f5ff;}
.iconTable .icon_list input[type='checkbox'] {overflow:hidden; display:block; margin:auto; margin-bottom:5px;}
.categoryListSelect {width:980px; margin-left:10px; border:1px solid #3561b3; height:480px; display: none; font-size:13px;}
.categoryListSelect option {height:40px;}
.categoryListSelect option:nth-child(even) {background:#fafbfc;}
.categoryListSelect:hover {border:1px solid #3561b3;}
.formCheckBox {width:100%;}
.formCheckBox .checkItemList {cursor:pointer; overflow:hidden; display:table-cell; vertical-align:middle; margin-left:-1px; margin-bottom:-1px; padding:0 6px; height:40px; border:1px solid #ddd; border-right:0;}
.formCheckBox .checkItemList label {position:relative; }
.formCheckBox .checkItemList input[type="checkbox"] {position:relative; margin-right:8px;}
.formCheckBox .checkItemList:last-child {border-right:1px solid #ddd;}
.errorMsg {width:100%; padding:12px 20px 9px 20px; background:#fffe9b; border:1px solid #ea9999; font-size:13px;}
.errorMsg li {display:block; color:red; padding-left:10px; line-height:1.7; background:url("../images/icon/blit_form_list.png") left center no-repeat;}
.errorMsg li:last-child {border-bottom:0;}
/* 상품 등록 (저해상도)
@media screen and (max-width: 1600px) {
.productSubmit .section .form .subText {display:block; margin-left:-90px;}
.addParentDiv {vertical-align:top; margin-top:5px;}
}
*/
/* 사용자설정 */
.pageConfig {background:#fff; width:100%; padding:20px;}
.pageConfig .configTab { list-style: none; margin:0; padding-left:0 !important; background:#fff; display:block; font-size:0;}
.pageConfig .configTab li {position:relative; background:#f5f5f5; border-right:1px solid #fff; display:inline-block; color:#000; margin-right:0 !important; width:100px; height:35px;line-height:35px; font-size:13px; transition:0.3s;cursor:pointer;text-align:center;}
.pageConfig .configTab li.current{background-color: #82add0; color: #fff;}
.pageConfig .configTab li:hover {background-color: #82add0; color:#fff; opacity:.7;}
.pageConfig .configTab li a {display:block; width:100%; height:100%;}
.pageConfig .contentConfig {width:100%; position:relative; overflow:hidden; padding:10px; border:1px solid #eee;}
.pageConfig .contentConfig.Group {padding:40px;}
.pageConfig .contentConfig .boxConfig {width:320px; height:350px; padding:0px 25px 25px 25px; background:#f5f5f5; display:block; float:left; margin-right:10px; position:relative; overflow:hidden; border:1px solid #ededed;}
.pageConfig .contentConfig .boxConfig:last-child {margin-right:0;}
.pageConfig .contentConfig .boxConfig .title {width:100%; height:62px; line-height:62px; padding-left:50px; border-bottom:1px solid #ececec; color:#000; font-size:18px; font-weight:bold;}
.pageConfig .contentConfig .boxConfig .title img {position:absolute; top:15px; left:26px;}
.pageConfig .contentConfig .boxConfig:first-child .title img {top:18px;}
.pageConfig .contentConfig .boxConfig .cont {overflow:hidden; border-top:1px solid #fff; padding-top:20px;}
.pageConfig .contentConfig .boxConfig .cont em {font-size:13px; color:#888; display:block; font-style:normal; margin-bottom:15px;}
.pageConfig .contentConfig .boxConfig .cont ul {font-size:14px; margin-bottom:46px; display:block;}
.pageConfig .contentConfig .boxConfig .cont ul > li {line-height:26px; padding-left:7px; background:url("/res/images/icon/blit_form_list_min.png") left 10px no-repeat;}
.pageConfig .contentConfig .boxConfig .cont ul > li > ul {font-size:13px; line-height:20px; color:#555;}
.pageConfig .contentConfig .boxConfig .cont ul > li > ul > li {padding-left:0; background:transparent; line-height:20px;}
.pageConfig .contentConfig .boxConfig .cont .link {position:absolute; bottom:25px; width:275px; height:36px; line-height:36px; background:#31446a; color:#fff; font-size:13px; text-align:center; display:block; text-decoration:none; font-weight:bold;}
.pageConfig .contentConfig.Group .btnArea {width:500px; text-align:center; margin:auto;}
.profileConfig {width:100%; text-align:center; margin-bottom:60px; margin-top:60px;}
.profileConfig .thumb {width:160px; height:160px; overflow:Hidden; border-radius:200px; background:#f6f6f6; margin:auto; margin-bottom:20px;}
.profileConfig .thumb img {width:100%; height:100%;}
.profileConfig .name {font-size:18px; font-family:"Malgun Gothic"; font-style:normal; font-weight:bold; text-align:center;}
/* 권한설정 트리메뉴 */
.permissionConfig {background:#eee; width:100%; height:458px; overflow-y:scroll; border:1px solid #ddd; border-top:0; border-right:0;}
.permissionConfig >.treemenu>li {background:#fff; border-top:1px solid #ddd; font-size:0; list-style: none;}
.permissionConfig >.treemenu>li:first-child {border-top:0;}
.permissionConfig >.treemenu>li:last-child {border-bottom:1px solid #ddd;}
.permissionHeader {width:100%;}
.permissionHeader li {display:inline-block; float:left; font-size:13px; font-weight:bold; background:#f9f9f9; text-align:center; height:36px; line-height:36px; border:1px solid #ddd; border-left:0;}
.permissionHeader li:first-child {border-left:1px solid #ddd;}
/* 그룹관리 트리메뉴 */
.mtreeHeader {width:436px; margin:auto; height:50px; line-height:50px; background:#606983; color:#fff; padding:0 30px;}
ul.mtree {opacity: 0; margin-left: 0; padding: 20px; padding-bottom:0;}
ul.mtree ul { margin-left: 1em;}
ul.mtree li { list-style: none;}
ul.mtree a { display: block; font-size:13px; padding:10px;}
ul.mtree li.mtree-node > a { font-weight: bold;}
ul.mtree a { -webkit-Groupion: all 300ms ease-out; -moz-Groupion: all 300ms ease-out; -ms-Groupion: all 300ms ease-out; -o-Groupion: all 300ms ease-out; Groupion: all 300ms ease-out;}
ul.mtree.Group { background: #fff; width:436px; margin:auto; margin-bottom:20px; height:420px; box-shadow:0px 2px 10px #e9e9e9; overflow-y:auto;}
ul.mtree.Group ul {margin-left: 0;}
ul.mtree.Group ul > li {font-size: 12px;}
ul.mtree.Group li.mtree-node {position: relative;}
ul.mtree li.mtree-node {margin-bottom:10px;}
ul.mtree.Group li.mtree-open > a {background:#fff;}
ul.mtree.Group li.mtree-node > a {background:url("/res/images/icon/icon_filetree_root.png") 15px center no-repeat;}
ul.mtree.Group li.mtree-node.mtree-active > a {background:url("/res/images/icon/icon_filetree_root_open.png") 15px center no-repeat #4c5c7a; color:#fff;}
ul.mtree.Group li.mtree-node.mtree-open {background:url("/res/images/icon/icon_filetree_root_open.png") 15px 0px no-repeat;border:1px dashed #eee;}
ul.mtree.Group li.mtree-node > ul li a {background:url("/res/images/icon/icon_filetree_user.png") 21px center no-repeat;}
ul.mtree.Group li.mtree-node > ul li.mtree-active a {background:url("/res/images/icon/icon_filetree_user.png") 21px center no-repeat #f2f2f2;}
ul.mtree.Group li.mtree-node:last-child {margin-bottom:16px;}
ul.mtree.Group li.mtree-node > ul > li:last-child {margin-bottom:0px; padding-bottom: 0; border-bottom:0;}
ul.mtree.Group li.mtree-node:last-child > ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom:0;}
ul.mtree.Group a {padding:0px 0px 0px 40px; height:32px; line-height:32px; color:#000;}
ul.mtree.Group li li > a {padding-left: 65px;}
ul.mtree.Group li li > a:after {color:#000; font-weight: normal; position: absolute; left: 20px;}
ul.mtree.Group li li li > a {padding-left: 2.4em}
ul.mtree.Group li li li li > a {padding-left: 3.2em;}
ul.mtree.Group li li li li li > a {padding-left: 4em;}
/* 게시판, 팝업관리 */
.boardConfigForm {width:1400px; position:relative; overflow:hidden; padding:10px 10px 50px 10px;}
.boardConfigForm .section .form {position:relative; max-width:100%; border:1px solid #e5e5e5; margin-bottom:32px; padding:18px 30px 18px 30px; background:#fff;}
.boardConfigForm .section .form .cols {width:100%;}
.boardConfigForm .section .form dl {display:block; padding:8px 0; width:100%; font-size:14px;}
.boardConfigForm .section .form dd {display:table-cell; vertical-align:middle; font-size:0; min-width:300px;position:relative;}
.boardConfigForm .section .form dt {display:table-cell; vertical-align:middle; font-size:13px; line-height:1.5; font-weight:bold; color:#000; padding-left:10px; min-width:140px; max-width:140px;}
.tableConfigForm {width:100%; font-size:13px;}
.tableConfigForm th, .tableConfigForm td {padding:10px; border:1px solid #efefef; border-left:0; border-right:0; line-height:1.5;}
.tableConfigForm th {color:#000; font-weight:bold; text-align:left; padding-left:30px; background:url("../images/icon/blit_form_list.png") 15px center no-repeat #fafafa;}
.tableConfigForm td {color:#555; padding:6px 15px;}
.tableConfigForm td .textIn.left {line-height:22px; font-size:12px; background:transparent; color:#000; font-weight:normal; width:50px; text-align:left;}
.tableConfigForm td .textItem {padding-left:55px !important;}
.tableConfigForm td .textData.textItem {width:130px;}
.tableConfigForm td .textFilter {height:30px; line-height:30px;}
.areaVarInfo {width:100%;}
.areaVarInfo h5 {text-align:center; font-weight:bold; width:100%; font-size:13px; height:40px; line-height:40px; background:#efefef;}
.areaVarInfo .list {background:#fcfcfc; border:1px dashed #ddd;}
.areaVarInfo .list > li {line-height:1.6; font-size:13px; display:block; padding:15px; border-bottom:1px dashed #ddd;}
.areaVarInfo .list > li:last-child {border-bottom:0;}
.areaVarInfo .list > li span {color:#000; font-weight:bold; padding-left:10px; margin-bottom:5px; background:url("/res/images/icon/blit_form_list_min.png") left center no-repeat;}
.areaVarInfo .list > li > ul {margin-left:12px;}
.areaVarInfo .list > li > ul > li {color:#777; font-size:13px; padding-left:10px; background:url("../images/icon/blit_form_list_min.png") left center no-repeat;}
.boardPopupForm .section .form {position:relative; max-width:100%; border:1px solid #e5e5e5; margin-bottom:32px; padding:18px 30px 18px 30px; background:#fff;}
.boardPopupForm .section .form .cols {width:100%;}
.boardPopupForm .section .form dl {display:block; padding:8px 0; width:100%; font-size:14px;}
.boardPopupForm .section .form dd {display:table-cell; vertical-align:middle; font-size:0; min-width:340px; position:relative;}
.boardPopupForm .section .form dt {display:table-cell; vertical-align:middle; font-size:13px; line-height:1.5; background:url("../images/icon/blit_form_list.png") left center no-repeat; font-weight:bold; color:#000; padding-left:10px; min-width:160px; max-width:160px;}
.boardPopupForm .section .form dt span.small {font-size:13px; color:#000;}
.boardPopupForm .section .form .textData {width:168px;}
.boardPopupForm .section .form dd > span {margin-right:10px; vertical-align:middle;}
.boardPopupForm .section .form dd > span:last-child {margin-right:0;}
.boardPopupForm .section .form dd > .inputBox .textData {width:235px;}
.boardPopupForm .section .form dd > .inputBox .textIn.left {width:120px;}
.boardPopupForm .section .form dd > .inputBox .textItem {padding-left:130px !important;}
/* 분할페이지 폼 */
.formActionList {width:100%; position:relative; overflow:hidden; margin-bottom:10px;}
.formActionList ul {width:100%; display:inline-block;}
.formActionList ul li {width:12.5%; border-right:1px solid #fff; float:left; vertical-align:top; display:inline-block;}
.formActionList ul li:last-child {margin-right:0;}
.tabContent .section .form {position:relative; max-width:100%; border:1px solid #e5e5e5; margin-bottom:5px; padding:5px 20px; background:#fff;}
.tabContent .section .form .cols {width:100%;}
.tabContent .section .form dl {display:block; padding:4px 0; width:100%; font-size:14px;}
.tabContent .section .form dd {display:table-cell; vertical-align:middle; font-size:0; min-width:330px; position:relative;}
.tabContent .section .form dt {display:table-cell; vertical-align:middle; font-size:13px; line-height:1.5; background:url("../images/icon/blit_form_list.png") left center no-repeat; font-weight:bold; color:#000; padding-left:10px; max-width:200px; min-width:200px; padding-right:5px;}
.tabContent .section .form dt span.small {font-size:13px; color:#000;}
.tabContent .section .form dd span {margin-right:10px; vertical-align:middle;}
.tabContent .section .form dd span:last-child {margin-right:0;}
.tabContent .boardTableForm .boardTable tbody tr {background:#fff;}
.tabContent .memberDetailInfo {width:60%; float:left; position:relative; overflow:hidden;}
.tabContent .memberOrgTree {position:absolute; overflow-y:auto; width:38.5%; height:100%; background:#fff; border:1px solid #e2e2e2; right:20px;}
.commonFooter {width:100%; position:relative; border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}
/* 분할페이지 폼(저해상도)
@media screen and (max-width: 1440px){
.frame .section .form dt {min-width:150px; max-width:150px; font-size:13px; letter-spacing:-1px;}
.frame .section .form dd {min-width:260px;}
.tabContent .section .form dt {min-width:110px; font-size:13px; letter-spacing:-1px;}
.tabContent .section .form dd {min-width:270px;}
.btnAction {padding:0 !important; text-align:center !important; background:#eee !important;}
}
*/
/* footer */
.footer {position:fixed; z-index:100; bottom:0; left:0; width:100%; height:27px; line-height:27px; color:#d4d4d4; background:#666; text-align:center; font-size:13px;}
@media screen and (max-width: 1600px) {
.footer {position:relative;}
}
/* input type text */
.textForm {border:1px solid #ddd; height:30px; line-height:27px; padding:0 10px; transition: ease-in-out, width .35s ease-in-out; background:#fff; position:relative; font-size:13px; color:#000; font-family: 'Malgun Gothic', sans-serif;}
.textForm::-ms-clear{display: none;}
.inputGridImportant {height:30px !important; line-height:27px !important; box-shadow:none !important; border-radius:0 !important; border:1px solid #ddd !important; padding:0 10px !important; background:#fff !important; font-size:12px !important;}
.inputGridImportant:focus {box-shadow:none !important;}
.btnGridImportant {font-weight:bold !important; font-size:12px !important; color:#fff !important; border:0 !important; padding:0 !important; height:25px !important; line-height:25px !important; box-shadow:none !important; border-radius:0 !important;}
.textSmall {width:48px; height:30px; text-align:center;}
.textSearch {width:146px; color:#ddd; background:transparent; border:0; height:30px; border-bottom:1px solid #ddd; padding-right:5px;}
.textBoardSearch {padding:0 35px 0 10px; height:30px; line-height:30px; width:344px;}
.textBoardSearch.small {width:200px; height:30px; line-height:30px;}
.textData {vertical-align:middle; width:168px; height:30px; background:#fff}
.textFilter {padding:0 40px 0 10px; height:30px; line-height:24px; width:120px;}
.textCal {width:120px; height:30px; padding:0 10px; line-height:26px; background:transparent;}
.textAddr {width:270px; height:30px; line-height:30px; background:transparent;}
.textData.textDetailAddr {width:543px; margin-left:20px;}
.tabContent .section .form dd .textAddr {width:360px;}
.textItem {padding-left:75px !important;}
.textNum {width:138px; padding:0 25px 0 15px; height:30px; line-height:30px; margin-left:20px;}
.textNum.small {width:68px; padding:0 20px 0 15px;}
.textNum.less {padding-right:60px;}
.textIn.left {white-space:normal; line-height:1.2; letter-spacing:-1px; width:70px; display:flex; align-items:center; position:absolute; text-align:left; font-weight:bold; top:0px; left:0px; font-size:13px; height:30px; color:#000; padding:0 8px; z-index:100; background:#fafafa; border:1px solid #ddd;}
.textIn {position:absolute; top:32%; right:10px; background:transparent; color:inherit; width:auto;}
.inputBox {display:inline-block; margin-right:0; position:relative;}
.inputBox.inputCal .btnCal {top:6px; right:10px;}
.inputBox.imgUpload img {color:#eee; font-size:0; position:relative; top:0px; vertical-align:bottom; width:24px; height:24px; border:1px solid #999; background:#eee;}
.inputBox.memberView .textData {width:248px;}
.inputBox.memberView .textIn.left {width:115px;}
.inputBox.memberView .textItem {padding-left:125px !important;}
.inputBox.memberView.big .textData {width:289px;}
.inputBox.memberView.big .textIn.left {width:152px;}
.inputBox.memberView.big .textItem {padding-left:162px !important;}
.inputBox.memberView.bank1 .textData {width:235px;}
.inputBox.memberView.bank1 .textIn.left {width:60px;}
.inputBox.memberView.bank1 .textItem {padding-left:70px !important;}
.inputBox.memberView.bank2 .textData {width:258px;}
.inputBox.memberView.bank2 .textIn.left {width:70px;}
.inputBox.memberView.bank2 .textItem {padding-left:80px !important;}
.inputBox.memberView.bank3 .textData {width:180px;}
.inputBox.memberView.bank3 .textIn.left {width:60px;}
.inputBox.memberView.bank3 .textItem {padding-left:70px !important;}
.inputBox.memberView.bank4 .textData {width:276px;}
.inputBox.memberView.bank4 .textIn.left {width:138px;}
.inputBox.memberView.bank4 .textItem {padding-left:148px !important;}
.inputBox.memberView.bank5 .textData {width:248px;}
.inputBox.memberView.bank5 .textIn.left {width:110px;}
.inputBox.memberView.bank5 .textItem {padding-left:120px !important;}
.inputBox.memberView.bank6 .textData {width:260px;}
.inputBox.memberView.bank6 .textIn.left {width:125px;}
.inputBox.memberView.bank6 .textItem {padding-left:135px !important;}
.inputBox.memberView.sponsor1 .textData {width:165px;}
.inputBox.memberView.sponsor1 .textIn.left {width:70px;}
.inputBox.memberView.sponsor1 .textItem {padding-left:80px !important;}
.inputBox.memberView.sponsor2 .textData {width:248px;}
.inputBox.memberView.sponsor2 .textIn.left {width:60px;}
.inputBox.memberView.sponsor2 .textItem {padding-left:70px !important;}
.inputBox.memberView.sponsor3 .textData {width:248px;}
.inputBox.memberView.sponsor3 .textIn.left {width:70px;}
.inputBox.memberView.sponsor3 .textItem {padding-left:80px !important;}
.inputBox.memberView:last-child {margin-right:0px !important;}
.inputBox.Popup .textData {width:252px !important;}
.inputBox.Popup .textIn.left {width:70px;}
.inputBox.Popup .textItem {padding-left:80px !important;}
.inputBox.variable {width:190px; display:flex; border:1px solid #ddd; padding:0 10px;}
.inputBox.variable input[type='text'] {width:100%; max-width: 300px; border:0; height:28px; line-height:30px; padding-left:0; padding-right:5px;}
.inputBox.variable .textIn {flex:none; white-space: nowrap; max-width: 300px; position:relative; right:0; top:0; line-height:30px;}
.varbox {flex: 0 1 auto; width:100%;}
.textInBtn {padding-right:36px;}
.textAddNum {width:60px; text-align:center; height:30px; margin-left:5px;}
.textSpace {padding-right:35px;}
.textSMSAddress {width:308px; overflow-y:auto; border:0; height:34px; line-height:1.5; max-height:90px; padding:10px 30px 3px; font-family:"Malgun Gothic"; color:#999; box-shadow:0px 3px 5px #ddd;}
.textLogin {width:100%; height:52px; line-height:52px; color:#fff; font-family:"Malgun Gothic"; font-size:18px; padding:0 20px 0 56px; border:1px solid #eaebed; border-radius:5px;}
.textLogin:focus {border:1px solid #b7f7ff !important; color:#fff !important; font-weight:bold;}
.textLogin.login {background:url("../images/bg_textlogin.png") 20px center no-repeat transparent; margin-bottom:10px;}
.textLogin.password {background:url("../images/bg_textpassword.png") 20px center no-repeat transparent; margin-bottom:20px;}
.textArea {width:100%; height:200px; padding:10px; border:1px solid #ddd; font-family:"Malgun Gothic"; line-height:1.5;}
.textArea.sms {overflow-y:auto; height:150px;}
.textArea.mail {overflow-y:auto; height:234px;}
.textDisabled {background:#ddd; cursor:not-allowed;}
input:disabled {background:#ddd; cursor:not-allowed;}
input:disabled+label {opacity:.3; cursor:not-allowed;}
button:disabled {background:#ddd; opacity:0.8; cursor:not-allowed;}
.disabled {background:#ddd !important; cursor:not-allowed !important;}
select:disabled {opacity:.5; cursor:not-allowed;}
div.disabled {opacity:.5;}
/* input type text (저해상도)
@media screen and (max-width: 1600px) {
.SumoSelect {min-width:100px !important;}
.SumoSelect > .CaptionCont > span {font-size:13px !important;}
#ddl_StockIOType {min-width:180px !important; width:180px !important;}
#ddl_StockIOType+.CaptionCont {width:180px !important;}
.SlectBox {min-width:100px;}
.textBoardSearch.small {width:160px;}
.textForm {font-size:13px;}
.textData {width:148px;}
.tabContent .section .form dd .textAddr {width:300px;}
.inputBox.memberView {margin-right:20px !important;}
}
*/
/* select */
.selectFilter {min-width:120px; font-size:13px; border:1px solid #ddd; font-family:"Malgun Gothic"; padding:0px 30px 0 10px; background:url("../images/icon/icon_select.png") 90% center no-repeat #fff; height:30px; line-height:30px; position:relative; color:#000;}
.selectFilter.disabled {background:url("../images/icon/icon_select.png") 90% center no-repeat #ffd3d3; color:#be7f7f;}
.selectFilter.small {padding:0 40px 0 8px; color:#000; height:30px; line-height:30px; letter-spacing:-1px; background:url("../images/icon/icon_select_small.png") center right no-repeat #fff;}
.selectData {width:168px; border:1px solid #ddd; font-family:"Malgun Gothic"; color:#000; padding:0 10px; background:url("../images/icon/icon_select.png") 95% center no-repeat #fff; height:30px; position:relative;}
.selectData.disabled {background:url("../images/icon/icon_select.png") right 4px no-repeat #ffd3d3; color:#be7f7f;}
.selectData:focus {color:#000; }
.selectData.inButton {background:url("../images/icon/icon_select.png") 87% center no-repeat transparent; position:relative;}
.selectData.inButton.disabled {background:url("../images/icon/icon_select.png") 87% center no-repeat #ffd3d3; color:#be7f7f; position:relative;}
option:disabled { background: #333; color:#be7f7f;}
.selectData.addr {width:474px;}
.selectData.min {width:112px;}
.selectData.big {min-width:168px; padding-right:30px; width:auto;}
.selectItem {padding-left:70px;}
.selectUnit.textIn {width:50px; height:34px; color:#000; border:0; background:url("../images/icon/icon_form_select.png") right center no-repeat transparent;}
select {font-family:"Malgun Gothic"; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand { display: none; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
/* input type text
@media screen and (max-width: 1440px) {
.selectFilter {min-width:100px; font-size:13px; padding:0 25px 0 10px;}
.selectData {width:148px; font-size:13px;}
}
*/
/* table form */
.tableForm01 {width:100%; font-size:13px;}
.tableForm01 tr {height:40px;}
.tableForm01 th {background:#eee; color:#000; padding:0 10px;}
.tableForm01 td {text-align:center; padding:0 10px; border:1px solid #eee; color:#999;}
.tableForm01 td input[type='text'] {width:auto; min-width:60px; height:26px; line-height:26px; border:1px solid #eee; padding:0 10px; text-align:center; font-size:13px; font-family:"Malgun Gothic";}
/* chart table */
#chart_Main > div {overflow:hidden; margin:10px 10px 40px 10px;}
.chartTop {width:98%; height:50px; line-height:50px; padding:0 20px; background:#fff; margin:auto; border:1px solid #ddd; border-bottom:0;}
.chartTop .th {float:left; font-weight:bold; font-family:"Malgun Gothic"; font-size:16px; font-weight:normal;}
.chartTop .more {float:right; }
.chartTable {width:13%; height:320px; float:left; background:#fff;}
.chartTable th, .chartTable td {padding:10px 20px; height:45px; border:1px solid #ddd; font-size:13px;}
.chartTable th {background:#fcfcfc; font-size:16px; font-family:"Malgun Gothic"; font-weight:normal;}
.chartTable td .tt {width:80px;}
.chartTable td span {vertical-align:middle; display:inline-block;}
.chartTable td .type {text-align:center; min-width:60px; padding:0px 15px 0px; height:25px; line-height:25px; border:1px solid #ddd; border-radius:100px;}
.chartTable td .type.thisMonth {color:#e22323; border-color:#e22323;}
.chartTable td .type.preMonth {color:#4c5c7a; border-color:#4c5c7a;}
.chartTable td .type.allMonth {border-color:#000;}
.chartTable td .box {display:inline-block; width:15px; height:15px;}
.chartTable td .box.thisMonth {background:#95ceff;}
.chartTable td .box.maxMonth {background:#477579;}
.chartTable td .btnCal {position:relative; width:100px; height:30px}
/* other */
.hor {width:1px; height:6px; background:#c0c0c0; display:inline-block; margin:0 10px;}
.blind {visibility:hidden;}
.fb {font-weight:bold;}
.ft11 {font-size:13px;}
.ft12 {font-size:13px;}
.ft13 {font-size:13px;}
.ft14 {font-size:14px;}
.l18 {line-height:18px;}
select::-ms-expand { display: none; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
.forData {font-size:14px; color:#999; cursor:default;}
a.link {color:#006cff; text-decoration:underline;}
span.imp {color:#d84545; padding-left:10px;}
.cirTitle {font-size:18px; font-family:"Malgun Gothic"; overflow:hidden; color:#010101; font-weight:bold; margin-bottom:20px;}
.cirTitle h4 {float:left; margin-bottom:0; font-size:18px;}
.cirTitle span {font-size:13px; font-weight:bold; font-family:"Malgun Gothic";}
.subTitle {font-size:16px; font-weight:bold; color:#010101; padding:20px 20px 20px 20px;}
.settingTitle {font-size:16px; border-bottom:2px solid #333; padding-bottom:10px; margin-bottom:20px;}
.hrLine {width:100%; height:5px; background:#f1f1f1; border-top:1px solid #ddd; border-bottom:1px solid #dfdfdf; margin:10px 0;}
.divArea {width:100%; height:30px; position:relative; background:url("/res/images/icon/btn_boardsort_down.png") center no-repeat;}
.bw { background:#fff !important;}
.comment {font-size:13px; color:#e96f6f; padding-left:10px;}
.certify {font-size:13px; color:#e95f4d; border:1px solid #e95f4d; margin-left:10px; vertical-align:top !important; display:inline-block; padding:0 10px; padding-left:30px; font-weight:bold; background:url("../images/icon/icon_certify.png") 8px center no-repeat; height:28px; line-height:28px;}
.graph {height:20px; background:#ccc;}
.graph.type01 {background:#477579;}
.graph.type02 {background:#3561b3;}
.graph.type03 {background:#c7def2;}
.graph.type04 {background:#56c4ce;}
/* 팝업 */
.commonPopup {width:100%;}
.commonPopup .title {width:100%; height:50px; line-height:50px; background:#4c5c7a; color:#fff; font-size:20px;}
.commonPopup .title .inTitle {margin:0 20px; position:relative; text-align:center; font-family:"Malgun Gothic";}
.commonPopup .title .inTitle h3 {font-size:18px;}
.commonPopup .content {width:100%; max-height:650px; border-bottom:1px solid #ddd; font-size:13px; /*padding-top:20px;*/ background:#f4f4f4; overflow-y:auto;}
.commonPopup .content .inContent {position:relative; /*width:1015px;*/ width:100%; margin:auto;}
.commonPopup .content .sectionTitle .btnToggle {margin-bottom:0;}
.commonPopup .content .sectionTitle .btnToggleOpen {padding-bottom:0px !important; height:35px;}
.commonPopup .content .sectionTitle h4 {float:left; width:100%; font-size:14px; color:#000;}
.commonPopup .content .sectionTitle span {float:right; font-size:14px; line-height:1; font-weight:bold;}
.commonPopup .content .sectionTitle span input[type=check] {position:relative; top:2px;}
.commonPopup .content .sectionTitle span.checks {position:absolute; clear:both; left:120px; top:9px;}
/*.commonPopup .content .section:last-child {margin-bottom:40px;}*/
.commonPopup .content .form {position:relative; width:100%; padding:22px 30px 22px 30px; background:#fff;}
.commonPopup .content .form dl {display:block; padding:6px 0; width:100%; font-size:14px;}
.commonPopup .content .form dt {font-size:13px;display:table-cell; vertical-align:middle;}
.commonPopup .content .form dt span.small {font-size:13px; color:#999;}
.commonPopup .content .form dd {display:table-cell; vertical-align:middle; font-size:0; min-width:278px; position:relative;}
.commonPopup .content .form dd p {line-height:1.5;}
.commonPopup .content .form dt {line-height:1.5; background:url("../images/icon/blit_form_list_min.png") left center no-repeat; font-weight:bold; color:#000; padding-left:10px; min-width:175px; max-width:175px;}
.commonPopup .content .form .cols {width:100%;}
.commonPopup .content .form dd span {margin-right:10px; vertical-align:middle;}
.commonPopup .content .form dd span:last-child {margin-right:0;}
.commonPopup .foot {background:#eee; height:30px;}
.commonPopup .foot .inFoot {width:100%; text-align:right; font-size:0;}
.commonPopup .memberOrgTree {overflow:auto; background:#fff; width:100%; height:500px; border-top:1px solid #ddd;}
.commonPopup .memberOrg.checkList li {width:24%; line-height:1.5; display:inline-block; vertical-align:top;}
.commonPopup .memberOrg.checkList input[type='checkbox'] {position:relative; top:3px;}
.commonPopup .memberOrg.checkList label {font-size:13px; color:#000; cursor:pointer;}
/*
.commonPopup .boardTableForm .boardFooter .btnArea.right {right:0;}
*/
.commonPopup .boardTableForm .boardFooter {padding:0;}
/*.commonPopup .boardTableForm .boardFooter .paging {height:28px;}*/
.commonPopup .stepHead {color:#111; border-bottom:1px solid #ddd; padding-bottom:10px; line-height:1.5;}
.commonPopup .checkConfirm {padding:5px 0; margin-bottom:15px; font-size:13px; line-height:1.5; overflow:hidden; color:#000; position:relative; padding-left:25px;}
.commonPopup .checkConfirm input[type='checkbox'] {position:absolute; left:0;}
.commonPopup .checkConfirm label {display:block; font-weight:bold; font-size:13px; font-weight:bold; margin-bottom:5px;}
.commonPopup .checkConfirm.disabled {background:transparent !important; color:#999 !important;}
/* 팝업(작은사이즈) */
.popup.small.bpModal {width:auto;}
.popup.small.bpModal .bpModal-close {right:20px;}
.commonPopup.small {width:725px;}
.commonPopup.small .foot .inFoot {width:100%;}
.commonPopup.small .title h3 {width:auto;}
.commonPopup.small .title .inTitle {width:725px; padding:0 20px; position:relative; margin:auto;}
.commonPopup.small .content {overflow-y:auto; overflow-x:hidden; padding-top:0;}
.commonPopup.small .content .form {padding:22px 40px 28px 40px; margin-bottom:0; border:0;}
.commonPopup.small .content .form dt {min-width:135px; max-width:135px;}
.commonPopup.small .content .form dd {min-width:200px;}
.commonPopup.small .content .inContent {width:725px;}
.commonPopup.small .content .sectionTitle h4 {padding:0 40px;}
.commonPopup.small .content .sectionTitle .btnToggle {background:url("../images/icon/icon_toggle_on.png") 660px center no-repeat;}
.commonPopup.small .content .sectionTitle .btnToggleClose {background:url("../images/icon/icon_toggle_off.png") 660px center no-repeat;}
.commonPopup.small .content .sectionTitle .btnToggleOpen {background:url("../images/icon/icon_toggle_on.png") 660px 5px no-repeat;}
.commonPopup.small .content .selectData {width:155px;}
.commonPopup.small .content .textData {width:148px;}
.commonPopup.small .btnPopup {font-size:13px; height:30px; line-height:30px; min-width:100px;}
.commonPopup.small .content .section.normal {padding:22px 40px 28px 40px; color:#000; font-size:14px;}
.commonPopup.small .content :last-child.section {margin:0;}
.commonPopup.small .foot {font-size:0; height:30px;}
.popMessage {position:relative; width:380px; background:#f5f5f5; display:none; color:#000; font-size:14px;}
.popMessage {font-weight:900; box-shadow:0px 0px 15px #999;}
.popMessage .notibar {width:100%; height:68px; border-bottom:1px solid #dfdfdf; background:#fff; font-size:18px; padding:0 30px;}
.popMessage .notibar h2 {font-size:14px; font-weight:normal; display:block; line-height:70px;}
.popMessage .notibar h2 em {color:#009e9c; font-style:normal; font-weight:bold;}
.popMessage .detailContact {position:absolute; background:#fff; border-bottom:1px solid #dfdfdf; top:68px; font-size:13px;}
.popMessage .detailContact ul {padding:5px 24px; width:100%; max-height:124px; overflow-y:scroll;}
.popMessage .detailContact ul li {font-family:"Malgun Gothic"; display:inline-block; margin:4px 2px; font-weight:normal; color:#bbb; background:#fafafa; height:26px; line-height:24px; padding:0 10px; border-radius:20px; border:1px solid #dfdfdf;}
.popMessage .detailContact ul li:hover {border:1px solid #ff7f7f; background:#fff; color:#ff7f7f;}
.popMessage .messageBox {width:100%; height:315px; overflow-y:auto; font-size:13px; margin:auto; color:#555; background:transparent; padding:20px; line-height:1.5;}
.popMessage .btnArea {font-size:0;}
.popMessage .messageAddress {width:100%; display:block;}
.popMessage .messageAddress li {display:block; overflow:hidden; width:100%; border-bottom:1px solid #ddd; padding:8px 20px 6px 20px;}
.popMessage .messageAddress li span {float:left;}
.popMessage .messageAddress li .th {width:130px; height:30px; line-height:30px; font-size:13px; font-family:"Malgun Gothic";}
.popMessage .messageAddress li input[type='text'] {width:240px; background:url("../images/icon/icon_select.png") right center no-repeat;border:0;}
.popMessage .messageAddress li select {width:240px; background:url("../images/icon/icon_select.png") right center no-repeat; border:0;}
.popMessage .byte_check {position:absolute; bottom:65px; right:35px; font-size:13px; color:#999;}
.popMessage .byte_check .bytes {display:inline-block; margin-right:3px; color:#6f7885;}
.popMessage .byte_check label {font-size:13px;}
.popMessage .messageState {font-size:13px; position:relative; margin-left:20px; top:10px; font-weight:normal; color:#000;}
.popMessage .messageState .state {padding:5px 10px 3px 10px; border-radius:30px; border:1px solid #333; color:#000; margin-left:5px;}
/* 팝업(시안) */
.popup.min.bpModal .bpModal-close {right:0px;}
.commonPopup.min {width:560px;}
.commonPopup.min .title {width:100%; height:40px; line-height:40px; background:#4c5c7a; color:#fff; font-size:20px;}
.commonPopup.min .title .inTitle h3 {font-size:15px;}
.commonPopup.min .foot .inFoot {width:100%;}
.commonPopup.min .title .inTitle {width:100%; position:relative; margin:auto;}
.commonPopup.min .bpModal-close {display:none;}
.commonPopup .title .inTitle h3 {font-family:"Malgun Gothic"; font-size:16px;}
.commonPopup.min .content {padding-top:0; overflow-y:auto; overflow-x:hidden;}
.commonPopup.min .content .form {padding:10px 20px 6px 20px; margin-bottom:0; border:0;}
.commonPopup.min .content .form dt {min-width:120px; padding-left:8px; background:url("../images/icon/blit_form_list_min.png") left center no-repeat}
.commonPopup.min .content .form dd {min-width:150px;}
.commonPopup.min .content .sectionTitle h4 {padding:0;}
.commonPopup.min .content .sectionTitle .btnToggle {background:url("../images/icon/icon_toggle_on.png") 700px center no-repeat;}
.commonPopup.min .content .sectionTitle .btnToggleClose {background:url("../images/icon/icon_toggle_off.png") 700px center no-repeat;}
.commonPopup.min .content .sectionTitle .btnToggleOpen {background:url("../images/icon/icon_toggle_on.png") 700px 5px no-repeat;}
.commonPopup.min .content .selectData {width:125px;}
.commonPopup.min .content .textData {width:125px;}
.commonPopup.min .btnPopup {font-size:13px; height:32px; line-height:32px; min-width:75px;}
.commonPopup.min .btnPopup.btnMain {margin-right:0px;}
.commonPopup.min .content :last-child.section {margin:0;}
.commonPopup.min .foot {height:100%; font-size:0; margin:auto; margin-bottom:0px; text-align:center;}
/* input type text (저해상도)
@media screen and (max-width: 1600px) {
.commonPopup .content .form dt {min-width:160px; font-size:13px; letter-spacing:-1px;}
}
*/
/* 화면분할 */
#splitter { width:5px; background:url("../images/icon/bg_splitter.png") left 40% no-repeat #697180; border-left:1px solid #fff; float:left; height:100%; position:absolute; cursor:w-resize;}
#tableViewArea {width:42.5%; border-right:1px solid #697180; float:left;height:100%;position:absolute;}
#tableViewArea .scroll {overflow-y:scroll; overflow-x:scroll; height:749px;}
#tableViewArea .boardTableForm .boardTable {min-width:1200px; margin:0;}
#tableViewArea .boardTableForm .boardTableOption .boardSelectColumn {font-size:13px; padding:14px 30px; overflow:hidden; border-bottom:1px solid #ddd; text-align:left;}
#tableViewArea .boardTableForm .boardTableOption .boardSelectColumn ul li {margin-right:10px;}
#tableInputArea {width:15%;float:left;height:100%;position:absolute; background:#e6e8eb;}
.boardInOption {display:inline-block; padding-right:20px;}
.boardInOption.option01 {background:url("../images/icon/icon_board_msg.png") center right no-repeat; position:relative; top:-8px;}
.boardInOption.option02 {background:url("../images/icon/icon_board_rld.png") center right no-repeat;}
.boardInOption.option03 {background:url("../images/icon/icon_board_del.png") center right no-repeat; color:#b64545;}
/* 탭 */
.tabMemberView { list-style: none; margin: 0; padding: 0; display:block; font-size:0; background:#4c5c7a;}
.tabMemberView .tabMenu {position:relative; display:table-cell; vertical-align:middle; width:12.5%;height:56px;line-height:1.4; font-size:14px; color:#fff;font-weight:bold;transition:0.3s;cursor:pointer;text-align:center; border-right:1px solid #617292; background:#4c5c7a; padding:0 20px;}
.tabMemberView .tabMenu.disabled {opacity:.3; background:#999; border:0; color:#fff !important;}
.tabMemberView .tabMenu:first-child {border-left:0;}
.tabMemberView .tabMenu span.tag {position:absolute; color:#fff !important; display:block; top:5px; right:5px; width:19px; height:15px; background:url("/res/images/icon/icon_member_tag.png") center no-repeat; line-height:1; font-size:13px; padding-top:1px; font-weight:normal; text-align:center;}
.tabMemberView .tabMenu.current{background-color: #fff; color: #000; border-bottom:0;}
/*.tab li span.dot {position:absolute; display:block; width:4px; height:3px; left:45%; top:13px; background:url("../images/icon/icon_tab_dot.png") no-repeat;}*/
.tabContent {min-height:990px; position:absolute; display: none; padding: 10px; background:#fff; height:80%;}
.tabContent.current {overflow:hidden; display: block;}
.tabContent .boardTableForm .boardFooter .btnArea.right {right:0;}
.tabContent .boardTableForm .boardFooter {padding:0;}
.radioTabContent {display: none;}
.radioTabContent.current {display: block;}
/* 탭(작은사이즈) */
.smallTab { list-style: none; margin:10px 0; background:#fff; display:block; font-size:0; border-bottom:1px solid #eee;}
.smallTab li {position:relative; display:inline-block; width:150px; height:29px;line-height:29px; font-size:13px; color:#000; font-weight:bold;transition:0.3s;cursor:pointer;text-align:center; background:#eee;}
.smallTab li.current{background-color: #83acd1; color: #fff; margin-right:1px;}
.tabContent.current {display: block;}
.tabContent .boardTableForm .boardFooter .btnArea.right {right:0;}
.tabContent .boardTableForm .boardFooter {padding:0;}
/* 탭(작은사이즈) */
.smallTab2 { list-style: none; margin:10px 30px 10px 30px; background:#fff; display:block; font-size:0; border-bottom:1px solid #eee;}
.smallTab2 li {position:relative; display:inline-block; width:150px; height:29px;line-height:29px; font-size:12px; color:#666; font-weight:bold;transition:0.3s;cursor:pointer;text-align:center; background:#eee;}
.smallTab2 li.current{background-color: #83acd1; color: #fff; margin-right:1px;}
.tabContent2 {min-height:1030px; position:absolute; display: none; padding: 20px 40px; background:#fff; height:80%;}
.tabContent2.current {display: block;}
.tabContent2 .boardTableForm .boardFooter .btnArea.right {right:0;}
.tabContent2 .boardTableForm .boardFooter {padding:0;}
/* 탭(그리드) */
.boardTab { list-style: none; margin:0; padding-left:0 !important; background:#fff; display:block; font-size:0; border-bottom:1px solid #eee;}
.boardTab li {position:relative; display:inline-block; margin-right:0 !important; min-width:150px; border-right:1px solid #ddd; padding:0 10px; height:29px;line-height:27px; font-size:13px; color:#000; font-weight:bold;transition:0.3s;cursor:pointer;text-align:center; background:#eee;}
.boardTab li.current{background-color: #83acd1; color: #fff; margin-right:1px;}
.boardTab li:last-child {border-right:0;}
.tabBoardContent {min-height:1030px; position:absolute; display: none; padding: 20px 40px; background:#fff; height:80%;}
.tabBoardContent.current {display: block;}
.tabBoardContent .boardTableForm .boardFooter .btnArea.right {right:0;}
.tabBoardContent .boardTableForm .boardFooter {padding:0;}
/* 기타 */
/* 공통사용 */
.sectionTitle {overflow:hidden; border-bottom:0; position:relative; font-size:14px;}
.sectionTitle h4.btnToggle {cursor:pointer; padding:0 20px; height:30px; line-height:30px;}
.sectionTitle h4.btnToggleClose {background:url("/res/images/icon/icon_toggleframe_off.png") left 12px no-repeat;}
.sectionTitle h4.btnToggleOpen {padding-bottom:10px !important; background:url("/res/images/icon/icon_toggleframe_on.png") left 12px no-repeat; border-bottom:1px solid #ddd;}
.sectionTitle h4.btnInForm {margin-top:5px; color:#4f75c0;}
.sectionTitle h4.btnInForm.btnToggleClose {background:url("/res/images/icon/icon_toggleframe_min_on.png") 0px center no-repeat;}
.sectionTitle h4.btnInForm.btnToggleOpen {background:url("/res/images/icon/icon_toggleframe_min_off.png") 0px center no-repeat;}
.detailSearch {position:relative; top:-9px; font-weight:normal !important; cursor:pointer; padding-right:15px; font-size:13px; color:#000;}
.detailSearch.btnToggleOpen {background:url("../images/icon/icon_side_dropdown.png") right center no-repeat !important;}
.detailSearch.btnToggleClose {background:url("../images/icon/icon_side_dropup.png") right center no-repeat !important;}
/* 정렬관련 */
.overflow {overflow:hidden;}
.scroll {overflow-y:scroll !important;}
.scroll-auto {overflow-y:auto !important;}
.visible {overflow:visible;}
.left {float:left !important;}
.right { float:right !important;}
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.tright {text-align:right !important;}
.clear {float:none !important;}
.vtop {vertical-align:top !important;}
.vbottom {vertical-align:bottom !important;}
.writeText {border:1px solid #ddd; width:100%; height:150px; padding:15px; font-family: 'Malgun Gothic', sans-serif; background:#fff; font-size:13px; color:#000; line-height:1.3; overflow-y:scroll;}
.writeText:focus {box-shadow:0px 2px 5px #999;}
.writeText dl {margin-bottom:25px; line-height:1.7;}
.writeText dl dt {font-weight:bold;}
.em {font-weight:bold; color:#000; font-style:normal;}
.bold {font-weight:bold;}
.block {display:block !important;}
.inb {display:inline-block;}
.tbc {display:table-cell !important; vertical-align:middle;}
.cb {position:relative; top:2px;}
.noneffect {position:static !important; padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important;}
.pointer {cursor:pointer;}
/* 프로그래스바 20180322 */
.progressbar {position:relative; width:auto; height:25px; line-height:26px; font-family:"Malgun Gothic"; overflow:hidden; padding:0px; background:#e2e6ec; text-align:center;}
.percent {
font-size:13px; font-weight:bold; width:100%; height:100%; position:absolute; top:0; left:0; color:#eee;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16d4a5+0,3561b3+100 */
background: #16d4a5; /* Old browsers */
background: -moz-linear-gradient(-45deg, #16d4a5 0%, #3561b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #16d4a5 0%,#3561b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #16d4a5 0%,#3561b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16d4a5', endColorstr='#3561b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.tooltip01 {background:#fff; border-radius:20px; padding:10px; font-size:14px; display:none;}
.file_upload {width:100%; overflow:hidden; margin-top:10px; }
.file_upload .progressbar {width:83%;}
/* 여백관련 */
.t0 {top:0% !important;}
.b0 {bottom:0% !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt60 {margin-top:60px !important;}
.mt90 {margin-top:90px !important;}
.pt5 {padding-top:5px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt60 {padding-top:60px !important;}
.pt90 {padding-top:90px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb60 {margin-bottom:60px !important;}
.mb90 {margin-bottom:90px !important;}
.ml0 {margin-left:0px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.bl01 {border-bottom:1px solid #d1d2d2;}
.b0 {border:0 !important;}
.br0 {border-right:0 !important;}
.bl0 {border-left:0 !important;}
.p0 {padding:0px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.ps20 {padding:0 20px !important;}
.pl0 {padding-left:0px !important;}
.pr0 {padding-right:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.mt0 {margin-top:0 !important;}
.ml5 {margin-left:5px !important;}
.mr5 {margin-right:5px !important;}
.mb0 {margin-bottom:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pt0 {padding-top:0 !important;}
/* 색상관련 */
.transparent {background:transparent !important;}
.fblack {color:#000;}
.fblack::-webkit-input-placeholder {color: #000;}
.fblack:-moz-placeholder {color: #000; opacity:1;}
.fblack::-moz-placeholder {color: #000; opacity:1;}
.fblack:-ms-input-placeholder {color: #000;}
.fblack::placeholder {color: #000; opacity:1;}
/* 프로그램 그리드 관련 */
.tui-grid-rside-area {width:auto !important;}
.gv_ListOrders {height:300px;}
#gv_ListOrders .tui-grid-body-area {height:266px !important;}
.gv_ListOrderDetail {height:200px;}
.gv_Payment {height:200px; border:1px solid #eee;}
.gridWrap {width:auto; overflow:hidden; background:transparent;}
.gridSummary {position:absolute; right:0;}
.tui-grid-body-area {min-height:50px;}
#gv_MemberList .tui-grid-body-area {height:360px !important;}
#gv_MemberList .tui-grid-scrollbar-border {height:360px !important;}
#gv_MemberLineList .tui-grid-body-area {height:360px !important;}
#gv_MemberLineList .tui-grid-scrollbar-border {height:360px !important;}
.listWrap {width:100%; background:#eee;}
::-webkit-input-placeholder {color: #b0b0b0;}
:-moz-placeholder {color: #b0b0b0; opacity:1;}
::-moz-placeholder {color: #b0b0b0; opacity: 1;}
:-ms-input-placeholder {color: #b0b0b0;}
::placeholder {color: #b0b0b0; opacity: 1;}
/* 20180726 매출관리 토글메뉴 */
.tui-grid-cell-toggle {background:url("/res/images/icon/btn_grid_toggle.png") left no-repeat !important; padding-left:27px !important;} /* 데이터 없을때 */
.tui-grid-cell-toggle-on {background:url("/res/images/icon/btn_grid_toggle_on.png") left no-repeat !important; padding-left:27px !important;} /* 접힘 */
.tui-grid-cell-toggle-on-top {background:url("/res/images/icon/btn_grid_toggle_on_open_01.png") left no-repeat !important; padding-left:27px !important;} /* 펼침(상단 로우) */
.tui-grid-cell-toggle-on-bottom {background:url("/res/images/icon/btn_grid_toggle_on_open_02.png") 13px no-repeat !important; padding-left:45px !important;} /* 펼침(하단 로우) */
.tui-grid-cell-toggle-on-depth-close {background:url("/res/images/icon/btn_grid_toggle_on_open_04.png") 13px no-repeat !important; padding-left:45px !important;} /* 접힘(2depth) */
.tui-grid-cell-toggle-on-depth-open {background:url("/res/images/icon/btn_grid_toggle_on_open_05.png") 13px no-repeat !important; padding-left:45px !important;} /* 펼침(2dpeth) */
.tui-grid-cell-current-row.tui-grid-cell-toggle {background:url("/res/images/icon/btn_grid_toggle.png") left no-repeat #f4f5f7 !important;}
.tui-grid-cell-current-row.tui-grid-cell-toggle-on {background:url("/res/images/icon/btn_grid_toggle_on.png") left no-repeat #f4f5f7 !important;}
.tui-grid-cell-current-row.tui-grid-cell-toggle-on-top {background:url("/res/images/icon/btn_grid_toggle_on_open_01.png") left no-repeat #f4f5f7 !important;}
.tui-grid-cell-current-row.tui-grid-cell-toggle-on-bottom {background:url("/res/images/icon/btn_grid_toggle_on_open_02.png") 13px no-repeat #f4f5f7 !important;}
.tui-grid-cell-output {background:url("/res/images/icon/icon_output_state.png?v=1.2") 90% center no-repeat #fffbd7 !important; padding-right:22px !important;}
.tui-grid-cell-output.tui-grid-cell-current-row {background:url("/res/images/icon/icon_output_state.png?v=1.2") 90% center no-repeat #f4f5f7 !important;}
/* 20181030 */
.tui-grid-popup {max-width:180px; border-radius:4px; background:#fff; z-index:999; position:absolute; left:300px; top:300px; border:1px solid #666; box-shadow:0px 2px 4px #999;}
.tui-grid-popup li {cursor:pointer; transition:.2s; border-radius:5px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; height:32px; line-height:32px; font-size:13px; color:#000; padding:0 15px; border-bottom:1px dashed #ddd;}
.tui-grid-popup li a {display:block; width:100%; height:100%;}
.tui-grid-popup li:hover {color:#3561b3; background:#f7f7f7;}
.tui-grid-popup li:last-child {border-bottom:0;}
.tui-grid-popup li i {display:inline-block; height:32px; line-height:32px; margin-right:5px; position:relative; top:3px;}
/* 20180727 툴팁 */
.tooltip {position:relative; transition:.3s;}
.tooltip:focus + .tooltip-box {display:block; padding-top:5px;}
.tooltip-box {position:absolute; z-index:999; transition:1s; display:none; min-width:318px; font-size:13px;}
.tooltip-box .title {border-radius:3px 3px 0 0; height:32px; line-height:32px; background:#eaf2f6; color:#004b8a; font-weight:bold; padding:0 16px; border:1px solid #c2c2c2; border-bottom-color:#d7d7d7;}
.tooltip-box .cont {border-radius:0px 0px 3px 3px; line-height:18px; color:#000; word-break:keep-all; border:1px solid #c2c2c2; border-top:0; font-weight:normal; padding:11px 16px 8px 16px; background:#fff;}
.tooltip-box .anchor {position:absolute; top:-6px; left:23px; width:21px; height:12px; background:url("/res/images/icon/icon_tooltip_anchor.png") no-repeat;}
/* 20181203 */
.tui-grid-cell-editable {background:#b5e9ff;}
.loading {width:100%; height:100%; display:table; position:absolute; z-index:100; background:rgba(245,245,245,0.6); top:0;}
.loading_animation {display:table-cell; vertical-align:middle; margin: auto; width: 70px;
text-align: center;
}
.loading_animation > div {
width: 12px;
height: 12px;
background-color: #009cff;
margin:0 3px;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.loading_animation .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
background:#3598db;
}
.loading_animation .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
background:#999;
}
.loading_animation .bounce3 {
background:#34495e;
}
.loading_animation.login > div {width:24px; height:24px; margin:0 4px;}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.cd-accordion-menu input[type=checkbox] {
/* hide native checkbox */
position: absolute;
opacity: 0;
}
/* 설정 > 사용자권한 */
.tt-h {position:relative; top:3px; line-height:23px; height:22px; padding:0 10px; border-radius:100px; background:#ddd; display:inline-block; vertical-align:middle;}
.treeTable div.tt {display:inline-block; position:relative;}
.treeTable div.tt div.content {position:relative; z-index:10; height:27px; vertical-align:middle; background:url("/res/images/icon/btn_grid_toggle.png") 0px center no-repeat;}
.treeTable div.tt div.tail {border:1px dashed #ddd; border-right: 0;border-top: 0; position:absolute; border-radius: 2px; bottom: 11px; left: -10px; z-index: 0;}
.treeTable div.tt-parent div.content {cursor:pointer;}
.treeTable div.tt-parent div.content .tt-h {background:#6f7885; color:#fff;}
.treeTable tr.tt-hide {display:none;}
.loadThumbnail {cursor:pointer; z-index:9999; border:1px solid #999; position:absolute; right:-15px; top:0; width:110px; height:110px; line-height:110px; text-align:center; background:#ddd;}
.loadThumbnail img {max-width:100%; max-height:100%; vertical-align:middle;}
.loadThumbnail.banner {position:relative; display:block; right:0; top:0; width:auto; max-width:100%; max-height:150px; line-height:1;}
/* 설정 > 그룹관리 */
.groupTreeBox .title { padding:5px 0 5px 19px ;background:#f8f8f9;border-bottom:1px solid #ccd3d9;}
.groupTreeBox .title strong {margin-right:12px;}
.groupTreeMenu {line-height:18px; font-size:13px;}
.groupTreeMenu strong {font-weight:normal;}
.groupTreeMenu label input {vertical-align:-2px;}
.groupTreeMenu .one-depth a {vertical-align:bottom;text-decoration:none;}
.groupTreeMenu .one-depth strong {padding-left:19px;background:url(http://cfile26.uf.tistory.com/image/224E6B45569458082AA795) no-repeat 0px 2px;}
.groupTreeMenu .two-depth li {margin-top:-2px;background:url(http://cfile9.uf.tistory.com/image/22601F4B569457FF051E7E) no-repeat 5px 0px;}
.groupTreeMenu .two-depth li a em {display:inline-block;width:31px;height:11px;background:url(http://cfile27.uf.tistory.com/image/2265AB4B569457FD1306CB) 100% 0;font-size:0;line-height:0;vertical-align:middle;}
.groupTreeMenu .two-depth li a em.on {background-position:0 100%;}
.groupTreeMenu li:last-child {background:none;}
.groupTreeMenu li:last-child {background:none;}
.groupTreeMenu .depth_3 {display:none;padding-left:23px;}
.groupTreeMenu .depth_3 li {margin:0;padding:3px 0 0 14px;line-height:1;background:url(http://cfile8.uf.tistory.com/image/2456D34B569457FC14828D) no-repeat 0 0;}
.groupTreeMenu .depth_3 li a {display:block;padding-left:15px;background:url(http://cfile26.uf.tistory.com/image/216841455694580A1ADE12) no-repeat 0 2px;}
.msie6 .groupTreeMenu .depth_3 li a {display:inline-block;}
.groupTreeMenu li.end {background:url(http://cfile23.uf.tistory.com/image/2272CF4B5694580418FF9C) no-repeat 0 0;}
.form_groupTreeMenu .one-depth {background:url(http://cfile9.uf.tistory.com/image/22601F4B569457FF051E7E) no-repeat 5px 5px;}
.form_groupTreeMenu ul.two-depth li {margin-left:6px;padding-left:27px;background:url(http://cfile25.uf.tistory.com/image/2757834B5694580514C5D6) no-repeat 0 5px;}
.switch {position: relative; height: 28px; width: 270px; background: #f3f3f3; border-radius: 5px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); border:1px solid #ddd;}
.switch-label {position: relative; z-index: 2; float: left; width: 133px; line-height: 27px; font-size: 13px; color: #666; text-align: center; cursor: pointer;}
.switch-label:active {color:#000;}
.switch-label-off { padding-left: 2px;}
.switch-label-on {padding-right: 2px;}
.switch-input {display: none;}
.switch-input:checked + .switch-label {color: #fff;}
.switch-input:checked + .switch-label-on ~ .switch-selection {left: 133px;/* Note: left: 50%; doesn't transition in WebKit */}
.switch-selection {position: absolute; z-index: 1; top: 2px; left: 2px; display: block; width: 133px; height: 23px; border-radius: 3px; background-color: #3561b3; color:#fff; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out;}
.switch.small {width:160px;}
.switch.small .switch-label {width:78px;}
.switch.small .switch-selection {width:78px;}
.switch.small .switch-input:checked + .switch-label-on ~ .switch-selection {left:78px;}
/* 20181212 */
.promptDialog {width:300px; position:absolute; overflow:hidden; left:0; right:0; margin:auto;}
.promptDialog .titleDialog {width:100%; padding:15px 20px; font-size:13px; color:#fff; background:#6a7795; }
.promptDialog .titleDialog .close {cursor:pointer; text-indent:-9999px; width:13px; height:12px; position:absolute; display:block; background:url("/res/images/icon/btn_close_pop.png") no-repeat; top:15px; right:20px;}
.promptDialog .contentDialog {width:100%; padding:30px 20px; font-size:13px; text-align:center; background:#fff; border:1px solid #e4e4e4; border-bottom:0; border-top:0;}
.promptDialog .contentDialog .textData {width:100%; border-bottom:1px solid #e4e4e4;}
.promptDialog .footerDialog {width:100%; text-align:right; border:1px solid #e4e4e4; border-top:0; background:#eee; font-size:0;}
.promptDialog .footerDialog .btnSub {margin:0;}
/* 20190218 알림메세지 */
.notification {width:335px; position:fixed; top:70px; right:55px; border-radius:10px; background:rgba(250,250,250,0.95); padding-top:3px; box-shadow:0px 0px 9px #999;}
.notification .title {margin-bottom:6px; width:100%; position:relative; color:#000;}
.notification .close {position:absolute; width:9px; height:8px; background:url("../images/icon/icon_notification_close.png") no-repeat; top:15px; right:15px; text-indent:-9999px; display:block;}
.notification .cont { float:left; padding:17px 20px 15px 74px;}
.notification .cont .title {margin-bottom:6px; width:100%; position:relative; color:#000;}
.notification .cont .txt {font-size:13px; color:#000; line-height:18px; max-height:36px; overflow:hidden;}
.notification .icon {float:left; position:absolute; height:100%; width:74px; background:url("../images/icon/icon_notification_detail.png") center no-repeat; text-indent:-9999px;}
#ddl_ReportBills {min-width:162px;}
#ddl_StockIOType {min-width:250px;}
#ddl_ColumnName {min-width:138px;}
/* 20190304 */
.contentWrap .areaIntroduce {height:100%; overflow:hidden; padding:20px 40px; position:relative;}
.contentWrap .areaIntroduce * {font-family:"Malgun Gothic"; font-weight:400;}
.contentWrap .areaIntroduce .introSection {margin-bottom:0px; padding:20px; overflow:hidden;}
.contentWrap .areaIntroduce .introSection:last-child {margin-bottom:0;}
.contentWrap .areaIntroduce .introSection .title {font-size:48px; font-weight:600; letter-spacing:-2px; color:#000; margin-bottom:30px;}
.contentWrap .areaIntroduce .introSection .teamMemberList {width:100%; position:relative;}
.contentWrap .areaIntroduce .introSection .teamMemberList .member {background:#fff; box-shadow:0px 0px 10px #ccc; margin-right:30px; width:230px; text-align:center; display:inline-block; vertical-align:top;}
.contentWrap .areaIntroduce .introSection .teamMemberList .member .thumb {width:100%; background:#999 !important; height:150px; background:#ee593c; }
.contentWrap .areaIntroduce .introSection .teamMemberList .member .info {text-transform:uppercase; font-size:13px; line-height:1.3; position:relative; overflow:hidden; padding:20px 15px;}
.contentWrap .areaIntroduce .introSection .teamMemberList .member .info .name {font-size:20px; letter-spacing:-1px; margin-bottom:8px;}
.contentWrap .areaIntroduce .introSection .teamMemberList .member .info .rank {color:#3561b3; margin-bottom:4px;}
.contentWrap .areaIntroduce .introSection .teamMemberList .member .info .email {color:#999;}
/* 20190305 */
.contentWrap .areaDownload {height:100%; overflow:hidden; position:relative;}
.contentWrap .areaDownload .title {text-align:center; font-family:"Malgun Gothic"; padding:80px 0 50px 0;}
.contentWrap .areaDownload .title h2 {font-size:36px; font-weight:200; letter-spacing:-1px; margin-bottom:30px;}
.contentWrap .areaDownload .title p {font-size:13px; color:#555; line-height:1.5; font-family:"Malgun Gothic";}
.contentWrap .areaDownload .section {padding:0 40px; font-family:"Malgun Gothic";}
.contentWrap .areaDownload .section .fileList {width:840px; margin:auto; border-top:1px dashed #eee;}
.contentWrap .areaDownload .section .fileList .list {padding:40px 35px; border-bottom:1px dashed #eee; overflow:hidden; }
.contentWrap .areaDownload .section .fileList .list:nth-child(even) {background:#fcfcfc;}
.contentWrap .areaDownload .section .fileList .category {font-size:24px; margin-bottom:25px; font-weight:normal;}
.contentWrap .areaDownload .section .fileList .name {font-size:36px; margin-bottom:25px;}
.contentWrap .areaDownload .section .fileList .description {color:#555; font-size:13px; font-family:"Malgun Gothic"; word-break:keep-all; line-height:1.5; display:block;}
.contentWrap .areaDownload .section .fileList .btnBoardFoot {position:relative; top:15px; min-width:160px; height:40px; }
/* 20190408 */
.chartWrap {float:right; border:1px solid #ddd; background:#fff;}
/* 20190409 */
.loginLoading {width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; color:#fff; text-align:center;}
.loginLoading .loading {background:rgba(55,79,124,.95);}
.loginLoading .loginMessage {display:block; margin-top:40px; font-size:18px;}
.loginLoading .loading_animation .bounce1 {background:#fff;}
.loginLoading .loading_animation .bounce2 {background:#ccc;}
.loginLoading .loading_animation .bounce3 {background:#999;}
/* 20190819 */
.areaViewBoard {width:100%; padding:30px; text-align:center; background:#fff;}
.areaViewBoard iframe {width:100%; height:100vh; background:transparent;}
.SlectBox[multiple] {height:30px; padding:0; padding:15px;}
/* Q&A */
.area_qna {width:100%; position:relative; overflow:hidden; border:1px solid #ddd; background:#fff; margin-bottom:10px;}
.area_qna .qna_title {overflow:hidden; padding:15px; border-bottom:1px solid #ddd;}
.area_qna .qna_title h4 {font-size:14px; float:left; padding-top:2px;}
.area_qna .qna_title .date {float:right; color:#999; padding-top:4px;}
.area_qna .qna_comment {padding:15px 15px 13px 15px; line-height:1.4; max-height:250px; overflow-y:auto;}
.area_qna.answer {background:#e9fdff; border-color:#5bbbff;}
.area_qna.answer .qna_title {border-color:#5bbbff; color:#1c558a;}
.reply_comment {width:100%; position:relative; padding-top:15px; margin-top:15px; border-top:1px dashed #ccc;}
.reply_comment textarea {height:100px; margin-bottom:10px; border-color:#5bbbff;}
/* select popup */
.select-popup {top:138px; left:380px; z-index:101;}
.select-popup .textBoardSearch {width:auto; min-width:132px; border-bottom:0px;}
.select-popup .select-form {width:100%; border:1px solid #ddd; border-top:0; box-shadow:2px 3px 3px rgba(0,0,0,0.11); overflow:hidden; background:#fff; z-index:101; position: absolute;}
.select-popup .select-form .select-all {display:block; cursor:pointer; width:100%; font-weight:bold; border-top:1px solid #ddd;}
.select-popup .select-form .select-all label {position:relative; display:block; padding:9px 0px 8px 10px; height:100%; /*background:url("/res/images/icon/icon_select_checked.png") 6px center no-repeat;*/}
.select-popup .select-form .select-all label.unchecked {color:#999; /*background:url("/res/images/icon/icon_select_unchecked.png") 6px center no-repeat;*/ background:#fafafa;}
.select-popup .select-form .select {border-top:1px solid #ddd; width:100%; line-height:30px; border-left:0; box-sizing: content-box; padding: 7px 0;}
.select-popup .select-form .select option {font-size:12px; padding:5px 10px;}
/* query form */
.queryForm {width:100%; padding:10px; overflow:hidden; position:relative;}
.queryForm .textData {height:40px; line-height:40px; margin-bottom:10px;}
.queryForm .textData, .queryForm .textArea {width:100%;}
.queryForm .textArea {height:698px;}
.queryForm .btnBoardSearch.single {position:absolute; width:44px; height:44px; right:10px; bottom:10px; opacity:1; background:url("/res/images/icon/btn_boardSearch.png") center no-repeat rgba(255,255,255,0.9);}