@charset "utf-8";
::-webkit-input-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }
::placeholder { color: #bbb; }

html                { height:100%; }
body                { height:100%;min-width:1280px;background: #f3f3f3;}

.paging_wrap {position:relative; margin:0px; padding:30px 30px;height:36px;border-top:0px solid #d1d1d1;text-align:center;font-size:0px; }
.paging_wrap.ex { height:auto; }
.paging_wrap > p { position: relative;font-size:13px;color:#999;text-align:left; line-height:20px;padding-left:10px; }
.paging_wrap > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:9px;left:0px;content: ''; }
.paging_wrap > p > i { border:1px solid #ccc;font-size:10px;width:16px;height:16px;line-height:16px;vertical-align: middle;text-align:center;background:#eee;display:inline-block; }
.paging_wrap::after { clear:both;display:block;content:''; }
.paging_wrap > a { display:inline-block;line-height:34px;height:34px;min-width:24px;font-size:14px;cursor:pointer;text-align:center;vertical-align:middle; margin:0px 0px;padding:0px 5px;background:#fff;border:1px solid #d1d1d1;color:#48535f; }
.paging_wrap > a + a { margin-left:-1px;}
.paging_wrap > a.on { color:#fff;font-weight:300; background:#2d3650;border:1px solid #333; }
.paging_wrap > a.on + a { border-left:1px solid #2d3650; }
.paging_wrap > a.fa { background:#fff;border:1px solid #d1d1d1;font-size:16px;width:34px;line-height:34px;height:34px;padding:0px;margin:0px;margin-left:-1px;font-weight:400; }
.paging_wrap > span {  position:relative;display:inline-block;vertical-align: middle;height:34px;line-height:34px;width:100px;color:#666;font-weight:400; overflow:hidden;font-size:13px;margin:0px;margin-left:10px;background:#fff;text-align:center;cursor:pointer; border:1px solid #ccc;padding:0px 15px 0px 0px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.paging_wrap > span > select { position:relative;display:block;width:140%;padding-left:10px;height:34px;line-height:34px;background:transparent;border:0px solid #999;font-size:13px;outline: none;z-index:2; }
.paging_wrap > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:30px;line-height:30px;z-index:1;}

/* wrapper 설정 */
.wrapper { display:block;min-height:calc( 100% - 150px );padding-left:260px;padding-top:70px;padding-bottom:80px;position: relative;}
.wrapper.login { height:100%;}
.wrapper.forget { height:100%;}
.wrapper.join { height:auto; }
.wrapper.index { padding-left:0px; }
.wrapper > section { display:block; }

/* @wrapper설정  background: linear-gradient(90deg, #143eaa 0%, #4573f2 100%);*/
.wrapper > header { height:70px;display:block;background: #2d3650;padding:0px 0px 0px 0px;font-size:0px;position: fixed;left:0px;right:0px;top:0px;z-index: 6;min-width:1280px;font-size:0px;}
.wrapper > header > h1 { position: relative;display:inline-block;height:auto;  padding:16px 25px;font-size:32px;line-height:40px;height: 70px;width:260px;vertical-align: middle;box-sizing: border-box;background: rgba(0,0,0,0.2);}
.wrapper > header > h1 > a { display:block;width:140px;height:100%;background: url(/templets/_img/logo_top_w.png?1) transparent no-repeat center;background-size:contain;;font-size:0px;}
.wrapper > header > h1.surigo { padding:7px 25px;background: rgba(0,0,0,0.0);width:260px; }
.wrapper > header > h1.surigo > a { display:block;width:150px;height:100%;background: url(/templets/_img/logo_surigo_w.png?1) transparent no-repeat left;background-size:contain;;font-size:0px;}
.wrapper > header > h1.miribom { padding:7px 25px;background: rgba(0,0,0,0.0);width:260px; }
.wrapper > header > h1.miribom > a { display:block;width:165px;height:100%;background: url(/templets/_img/logo_miribom_wh.png?1) transparent no-repeat left;background-size:contain;;font-size:0px;}

.wrapper > header > h2 { display:inline-block;font-size:32px;height:70px;line-height:70px;color:#fff;vertical-align: bottom;}
.wrapper > header > p { display:inline-block;font-size:16px;height:40px;padding:21px 0px 9px 0px;color:#fff;vertical-align: bottom;margin-left:20px;}
.wrapper > header > p > span {display:inline-block;font-size:16px;line-height:40px;height: 40px;font-weight:300;vertical-align: middle;color:#bbb;padding-left:26px;position: relative;}
.wrapper > header > p > span::before { position: absolute;left:0px;left:0px;font-family: 'xeicon' !important; display: block; text-align:left;speak: none; text-transform: none; width:26px; line-height: 40px;height: 40px; font-size:16px !important; content: "\e93f"; text-align: center; color:#ccc;}
.wrapper > header > p > i {display:inline-block;font-size:16px;line-height:40px;height: 40px;font-weight:300;vertical-align: middle;color:#bbb;position: relative;}
.wrapper > header > p > i::before { font-family: 'xeicon' !important;content:'\e900';width:16px;text-align:center; }

.wrapper > header > nav { display:inline-block;margin-right:350px;vertical-align: middle;font-size:0px;padding-left:15px;}

.wrapper > header > nav > span.select { display:inline-block;padding:0px 0px;border:0px solid #2d3650;cursor:pointer;vertical-align: middle;width:250px;position: relative;margin-top:13px;vertical-align:top;}
.wrapper > header > nav > span.select > a {position: relative;padding:0px 0%;margin:0px;line-height:44px;height:44px;border:0px solid #ccc;background:rgba(255,255,255,0.9);border-radius: 5px;;font-size:16px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;font-weight:600;color:#2d3650;letter-spacing:-0.7px;display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right:30px;}
.wrapper > header > nav > span.select > a:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#2d3650;font-size:15px;height:44px;line-height:44px;z-index:1;}
.wrapper > header > nav > span.select > a.on { background:rgba(255,255,255,0.8); }
.wrapper > header > nav > span.select > a.on:after { content:"\f106"; }
.wrapper > header > nav > span.select > dl { position: absolute;display:none;top:46px;left:0px;right:0px;min-width:250px;background: #fff;padding:0px;;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);max-height:240px;overflow: hidden;border-radius: 5px;}
.wrapper > header > nav > span.select > dl dd {line-height:40px;height:40px;}
.wrapper > header > nav > span.select > dl dd > a { display:block;line-height:40px;height:40px;font-size:14px;font-weight:400;color:#2d3650;letter-spacing:-0.5px;padding:0px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.wrapper > header > nav > span.select > dl dd + dd { border-top:1px solid #ddd;margin-top:-1px; }

.wrapper > header > nav > span.select a.on + dl { display:block; }
.wrapper > header > nav > a.setting { display:inline-block;width:44px;height:44px;background: #4573f2;border-radius: 5px;margin-top:13px;vertical-align:top;margin-left:5px;font-family: 'xeicon' !important;font-size:20px;text-align:center;}
.wrapper > header > nav > a.setting::before { content:'\e913';display:block;line-height:44px;color:#fff; }

.wrapper > header > nav > ul { display:inline-block;font-size:0px;margin-left:25px; }
.wrapper > header > nav > ul > li { display:inline-block;padding:0px;position: relative;}
.wrapper > header > nav > ul > li.dash { display:none; }
.wrapper > header > nav > ul > li > a { display:block;line-height:70px;padding:0px 20px;color:#fff;color:rgba(255,255,255,0.4);font-size:20px;font-weight:500;position: relative;}
.wrapper > header > nav > ul > li.on > a { color:#fff; }
.wrapper > header > nav > ul > li > a > span { position: relative;}
.wrapper > header > nav > ul > li.on > a > span::after { dipslay:block;content: '';position: absolute;bottom:-4px;height:4px;left:0px;right:0px;background: #fff;}
.wrapper > header > nav > ul > li > dl { position: absolute;top:70px;left:0px;;display:none;width:170px;;padding:20px 30px;background: rgba(0,0,0,0.9);}
.wrapper > header > nav > ul > li:hover > a > span { color:#fff; }
.wrapper > header > nav > ul > li:hover > dl { display:block; }
.wrapper > header > nav > ul > li > dl + dl { margin-top:50px; }
.wrapper > header > nav > ul > li > dl > dd + dd { margin-top:30px; }
.wrapper > header > nav > ul > li > dl > dd { position: relative;display:block;text-align:left;}
.wrapper > header > nav > ul > li > dl > dd > b { display:block;padding:0px 0px;font-size:18px;height:26px;line-height:26px;font-weight:500;color:#666; }
.wrapper > header > nav > ul > li > dl > dd > div { position: relative;display:block;width:auto;padding:0px 0px;margin-top:5px;padding-left:18px;}
.wrapper > header > nav > ul > li > dl > dd > div > a { display:block;line-height:26px;font-size:14px;text-align:left;color:#fff;position: relative;}
.wrapper > header > nav > ul > li > dl > dd > div > a:hover { color:#fff;text-decoration: underline;}
.wrapper > header > nav > ul > li > dl > dd > div > a.on { color:#4573f2;text-decoration: underline;font-weight:600;}
.wrapper > header > nav > ul > li > dl > dd > div > a.on::before { display:block;position: absolute;top:0px;left:-18px;font-family: 'xeicon' !important;content:"\e928";line-height:26px;}

.wrapper > header > nav > ul > li > dl > dd > div > b { display:block;padding:0px 0px;font-size:12px;height:26px;line-height:26px;font-weight:500;color:#999;margin-bottom:-5px;opacity: 0.7;margin-left:-9px;}
.wrapper > header > nav > ul > li > dl > dd > div > div { position: relative;display:block;width:auto;padding:0px 0px;margin-top:5px;}
.wrapper > header > nav > ul > li > dl > dd > div > div > a { display:block;line-height:26px;font-size:14px;text-align:left;color:#fff;position: relative;}
.wrapper > header > nav > ul > li > dl > dd > div > div > a:hover { color:#fff;text-decoration: underline;}
.wrapper > header > nav > ul > li > dl > dd > div > div > a.on { color:#4573f2;text-decoration: underline;font-weight:600;}
.wrapper > header > nav > ul > li > dl > dd > div > div > a.on::before { display:block;position: absolute;top:0px;left:-18px;font-family: 'xeicon' !important;content:"\e928";line-height:26px;}
.wrapper > header > nav > ul > li > dl > dd > div > div + b { margin-top:10px; }
.wrapper > header > nav > ul > li > dl > dt { display:block;line-height:16px;font-size:11px;text-align:left; color:rgba(255,255,255,0.3);}

/* header/footer 설정 */
.wrapper > header > .profile { position:absolute;top:0px;right:25px;height:60px;line-height:60px;font-size:0px; }
.wrapper > header > .profile > a { position: relative;display:inline-block;height:40px;line-height:40px; vertical-align: middle;padding:15px 40px 15px 60px;}
.wrapper > header > .profile > a:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:15px;right:0px;display:block;color:#fff;font-size:15px;height:40px;line-height:40px;z-index:1;}
.wrapper > header > .profile > a > i.thum { width:50px;height:50px;position: absolute;top:10px;left:0px;display:block;vertical-align: middle;border-radius: 50%;background-color:rgba(255,255,255,0.2);background-position: center;background-size: cover;border:1px solid rgba(255,255,255,0.5);box-sizing: border-box;}
.wrapper > header > .profile > a > b { height:22px;line-height:22px;display:block;vertical-align: middle;font-size:15px;color:#fff;font-weight:500;}
.wrapper > header > .profile > a > span { height:18px;line-height:18px;display:block;vertical-align: middle;font-size:12px;color:#ccc;font-weight:300;}
.wrapper > header > .profile > a > em { position: absolute;top:-5px;right:5px;background:#f15c22;line-height:18px;height:18px;width:14px;padding:0px 2px;text-align:center;display:block;font-size:10px;display:block;border-radius: 11px;color:#fff;font-weight: 300;}
.wrapper > header > .profile > a > em[data-cnt='0'] { display:none; }
.wrapper > header > .profile > div { position:absolute;top:65px;right:-20px;width:300px;display:none;border:1px solid #ccc;background:#fff;border-radius: 15px;z-index: 1;}
.wrapper > header > .profile > div:after,
.wrapper > header > .profile > div:before {bottom: 100%; margin-bottom:0px; left: 97px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.wrapper > header > .profile > div:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; }
.wrapper > header > .profile > div:before { border-color:transparent; border-bottom-color: #ccc; border-width: 9px; margin-left: -9px; }
.wrapper > header > .profile > div > .user_info { position: relative;padding:30px 20px 20px 110px;height:60px; }
.wrapper > header > .profile > div > .user_info > i.thum { position:absolute;top:20px;left:20px;width:70px;height:70px;display:block;vertical-align: middle;margin-right:10px;border-radius: 50px;background-position: center;background-size: cover;border:1px solid #ddd;box-sizing: border-box;}
.wrapper > header > .profile > div > .user_info > h4 { font-size:18px;font-weight:500;line-height:25px;display:block; }
.wrapper > header > .profile > div > .user_info > h4 > a {display:inline-block;margin-left:10px;border:1px solid #ddd;background:#fafafa;border-radius: 3px;line-height:21px;vertical-align: top;font-weight:300;font-size:12px;color:#999;padding:0px 7px;margin-top:1px;}
.wrapper > header > .profile > div > .user_info > p { font-size:14px;line-height:20px;display:block;color:#999;font-weight:300; }
.wrapper > header > .profile > div > dl { display:block;font-size:0px;overflow: hidden;border-radius: 0px 0px 15px 15px;}
.wrapper > header > .profile > div > dl > dd { float:left;width:50%;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;margin-left:-1px;background:#fafafa; }
.wrapper > header > .profile > div > dl > dd > a { display:block;line-height:42px;padding:0px 0px;font-size:13px;text-align:center;color:#333; }
.wrapper > header > .profile > a.opened:after { content:"\f106"; }
.wrapper > header > .profile > a.opened + div { display:block; }

@media (max-width: 1600px) {
	.wrapper > header > nav { display:inline-block;margin-right:100px;}
	.wrapper > header > nav > span.select { width:200px; }
	.wrapper > header > nav > ul > li > a { padding:0px 20px; }

	.wrapper > header > .profile > a { width:50px;padding:15px 0px; }
	.wrapper > header > .profile > a > b { display:none; }
	.wrapper > header > .profile > a > span { display:none; }
	.wrapper > header > .profile > a:after { display:none; }

	.wrapper > header > .profile > div:after,
	.wrapper > header > .profile > div:before {left: auto; right:20px;}
	.wrapper > header > .profile > div:after { margin-left:auto;margin-right: 15px; }
	.wrapper > header > .profile > div:before { margin-left:auto;margin-right: 14px; }
}

.wrapper > header > .all_nav {position: absolute;right:0px;top:0px;display:inline-block;width:70px;height:70px;background:rgba(0,0,0,0);border-left:1px solid rgba(255,255,255,0.2); }
.wrapper > header > .all_nav > button { display:block;width:70px;height:70px;line-height:70px;color:#fff; text-align:center; font-size: 30px;vertical-align: middle;background:rgba(0,0,0,0);border-left:1px solid rgba(255,255,255,0.2);  box-sizing: border-box;outline:none;font-family: 'xeicon' !important;cursor:pointer;}
.wrapper > header > .all_nav > button:before { content: "\e91c"; }
.wrapper > header > .all_nav > button.opened:before { content: "\e921"; }
.wrapper > header > .all_nav > button.opened + .sitemap { display:block; }

.wrapper > header > .all_nav > .sitemap { position:fixed;;display:none;top:70px;left:0px;right:0px; overflow: hidden;overflow-y: auto;background: rgba(0,0,0,0.9);z-index: 10;font-size:0px;padding:40px 0px;}
.wrapper > header > .all_nav > .sitemap > ul { display:table;width:100%;font-size:0px;padding:0px;margin:0px; }
.wrapper > header > .all_nav > .sitemap > ul > li { display:table-cell;padding:0px 30px;margin:0px; width:calc( (100% - 200px) / 4 );vertical-align: top;text-align:left;border-left:1px solid rgba(255,255,255,0.2);}
.wrapper > header > .all_nav > .sitemap > ul > li:first-child { border-left:0px solid #eee; }
.wrapper > header > .all_nav > .sitemap > ul > li.first { border-left:0px solid #eee; }
.wrapper > header > .all_nav > .sitemap > ul > li.disabled { display:none; }
.wrapper > header > .all_nav > .sitemap > ul > li.dash { padding-top:200px;width:200px; }
.wrapper > header > .all_nav > .sitemap > ul > li > b { display:block;padding:0px 0px;font-size:24px;height:36px;line-height:36px;font-weight:400;color:#fff; }
.wrapper > header > .all_nav > .sitemap > ul > li > a { display:block;padding:0px 0px;font-size:24px;height:30px;line-height:30px;font-weight:400;color:#fff;}
.wrapper > header > .all_nav > .sitemap > ul > li > a > span { display:block;padding:0px 0px;font-size:24px;height:30px;line-height:30px;font-weight:400;color:#fff;}
.wrapper > header > .all_nav > .sitemap > ul > li.dash > a { cursor: pointer;text-align: center; }
.wrapper > header > .all_nav > .sitemap > ul > li.dash > a > i { display:block;background: url(/templets/_img/logo_top_w.png?1) transparent no-repeat center;background-size:contain;width:90%;padding-top:25%;margin:0 auto;margin-bottom:10px;}
.wrapper > header > .all_nav > .sitemap > ul > li.dash > a > span { font-size:16px;line-height:22px;display:block; color:#999;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl { position: relative;display:block;width:auto;padding:0px 0px;margin-top:15px;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl + dl { margin-top:50px; }
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd + dd { margin-top:20px; }
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd { position: relative;display:block;text-align:left;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd > b { display:block;padding:0px 0px;font-size:18px;height:26px;line-height:26px;font-weight:500;color:#666; }
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd > div { position: relative;display:block;width:auto;padding:0px 0px;margin-top:5px;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd > div > a { display:block;line-height:26px;font-size:14px;text-align:left;color:#fff;position: relative;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd > div > a:hover { color:#fff;text-decoration: underline;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd > div > a.on { color:#4573f2;text-decoration: underline;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dd > div > a.on::before { display:block;position: absolute;top:0px;left:-18px;font-family: 'xeicon' !important;content:"\e928";line-height:26px;}
.wrapper > header > .all_nav > .sitemap > ul > li > dl > dt { display:block;line-height:16px;font-size:11px;text-align:left; color:rgba(255,255,255,0.3);}

.wrapper > header > .noti { position:fixed;;display:none;top:70px;left:0px;right:0px; overflow: hidden;overflow: none;background: #ec5051;z-index: -1;font-size:0px;padding:11px 100px 11px 285px;color:#fff;height:50px;}
.wrapper > header > .noti > span { position: absolute;top:0px;left:0px;padding:0px 15px;width:230px;font-size:30px;line-height:72px;height:72px;color:#efe973;font-weight: 600;background: rgba(0,0,0,0.1);}
.wrapper > header > .noti > span > i { display:inline-block;padding:0px 0px;font-size:34px;width:34px;line-height:72px;height:72px;vertical-align: bottom;font-weight: 400;}
.wrapper > header > .noti > h3 { line-height:27px;font-size:20px;font-weight:500; }
.wrapper > header > .noti > p { line-height:23px;font-size:15px;font-weight:300;color:rgba(255,255,255,0.8); }
.wrapper > header > .noti > p > b { font-size:15px;font-weight: 500; color:#efe973;}
.wrapper > header > .noti > a { display:block;border-radius: 10px;padding:0px 20px;border:2px solid rgba(255,255,255,1);height:38px;line-height:38px;position: absolute;top:15px;right:70px;color:#fff; text-align:center; font-size: 15px;vertical-align: middle;background:rgba(0,0,0,0.1);cursor:pointer;}
.wrapper > header > .noti > button { display:block;width:52px;height:52px;line-height:52px;position: absolute;top:10px;right:10px;color:#fff; text-align:center; font-size: 30px;vertical-align: middle;background:rgba(0,0,0,0);outline:none;font-family: 'xeicon' !important;cursor:pointer;}
.wrapper > header > .noti > button:before { content: "\e921"; }

.wrapper > footer {position: absolute;bottom:0px;left:0px;right:0px;display:block;text-align:left;background:#fff;padding:10px 30px;z-index:4;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);padding-left:285px;}
.wrapper.index > footer { left:0px; }
.wrapper > footer > .ci {position: absolute;top:20px;left:30px;background: url(/templets/_img/hp_ci.png?1) transparent no-repeat center;width:110px;height:40px;display:block;opacity: 0.6;}
/*.wrapper > footer > .ci {position: absolute;top:20px;left:30px;background: url(/templets/_img/ci_2022_gray.png?1) transparent no-repeat center;background-size: 90%;width:110px;height:40px;display:block;opacity: 0.6;}*/
.wrapper > footer.surigo > .ci {position: absolute;top:20px;left:30px;background: url(/templets/_img/ci_2022_gray.png?1) transparent no-repeat center;width:90px;height:40px;display:block;background-size: contain;opacity: 0.6;}
.wrapper > footer.miribom > .ci {position: absolute;top:20px;left:30px;background: url(/templets/_img/ci_2022_gray.png?1) transparent no-repeat center;width:90px;height:40px;display:block;background-size: contain;opacity: 0.6;}
.wrapper > footer > p {display:block;vertical-align: middle;line-height:20px;font-size:0px;padding:0px 0px; position: relative;}
.wrapper > footer > p > span { display:inline-block;font-size:12px;color:#999;vertical-align: bottom;line-height:20px;}
.wrapper > footer > p > span + span { margin-left:25px; }
.wrapper > footer > p > span > b { font-weight: 400;color:#666;line-height:20px;display:inline-block;vertical-align: bottom;margin-left:5px;}
.wrapper > footer > span {display:block;vertical-align: middle;height:13px;margin-top:7px;line-height:13px;font-size:11px;color:#999;padding:0px 0px;  }
.wrapper > footer > .cs {position: absolute;top:25px;right:30px;}

.wrapper > footer > .cs > a { position:absolute;top:0px;right:165px;display:inline-block;vertical-align: middle;height:28px;line-height:28px;width:120px;color:#eee;font-weight:300; font-size:12px;margin:0px 0px;background:#aaa;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px 0px 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; overflow:hidden;}
.wrapper > footer > .cs > span { position:absolute;top:0px;right:0px;display:inline-block;vertical-align: middle;height:28px;line-height:28px;width:140px;color:#666;font-weight:300; font-size:12px;margin:0px 0px;background:#eee;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px 0px 0px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; overflow:hidden;}
.wrapper > footer > .cs > span select { position:relative;display:block;width:120%;padding-left:15px;height:28px;line-height:28px;background:transparent;font-size:12px;outline: none;z-index:2; }
.wrapper > footer > .cs > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:15px;display:block;color:#999;font-size:15px;height:28px;line-height:28px;z-index:1;}
/* header/footer 설정 */

/* LNB 설정 */
.wrapper > aside.lnb { position:fixed;bottom:0px;left:0px;top:70px;width:260px;height:auto;padding-bottom:0px;background:#fff;display:block;z-index:3;border-right:0px solid #ccc; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); overflow: hidden;}
.wrapper.index > aside.lnb { display:none; }
.wrapper > aside.lnb > hgroup { display:block;padding:11px 25px;background:#fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);position: relative;z-index:5;}
.wrapper > aside.lnb > hgroup > h2 { display:block;font-size:26px;height:35px;line-height:35px;color:#2d3650;vertical-align: bottom;font-weight: 600;letter-spacing: -1.2px;opacity: 0.6;}
.wrapper > aside.lnb > hgroup > p { display:block;font-size:12px;height:15px;line-height:15px;padding:0px 0px 0px 3px;color:#bbb;vertical-align: bottom;margin-bottom:0px;}
.wrapper > aside.lnb > h1 {position: relative;display:block;height:auto;  padding:20px 20px;box-sizing: border-box;font-size:32px;line-height:40px;height: 80px;}
.wrapper > aside.lnb > h1 > a { display:block;width:100%;height:100%;background: url(/templets/_img/logo_top_w.png) transparent no-repeat center;background-size:contain;font-size:0px;}
.wrapper > aside.lnb nav { display:block;height:calc(100% - 72px);overflow:hidden;background: #fff;/*overflow-y:auto;*/}
.wrapper > aside.lnb nav p { display:block;margin-top:20px;padding:0px 30px;font-size:12px;color:#bbb;border-bottom:0px solid #eee; }
.wrapper > aside.lnb nav ul {display:block; margin:0px;padding:0px;clear:both;margin-top:0px;border-top:0px solid #eee;padding-bottom:80px;}
.wrapper > aside.lnb nav ul + p  { margin-top:15px; }
.wrapper > aside.lnb nav ul li { display:block;text-align:left;margin-top:0px;cursor:default; padding:0px 0px 0px 0px;}
.wrapper > aside.lnb nav ul li + li { margin-top:1px; }
.wrapper > aside.lnb nav ul li > a { position: relative;display:block;cursor:pointer;font-size:16px;height:52px;line-height:52px;box-sizing: border-box;padding:0px 20px 0px 20px;color:#666;font-weight:500;}
.wrapper > aside.lnb nav ul li > a.dir:after { display:none; }
.wrapper > aside.lnb nav ul li > a > i { display:inline-block;font-size:22px;height:52px;line-height:52px;vertical-align: bottom;margin-right:5px;width:25px;text-align:center;opacity: 0.6;}
.wrapper > aside.lnb nav ul li > a:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:15px;display:block;color:#ccc;font-size:18px;width:20px;height:52px;line-height:52px;z-index:1;text-align:center;}

.wrapper > aside.lnb nav ul li.on > a { background: #fff;color:#4573f2;font-weight:500; }
.wrapper > aside.lnb nav ul li.on > a:before { display:block;position: absolute;top:0px;bottom:0px;left:0px;width:5px;background: #4573f2;content: '';}
.wrapper > aside.lnb nav ul li.on > a:after { content:"\f106";color:#fff; }
.wrapper > aside.lnb nav ul li.on > dl { display:block; }
.wrapper > aside.lnb nav ul li.selected > a { background: #4573f2;color:#fff;font-weight:500; }
.wrapper > aside.lnb nav ul li.selected > a > i { opacity: 1;}
.wrapper > aside.lnb nav ul li > dl { display:none;background: #f6f9ff;padding:10px 0px;position: relative;}
.wrapper > aside.lnb nav ul li > dl::before { position: absolute;top:15px;bottom:15px;left:32px;background: #d7e3ff;width:1px;content: '';opacity: 0.9;}
.wrapper > aside.lnb nav ul li > dl:empty { display:none; }
.wrapper > aside.lnb nav ul li > dl dd {display:block;text-align:left;margin-top:0px;cursor:default; padding:0px 0px 0px 0px; }
.wrapper > aside.lnb nav ul li > dl dd + dd { margin-top:1px; }
.wrapper > aside.lnb nav ul li > dl dd.subs + dd.subs { margin-top:10px; }
.wrapper > aside.lnb nav ul li > dl dd > a { position: relative;display:block;line-height:40px;height:40px;font-size:14px;margin:0px 0px;color:#888;padding-left:15px;margin-left:50px;font-weight:400;border-radius: 5px 0px 0px 5px;}
.wrapper > aside.lnb nav ul li > dl dd > b { position: relative;display:block;line-height:40px;height:40px;font-size:12px;margin:0px 0px;color:#4573f2;padding-left:50px;font-weight:400;}
.wrapper > aside.lnb nav ul li > dl dd > div { position: relative;display:block;font-size:15px;margin:0px 0px;color:#989ca9;padding-left:50px;font-weight:400;margin-top:-6px;}
.wrapper > aside.lnb nav ul li > dl dd > div > a { position: relative;display:block;line-height:40px;height:40px;font-size:14px;margin:0px 0px;color:#888;padding-left:0px;font-weight:400;padding-left:15px;border-radius: 5px 0px 0px 5px;}

.wrapper > aside.lnb nav ul li > dl dd > div > a > em {position:absolute;top:5px;left:60px;display: block; background: #ec5051; border: 1px solid rgba(0,0,0,0); color: #fff; font-size: 11px; line-height:16px; height:16px; min-width:12px; border-radius: 0px; padding:0px 2px; font-weight: 400;opacity:1;text-align:center;margin-left:10px;border-radius: 10px;vertical-align: bottom;margin-bottom: 10px;}
.wrapper > aside.lnb nav ul li > dl dd > div > a > em[data-cnt='0'] { display:none; }
.wrapper > aside.lnb nav ul li > dl dd > div > a > em::before { content:attr(data-cnt); }

.wrapper > aside.lnb nav ul li > dl dd > div > a + a { margin-top:1px; }
/*.wrapper > aside.lnb nav ul li > dl dd > a::before { font-family:FontAwesome; content:"\f105";vertical-align: middle;position:absolute;top:0px;left:28px;display:block;color:#ccc;font-size:13px;width:15px;height:44px;line-height:44px;z-index:1;text-align:center;}*/
.wrapper > aside.lnb nav ul li > dl dd:hover > a { background:#d7e3ff;color:#678ffb; }
.wrapper > aside.lnb nav ul li > dl dd:hover > a::before { color:#678ffb; }
.wrapper > aside.lnb nav ul li > dl dd.on > a { background:#d7e3ff;color:#678ffb;font-weight:500;}
.wrapper > aside.lnb nav ul li > dl dd.on > a::before { color:#333; }

.wrapper > aside.lnb nav ul li > dl dd > div > a:hover { background:rgba(0,0,0,0.05);color:#678ffb; }
.wrapper > aside.lnb nav ul li > dl dd > div > a:hover::before { color:#678ffb; }
.wrapper > aside.lnb nav ul li > dl dd > div > a.on { background:#d7e3ff;color:#678ffb;font-weight:500; }
.wrapper > aside.lnb nav ul li > dl dd > div > a.on::before { color:#333; }

.wrapper > aside.lnb > .user_info { position: relative;padding:20px 15px;text-align:center; }
.wrapper > aside.lnb > .user_info > i.thum { width:80px;height:80px;display:inline-block;vertical-align: middle;border-radius: 50px;background-position: center;background-size: cover;}
.wrapper > aside.lnb > .user_info > h4 { font-size:18px;font-weight:500;line-height:24px;display:block;margin-top:5px;color:#fff; }
.wrapper > aside.lnb > .user_info > h4 > a {display:inline-block;margin-left:10px;border:1px solid #ddd;background:#fafafa;border-radius: 3px;line-height:21px;vertical-align: top;font-weight:300;font-size:12px;color:#999;padding:0px 7px;margin-top:1px;}
.wrapper > aside.lnb > .user_info > p { font-size:14px;line-height:20px;display:block;color:#999;font-weight:300; }
.wrapper > aside.lnb > dl { display:block;font-size:0px;overflow: hidden;border-radius: 0px 0px 15px 15px;}
.wrapper > aside.lnb > dl > dd { float:left;width:50%;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;margin-left:-1px;background:#fafafa; }
.wrapper > aside.lnb > dl > dd > a { display:block;line-height:42px;padding:0px 0px;font-size:14px;text-align:center;color:#333; }

.mCSB_inside > .mCSB_container { margin-right:0px !important; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0,0,0,0.15) !important;}
/* @LNB 설정 */

section > hgroup { display:block;background: #fff;padding:8px 25px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);margin-bottom:0px;position: relative;height:56px;}
section > hgroup > h2 { display:block;font-size:24px;height:34px;line-height:34px;color:#2d3650;vertical-align: bottom;font-weight: 600;letter-spacing: -1.2px;}
section > hgroup > h2 > a { display:inline-block;border:2px solid #999;background:#fff;color:#999;line-height:30px;height:30px;vertical-align: top;position: relative;top:auto;margin-left:20px;font-size:14px;padding:0px 10px;letter-spacing: 0px;font-weight:500;border-radius: 5px;text-align:center; }
section > hgroup > h2 > a::before { content: "\e986";font-family: 'xeicon' !important;font-size:16px;line-height:30px;height:30px;vertical-align: top; }
section > hgroup > h2 > a:hover { background:#999;color:#fff; }
section > hgroup > h2 > a:active { background:#666;border:2px solid #666;color:#fff; }
section > hgroup > p { display:block;font-size:0px;height:20px;padding:0px 0px 0px 0px;color:#fff;vertical-align: bottom;margin-bottom:2px;}
section > hgroup > p > span {display:inline-block;font-size:12px;line-height:20px;height: 20px;font-weight:300;vertical-align: middle;color:#bbb;padding-left:20px;position: relative;}
section > hgroup > p > span::before { position: absolute;left:0px;left:0px;font-family: 'xeicon' !important; display: block; text-align:left;speak: none; text-transform: none; width:20px; line-height: 20px;height: 20px; font-size:14px !important; content: "\e93f"; text-align: center; color:#ccc;}
section > hgroup > p > i {display:inline-block;font-size:14px;line-height:20px;height: 20px;font-weight:300;vertical-align: middle;color:#bbb;position: relative;}
section > hgroup > p > i::before { font-family: 'xeicon' !important;content:'\e900';width:14px;text-align:center; }

section > hgroup span.select { position:absolute;top:17px;right:30px;padding:0px 0px;border:3px solid #2d3650;background:#f4f4f4;cursor:pointer;vertical-align: middle;overflow: hidden;width:300px;border-radius: 24px;}
section > hgroup span.select.left { right:auto;left:30px; }
section > hgroup span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:42px;height:42px;border:0px solid #ccc;background:transparent;font-size:15px;vertical-align: middle;padding-left:20px;z-index:2;outline: none;font-weight:500;color:#143eaa;}
section > hgroup span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:20px;display:block;color:#143eaa;font-size:15px;height:42px;line-height:42px;z-index:1;}

section > hgroup > a { position:absolute;top:16px;left:30px;padding:0px 0px;border:3px solid #2d3650;background:#2d3650;color:#fff;font-size:14px;cursor:pointer;vertical-align: middle;overflow: hidden;width:auto;padding:0px 20px;line-height:42px;height:42px;border-radius: 5px;font-weight:500;}
section > hgroup > a:hover { color:#fff; }
section > hgroup > a > i { display:inline-block;height:42px;line-height:42px;vertical-align: bottom;margin-right:5px;}
section > hgroup > a > i::before { display:block;height:42px;line-height:42px;}

section > .noti { display:none;height:72px; }

section > .place_wrap { padding:20px 25px 0px 25px;position: relative;z-index: 1;}
section > .place_wrap > .place_info { display:block;padding:60px 60px;border-radius: 6px;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);margin-bottom:0px;position: relative;height:auto;background: url(/templets/_img/place_bg.jpg) no-repeat center; background-size: cover;z-index: -2;text-align: left;font-size:0px;}
section > .place_wrap > .place_info::before { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background: rgba(45,54,80,0.6);display:block;content: '';z-index: -1;}
section > .place_wrap > .place_info > .tit { display:inline-block;width:calc( 100% - 402px );vertical-align: top;}
section > .place_wrap > .place_info > .tit > h2 { display:block;font-size:36px;line-height:60px;height:50px;color:#fff;vertical-align: bottom;font-weight: 600;letter-spacing: -1.5px;font-family: 'GmarketSans';}
section > .place_wrap > .place_info > .tit > label { font-size:16px;color:#fff;padding-left:0px;line-height:24px;height:24px;opacity: 0.7;}
section > .place_wrap > .place_info > .tit > p { font-size:18px;color:#fff;padding-left:0px;line-height:26px;height:26px; }
section > .place_wrap > .place_info > .tit > .btns { display:block;margin-top:15px;border-top:0px solid #ddd;font-size:0px; }
section > .place_wrap > .place_info > .tit > .btns > a { border:2px solid #ddd;border-radius: 5px;line-height:34px;font-size:14px;padding:0px 20px;display:inline-block;color:#fff;}
section > .place_wrap > .place_info > .tit > .btns > a + a { margin-left:5px; }

section > .place_wrap > .place_info > .tit > .info { display:block;text-align:left;margin-top:28px;width:400px; }
section > .place_wrap > .place_info > .tit > .info > h5 { font-size:18px;color:#d7e3ff;font-weight:500;margin-bottom: 3px;}3
section > .place_wrap > .place_info > .tit > .info > dl { display:block;font-size:0px;border-top:0px solid rgba(255,255,255,0.4);}
section > .place_wrap > .place_info > .tit > .info > dl > dd { display:block;font-size:0px;border-bottom:0px solid rgba(255,255,255,0.4);padding:0px 0px;}
section > .place_wrap > .place_info > .tit > .info > dl > dd > span { display:inline-block;font-size:14px;line-height:28px;font-weight:400;color:#fff;opacity: 0.8;}
section > .place_wrap > .place_info > .tit > .info > dl > dd > b { font-size:14px;display:inline-block;line-height:28px;color:#fff;font-weight:400;float:right;text-align: right;}
section > .place_wrap > .place_info > .tit > .info > dl > dd > b > span { display:inline-block;font-size:13px;line-height:28px;font-weight:400;color:#fff;opacity: 0.8;margin-left:5px;vertical-align: bottom;}
section > .place_wrap > .place_info > .tit > .info > dl > dd > b > a { display:inline-block;line-height:22px;border:1px solid rgba(0,0,0,0.2);background: rgba(0,0,0,0.5);vertical-align: bottom;margin-bottom:2px;color:#fff;padding:0px 10px;border-radius: 3px;font-size:13px;}
section > .place_wrap > .place_info > .tit > .info + .info { margin-top:20px; }

section > .place_wrap > .place_info > .spec {width:360px;display:inline-block;padding-left:40px;border-left:2px dotted rgba(255,255,255,0.5);vertical-align: top; }
section > .place_wrap > .place_info > .spec > .info { display:block;text-align:left; }
section > .place_wrap > .place_info > .spec > .info > h5 { font-size:18px;color:#d7e3ff;font-weight:500;margin-bottom: 3px;}
section > .place_wrap > .place_info > .spec > .info > dl { display:block;font-size:0px;}
section > .place_wrap > .place_info > .spec > .info > dl > dd { display:block;font-size:0px}
section > .place_wrap > .place_info > .spec > .info > dl > dd > span { display:inline-block;font-size:13px;line-height:26px;font-weight:400;color:#fff;opacity: 0.6;}
section > .place_wrap > .place_info > .spec > .info > dl > dd > b { font-size:14px;display:inline-block;line-height:26px;color:#fff;font-weight:400;float:right; }
section > .place_wrap > .place_info > .spec > .info + .info { margin-top:20px; }


section > .dash_topper { padding:20px 25px 0px 25px;position: relative;z-index: 1;}
section > .dash_topper > .company_info { display:block;padding:40px 40px 40px 40px;border-radius: 3px;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);margin-bottom:0px;position: relative;height:auto;background: url(/templets/_img/company_bg.jpg) no-repeat center; background-size: cover;z-index: -2;text-align: left;font-size:0px;}
section > .dash_topper > .company_info::before { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background: rgba(45,54,80,0.7);display:block;content: '';z-index: -1;}

section > .dash_topper > .company_info > .tit { display:inline-block;width:calc( 50% - 31px );vertical-align: top;position: relative;padding-left:30px;padding-top:0px;}
section > .dash_topper > .company_info > .tit > .bi { position: absolute;top:0px;right:40px;font-size:14px;font-weight:500;color:#fff;width:100px;height:30px;background-position: center;background-size: contain;background-repeat: no-repeat;filter: brightness(0) invert(1);}
section > .dash_topper > .company_info > .tit > h2 { display:block;font-size:36px;line-height:60px;height:50px;color:#fff;vertical-align: top;font-weight: 600;letter-spacing: -1.5px;font-family: 'GmarketSans';}
section > .dash_topper > .company_info > .tit > h2 > a { display: inline-block;line-height:50px;height:50px;vertical-align: top;font-size:36px;color:#4573f2;margin-left:20px;}
section > .dash_topper > .company_info > .tit > label { font-size:14px;color:#fff;padding-left:0px;line-height:24px;height:24px;opacity: 0.7;}
section > .dash_topper > .company_info > .tit > p { font-size:0px;height:26px; }
section > .dash_topper > .company_info > .tit > p > span { display:inline-block;font-size:15px;line-height:26px;height:26px;vertical-align: bottom;color:rgba(255,255,255,0.7);}
section > .dash_topper > .company_info > .tit > p > span + span { margin-left:20px; }
section > .dash_topper > .company_info > .tit > p > span > b { font-weight: 500;color:rgba(255,255,255,0.8);}
section > .dash_topper > .company_info > .tit > .btns { display:block;margin-top:20px;border-top:0px solid #ddd;font-size:0px; }
section > .dash_topper > .company_info > .tit > .btns > a { border:2px solid #ddd;border-radius: 5px;line-height:34px;font-size:14px;padding:0px 20px;display:inline-block;color:#fff;}
section > .dash_topper > .company_info > .tit > .btns > a + a { margin-left:5px; }


section > .dash_topper > .company_info > .spec {width:calc( 50% - 21px );display:inline-block;padding-left:20px;border-left:2px dotted rgba(255,255,255,0.5);vertical-align: top;font-size:0px; }
section > .dash_topper > .company_info > .spec > .info { display:inline-block;width:calc( 50% - 60px );text-align:left;vertical-align: bottom;padding:0px 30px;}
section > .dash_topper > .company_info > .spec > .info + .info { margin-left:0px; }
section > .dash_topper > .company_info > .spec > .info > h5 { font-size:18px;color:#d7e3ff;font-weight:500;margin-bottom: 3px;}
section > .dash_topper > .company_info > .spec > .info > dl { display:block;font-size:0px;}
section > .dash_topper > .company_info > .spec > .info > dl > dd { display:block;font-size:0px}
section > .dash_topper > .company_info > .spec > .info > dl > dd > span { display:inline-block;font-size:13px;line-height:26px;font-weight:400;color:#fff;opacity: 0.6;}
section > .dash_topper > .company_info > .spec > .info > dl > dd > b { font-size:14px;display:inline-block;line-height:26px;color:#fff;font-weight:400;float:right; }
section > .dash_topper > .company_info > .spec > .info > dl > dd > b.off { text-decoration: underline;opacity: 0.7;}
section > .dash_topper > .company_info > .spec > .info > dl > dd > a { font-size:14px;display:inline-block;line-height:26px;color:#fff;font-weight:400;float:right; }
section > .dash_topper > .company_info > .spec > .info > dl > dd > a.off { text-decoration: underline;opacity: 0.7;}

section > .dash_topper > .company_info > ul.dir { clear: both;display:block;margin-top:15px;border-top:0px solid #ddd;font-size:0px;margin:40px 15px 0px 15px; }
section > .dash_topper > .company_info > ul.dir > li { width:calc(100% / 7);display:inline-block;position: relative;}
section > .dash_topper > .company_info > ul.dir > li > a { display:block;line-height:50px;background: rgba(255,255,255,0.2);color:#fff;text-align: center;margin:0px 15px;font-size:15px;font-weight: 500;border-radius: 5px;}
section > .dash_topper > .company_info > ul.dir > li > a.on { background: rgba(69,115,242,0.7);}
section > .dash_topper > .company_info > ul.dir > li + li::before {font-family: 'xeicon' !important;content:'\e93e';display:block;width:30px;line-height:50px;height:50px;position: absolute;top:0px;left:-15px;text-align: center;color:rgba(255,255,255,0.4);font-size:20px;}


.wrapper.login,
.wrapper.forget { background: url(/templets/_img/img_login_bg.jpg) no-repeat center; background-size: cover;min-height: 960px;padding-bottom:115px;}
.wrapper.login::before,
.wrapper.forget::before { position: fixed;top:0px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,0.3);display:block;content: '';}

.wrapper.join { min-height:880px; }
.wrapper.membership { padding:0px; }
.wrapper.membership > header,
.wrapper.membership > footer,
.wrapper.membership > aside { display:none; }
.wrapper.login > section { height:calc( 100% - 115px );min-height: 845px;}
.wrapper.login > footer {position: relative;bottom:0px;left:0px;right:0px;display:block;background:rgba(0,0,0,0.4);text-align: center;padding-left:0px;}
.wrapper.login > footer > .ci { display:inline-block;;position: relative;top:auto;left:auto;height:30px;background-size: 80%;margin-bottom:5px;opacity: 0.6;}
.wrapper.login > footer > p > span { color:rgba(255,255,255,0.5);}
.wrapper.login > footer > p > span > b { color:#fff;}
.wrapper.login > footer > span {color:rgba(255,255,255,0.5); }
.wrapper.login > footer > .cs { display:none; }

.wrapper.forget > section { height:calc( 100% - 115px );min-height: 845px;}
.wrapper.forget > footer {position: relative;bottom:0px;left:0px;right:0px;display:block;background:rgba(0,0,0,0.4);text-align: center;padding-left:0px;}
.wrapper.forget > footer > .ci { display:inline-block;;position: relative;top:auto;left:auto;height:30px;background-size: 80%;margin-bottom:5px;opacity: 0.6;}
.wrapper.forget > footer > p > span { color:rgba(255,255,255,0.5);}
.wrapper.forget > footer > p > span > b { color:#fff;}
.wrapper.forget > footer > span {color:rgba(255,255,255,0.5); }
.wrapper.forget > footer > .cs { display:none; }

.wrapper.join > footer {position:fixed;bottom:0px;left:0px;right:0px;display:block;background:rgba(0,0,0,0.2);width:40%;z-index:999;box-sizing: border-box;text-align: center;padding-left: 160px;min-width: 512px;}
.wrapper.join > footer > i.ci { display:none; }
.wrapper.join > footer.surigo { padding-left: 0px; }
.wrapper.join > footer.miribom { padding-left: 0px; }
.wrapper.join > footer > p > span { color:rgba(255,255,255,0.5);}
.wrapper.join > footer > p > span > b { color:#fff;}
.wrapper.join > footer > span {color:rgba(255,255,255,0.5); }
.wrapper.join > footer > .cs { display:none; }

@media (max-height: 720px) {
	.wrapper.join > footer { display:none; }
}

.wrapper.partners > footer {position:fixed;bottom:0px;left:0px;right:0px;display:block;background:rgba(0,0,0,0.15);width:40%;z-index:999;box-sizing: border-box;text-align: center;padding-left:0px;min-width: 512px;}
.wrapper.partners > footer > .ci { width:90px;background-size: contain;margin-bottom:5px;opacity: 1;left:20px;top:15px;display:none;}
.wrapper.partners > footer > p > span { color:rgba(255,255,255,0.5);}
.wrapper.partners > footer > p > span > b { color:#fff;}
.wrapper.partners > footer > span {color:rgba(255,255,255,0.5); }
.wrapper.partners > footer > .cs { display:none; }

.login_wrap h1 { display: block;width: 220px;height: 55px;background: url(/templets/_img/logo_top_w.png?11) no-repeat center;background-size: contain;;text-align: center;position: absolute;top: 150px;left: 50%;transform: translate(-50%, 0);font-size: 0; }
.login_wrap h1.surigo { background: url(/templets/_img/logo_surigo_w.png?11) no-repeat center;background-size: contain;height: 100px;top: 120px;width: 250px; }
.login_wrap h1.miribom { background: url(/templets/_img/logo_miribom_wh.png?11) no-repeat center;background-size: contain;height: 100px;top: 120px;width: 280px; }
.login_wrap .login_box { position: absolute;left: 50%;top: 250px;transform: translate(-50%, 0);background: rgba(255,255,255,0.2);padding: 40px;width: 380px;border-radius: 3px;}
.login_wrap .login_box .icon { display: block;position: relative;width: 440px;height: auto; }
.login_wrap .login_box .icon i { display: block;background: #fff;width: 110px;height: 110px;border-radius: 50%;position: absolute;top: -93px;left: 138px; }
.login_wrap .login_box .icon i::before { display: block;content: '';width: 51px;height: 70px;background: url(/templets/_img/icon_person.png) no-repeat center;vertical-align: middle;position: absolute;top: 17px;left: 30px; }
.login_wrap .login_box hgroup h3 { display: block;text-align: center;font-size: 28px;font-weight: 500;letter-spacing: 8px;color: #fff;margin: 0px 0 20px 0;font-family: GmarketSans;}
.login_wrap .login_box .login_top { display: block;background: #fff;padding: 10px 30px;box-sizing: border-box;overflow: hidden;border-radius: 3px; }
.login_wrap .login_box .login_top .row { padding: 5px 0; }
.login_wrap .login_box .login_top .row label { display: none; }
.login_wrap .login_box .login_top .row input { width: calc(100% - 44px);height: 40px;padding-left: 10px;border: 1px solid transparent;font-size:15px; }
.login_wrap .login_box .login_top .row input:focus { box-shadow: 0px 0px 5px rgba(0,0,0,0); }
.login_wrap .login_box .login_top .row + .row { border-top: 1px solid #2d3650; }
.login_wrap .login_box .login_top .row::before { content: '';display: inline-block;height: 42px;line-height: 42px;font-size:24px;vertical-align: bottom;width: 30px;margin-right: 0px;font-family: 'xeicon' !important; color:#2d3650;text-aling:center;}
.login_wrap .login_box .login_top .row.id::before { content:'\e9f5'; }
.login_wrap .login_box .login_top .row.pw::before { content:'\e966'; }
.login_wrap .login_box button.login { display: block;width: 100%;height: 60px;line-height: 60px;color: #fff;text-align: center;background: #2d3650;font-size: 18px;margin-top: 10px;border-radius: 3px; }
.login_wrap .login_box .login_form > .row { margin-top: 15px;border-bottom: 1px solid #2d3650;padding-bottom: 15px; }
.login_wrap .login_box .login_form label > input[type=checkbox] + span { color:#fff;font-size:15px; }
.login_wrap .login_box .login_form label > input[type=checkbox] + span:before { background: #bbb;border: 1px solid #bbb;}
.login_wrap .login_box .login_form label > input[type=checkbox]:checked + span:before { background: #2d3650;border: 1px solid #2d3650;color:#fff;}

.login_wrap .login_box .login_form > .row > a.find { font-size:15px;color:#fff;text-decoration: underline;font-weight: 500;float:right;display:inline-block;}
.login_wrap .login_box .login_form > .join_btn { display: block;height: 56px;background: transparent;border: 2px solid #2d3650;color: #2d3650;text-align: center;line-height: 56px;margin-top: 20px;font-size: 18px;font-weight: 500;border-radius: 3px;}

.join_wrap .left_fix { display: block;position: fixed;top: 0;left: 0;width: 40%;height: 100%;min-height:720px;background: #2d3650;z-index: 5;min-width:512px; }
.join_wrap .manager { display: block;position: absolute;top: 10%;left: 35%; }
.join_wrap .manager > h1 { display: block;width: 150px;height: 40px;background: url(/templets/_img/logo_top_w.png) no-repeat;background-size: contain;font-size: 0; }
.join_wrap .manager > h1.surigo { display: block;width: 170px;height: 46px;background: url(/templets/_img/logo_surigo_w.png) no-repeat;background-size: contain;font-size: 0;margin-bottom:-10px; }
.join_wrap .manager > h1.miribom { display: block;width: 185px;height: 50px;background: url(/templets/_img/logo_miribom_wh.png) no-repeat;background-size: contain;font-size: 0;margin-bottom:-10px; }
.join_wrap .manager > p { color: #ddd;font-size: 15px;margin-top: 10px;font-weight: 200; }
.join_wrap .manager > p > span { display: inline-block; }
.join_wrap .manager > p > span::before { content: '';width: 1px;height: 13px;background: #fff;display: inline-block;margin: 0 10px; }
.join_wrap .clause_order { display: block;position: absolute;top: 30%;left: 35%; }
.join_wrap .clause_order > h2 { display: block;font-size: 28px;font-weight: 500;color: #fff; }
.join_wrap .clause_order > ul { display: block;margin-top: 60px; }
.join_wrap .clause_order > ul > li { display: block;font-size: 20px;color: #bbb;position: relative;padding-left: 65px;line-height: 25px;margin-bottom: 40px;font-weight: 500; }
.join_wrap .clause_order > ul > li span { display: block;font-size: 14px;letter-spacing: 1px;font-weight: 400; }
.join_wrap .clause_order > ul > li::before { content: '';position: absolute;left: 0;top: 7px;width: 40px;height: 40px;background-color: #bbb;border-radius: 50%; }
.join_wrap .clause_order > ul > li.on { color: #fff; }
.join_wrap .clause_order > ul > li.on::before { box-shadow: 0px 0px 10px #7ab2ed;background: #7ab2ed url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap .clause_order > ul > li.completed::before { background: #777 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap .clause_order > ul > li + li::after { content: '';position: absolute;left: 19px;top: -73px;width: 3px;height: 100px;background-color: #bbb; }

.join_wrap .right_fix { display: block;padding: 80px 13% 80px 53%;min-height:720px;background: #f3f3f3;height: 100%;position: relative; }
.join_wrap .clause_box { display: block; }
.join_wrap .clause_box > h3 { font-size: 22px;font-weight: 500;margin-bottom: 50px; }
.join_wrap .clause_box > .all { display: block;padding-bottom: 30px;border-bottom: 1px solid #ddd; }
.join_wrap .clause_box > .all > label { display: block;height: 22px; }
.join_wrap .clause_box > .all > label > input[type='checkbox'] { display: block; }
.join_wrap .clause_box > .all > label > span { font-size: 19px;padding-left: 5px; }
.join_wrap .clause_box > .all > label > span::before { display: inline-block;content: '';width: 22px;height: 22px;background: url(/templets/_img/icon_all_checked_off.png) no-repeat;border: none;background-size: cover; }
.join_wrap .clause_box > .all > label > input[type='checkbox']:checked + span::before { background: url(/templets/_img/icon_all_checked_on.png) no-repeat; }
.join_wrap .clause_box > .agree_form { margin-top: 30px; }
.join_wrap .clause_box > .agree_form > .agree { position: relative;margin-bottom: 30px; }
.join_wrap .clause_box > .agree_form > .agree > label > span { font-size: 16px; }
.join_wrap .clause_box > .agree_form > .agree > label > span > strong{ color: #e18314;font-weight: 400;font-size: 13px;margin-left: 5px;vertical-align: bottom; }
.join_wrap .clause_box > .agree_form > .agree > label > span::before { display: inline-block;content: '';width: 16px;height: 16px;background: url(/templets/_img/icon_checkbox_off.jpg) no-repeat;vertical-align: middle;margin-right: 10px;border: none;top: 2px; }
.join_wrap .clause_box > .agree_form > .agree > label > input[type='checkbox']:checked + span::before { display: inline-block;content: '';width: 16px;height: 16px;background: url(/templets/_img/icon_checkbox_on.jpg) no-repeat;vertical-align: middle;margin-right: 10px;border: none;top: 2px; }
.join_wrap .clause_box > .agree_form > .agree > button { position: absolute;right: 0; top: -4px;border-bottom: 1px solid #101010;font-size: 15px;font-weight: 500; }
.join_wrap .clause_box > .agree_form > .agree > .agree_art { display: block;background: #fff;margin-top: 15px;padding: 25px;height: 180px;overflow-y: scroll;box-sizing: border-box;color: #777;font-size: 14px; }
.join_wrap .clause_box > .agree_form > .agree > .agree_art > p { color: #777;font-size: 15px; }

.refund > .refund_art { display: block;background: #fff;margin-top: 15px;padding: 25px;height: 200px;box-sizing: border-box; }
.refund > .refund_art > p { color: #777;font-size: 13px; }

.join_wrap .partner_info .rows { display:block;margin-bottom:30px; }
.join_wrap .partner_info .rows h3 { font-size: 22px;font-weight: 500;margin-bottom: 20px; }
.join_wrap .partner_info .rows p { font-size: 14px;font-weight: 400;line-height:20px;text-align:right;color:#999;margin-bottom: 10px; }
.join_wrap .partner_info .rows p > strong { display: inline-block;color: #e18314;margin-right: 2px;font-weight:400; }
.join_wrap .partner_info .row { width: 100%;padding: 10px 0px 10px 160px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;position: relative;font-size: 0;box-sizing: border-box; }
.join_wrap .partner_info .row + .row { margin-top:-1px; }
.join_wrap .partner_info .row > label { font-size: 15px;color: #111;position: absolute;left: 0;top: 24px;font-weight: 500;padding-left: 0; }
.join_wrap .partner_info .row.required > label::after { content: '*';display: inline-block;font-size: 17px;color: #e18314; }
.join_wrap .partner_info .row > span { display: inline-block;background: #fff;width: 100%;height: 50px;position: relative;}
.join_wrap .partner_info .row > span + span { margin-top:10px;display:none; }
.join_wrap .partner_info .row > span + span.show { display: inline-block; }
.join_wrap .partner_info .row > span > input { font-size: 15px;line-height: 48px;width: 100%;border: 1px solid transparent;padding-left: 15px;background: transparent;box-sizing: border-box;}
.join_wrap .partner_info .row > span > input:focus { border: 1px solid #8b93a6;box-shadow: 0px 0px 3px #7ab2ed;height: 50px;width: 100%; }
.join_wrap .partner_info .row > span > input:focus::placeholder { color: #111;font-weight: 500; }
.join_wrap .partner_info .row > span > input:read-only { background:rgba(49,58,115,0.2); }
.join_wrap .partner_info .row > span > button { position: absolute;top:7px;right:7px;padding:0px 15px;height:36px;background: #2d3650;border: 2px solid #2d3650;color:#fff;font-size:14px;font-weight:500;}
.join_wrap .partner_info .row > span > button.ol { background: #fff;border: 2px solid #2d3650;color:#2d3650;font-size:14px;font-weight:500;}
.join_wrap .partner_info .row > span > em { position: absolute;top:5px;right:90px;padding:0px 20px;height:38px;line-height:38px;font-size:14px; color:#999;}

.join_wrap .partner_info .row > span.select { position:relative;padding:0px 0px;cursor:pointer;width:19%;vertical-align: bottom;margin-right:1%;}
.join_wrap .partner_info .row > span.serial { position:relative;padding:0px 0px;cursor:pointer;width:20%;vertical-align: bottom;margin-right:1%;}
.join_wrap .partner_info .row > span.select + span.select { display:inline-block;margin-top: 0px; }
.join_wrap .partner_info .row > span.select + span.serial { display:inline-block;margin-top: 0px; }
.join_wrap .partner_info .row > span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:50px;height:50px;border:0px solid #ccc;background:transparent;font-size:15px;vertical-align: middle;padding-left:15px;z-index:2;outline: none;display:block;}
.join_wrap .partner_info .row > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:50px;line-height:50px;z-index:1;}

.join_wrap .partner_info .row > span.serial + button { display:inline-block;height:50px;background: #999;border: 2px solid #999;color:#fff;font-size:14px;font-weight:400;width:19%;vertical-align: bottom:}

.join_wrap .join_info .rows { display:block;margin-bottom:30px; }
.join_wrap .join_info .rows h3 { font-size: 22px;font-weight: 500;margin-bottom: 20px; margin-top: 50px;}
.join_wrap .join_info .rows p { font-size: 14px;font-weight: 400;line-height:20px;text-align:right;color:#999;margin-bottom: 10px; }
.join_wrap .join_info .rows p > strong { display: inline-block;color: #e18314;margin-right: 2px;font-weight:400; }
.join_wrap .join_info .row { width: 100%;padding: 10px 0px 10px 150px;border-bottom: 1px solid #cdcdcd;border-top: 1px solid #cdcdcd;position: relative;font-size: 0;box-sizing: border-box; }
.join_wrap .join_info .row + .row { margin-top:-1px; }
.join_wrap .join_info .row > label { font-size: 15px;color: #111;position: absolute;left: 0;top: 24px;font-weight: 500;padding-left: 0; }
.join_wrap .join_info .row.required > label::after { content: '*';display: inline-block;font-size: 17px;color: #e18314; }
.join_wrap .join_info .row > span { display: inline-block;background: #fff;width: 100%;height: 50px; }
.join_wrap .join_info .row > span > input { font-size: 15px;line-height: 48px;width: 100%;border: 1px solid transparent;padding-left: 15px;background: transparent;box-sizing: border-box;}
.join_wrap .join_info .row > span > input:focus { border: 1px solid #8b93a6;box-shadow: 0px 0px 3px #7ab2ed;height: 50px;width: 100%; }
.join_wrap .join_info .row > span > input:focus::placeholder { color: #111;font-weight: 500; }
.join_wrap .join_info .row > span.zip.on { border: 1px solid #8b93a6;box-shadow: 0px 0px 3px #7ab2ed;height: 50px;width: calc(100% - 150px); }
.join_wrap .join_info .row > .zip { width: calc(100% - 150px); }
.join_wrap .join_info .row > .zip .find_zip { width: 140px;height: 50px;text-align: center;border: 2px solid #2d3650;color:#2d3650;position: absolute;right: 0px;top: 10px;font-size: 15px;font-weight: 500; }
.join_wrap .join_info .row > .address_detail { margin-top: 10px; }
.join_wrap .join_info .row > .biz_info { display:block;padding:10px 0px; }
.join_wrap .join_info .row > .biz_info > h4 { font-size:18px;color:#333;line-height:26px;font-weight:500; }
.join_wrap .join_info .row > .biz_info > h4 > span { display:inline-block;font-size:15px;color:#7ab2ed;margin-left:10px;font-weight:400; }
.join_wrap .join_info .row > .biz_info > p { font-size:14px;color:#999;line-height:22px;text-align:left;margin:0px;padding:0px;font-weight: 300; }
.join_wrap .join_info .row > .biz_info > p > span { display:inline-block;line-height:22px;vertical-align: bottom;font-size:14px;}
.join_wrap .join_info .row > .biz_info > p > span + span { margin-left:10px; }
.join_wrap .join_info .row > .biz_info > p > span > b { font-weight:500; }

.join_wrap .join_completed { display: block;height: auto;background: #fff;text-align: center;padding: 20px 30px; }
.join_wrap .join_completed > h4 { font-size: 30px;font-weight: 600;margin-bottom: 40px; }
.join_wrap .join_completed > h4::before { content: '';display: block;width: 269px;height: 327px;background: url(/templets/_img/icon_join_complete.png) no-repeat center;margin: 80px auto 40px; }
.join_wrap .join_completed > h5 { font-size: 20px;line-height: 30px;font-weight: 500; }
.join_wrap .join_completed > p { font-size: 16px;line-height: 24px;font-weight: 400;color:#666;margin-top:10px; }
.join_wrap .join_completed > a { display: block;width: 300px;height: 70px;background: #2d3650;color: #fff;text-align: center;font-size: 20px;line-height: 70px;margin: 50px auto;font-weight:500; }

.join_wrap .right_fix .tips { display:block;margin-top:30px; }
.join_wrap .right_fix .tips > p { display:block;line-height:18px;padding:2px 0px;font-size:14px;color:#999;font-weight:400; }

.join_wrap .right_fix .btns { display:block; }
.join_wrap .right_fix .btns > a,
.join_wrap .right_fix .btns > button { display: block;background: #999;color: #fff;text-align: center;font-weight: 500;height: 70px;line-height: 70px;font-size: 20px;width:100%; }
.join_wrap .right_fix .btns > a.on,
.join_wrap .right_fix .btns > button.on{background: #2d3650;}

.join_wrap [data-step] { display:none; }
.join_wrap [data-step='1'] { display:block; }

.join_wrap[data-step=agree] .clause_order > ul > li[data-step=agree] { color: #fff; }
.join_wrap[data-step=agree] .clause_order > ul > li[data-step=agree]::before { box-shadow: 0px 0px 10px #4573f2;background: #4573f2 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap[data-step=agree] .right_fix [data-step=agree] { display:block; }

.join_wrap[data-step=partner] .clause_order > ul > li[data-step=partner] { color: #fff; }
.join_wrap[data-step=partner] .clause_order > ul > li[data-step=partner]::before { box-shadow: 0px 0px 10px #4573f2;background: #4573f2 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap[data-step=partner] .clause_order > ul > li[data-step=agree]::before { background: #666 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap[data-step=partner] .right_fix [data-step=partner] { display:block; }

.join_wrap[data-step=info] .clause_order > ul > li[data-step=info] { color: #fff; }
.join_wrap[data-step=info] .clause_order > ul > li[data-step=info]::before { box-shadow: 0px 0px 10px #4573f2;background: #4573f2 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap[data-step=info] .clause_order > ul > li[data-step=agree]::before,
.join_wrap[data-step=info] .clause_order > ul > li[data-step=partner]::before { background: #888 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap[data-step=info] .right_fix [data-step=info] { display:block; }

.join_wrap[data-step=complete] .clause_order > ul > li[data-step=complete] { color: #fff; }
.join_wrap[data-step=complete] .clause_order > ul > li[data-step=complete]::before { box-shadow: 0px 0px 10px #4573f2;background: #4573f2 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap[data-step=complete] .clause_order > ul > li[data-step=agree]::before,
.join_wrap[data-step=complete] .clause_order > ul > li[data-step=info]::before,
.join_wrap[data-step=complete] .clause_order > ul > li[data-step=partner]::before { background: #888 url(/templets/_img/icon_clause_order_on.png) no-repeat center center;z-index: 2; }
.join_wrap[data-step=complete] .right_fix [data-step=complete] { display:block; }

/* 아이디 패스워드 찾기 */
body.forget { background: url(/templets/_img/img_login_bg.jpg) no-repeat center; background-size: cover; }
.forget_wrap > h1 { display: block;width: 220px;height: 55px;background: url(/templets/_img/logo_top_w.png) no-repeat center;background-size: contain;;text-align: center;position: absolute;top: 120px;left: 50%;transform: translate(-50%, 0);font-size: 0; }
.forget_wrap h1.surigo { background: url(/templets/_img/logo_surigo_w.png?11) no-repeat center;background-size: contain;height: 100px;top: 120px; width: 250px;}
.forget_wrap h1.miribom { background: url(/templets/_img/logo_miribom_wh.png?11) no-repeat center;background-size: contain;height: 100px;top: 120px; width: 270px;}
.forget_wrap > .forget_box { position: absolute;top: 250px;left: 50%;transform: translate(-50%, 0);background: rgba(255,255,255,0.2);width: 460px;border-radius: 3px;overflow: hidden;}
.forget_wrap > .forget_box > .tab_menu > ul { display: block;width: 100%;font-size: 0; }
.forget_wrap > .forget_box > .tab_menu > ul > li { display: inline-block;font-size: 20px;width: 50%;text-align: center;height: 65px;line-height: 65px;background: rgba(255,255,255,0.3); }
.forget_wrap > .forget_box > .tab_menu > ul > li.on { background: #2d3650; }
.forget_wrap > .forget_box > .tab_menu > ul > li > a { display: block;color: #eee; }
.forget_wrap > .forget_box > .tab_menu > ul > li.on > a { color: #fff; }
.forget_wrap > .forget_box .find_form { display: block;width: 100%;padding: 40px;box-sizing: border-box; }
.forget_wrap > .forget_box .find_form > .row { display: block; }
.forget_wrap > .forget_box .find_form > .row + .row { margin-top: 10px; }
.forget_wrap > .forget_box .find_form > .row > span { display: inline-block;width: 100%;height: 50px;position: relative; }
.forget_wrap > .forget_box .find_form > .row > span > input { padding-left: 15px;font-size: 15px;height: 50px;line-height: 50px;border: 1px solid transparent; }
.forget_wrap > .forget_box .find_form > .row > span + span { margin-top:10px;display:none; }
.forget_wrap > .forget_box .find_form > .row > span + span.show { display: inline-block; }
.forget_wrap > .forget_box .find_form > .row > span > input { font-size: 15px;line-height: 48px;width: 100%;border: 1px solid transparent;background: transparent;box-sizing: border-box;border-radius: 3px;background: #fff;}
.forget_wrap > .forget_box .find_form > .row > span > input:focus::placeholder { color: #666;font-weight: 500; }
.forget_wrap > .forget_box .find_form > .row > span > button { position: absolute;top:7px;right:7px;padding:0px 15px;height:36px;background: #2d3650;border: 2px solid #2d3650;color:#fff;font-size:14px;font-weight:500; }
.forget_wrap > .forget_box .find_form > .row > span > button.ol { background: #fff;border: 2px solid #2d3650;color:#2d3650;font-size:14px;font-weight:500; }
.forget_wrap > .forget_box .find_form > .row > span > em { position: absolute;top:5px;right:90px;padding:0px 20px;height:38px;line-height:38px;font-size:14px; color:#999; }
.forget_wrap > .forget_box .find_form > .row > a.join { font-size:15px;color:#fff;font-weight: 500;display:inline-block;}
.forget_wrap > .forget_box .find_form > .row > a.login { font-size:15px;color:#fff;font-weight: 500;float:right;display:inline-block;}
.forget_wrap > .forget_box .find_form > .btns > .find { display: block;width: 100%;text-align: center;background: #2d3650;color: #fff;margin-top: 20px;height: 60px;line-height: 60px;font-size: 18px;border-radius: 3px;}
.forget_wrap > .forget_box .find_form > .btns + .row { margin-top:25px; }
.forget_wrap > .forget_box .find_form[data-tab=pw] { display:none; }
/* @아이디 패스워드 찾기 */

.tb_info .clause_box { display: block;padding-top:15px; }
.tb_info .clause_box > h3 { font-size: 22px;font-weight: 500;margin-bottom: 50px; }
.tb_info .clause_box > .all { display: block;padding-bottom: 30px;border-bottom: 1px solid #ddd; }
.tb_info .clause_box > .all > label { display: block;height: 22px; }
.tb_info .clause_box > .all > label > input[type='checkbox'] { display: block; }
.tb_info .clause_box > .all > label > span { font-size: 19px;padding-left: 5px; }
.tb_info .clause_box > .all > label > span::before { display: inline-block;content: '';width: 22px;height: 22px;background: url(/templets/_img/icon_all_checked_off.png) no-repeat;border: none;background-size: cover; }
.tb_info .clause_box > .all > label > input[type='checkbox']:checked + span::before { background: url(/templets/_img/icon_all_checked_on.png) no-repeat; }
.tb_info .clause_box > .agree_form { margin-top: 30px; }
.tb_info .clause_box > .agree_form > .agree { position: relative;margin-bottom: 0px; }
.tb_info .clause_box > .agree_form > .agree + .agree { margin-top:30px; }
.tb_info .clause_box > .agree_form > .agree > label > span { font-size: 16px; }
.tb_info .clause_box > .agree_form > .agree > label > span > strong{ color: #e18314;font-weight: 400;font-size: 13px;margin-left: 5px;vertical-align: bottom; }
.tb_info .clause_box > .agree_form > .agree > label > span::before { display: inline-block;content: '';width: 16px;height: 16px;background: url(/templets/_img/icon_checkbox_off.jpg) no-repeat;vertical-align: middle;margin-right: 10px;border: none;top: 2px; }
.tb_info .clause_box > .agree_form > .agree > label > input[type='checkbox']:checked + span::before { display: inline-block;content: '';width: 16px;height: 16px;background: url(/templets/_img/icon_checkbox_on.jpg) no-repeat;vertical-align: middle;margin-right: 10px;border: none;top: 2px; }
.tb_info .clause_box > .agree_form > .agree > button { position: absolute;right: 0; top: -4px;border-bottom: 1px solid #101010;font-size: 15px;font-weight: 500; }
.tb_info .clause_box > .agree_form > .agree > .agree_art { display: block;background: #f4f4f4;margin-top: 15px;padding: 15px;height: 140px;overflow-y: scroll;box-sizing: border-box;color: #777;font-size: 13px; }
.tb_info .clause_box > .agree_form > .agree > .agree_art > p { color: #777;font-size: 15px; }



/* TAB 설정 */
nav.tab {display:block;height:50px;border:0px solid #ccc;border-bottom:0px solid #aaa;background: #ddd;padding:16px 25px 0px 25px;margin-top:0px;margin-bottom:10px;}
nav.tab ul { display:inline-block;margin-left:0px;border:0px solid #ccc;border-bottom:0px solid #aaa;font-size:0px;}
nav.tab ul li { display:inline-block;line-height:47px;-height:47px;background:transparent;border:0px solid #fff;border-top:3px solid #ddd;text-align:center;cursor:pointer;background:rgba(255,255,255,0.2);}
nav.tab ul li > a { min-width:120px;padding:0px 15px;display:block;height:100%;color:#888;font-size:15px;position: relative;}
nav.tab.min ul li > a { min-width:100px;padding:0px 10px; }
nav.tab ul li + li { margin-left:2px; }
nav.tab ul li.on { background:#f3f3f3;font-weight:500;border-top:3px solid #4573f2; }
nav.tab ul li.on > a { color:#4573f2; }

nav.tab ul li > a > em {position: absolute; right:0px; top:0px; display: block; background: #bbb; border: 1px solid rgba(0,0,0,0); color: #fff; font-size: 11px; line-height:16px; height:16px; min-width:12px; border-radius: 0px; padding:0px 2px; font-weight: 400;opacity:1;}
nav.tab ul li > a > em[data-cnt='0'] { display:none; }
nav.tab ul li > a > em::before { content:attr(data-cnt); }
nav.tab ul li.on > a > em {background: #4573f2;top:-3px;}
/* @TAB 설정 */

.service_wrap { display:block; padding:20px 490px 20px 25px;margin:0px auto;position: relative;;}
.service_wrap div.tb_info > h2 { font-size:20px;font-weight:400;color:#333;display:block;margin-bottom:5px;line-height:40px;letter-spacing: -1px;}
.service_wrap div.tb_info + .tb_info { margin-top:30px; }
.service_wrap div.tb_info > h2 a { float:right;position:relative;display:inline-block;margin:0px 2px;height:28px;line-height:28px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#eee;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.service_wrap div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.service_wrap div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
.service_wrap div.tb_info > h2 > span { font-size:13px;color:#999;display:inline-block;vertical-align: bottom;line-height:30px;float:right;}
.service_wrap div.tb_info > p { font-size:13px;font-weight:400;color:#666;display:block;margin-top:10px;line-height:22px; }
.service_wrap div.tb_info > p + p { margin-top:0px; }

.service_wrap .info_tips {position:absolute;top:65px;right:30px;width:430px;background:#fff;border:1px solid #ccc; min-height:150px; }
.service_wrap .info_tips h2 { display:block;padding:15px; background:#eee;;margin:0px 0px;height:34px;line-height:34px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:16px; border:1px solid transparent;}
.service_wrap .info_tips .box { position:relative;display:block;padding:14px 15px; border-top:1px solid #ccc; word-break:keep-all;}
.service_wrap .info_tips .box .phil {  background:#f8f8f8;padding:10px 10px;border:1px solid #eee; }
.service_wrap .info_tips .box .phil > p { line-height:22px;border-top:1px solid #eee;padding:5px 10px; }
.service_wrap .info_tips .box .phil > p:first-child { border-top:0px solid #eee; }
.service_wrap .info_tips .box .phil > p > b { width:auto;display:inline-block;vertical-align: middle;font-weight: 400;}
.service_wrap .info_tips .box .phil > p + p { margin-top:5px; }
.service_wrap .info_tips .box .phil > p > i { float:right; }
.service_wrap .info_tips .box .comment { margin-top:10px;word-break:keep-all;  }
.service_wrap .info_tips .box .ex { margin-top:0px;margin-bottom:0px; }
.service_wrap .info_tips .box .ex > p { padding:3px 0px; }
.service_wrap .info_tips .box .ex > p + p { margin-top:5px; }
.service_wrap .info_tips .btns { position:relative;display:block;padding:15px; font-size:0px;background:#fff;text-align:center;border-top:1px solid #ccc;  }
.service_wrap .info_tips .btns a { display:inline-block;margin:0px 2px;height:36px;line-height:36px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 25px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.service_wrap .banner_wrap { display:block; border-top:1px solid #ccc;position:absolute;top:65px;right:25px;width:430px;background:#fff;border:1px solid #ccc; min-height:150px;}
.service_wrap .banner_wrap > img { display:block;margin:0px;padding:0px; width:100%; }

.service_wrap .btns { display:block;text-align: center;padding:30px 0px;}
.service_wrap .btns > a,
.service_wrap .btns > button { float: none;display:inline-block;line-height:46px;height:46px;border:0px;font-size:16px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#4573f2; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

@media (max-width: 1600px) {
	.service_wrap { padding:30px 30px 30px 30px;}
	.service_wrap .info_tips {position:relative;;top:auto;right:auto;width:auto;display:block;background:#fff;border:1px solid #ccc; min-height:150px;margin-top:20px; }
	.service_wrap .info_tips .box .ex > p + p { margin-top:0px; }
	.service_wrap .banner_wrap { display:none; }
}

.grid_topper::after { display:block;content: '';clear:both;}

.cart_wrap { display:block; padding:20px 25px 20px 25px;margin:0px auto;position: relative;;}
.cart_wrap .grid_wrap { padding:0px 0px; }
.cart_wrap .grid_topper { padding:10px 0px;margin-top:20px; }
.cart_wrap .grid_topper > h2 { font-size:20px;font-weight:500;color:#333;display:inline-block;margin-bottom:5px;line-height:40px;letter-spacing: -1px;}

.cart_wrap div.cart_info { margin-top:20px; }
.cart_wrap div.cart_info + .cart_info { margin-top:30px; }
.cart_wrap div.cart_info > h2 { font-size:20px;font-weight:500;color:#333;display:inline-block;margin-bottom:5px;line-height:40px;letter-spacing: -1px;}
.cart_wrap div.cart_info > h2 a { float:right;position:relative;display:inline-block;margin:0px 2px;height:28px;line-height:28px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#eee;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cart_wrap div.cart_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.cart_wrap div.cart_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
.cart_wrap div.cart_info > h2 > span { font-size:13px;color:#999;display:inline-block;vertical-align: bottom;line-height:30px;float:right;}
.cart_wrap div.cart_info > p { font-size:13px;font-weight:400;color:#666;display:block;margin-top:10px;line-height:22px; }
.cart_wrap div.cart_info > p + p { margin-top:0px; }

.cart_wrap > .btns { display:block;text-align: center;padding:30px 0px;}
.cart_wrap > .btns > a,
.cart_wrap > .btns > button { float: none;display:inline-block;line-height:46px;height:46px;border:0px;font-size:16px;width:auto;padding:0px 20px;min-width:150px;color:#fff;margin:0px 2px;cursor:pointer;background:#e95653; border-radius: 5px;}
.cart_wrap > .btns > a.gray,
.cart_wrap > .btns > button.gray {background:#999;}

div.cart_info > .pay_info { display:block;border:1px solid #ccc;background: #fff;border-radius: 3px;padding:30px 40px;font-size:0px;}
div.cart_info > .pay_info > .price { display:inline-block;width:400px;vertical-align: top;}
div.cart_info > .pay_info > .price > h3 { font-size:16px;font-weight: 500;line-height:24px;margin-bottom:10px;}
div.cart_info > .pay_info > .price > span { display:block;line-height:24px;vertical-align: bottom;font-size:14px;font-weight: 400;color:#999;margin-top:0px;}
div.cart_info > .pay_info > .price > p { font-size:24px;line-height:54px;letter-spacing: -1px;color:#e95653;}
div.cart_info > .pay_info > .price > p > b { font-size:48px;font-weight: 600;line-height:54px;letter-spacing: -2px;}
div.cart_info > .pay_info > .price > label { margin-top:30px; }

div.cart_info > .pay_info > .banking { display:inline-block;width:calc(100% - 462px);border-left:2px dotted #ccc;padding-left:60px;vertical-align: top;}
div.cart_info > .pay_info > .banking > h3 { font-size:16px;font-weight: 500;line-height:24px;margin-bottom:10px;}
div.cart_info > .pay_info > .banking > span { display:block;line-height:24px;vertical-align: bottom;font-size:18px;font-weight: 400;color:#999;margin-top:5px;}
div.cart_info > .pay_info > .banking > p { font-size:20px;line-height:26px;letter-spacing: -1px;color:#2d3650;}
div.cart_info > .pay_info > .banking > p > b { font-size:30px;font-weight: 600;line-height:36px;display:block;}
div.cart_info > .pay_info > .banking > a { border:2px solid #999;background: #999;border-radius: 5px;line-height:34px;font-size:14px;padding:0px 20px;display:inline-block;color:#fff;margin-top:20px;}

div.cart_info > .pay_info > .tips { background: #f5f5f5;margin-top:30px;padding:20px;}
div.cart_info > .pay_info > .tips > p { position: relative;font-size:13px;color:#666;text-align:left; line-height:18px;padding:2px 0px;padding-left:6px; }
div.cart_info > .pay_info > .tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:10px;left:0px;content: ''; }
div.cart_info > .pay_info > .tips > p > b { font-weight:500; }
div.cart_info > .pay_info > .tips > p > b.red { color:#e95653; }
div.cart_info > .pay_info > .tips > p > b.blue { color:#4573f2; }

.rt_wrap { position: absolute;top:150px;right:25px;width:440px; display:block; padding:15px;margin:0px auto;background: #fff;border:1px solid #ccc;}
.rt_wrap div.tb_info > h2 { font-size:20px;font-weight:300;color:#333;display:block;margin-bottom:5px;line-height:40px; }
.rt_wrap div.tb_info + .tb_info { margin-top:30px; }
.rt_wrap div.tb_info > h2 a { float:right;position:relative;display:inline-block;margin:0px 2px;height:28px;line-height:28px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#eee;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.rt_wrap div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.rt_wrap div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
.rt_wrap div.tb_info > h2 > span { font-size:13px;color:#999;display:inline-block;vertical-align: bottom;line-height:30px;float:right;}
.rt_wrap div.tb_info > p { font-size:13px;font-weight:400;color:#666;display:block;margin-top:10px;line-height:22px; }
.rt_wrap div.tb_info > p + p { margin-top:0px; }

.rt_wrap .btns { display:block;text-align: center;padding:30px 0px;}
.rt_wrap .btns > a,
.rt_wrap .btns > button { float: none;display:inline-block;line-height:46px;height:46px;border:0px;font-size:16px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#f58621; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}



.search_form { display:block;padding:20px 25px 20px 25px;margin:0px;}

.search_form div.term_group {display:inline-block;border:0px solid #bbb;height:auto;line-height:auto;padding:0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width:auto;vertical-align: middle;margin-left:10px;}
.search_form div.term_group:after { display:none; }
.search_form div.term_group a {float:left;position: relative;z-index: 1;margin-top:0px;margin:0px;margin-left:0px;line-height:38px;height:38px;width:65px;color:#666;font-weight:300;font-size:13px;background:#f2f2f2;text-align:center;cursor:pointer; border:1px solid #ddd; padding:0px 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;-moz-border-radius:0px;border-radius: 0px;}
.search_form div.term_group a + a { margin-left:-1px; }
.search_form div.term_group a:first-child { -webkit-border-radius: 5px 0px 0px 5px;-khtml-border-radius: 5px 0px 0px 5px;-moz-border-radius:5px  0px 0px 5px;border-radius: 5px 0px 0px 5px; }
.search_form div.term_group a:last-child { -webkit-border-radius: 0px  5px 5px 0px;-khtml-border-radius: 0px  5px 5px 0px;-moz-border-radius:0px  5px 5px 0px;border-radius: 0px  5px 5px 0px; }
.search_form div.term_group a.on { background:#fff;color:#fff; border:2px solid #f58621;color:#f58621;font-weight:500;z-index: 2;line-height:36px;height:36px;width:63px; }
.search_form div.term_date { display:none;white-space:nowrap; }
.search_form div.term_date.show { display:inline-block; }
.search_form div.term_date > div {display:inline-block;vertical-align: middle;margin-left:1%;}
.search_form div.term_date > div:first-child {margin-left:0%;}

table.search { border:1px solid #d1d1d1;margin:0px;padding:0px;border-spacing:0px;border-spacing:0px;border-collapse:collapse;width:100%;font-size:13px; color:#333;margin-bottom:0px;}
table.search th { text-align:center;background:#f0f5fa; border:1px solid #d1d1d1;font-weight:300;text-align:left;padding-left:15px;}
table.search td { background:#fff;font-weight:normal;text-align:left; padding:10px 10px; border:1px solid #d1d1d1;font-size:0px;}
table.search tr th:first-child, table.search tr td:first-child { border-left:0px; }
table.search tr th:last-child, table.search tr td:last-child { border-right:0px; }
table.search tr:first-child th, table.search tr:first-child td { border-top:0px; }
table.search tr:last-child th, table.search tr:last-child td { border-bottom:0px; }
table.search tr.noline th, table.search tr.noline td { border-bottom:0px; }
table.search td div.btns { display: inline-block;vertical-align: middle;margin:0px;padding:0px 0px 0px 0px;text-align:center;font-size:0px;margin-left:1%; }
table.search td div.btns a { display:inline-block;line-height:40px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 0px;min-width:auto;color:#2d3650;text-decoration: underline;cursor:pointer; font-weight:500;border: 1px solid transparent;vertical-align: bottom;}
table.search td div.btns a > i { display:inline-block;margin-right:3px;vertical-align: bottom;line-height:40px;text-align:left;font-size:18px;}
table.search td div.btns button { display:inline-block;line-height:36px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 10px;min-width:80px;color:#fff;cursor:pointer; font-weight:400;border-radius: 5px; background:#2d3650;border: 1px solid rgba(0,0,0,0.1);vertical-align: bottom; }
table.search td div.btns button + a { margin-left:20px; }
table.search td div.btns button > i { display:inline-block;margin-right:5px;vertical-align: bottom;line-height:36px;text-align:left;font-size:20px;}
table.search td div.btns button + button { margin-left:5px; }
table.search td div.btns button.line { background:#f2f2f2;border: 1px solid #ddd;color:#666; }
table.search td div.btns button.gray { background:#999; }
table.search td div.btns button.red { background:#ec635d; }
table.search td div.btns button.continue { padding:0px 30px; }

table.search td div.tips { display:block;margin-top:0px;position: relative;}
table.search td div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:15px;padding:1px 0px ; }
table.search td div.tips > p::before { display:none;width:2px;height:2px;background:#999;position: absolute;top:8px;left:8px;content: ''; }
table.search td div.tips > p > b { font-weight:500; }

table.search td div.tips > .btns { dispaly:inline-block;position: absolute;top:0px;right:0px;}
table.search td div.tips > .btns > a { position:relative;display:inline-block;margin:0px 0px;height:38px;line-height:38px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-decoration: none;}
table.search td div.tips > .btns > a > i { display:inline-block;height:38px;line-height:38px;vertical-align: bottom;margin-right:5px;}
table.search td div.tips > .btns > a + a { margin-left:2px; }
table.search td div.tips > .btns > a.blue_bg { background:#6eacee;border:1px solid rgba(0,0,0,0.1);color:#fff;}
table.search td div.tips > .btns > a.red_bg { background:#ec5051;border:1px solid rgba(0,0,0,0.1);color:#fff;}
table.search td div.tips > .btns > a.green_bg { background:#197b30;border:1px solid rgba(0,0,0,0.1);color:#fff;}
table.search td div.tips > .btns > a.black_bg { background:#2d3650;border:1px solid rgba(0,0,0,0.1);color:#fff;}
table.search td div.tips > .btns > a.gray_bg { background:#999;border:1px solid rgba(0,0,0,0.1);color:#fff;}

table.search td div.spl { margin-left:-10px; }
table.search td div.spl > div {margin-left:10px;}
table.search td div.spl .unit { width:auto;padding:0px 0px; }
table.search td div.spl .s80 { width:80px; }
table.search td div.spl .s100 { width:100px; }
table.search td div.spl .s110 { width:110px; }
table.search td div.spl .s120 { width:120px; }
table.search td div.spl .s130 { width:130px; }
table.search td div.spl .s140 { width:140px; }
table.search td div.spl .s150 { width:150px; }
table.search td div.spl .s160 { width:160px; }
table.search td div.spl .s170 { width:170px; }
table.search td div.spl .s180 { width:180px; }
table.search td div.spl .s190 { width:190px; }
table.search td div.spl .s200 { width:200px; }
table.search td div.spl .s250 { width:250px; }
table.search td div.spl .s300 { width:300px; }
table.search td div.spl span { display:block;padding:0px 0px;border:1px solid #d4d4d4;background:#f3f3f3;font-size:13px; overflow: hidden;}
table.search td div.spl span.readonly { background:rgba(233,86,83,0.1); }
table.search td div.spl span.btn { position: relative;}
table.search td div.spl span > a { position:absolute;top:0px;right:0px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:300;border: 0px solid #aaa; }
table.search td div.spl span > .countdown { position:absolute;top:0px;right:65px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:300;border: 0px solid #aaa; }
table.search td div.spl span > a.red { background:#e95653; }
table.search td div.spl span > a.confirm { background:#313a73;padding:0px 20px; }
table.search td div.spl span > a.copy { background:#666;padding:0px 20px; }
table.search td div.spl span.select { position:relative;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer;vertical-align: middle;overflow: hidden;}
table.search td div.spl span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:38px;height:38px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;}
table.search td div.spl span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.search td div.spl span input[type=text] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:300;}
table.search td div.spl span input[type=text][data-field=readonly] { background:rgba(233,86,83,0.1);font-weight:400; }
table.search td div.spl span input[type=text] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
table.search td div.spl span input[type=text].uppercase { text-transform: uppercase; }
table.search td div.spl span input[type=text]:disabled,
table.search td div.spl span select:disabled,
table.search td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
table.search td div.spl span.won:after { content:"원";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;}
table.search td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
table.search td div.spl span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.search td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
table.search td div.spl span.label.pre {position:relative; padding:0px 40px 0px 50px;}
table.search td div.spl span.label.pre.right > input {text-align:right;}
table.search td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
table.search td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
table.search td div.spl span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:38px;line-height:38px;z-index:0;}

.grid_topper { display:block;padding:10px 25px;min-height:40px;margin-top:0px;font-size:0px;margin-top:10px; }
.grid_topper > p { display:inline-block;line-height:20px;font-size:0px;padding:10px 0px;vertical-align: top; }
.grid_topper > p.hide { display:none; }
.grid_topper > p > span { display:inline-block;line-height:20px;font-size:13px;position: relative;color:#666;}
.grid_topper > p > span > b { font-weight:500;color:#333; }
.grid_topper > p > span + span { margin-left:31px; }
.grid_topper > p > span + span::before { position: absolute;top:5px;left:-16px;width:1px;height:12px;background: #ccc;content: '';display:block;}

.grid_topper > .search_form { display:inline-block;line-height:40px; white-space:nowrap;font-size:0px;padding:0px;vertical-align: top;margin-right:20px;position: relative;}
.grid_topper > .search_form > span { display:inline-block;padding:0px 0px;border:2px solid #ddd;background:#fff;font-size:13px; overflow: hidden;vertical-align: top;border-radius: 5px;}
.grid_topper > .search_form > span.focus_line { border:2px solid #2d3650; }
.grid_topper > .search_form > span.s70 { width:70px; }
.grid_topper > .search_form > span.s80 { width:80px; }
.grid_topper > .search_form > span.s90 { width:90px; }
.grid_topper > .search_form > span.s100 { width:100px; }
.grid_topper > .search_form > span.s110 { width:110px; }
.grid_topper > .search_form > span.s120 { width:120px; }
.grid_topper > .search_form > span.s130 { width:130px; }
.grid_topper > .search_form > span.s140 { width:140px; }
.grid_topper > .search_form > span.s150 { width:150px; }
.grid_topper > .search_form > span.s160 { width:160px; }
.grid_topper > .search_form > span.s170 { width:170px; }
.grid_topper > .search_form > span.s180 { width:180px; }
.grid_topper > .search_form > span.s190 { width:190px; }
.grid_topper > .search_form > span.s200 { width:200px; }
.grid_topper > .search_form > span.s250 { width:250px; }
.grid_topper > .search_form > span.s300 { width:300px; }
.grid_topper > .search_form > span.select { position:relative;padding:0px 0px;cursor:pointer;}
.grid_topper > .search_form > span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:36px;height:36px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;display:block;}
.grid_topper > .search_form > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:36px;line-height:36px;z-index:1;}
.grid_topper > .search_form > span.select.focus_line:after { color:#2d3650; }
.grid_topper > .search_form > span input[type=text] {display:block;width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:300;}
.grid_topper > .search_form > span input[type=text][data-field=readonly] { background:rgba(233,86,83,0.1);font-weight:400; }
.grid_topper > .search_form > span input[type=text] {width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
.grid_topper > .search_form > span input[type=text].uppercase { text-transform: uppercase; }
.grid_topper > .search_form > span.label {position:relative; padding:0px 40px 0px 0px;}
.grid_topper > .search_form > span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:36px;line-height:36px;z-index:1;padding-left:5px;}
.grid_topper > .search_form > span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
.grid_topper > .search_form > span.label.pre {position:relative; padding:0px 40px 0px 50px;}
.grid_topper > .search_form > span.label.pre.right > input {text-align:right;}
.grid_topper > .search_form > span.label.pre.triple { padding:0px 40px 0px 45px; }
.grid_topper > .search_form > span.date {position:relative; padding:0px 40px 0px 0px;}
.grid_topper > .search_form > span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:0;}
.grid_topper > .search_form > span + span { margin-left:3px; }

.grid_topper > .search_form > button { display:inline-block;line-height:36px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 12px;min-width:40px;color:#fff;cursor:pointer; font-weight:400;border-radius: 5px; background:#bbb;border: 1px solid rgba(0,0,0,0.1); vertical-align: middle;}
.grid_topper > .search_form > button > i { display:inline-block;margin-right:5px;vertical-align: bottom;line-height:36px;text-align:left;font-size:15px;}
.grid_topper > .search_form > span + button { margin-left:-10px; }
.grid_topper > .search_form > button + button { margin-left:5px; }
.grid_topper > .search_form > button.focus { background: #2d3650; }
.grid_topper > .search_form > button:active { background: #2d3650; }
.grid_topper > .search_form > button.line { background:#fff;border:1px solid #ccc;color:#fff; position: absolute;top:10px;right:75px;width:20px;height:20px;line-height:20px;font-size:0px;background:#bbb;border-radius: 50%;padding:0px;border: 0px;min-width: auto;}
.grid_topper > .search_form > button.line::before {font-family : 'xeicon' !important;content: "\e922";font-size:16px;}

.grid_topper > .search_form > button.init { display:none; }
.grid_topper > .search_form > button.gray { background:#bbb; }
.grid_topper > .search_form > button.red { background:#ec635d; }
.grid_topper > .search_form > button.continue { padding:0px 30px; }

.grid_topper > .btns { dispaly:inline-block;float:right; }
.grid_topper > .btns > a { position:relative;display:inline-block;margin:0px 0px;height:38px;line-height:38px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 12px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.grid_topper > .btns > a > i { display:inline-block;height:38px;line-height:38px;vertical-align: bottom;margin-right:5px;}
.grid_topper > .btns > a + a { margin-left:2px; }
.grid_topper > .btns > a dl { display:none;position:absolute;top:36px;left:-1px;right:-1px;background:#f58621;border:1px solid rgba(0,0,0,0.2); border-top:0px solid #999;z-index: 2;}
.grid_topper > .btns > a dl dd { color:#fff;height:30px;line-height:30px;background:#f58621;border-top:1px solid rgba(0,0,0,0.2);font-size:12px;}
.grid_topper > .btns > a:hover dl { display:block; }

.grid_topper > .btns > a.blue_bg { background:#4573f2;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.grid_topper > .btns > a.red_bg { background:#ec5051;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.grid_topper > .btns > a.green_bg { background:#217346;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.grid_topper > .btns > a.black_bg { background:#2d3650;border:1px solid rgba(0,0,0,0.1);color:#fff;}
.grid_topper > .btns > a.gray_bg { background:#aaa;border:1px solid rgba(0,0,0,0.1);color:#fff;}

.grid_topper > .btns > a.red_bg > i { font-size:18px; }

.grid_wrap { padding:0px 25px; }
.grid_wrap.split { padding:0px 25px;padding-right:525px; }
.grid_wrap.category { height:500px;padding-bottom:0px;margin-top:-1px; }
.grid_wrap.worktype { height:550px;padding-bottom:0px;margin-top:-1px;}

.grid_wrap.partner { min-height:100px;padding:0px 0px; padding-bottom:0px; }

.table_box {position: relative;display:block;border:1px solid #d1d1d1;border-top:2px solid #2d3650;border-left:0px;border-right:0px;overflow: hidden;overflow-x: auto;}
.table_box > .table_head { position:absolute;overflow-y: hidden;overflow-x:hidden;display:block;height:44px;margin:0px 0px; left:0px;right:0px;top:0px;z-index:1;background:#fff;box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.1);}
.table_box > .table_foot { display:none; }

.grid_wrap.worktype + .btns { display:block;text-align: center;padding:30px 0px;}
.grid_wrap.worktype + .btns > a,
.grid_wrap.worktype + .btns > button { float: none;display:inline-block;line-height:46px;height:46px;border:0px;font-size:16px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#4573f2;border-radius: 5px;}

.grid_wrap.category + .btns { display:block;text-align: center;padding:30px 0px;padding-bottom:50px;}
.grid_wrap.category + .btns > a,
.grid_wrap.category + .btns > button { float: none;display:inline-block;line-height:46px;height:46px;border:0px;font-size:16px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#4573f2;border-radius: 5px;}

/* 목록테이블 설정( 타입1 ) */
table.list { min-width:100%;font-size:13px; color:#333;margin:0px;padding:0px;border-spacing:0px;border-collapse:collapse;height:100%;margin:0px; }
table.list th { text-align:center; border-top:0px solid #ccc;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #ccc;font-weight:300;color:#666;line-height:18px;height:36px;padding:5px 20px;background:#f8f8f8; white-space: nowrap;letter-spacing:normal;}
table.list th:first-child { border-left:0px solid #ccc; }
table.list td:first-child { border-left:0px solid #ccc; }
table.list th:last-child { border-right:0px solid #ccc; }
table.list td:last-child { border-right:0px solid #ccc; }
table.list tbody.init { display:none; }
table.list tr.trow > th { height:28px;padding:0px 20px;}
table.list.tr_ln tr { cursor:pointer; }
table.list td { font-weight:normal;text-align:center; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;white-space: nowrap;padding:7px 15px; letter-spacing:normal;line-height:18px;height:32px;position: relative;}
table.list td.chkbox { width:40px; }
table.list td.no { width:7%; }
table.list td.type { width:12%; }
table.list td.title { width:auto; }
table.list td.writer { width:10%; }
table.list td.date { width:13%; }

table.list td.s05 { width:5%; }
table.list td.s06 { width:6%; }
table.list td.s07 { width:7%; }
table.list td.s08 { width:8%; }
table.list td.s09 { width:9%; }
table.list td.s10 { width:10%; }
table.list td.s11 { width:11%; }
table.list td.s12 { width:12%; }
table.list td.s13 { width:13%; }
table.list td.s14 { width:14%; }
table.list td.s15 { width:15%; }
table.list td.s20 { width:20%; }
table.list td.title { width:auto; }

table.list td.left { text-align:  left !important; }
table.list td.worktypes { padding:7px 0px;width:250px; }
table.list td.worktypes > p { font-size:12px;display:block;line-height:22px; }
table.list td.worktypes > p + p { border-top:1px solid #ddd; }
table.list th > i.sort {position:absolute;top:0;right:0;bottom:0;height:100;padding:0px 0px;width:15px;border-left:1px solid #ddd;background:transparent;cursor:pointer;z-index:9;display: block; content:'';font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#ccc; font-size:13px; }
table.list th > i.sort::before { content: "\f0dc"; line-height:20px;height:20px;position:absolute;right:0px;top:50%;display:block;margin-top:-10px;width:15px; }
table.list th > i.sort[data-sort=ASC], table.list th > i.sort[data-sort=DESC] { color:#333; }
table.list th > i.sort[data-sort=ASC]::before { content: "\f0de";}
table.list th > i.sort[data-sort=DESC]::before { content: "\f0dd";}
table.list th > a.sort {position: relative;padding:0px 0px;background:transparent;cursor:pointer;display: block; content:'';text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:13px;color:#666; }
table.list th > a.sort::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0dc"; line-height:32px;height:32px;position:absolute;right:-20px;top:50%;display:block;margin-top:-16px;width:15px;border-left:1px solid #eee; color:#ccc; }
table.list th > a.sort[data-sort=ASC], table.list th > a.sort[data-sort=DESC] { font-weight:500;color:#111; }
table.list th > a.sort[data-sort=ASC]::before, table.list th > a.sort[data-sort=DESC]::before { color:#111; }
table.list th > a.sort[data-sort=ASC]::before { content: "\f0de";}
table.list th > a.sort[data-sort=DESC]::before { content: "\f0dd";}
table.list tr.trow th > a.sort::before {line-height:28px;height:28px;margin-top:-14px;}
table.list th.th_sort { background:#eee;border-right:1px solid #eee;padding:0px; }
#sortable_list > tr > td.move_handler { width:20px;font-size:14px;padding:0px;background:#eee;color:#666;cursor: move;border-right:0px solid #ccc;}
#sortable_list > tr.tr-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:50px;}
#sortable_list > tr.tr-placeholder > td { background: transparent;border: 0px;}
#sortable_list > tr.ui-sortable-helper { display:table !important;}
#sortable_list > tr.ui-sortable-helper > td { background:rgba(255,255,255,0.7);}
#sortable_list > tr.ui-sortable-helper > td > a { display:none; }
table.list tr > td.move_handler { width:20px;font-size:14px;padding:0px;background:#eee;color:#666;cursor: move;border-right:0px solid #ccc;}
table.list tr.tr-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:50px;}
table.list tr.tr-placeholder > td { background: transparent;border: 0px;}
table.list tr.ui-sortable-helper { display:block !important;}
table.list tr.ui-sortable-helper > td { background:rgba(255,255,255,0.7);}
table.list tr.ui-sortable-helper > td > a { display:none; }
table.list th.hide, table.list td.hide { display:none; }
table.list th > i.guide {position:absolute;top:0px;left:0px;height:0px;padding:0px 0px;width:0px;border-top: 10px solid #fddd9b;border-bottom: 10px solid transparent;border-right: 10px solid transparent;color:#ccc;}
table.list th em { font-size:12px;color:#999; }
table.list th span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list th.fix_td { width:50px; }
table.list th > label > input[type=checkbox] + span,
table.list td > label > input[type=checkbox] + span { margin:0px; }
table.list td div.thum {display:inline-block;width:40px;height:40px;border: 1px solid #ccc;background-image:url(/templets/_img/no_img.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;vertical-align: middle;}
table.list td > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > span.red { color:#8c2332; }
table.list td > span.inline { display:inline;}
table.list td > div.profile { text-align:left;position: relative;padding:0px 10px;}
table.list td > div.profile > strong { font-weight:400; }
table.list td > div.profile > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.profile > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(/templets/_img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}

table.list td > a.lbtn { display:inline-block;color:#8c704b;width:auto;border: 2px solid #8c704b;padding:0px 15px;height:30px;line-height:30px;text-align:center;background:#fff;-webkit-border-radius: 17px; -khtml-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; opacity:1;font-size:13px;font-weight:500;}

table.list td > div.lining { text-align:center;padding-right:0px;}
table.list td.left > div.lining { text-align : left; }
table.list td.right { text-align: right;}
table.list td > div.lining.sc { padding:10px 10px;}
table.list td > div.lining > strong { font-weight:400;white-space: nowrap; }
table.list td > div.lining > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:12px;color:#666;}
table.list td > div.lining > strong > i { display:inline-block;line-height:20px;vertical-align: bottom; color:#999;margin:0px 5px;font-size:13px;}
table.list td > div.lining > strong > i:nth-of-type(3) { display:none; }
table.list td > div.lining > strong > span:nth-of-type(4) { display:none; }
table.list td > div.lining > i.files { display:inline-block;line-height:20px;vertical-align: bottom; color:#4573f2;margin:0px 5px;font-size:16px;transform: rotate( -30deg );}
table.list td > div.lining > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(/templets/_img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}
table.list td > div.lining > i.thum.sq { border-radius: 0%;width:38px;height:38px; }

table.list td > div.lining > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.lining > span > b { font-weight:500;white-space: nowrap;font-size:12px;display:inline-block;vertical-align: top;line-height:18px;margin-right:5px;color:#8c2332;}
table.list td > div.lining > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(/templets/_img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}
table.list td > div.lining > i.thum.sq { border-radius: 0%;width:38px;height:38px; }
table.list td > div.lining > div.thum { display:inline-block;width:38px;height:38px;border: 1px solid #eee;background-image:url(/templets/_img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: contain;border-radius: 50%; }
table.list td > div.lining > div.thum.sq { border-radius: 0%; }
table.list td > div.lining > div.exp { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:16px; color:#999;padding:3px 0px; }
table.list td > div.lining > div.exp > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:18px; }
table.list td > div.lining > a.btn { display:none;background:#8c704b;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.lining > a.btn { top:0px !important;bottom:0px !important;left:0px !important;right:0px !important;border-radius: 0px;margin:0px;width:auto;height:auto;font-size:0px; opacity:0;}

table.list td > div.lining > a.btn.copy { background:#8c704b;right:45px;}
table.list td > div.lining > a.btn.accept { background:#8c704b;}
table.list td > div.lining > a.btn.play { background:#ec635d;right:28px;font-size:18px;}
table.list td > div.lining > a.selected { display:none;background:#ec635d;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;font-size:12px;}
table.list td > div.lining > a.selected::after { content:'선택'; }
table.list td > div.lining > i.arr { display:inline-block;margin: 0px 5px;color:#bbb;vertical-align: middle;}
table.list td > div.lining > div.exp > b > em { font-size:12px;display:inline-block;border: 1px solid #ccc;color:#999;line-height:20px;padding:0px 5px;vertical-align: middle;margin-right:5px;border-radius: 5px;}
table.list td > div.lining > div.exp > span { border: 1px solid #ccc;color:#999;display:inline-block;padding:0px 5px; color:#777;background: #fafafa;font-weight:300;}
table.list td b { display:inline-block;vertical-align: bottom;color:#333;font-weight:500;}
table.list td b.price { display:inline-block;vertical-align: bottom;color:#333;font-weight:500;font-size:15px;}
table.list td b.time { font-weight:500;font-size:14px; }
table.list td b.finish { color:#999;font-weight:500;}
table.list td b.ing { color:#ec5051;font-weight:500; }
table.list td b.pend { color:#4573f2;font-weight:500; }
table.list td b > span { color:#666;font-size:12px;font-weight:400;vertical-align: bottom;}

table.list td > div.service { text-align:center;}
table.list td > div.service > .cart { position: absolute;top:50%;left:50%;background: #ec5051;color:#fff;display:none;width:90px;line-height:30px;margin-left:-45px;margin-top:-15px;border-radius: 5px;font-size:12px;}
table.list td > div.service > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list tr:hover td > div.service > .cart { display:block; }

table.list td a.down { display:inline-block;line-height:30px;height:30px;border:0px solid #111;font-size:12px;padding:0px 20px;color:#fff;margin:0px 0px;cursor:pointer;text-align:center;background:#2d3845;color:#fff;border:0px solid #2d3845;-webkit-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
table.list td > div.script { text-align:left;position: relative;padding:10px 10px;  }
table.list td > div.script > img { float:left;display:inline-block;width:40px;height:40px; }
table.list td > div.script > span { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:18px; }
table.list td > div.script > span > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:22px; }
table.list td > div.script > a.btn { display:none;;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.mod { display:none;background:#8959d3 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.del { display:none;background:#1e2550 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.link { display:none;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:45px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.set { position: relative; }
table.list td > div.set > a.view { display:none;background:#666;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-15px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.4;}
table.list td > div.set > a.view > dl { display:none; }
table.list td > div.set > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.set > a.btn { display:none;background:#6eacee;width:50px;height:30px;line-height:30px;text-align:center;padding:0px 0px;color:#fff;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-25px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;}
table.list td > div.set > a.btn.gray { background: #999;}
table.list td > div.set > a.btn.play { background:#ec635d;right:28px;font-size:18px;text-align:center;opacity: 0.8;width:30px;padding:0px;}
table.list td div.rejected { color:#ec635d; }
table.list td div.rejected > i { font-size:16px;display:inline-block;margin-left:5px;vertical-align: middle;}
table.list td div.waiting { color:#999; }
table.list td div.noti > b.confirmed { display:block;color:#45a171;font-weight:300;font-size:13px; }
table.list td div.noti > b.pending { display:block;color:#8c2332;font-weight:300;font-size:13px; }
table.list td div.opt > b { display:block;font-weight:300;font-size:13px; }
table.list td div.opt > b.important { display:block;color:#8c2332;font-weight:300;font-size:13px; }
table.list td div.opt > b::before { content:'일반'; }
table.list td div.opt > b.important::before { content:'공지';font-weight:600; }
table.list td div.status > b.waiting { display:block;color:#999;font-weight:300;font-size:13px; }
table.list td div.status > b.proceeding { display:block;color:#45a171;font-weight:300;font-size:13px; }
table.list td div.status > b.deadlined { display:block;color:#8c2332;font-weight:300;font-size:13px; }
table.list td div.status > b.pending { display:block;color:#8c2332;font-weight:300;font-size:13px; }
table.list td div.status > b.confirmed { display:block;color:#45a171;font-weight:300;font-size:13px; }
table.list tbody { counter-reset:list-number; }
table.list tbody > tr {counter-increment:list-number;}
table.list tbody > tr > td > span.numbering::before { content:counter(list-number); font-size:13px; color:#333;}

table.list td div.inspect > b { display:inline-block;background:#999;font-weight:300;color:#fff; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td div.inspect > b.saving { background:#fafafa;color:#bbb;border:1px solid rgba(0,0,0,0.15); }
table.list td div.inspect > b.waiting { background:#999; }
table.list td div.inspect > b.pending { background:#8c2332; }
table.list td div.inspect > b.confirmed { background:#45a171; }
table.list td div.qna > b { display:inline-block;background:#999;font-weight:300;color:#fff; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td div.qna > b.confirmed { background:#45a171; }

table.list td i.qna { display:inline-block;background:#999;font-weight:300;color:#fff !important; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td i.qna.confirmed { background:#45a171; }

table.list td.input { font-size:0px; }
table.list td.input > span {  position:relative;display:inline-block;vertical-align: middle;height:28px;line-height:28px;width:80px;color:#666;font-weight:300; overflow:hidden;font-size:13px;margin:0px;margin-left:0px;background:#fff;text-align:center; border:1px solid #bbb;padding:0px 15px 0px 0px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
table.list td.input > span > select { position:relative;display:block;width:180%;padding-left:10px;height:30px;line-height:30px;background:transparent;border:0px solid #999;font-size:13px;outline: none;z-index:2; }
table.list td.input > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:30px;line-height:30px;z-index:1;}
table.list td.input input[type=text] {display:inline-block;vertical-align:middle;padding:0px 20px 0px 5px;margin:0px;line-height:28px;height:28px;border:1px solid #bbb;font-size:13px;background:#fff;width:70px;;letter-spacing:normal;text-align:right;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
table.list td.input input[type=text].w_auto { width:80%;text-align:left; }
table.list td.input input[type=text].w_auto.td { width:250px;text-align:left; }
table.list td.input input[type=text]:-moz-read-only { background-color: #eee;color:#999;border:1px solid #ccc;}
table.list td.input input[type=text]:read-only { background-color: #eee;color:#999;border:1px solid #ccc;}
table.list td.input input[type=text]::-webkit-input-placeholder { color: #fff;}
table.list td.input input[type=text]::-moz-placeholder {  color: #fff;}
table.list td.input input[type=text]:-ms-input-placeholder { color: #fff;}
table.list td.input input[type=text]:-moz-placeholder { color: #fff;}
table.list td.input b.unit {display:inline-block;vertical-align:middle;padding:0px 0px 0px 0px;margin:0px;font-weight:300;line-height:28px;height:28px;border:1px solid transparent;margin-left:-27px;width:25px;font-size:12px;background:transparent;color:#aaa;letter-spacing:normal;text-align:center;cursor:pointer;}
table.list td.input a.inbtn {display:inline-block;vertical-align: middle;padding:0px 0px;margin:0px;line-height:28px;height:28px;width:28px;background:linear-gradient(to bottom, #fff, #f8f8f8, #ddd);border:1px solid #bbb;font-size:11px;letter-spacing:normal;text-align:center;cursor:pointer;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-left:3px; }
table.list td.nodata { height:350px;}
table.list td.nodata > i { font-size:45px;color:#666;margin-bottom:0px;line-height: 50px;}
table.list td.nodata > h2 { font-size:24px;color:#666;line-height:40px;font-weight:400;margin:0px;padding:0px;}
table.list td.nodata > h2::before { content: 'No Data Available.';}
table.list td.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
table.list td.nodata > p::before { content: '조회된 데이터가 없습니다.';}
table.list tr:hover td.nodata { background: transparent;}

table.list td.nodata_s { height:200px;}
table.list td.nodata_s > i { font-size:40px;color:#666;margin-bottom:0px;line-height: 45px;}
table.list td.nodata_s > h2 { font-size:20px;color:#666;line-height:35px;font-weight:400;margin:0px;padding:0px;}
table.list td.nodata_s > h2::before { content: '설정가능한 협력사가 없습니다.';}
table.list td.nodata_s > p { font-size:13px;color:#999;line-height:20px;margin:0px;padding:0px; }
table.list td.nodata_s > p::before { content: '협력사정보설정에서 협력사 정보를 추가해주세요.';}
table.list tr:hover td.nodata_s { background: transparent;}

table.list tr:hover td { background:rgba(45,54,80,0.1); }
table.list tr:hover td > div.lining > a.btn { display:block; }
table.list tr:hover td > div.lining > a.selected { display:block; }
table.list tr:hover td > div.script > a.btn { display:block; }
table.list tr:hover td > div.set > a.view { display:block; }
table.list tr:hover td > div.set > a.btn { display:block; }
table.list tr.tot td { height:30px; }
table.list tr.tot td { font-weight:500;background:rgba(69,161,131,0.1);color:#45a171; }
table.list tr.aver td { height:30px; }
table.list tr.aver td { font-weight:500;background:rgba(136,99,93,0.1);color:#ec635d; }
table.list tr.disabled td { color:#999;background:#eee; }
table.list tr.disabled td div.lining { color:#999; }
table.list tr.disabled td div.lining > .thum { opacity: 0.5;}
table.list tr.disabled td div.lining > a { cursor: default;}
table.list td div.spl span { display:block;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;font-size:13px; overflow: hidden;}
table.list td div.spl span.select { position:relative;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer;vertical-align: middle;overflow: hidden;}
table.list td div.spl span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:38px;height:38px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;}
table.list td div.spl span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.list td div.spl span input[type=text],
table.list td div.spl span input[type=password] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:300;}
table.list td div.spl span input[type=password] {font-family: sans-serif;}
table.list td div.spl span input[type=text][data-field=readonly] { 	background:rgba(233,86,83,0.1);font-weight:400; }
table.list td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.won:after { content:"원";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;}
table.list td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.list td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
table.list td div.spl span.label.pre {position:relative; padding:0px 40px 0px 30px;}
table.list td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
table.list td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:38px;line-height:38px;z-index:1;}


div.status { height: 22px;line-height: 22px;}
div.status > b { display:inline-block;background:#999;font-weight:300;color:#fff; padding:0px 5px;min-width:70px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: bottom;border:1px solid rgba(0,0,0,0.1);text-align:center; }
div.status > b::before { display:block;text-align:center;line-height: 20px; }
div.status > b[data-val='1'] { background:#fafafa;color:#999 !important; }
div.status > b[data-val='1']::before { content:'신청'; }
div.status > b[data-val='2'] { background:#6eacee;color:#fff !important; }
div.status > b[data-val='2']::before { content:'접수'; }
div.status > b[data-val='64'] { background:#6eacee;color:#fff !important; }
div.status > b[data-val='64']::before { content:'재접수'; }

div.status > b[data-val='8'] { background:#45a171;color:#fff !important; }
div.status > b[data-val='8']::before { content:'작업중'; }
div.status > b[data-val='1024'] { background:#f19149;color:#fff !important; }
div.status > b[data-val='1024']::before { content:'작업(가)완료'; }

div.status > b[data-val='16'] { background:#e95653;color:#fff !important; }
div.status > b[data-val='16']::before { content:'작업완료확인'; }
div.status > b[data-val='512'] { background:#111;color:#fff !important; }
div.status > b[data-val='512']::before { content:'오접수'; }
div.status > b[data-val='32'] { background:#999;color:#fff !important; }
div.status > b[data-val='32']::before { content:'입주자확인'; }

div.status > b[data-val='128'] { background:#333;color:#fff !important; }
div.status > b[data-val='128']::before { content:'이관요청'; }

div.status > em { display:block;font-size:11px;color:#999; }


table.info { border:1px solid #ccc; border-top:2px solid #2d3650;margin:0px;padding:0px;border-spacing:0px;border-spacing:0px;border-collapse:collapse;width:100%;font-size:13px; color:#333;margin-bottom:0px;}
table.info th { text-align:center;background:#fafafa; border:1px solid #eee;font-weight:300;text-align:left;padding-left:15px;}
table.info td { background:#fff;font-weight:normal;text-align:left; padding:7px 7px; border:1px solid #eee;font-size:0px;}
table.info td.nopad { padding:0px; }
table.info td div.chk_ex { margin-left:21px; color:#999;font-size:12px;margin-top:5px;}
table.info td div.chk_ex + p { margin-top:10px; }
table.info td label em { font-size:13px;font-weight:400;color:#ec635d;display:inline-block;vertical-align: top;margin-left:10px;line-height:20px;}
table.info td label em.gray { color:#999; }
table.info tr th:first-child, table.info tr td:first-child { border-left:0px; }
table.info tr th:last-child, table.info tr td:last-child { border-right:0px; }
table.info tr:first-child th, table.info tr:first-child td { border-top:0px; }
table.info tr:last-child th, table.info tr:last-child td { border-bottom:0px; }
table.info tr.noline th, table.info tr.noline td { border-bottom:0px; }
table.info th > i {color:#e95653;margin-right:2px;vertical-align:middle;display:inline-block;width:14px;height:16px;line-height:16px;font-size:11px;}
table.info th > i.gray { color:#ddd; }
table.info th > span { padding-left:16px;font-size:12px;color:#999;display:block;margin-top:-3px; }
table.info th:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#ddd;margin-right:2px;vertical-align:middle;display:inline-block;width:14px;height:16px;line-height:16px;font-size:11px; content: "\f00c"; }
table.info th.required:before { color:#e95653; }
table.info th.exp { font-size:12px;color:#999; }
table.info th.exp:before { display:none; }
table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
table.info thead th:before { display:none; }
table.info th.exp { font-size:12px;color:#999; }
table.info th.exp:before { display:none; }
table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
table.info thead th:before { display:none; }
table.info th > em { font-size:12px;color:#999;margin-left:16px; }
table.info tr.hide { display:none; }
table.info th.last,
table.info td.last {border-bottom:1px solid #ccc !important;}


table.info td > .star {clear:both; display:inline-block;width:auto;line-height: 26px;font-size:0px;position: relative;white-space:nowrap;vertical-align: middle;padding:7px 0px;}
table.info td > .star > span { display:block;line-height: 26px;font-size:0px;position: relative;white-space:nowrap; }
table.info td > .star > span > i { width:26px;height: 26px;display:inline-block;font-family : 'xeicon' !important;font-size:24px;color:#bbb;vertical-align: middle;}
table.info td > .star > span > i::before { content: "\ea16"; }
table.info td > .star > span > em { display:block;white-space:nowrap;position: absolute;top:0px;left:0px;line-height: 26px;white-space:nowrap;overflow: hidden;}
table.info td > .star > span > em > i { width:26px;height: 26px;display:inline-block;font-family : 'xeicon' !important;font-size:24px;color:#fda94f;}
table.info td > .star > span > em > i::before { content: "\ea0f"; }


table.info td div.textarea { display:block;padding:10px 10px;border:1px solid rgba(0,0,0,0);background:#eee;font-size:13px; overflow: hidden;border-radius: 5px;}
table.info td div.textarea label { display:none; }
table.info td div.textarea textarea {display:block;width:100%;margin:0px;height:150px;font-size:13px;background:transparent;outline: none;resize: none;}
table.info td div.textarea.min textarea { height:80px; }
table.info td div.textarea.mmax textarea { height:250px; }
table.info td div.textarea.max textarea { height:400px; }
table.info td div.textarea.tmax textarea { height:600px; }
table.info td div.textarea.editor { height:449px;padding:0px 0px;border:0px solid #ddd; }
table.info td div.textarea + div.byte { display:block;text-align:right;color:#999;margin-top:5px; font-size:12px;font-weight:300;}
table.info td div.textarea + div.byte > span { float:left;display:inline-block;font-weight:300; }
table.info td div.textarea + div.byte > b { font-size:13px;color:#666; }
table.info td div + div.textarea { margin-top:10px; }
table.info td div.hide + div.textarea { margin-top:0px; }
table.info td div + div.textarea textarea { height:180px; }
table.info td div.row { display:block; }
table.info td div.row + div.row { margin-top:5px; }
table.info td div.row_input { display:block;height:405px;padding:10px;border:1px solid #ddd;overflow: hidden;overflow-y: auto;}
table.info td div.row_input.hide { display:none; }
table.info td div.row_input span { display:block;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;font-size:13px; overflow: hidden;}
table.info td div.row_input span + span { margin-top:5px; }
table.info td div.row_input span.label {position:relative; padding:0px 30px 0px 30px;}
table.info td div.row_input span.label > label { vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.info td div.row_input span.label > em { vertical-align: middle;position:absolute;top:8px;left:0px;width:35px;display:block;color:#fff;background:#666;font-size:12px;height:22px;line-height:22px;z-index:1;padding:0px 0px;text-align:center;}
table.info td div.row_input span input[type=text] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
table.info td div.qr_code { display:block;font-size:0px;text-align:left;}
table.info td div.qr_code > label {  display:inline-block;width:60px;height:100px;box-sizing: border-box;padding:30px 0px;color:#fff;line-height:20px;background: #999;text-align: center;vertical-align: middle; margin-right:12px;}
table.info td div.qr_code > img {  display:inline-block;margin: 0px;padding:0px;vertical-align: middle;cursor:pointer;}
table.info td div.star_input {position: relative;padding:0px 0px;font-size:0px;}
table.info td div.star_input.disabled::after { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,0);content: '';}
table.info td div.star_input > label { position:relative; display:inline-block;width:40px;padding:0px; height:40px; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow:hidden; }
table.info td div.star_input > label + label { margin:0px; }
table.info td div.star_input > label > input[type=checkbox] { display:none; }
table.info td div.star_input > label > input[type=checkbox] + span  { display:inline-block;line-height:40px;vertical-align:middle; }
table.info td div.star_input > label > input[type=checkbox] + span:before { position:absolute; top:0px; left:0px; width:40px;height:40px; border-radius: 0px; border:0px solid rgba(0,0,0,0.2);content:'\ea16'; display:block; font-family:"xeicon"; font-size:26px; line-height:40px;text-align:center; }
table.info td div.star_input > label > input[type=checkbox]:checked + span  { color:#d71920; -webkit-tap-highlight-color:transparent; }
table.info td div.star_input > label > input[type=checkbox]:checked + span:before { content:'\ea0f'; color:#d71920; }
table.info td div.star_input > span {display:block; position:relative; width:40px; float:left; height:30px; margin:0; padding:0px; line-height:normal;}
table.info td div.star_input > span > button {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; vertical-align:middle;background: transparent; color:#bbb;}
table.info td div.star_input > span > button:after {content:'\ea16'; display:block; font-family:"xeicon"; font-size:26px; line-height:40px;}
table.info td div.star_input > span.checked > button:after {content:'\ea0f'; color:#d71920;}
table.info td ul.thum { display:block;padding:0px;font-size:0px;background:transparent;margin:-10px; }
table.info td ul.thum > li { display:inline-block;font-size:13px;width:25%;padding-top:10px; }
table.info td ul.thum > li > p { display:block;margin:0 auto;text-align:center;font-size:12px;line-height:20px;color:#999;background:#eee;width:80px;border:1px solid #ccc;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; }
table.info td ul.thum > li > div { position: relative;margin:10px 10px 10px 10px;border:1px solid #ddd;height:100px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
table.info td ul.thum > li > div > input[type=file]{ position: absolute;top:0px;left:0px;line-height:100px;font-size:100px;height:100px;opacity: 0;width:100%;}
table.info td ul.thum > li > div > a { font-size:14px;width:22px;height:22px;line-height:22px;text-align:center;display: none;position: absolute;top:2px;right:2px;background:rgba(0,0,0,0.2);color:#fff;}
table.info td ul.multi_thum { display:block;padding:5px 5px;font-size:0px;background:transparent;margin:0px;border:1px solid #ddd;background:#fff; }
table.info td ul.multi_thum > li { display:inline-block;font-size:13px;width:25%; }
table.info td ul.multi_thum > li > p { display:block;margin:0 auto;text-align:center;font-size:12px;line-height:20px;color:#999;background:#eee;width:100px;border:1px solid #ccc;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; }
table.info td ul.multi_thum > li > div.picture { position: relative;margin:5px 5px 5px 5px;border:1px solid #ddd;height:130px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: contain;}
table.info td ul.multi_thum.banner > li { width:20%; }
table.info td ul.multi_thum.banner > li > div.picture { height:110px; }
table.info td ul.multi_thum > li > div.picture a.att_btn { display:none;position:absolute;top:10px;left:50%;margin-left:-35px;height:30px;padding:0px;line-height:30px;width:70px;color:#fff;background:rgba(153,153,153,0.9);border:1px solid #aaa;overflow:hidden;text-align:center;cursor:pointer;font-weight:300; }
table.info td ul.multi_thum > li > div.picture:hover a.att_btn { display:block; }
table.info td ul.multi_thum > li > div.picture a.att_btn > input[type=file] { position:absolute;top:0px;left:0px;width:100%;height:38px;line-height:38px;font-size:38px;cursor:pointer;background:#999;padding:0px;margin:0px;opacity:0;}
table.info td ul.multi_thum > li > div.picture div.checkbox  { display:none;position:absolute;bottom:0px;left:0px;right:0px;padding:7px 10px;border:1px solid transparent;vertical-align: middle;background:rgba(255,255,255,0.8);}
table.info td ul.multi_thum > li > div.picture a.detail_btn { display:none;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;height:38px;padding:0px;line-height:38px;width:38px;color:#fff;background:rgba(146,113,203,0.9); border:1px solid rgba(146,113,203,1); text-align:center;cursor:pointer;font-weight:300; -webkit-border-radius: 20px;-khtml-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
table.info td ul.multi_thum > li.is_thum > div.picture div.checkbox { display:block; }
table.info td ul.multi_thum > li.is_thum > div.picture:hover a.detail_btn { display:block; }
table.info td ul.multi_thum > li > div.picture { background-image: url(/templets/_img/no_img.gif); }
table.info td div.download { position:relative;padding:0px 0px;line-height:20px;border-top:1px solid #ddd;margin-top:7px;padding-top:7px;color:#666;font-size:12px;}
table.info td div.download > b {font-weight:500;color:#e95653;}
table.info td div.download a { position:absolute;top:15px;right:0px;height:28px;line-height:28px;font-size:12px;width:auto;color:#777;border:1px solid #bbb;font-weight:300;background:#eee;overflow:hidden;text-align:center;cursor:pointer;padding:0px 20px;border-radius: 20px;}
table.info td div.download a > i { margin-right:5px;vertical-align:middle; }
table.info td div.tips { display:block;margin-top:7px !important;padding-top:7px !important;border-top:1px solid #ddd; }
table.info td div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:5px; }
table.info td div.tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:8px;left:0px;content: ''; }
table.info td div.tips > p > b { font-weight:500; }

table.info td div.recommend { position: relative; }
table.info td div.recommend > a.btn { display:block;background:#999;width:auto;padding:0px;border:0px;height:30px;line-height:30px;width:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.6;font-size:14px;}
table.info td div.recommend > span { font-size:12px;line-height:18px;color:#999; }
table.info td div.spl span { display:block;padding:0px 0px;border:1px solid rgba(0,0,0,0);background:#eee;font-size:13px; overflow: hidden;border-radius: 5px;}
table.info td div.spl span.readonly { background:rgba(233,86,83,0.1); }
table.info td div.spl span.btn { position: relative;}
table.info td div.spl span > a { position:absolute;top:0px;right:0px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:300;border: 0px solid #aaa; }
table.info td div.spl span > .countdown { position:absolute;top:0px;right:65px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:300;border: 0px solid #aaa; }
table.info td div.spl span > a.red { background:#e95653; }
table.info td div.spl span > a.confirm { background:#313a73;padding:0px 20px; }
table.info td div.spl span > a.search { background:#313a73;padding:0px 20px; }
table.info td div.spl span > a.copy { background:#666;padding:0px 20px; }
table.info td div.spl span > a[data-role=enabled] { background:#666; }
table.info td div.spl span > a[data-role=enabled]::before { content:'사용가능' }
table.info td div.spl span > a[data-role=disabled] { background:#bbb; }
table.info td div.spl span > a[data-role=disabled]::before { content:'중복확인' }
table.info td div.spl span.select { position:relative;padding:0px 0px;border:1px solid rgba(0,0,0,0);background:#eee;cursor:pointer;vertical-align: middle;overflow: hidden;}
table.info td div.spl span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:38px;height:38px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;}
table.info td div.spl span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#bbb;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.info td div.spl span.select select.role > option[data-role=is_ev_end] { color:#313a73;background:#ddd; }
table.info td div.spl span.select select.role > option[data-role=is_ev_ing] { color:#313a73;background:#d3eef0; }
table.info td div.spl span.select select.role > option[data-role=no_ev_end] { color:#bbb;background:#ddd; }

table.info td div.spl span.select select > option:disabled { color: #bbb; background: #eee;}
table.info td div.spl span.select select > option.bold { background: #d7e3ff;}

.minicolors-swatch, .minicolors-swatch-color { border: 0px !important;cursor: pointer;}


table.info td input[data-role=colorpick] {margin:0px;line-height:38px;height:38px;width:80px;;padding:0px 10px 0px 40px;border:1px solid #ddd;background:#f5f5f5;font-size:13px;letter-spacing:normal;outline: none;font-weight:300;}
.minicolors-theme-default .minicolors-swatch { width:30px;height:30px; }
table.info td div.spl.inline { display:inline-block; margin-left:2%;}
table.info td div.spl.inline.hide { display:none; }
table.info td div.spl span input[type=text],
table.info td div.spl span input[type=password] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:300;}
table.info td div.spl span input[type=password] {font-family: sans-serif;}
table.info td div.spl span input[type=text][data-field=readonly] { 	background:rgba(215,227,255,0.4);font-weight:400; }
table.info td div.spl span input[type=text],
table.info td div.spl span input[type=password] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
table.info td div.spl span input[type=text].uppercase { text-transform: uppercase; }
table.info td div.spl span input[type=text]:disabled,
table.info td div.spl span input[type=password]:disabled,
table.info td div.spl span select:disabled,
table.info td div.spl span textarea:disabled  { background:rgba(153,108,51,0.1); }
table.info td div.spl div.file { position:relative;padding:0px 0px; }
table.info td div.spl div.file a { position:absolute;top:4px;right:4px;height:32px;line-height:32px;width:55px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:300;border: 0px;border-radius: 3px;}
table.info td div.spl div.file a input[type=file] { position:absolute;top:0px;left:0px;width:100%;height:32px;line-height:32px;font-size:38px;cursor:pointer;background:#999;padding:0px;margin:0px;opacity:0;}
table.info td div.spl div.post { position:relative;display:inline-block;width:220px;;margin-left:1%;vertical-align: middle;background:#fff; margin-bottom:0px;}
table.info td div.spl div.post a { position:absolute;top:4px;right:4px;height:32px;font-size:13px;line-height:32px;width:54px;color:#fff;font-weight:300;background:#999;overflow:hidden;text-align:center;cursor:pointer;border-radius: 3px;border:0px; }
table.info td div.spl div.post + .checkbox { display:inline-block;vertical-align: top;}
table.info td div.spl div.load { position:relative;padding:0px 0px; }
table.info td div.spl div.load a { position:absolute;top:0px;right:0px;height:38px;line-height:38px;width:80px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:300; }
table.info td div.spl div.load a.del { position:absolute;top:0px;right:115px;height:38px;line-height:38px;width:60px;color:#fff;background:#bbb;overflow:hidden;text-align:center;cursor:pointer;font-weight:300; }
table.info td div.spl div.load a.del.hide { display:none; }
table.info td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.won:after { content:"원";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;}
table.info td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.info td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
table.info td div.spl span.label.pre {position:relative; padding:0px 40px 0px 50px;}
table.info td div.spl span.label.pre.right > input {text-align:right;}
table.info td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
table.info td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.info td div.hide_wrap { display:none;padding:0px 0px;margin-top:5px; }
table.info td a { display:inline-block;padding:0px 15px;border:1px solid #ccc;background:#fff;font-size:13px;line-height:36px;height:36px;border-radius: 5px;color:#999;}
table.info td a.excel {position:relative;display:inline-block;margin:0px 0px;height:38px;line-height:38px;width:auto;color:#fff;font-weight:300; vertical-align: middle;font-size:13px;background:#197b30;text-align:center;cursor:pointer; border:1px solid rgba(0,0,0,0.1);padding:0px 15px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; }
table.info td a.excel > i { display:inline-block;height:38px;line-height:38px;vertical-align: bottom;margin-right:5px;}
table.info td a.toggle + div { margin-top:5px; }
table.info td a.excel + a.excel { margin-left:5px;background: #439467;}
table.info td a.toggle[data-toggle=N] + div { display:none; }
table.info td a.toggle[data-toggle=Y] + div { display:block; }
table.info td a.add_file { padding:0px;width:38px;text-align: center;}
table.info td a.add_file::before {  font-family: 'xeicon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:18px;}
table.info td a.add_file[data-val=ADD]::before {  content: "\e913"; }
table.info td a.add_file[data-val=REMOVE] { border:1px solid #aaa;background:#eee; }
table.info td a.add_file[data-val=REMOVE]::before {  content: "\e91a"; }
table.info td div.ex { display:inline-block;padding:0px 0px;font-size:13px;margin-left:1% !important;vertical-align: middle;color:#999; }
table.info td div.ex > em { font-size:12px;color:#e95653;display:inline-block;line-height: 20px;vertical-align: bottom;margin-left:3px;}
table.info td p.ex { display:block;padding:0px 0px !important;font-size:12px !important;vertical-align: middle;color:#999; }
table.info td div.thum { height:83px;width:83px;border:1px solid #ddd;padding:0px;vertical-align:bottom; margin-bottom:0px;background-repeat: no-repeat;background-position: center;background-size: contain;cursor:pointer; }
table.info td div.thum_sec { float:left;display:inline-block;width:85px;padding-right:10px;display:none; }
table.info td div.thum_sec.is_thum { display:inline-block; }
table.info td div.att_sec.toogle { display:none; }
table.info td div.att_sec.toogle.opened { display:block; }
table.info td div.att_sec.toogle[data-no="0"] { display:block; }
table.info td div.att_sec { margin-left:0px; }
table.info td div.att_sec + div.att_sec { margin-top:11px;position: relative;}
table.info td div.att_sec + div.att_sec::before {content: '';background: #eee;width:100%;height:1px;display:block;position: absolute;top:-6px;}
table.info td div.att_sec > .file { display:none;line-height:28px;height:28px;padding:0px 10px;margin-right:5px; }
table.info td div.att_sec > .file.is_file { display:inline-block;vertical-align: middle;max-width:150px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom: 5px;}
table.info td div.att_sec > .file + .checkbox { display:none; }
table.info td div.att_sec > .file.is_file + .checkbox { display:inline-block;vertical-align: middle;width:auto; }
table.info td div.thum_sec + div.att_sec > .checkbox { display:none; }
table.info td div.thum_sec + div.att_sec > div.spl { margin-top:0px !important; }
table.info td div.thum_sec.is_thum + div.att_sec > .checkbox { display:block; }
table.info td div.thum_sec.is_thum + div.att_sec { margin-left:95px; }
table.info td div.thum_sec.is_thum + div.att_sec > div.spl { margin-top:5px !important; }
table.info td div.thum_sec.is_thum + div.att_sec > div.spl > div { margin-left:0px; }
table.info td label { padding-left:18px;vertical-align: bottom; height:18px;line-height:18px;}
table.info td label.hide { display:none; }
table.info td label > span { display:inline-block !important;padding:0px 0px !important;border:0px solid #ddd !important;background:transparent !important;font-size:auto !important; height:18px !important;line-height:18px !important;vertical-align: top !important;}
table.info td label > span > em { display:inline-block;margin-left:5px;font-size:12px;color:#999;vertical-align: middle;}
table.info td label > span > b { display:inline-block;margin-left:5px;font-size:12px;color:#e95653;vertical-align: middle;font-weight:400;}
table.info td label > span > b[data-val=""] { display:none; }
table.info td label > span > b[data-val="0"] { display:none; }
table.info td label > span > b:before { content: attr(data-val); }
table.info td label > input[type=checkbox] + span:before { width:16px;height:16px; vertical-align: middle;}
table.info td label > input[type=checkbox]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
table.info td label > input[type=radio] + span:before { width:16px;height:16px;vertical-align: middle; }
table.info td label > input[type=radio]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
table.info td label + label { margin-left:10px; }
table.info td label.hide + label { margin-left:0px; }
table.info td label > a.btn { height:18px;line-height:18px;padding:0px 2px;;margin:0px;display:inline-block;text-decoration: underline;color:#313a73;}
table.info td label > a.btn:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;display:inline-block;color:#313a73;font-size:15px;height:18px;line-height:18px;z-index:1;margin-left:5px;}
table.info td label > a.btn[data-val=Y]:after { content:"\f106";}
table.info td img.thum + label { vertical-align:bottom; }
table.info td p.tit { font-size:13px;display:block; color:#bbb;font-weight:300;margin-bottom:7px;}
table.info td div.txt { font-size:13px;display:block; }
table.info td div.txt > b { font-weight: 500; }
table.info td div + div.txt { margin-top:5px; }
table.info td div.txt a { position:absolute;top:0px;right:0px;height:35px;line-height:35px;width:100px;color:#666;font-weight:500;background:#fff;overflow:hidden;text-align:center;cursor:pointer; border:1px solid #bbb;}
table.info td div.scrolling { position:relative;padding:0px 0px;height:210px;border:1px solid #ddd;overflow:hidden;overflow-y:scroll;overflow-x:auto;width:auto;}
table.info td div + div.scrolling { margin-top:5px; }
table.info td div.scrolling.h_auto { height:auto;overflow:hidden;overflow-y:hidden;}
table.info td div.scrolling.h_max { height:250px;display:block;}
table.info td div.scrolling.h_min { height:150px;display:block;}
table.info td div.scrolling.hide { display:none; }
table.info td div.scrolling_btn_area { padding:7px 10px;border:1px solid #ddd;margin-top:-1px;background:#eee;text-align:left;}
table.info td.nopad div.scrolling { border:0px solid #ddd; }
table.info td.nopad div.scrolling_btn_area { border:0px solid #ddd; }

table.info td > .qrcode { display:block;height:200px;position: relative;}
table.info td > .qrcode > .code { display:block;width:180px;font-size:12px;color:#999;position: absolute;top:0px;right:0px;}
table.info td > .qrcode > img { display:block;margin:0px;height:200px; }

table.info td div.scrolling_btn_area a {display:inline-block; padding:0px 12px;line-height:30px;height:30px;background:#fff;border:1px solid #ddd;color:#777;text-align:center;cursor:pointer;border-radius:4px;}
table.info td div.scrolling_btn_area a > i { font-size:13px;display:inline-block;margin-right:5px; }
table.info td div.scrolling_btn_area a.get	 { position:relative;background:#4573f2;color:#fff;border:1px solid rgba(0,0,0,0.1);float:right; }
table.info td div.scrolling_btn_area a.add { position:relative;background:#4573f2;color:#fff;border:1px solid rgba(0,0,0,0.1);padding-right:30px; }
table.info td div.scrolling_btn_area a.add:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#fff;font-size:15px;height:30px;line-height:30px;z-index:1;}
table.info td div.scrolling_btn_area > .rt { display:inline-block;float:right; }
table.info td div.scrolling_btn_area a.add dl {display:none; position:absolute;top:31px;right:-1px;background:#fff;border:1px solid #ccc;width:360px;overflow: hidden;z-index:1;}
table.info td div.scrolling_btn_area a.add dl > dd { display:inline-block;float:left;width:150px;border-top:1px solid #ddd;background:#fff;border-left:1px solid #ddd;padding:0px 15px;line-height:30px;margin-left:-1px;margin-top:-1px; }
table.info td div.scrolling_btn_area a.copy { position:relative;background:#999;color:#fff;border:1px solid rgba(0,0,0,0.1);padding:0px 15px; }
table.info td div.scrolling.input { height:250px;padding:10px;}
table.info td div.txt_ex  { position:relative;padding:10px 0px;line-height:20px;min-height:20px;border:0px solid #ddd; }
table.info td > div.status { line-height: 38px !important;height: 38px !important; }
table.info td > div.status > b { display:inline-block;font-weight:300; padding:0px 2px;min-width:100px;line-height: 38px !important;height: 38px !important;font-size:13px;border-radius: 20px;vertical-align: middle;text-align:center; }
table.info td > div.status > b:before { display:block;line-height: 38px !important;height: 38px !important; }
table.info td > div.status > span  {display:inline-block;margin-left:10px;color:#313a73;line-height:40px;vertical-align:bottom;;border:0px solid #ddd;background: transparent;}
table.info td div.txt_ex > .att_img { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > .att_img img {  max-width:30%;height: auto; width: auto\9; /* ie8 */display:inline-block; cursor: pointer;vertical-align: top;}
table.info td div.txt_ex > .att_img img + img { margin-left:10px; }
table.info td div.txt_ex > .att_img a { width:150px;padding:0px;height:150px;display:inline-block;background-position: center;background-repeat: no-repeat;background-size: cover;border:2px solid rgba(0,0,0,0.1);}
table.info td div.txt_ex > .att_img a + a { margin-left:5px; }
table.info td div.txt_ex > .att_file { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > .att_file a { max-width:150px;padding:0px;height:30px;line-height:30px;padding:0px 10px;display:inline-block;display:inline-block;vertical-align: middle;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
table.info td div.txt_ex > .att_file a + a { margin-left:5px; }
table.info td div.txt_ex > .thum { display:block;width:100%;padding-top:100%;background-color:#ddd;background-position: center;background-repeat: no-repeat;background-size: contain;margin:0px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > b {font-size:14px;line-height:20px;margin:0px;padding:0px;display:inline-block;vertical-align:bottom;font-weight:500;}

table.info td div.txt_ex > strong { display:inline-block;font-weight:400;white-space: nowrap;font-size:0px;line-height:20px; vertical-align: bottom;}
table.info td div.txt_ex > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:13px;}
table.info td div.txt_ex > strong > i { display:inline-block;line-height:20px;vertical-align: bottom; color:#999;margin:0px 5px;font-size:13px;}
table.info td div.txt_ex > strong > i:nth-of-type(3) { display:none; }
table.info td div.txt_ex > strong > span:nth-of-type(4) { display:none; }

table.info td dl.history { border: 0px;background: #f8f8f8;padding:10px 15px;}

table.info td div.txt_ex > h4 {font-size:20px;line-height:24px;margin:0px;padding:0px;display:block;vertical-align:bottom;font-weight:500;text-align: center;position: relative;}
table.info td div.txt_ex > h4 > span { display:block;line-height:20px;font-size:13px;color:#999;font-weight:400; }
table.info td div.txt_ex > h4 > a { position:absolute;top:5px;right:0px;;display:inline-block;margin:0px 2px;height:34px;line-height:34px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
table.info td div.txt_ex > h4 > a.cyanbg { position:relative;background:#313a73;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.bluebg { position:relative;background:#4573f2;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.redbg { background:#ec635d;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.graybg { background:#999;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.blackbg { background:#2d3650;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
table.info td div.txt_ex > span  {display:inline-block;margin-left:5px;color:#313a73;line-height:21px;vertical-align:bottom;}
table.info td div.txt_ex.blue {color:#313a73;}
table.info td div.txt_ex.red {color:#e95653;}
table.info td div.txt_ex.gray {color:#999;}
table.info td div.txt_ex > a { text-decoration: underline;cursor:pointer;color:#d71920;line-height:20px;border:0px solid #ddd;height:auto;padding:0px 10px;}
table.info td div.txt_ex > a.btn {text-decoration:none; display:block;background:#2d3650;width:auto;padding:0px 20px;height:36px;line-height:36px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-18px;right:0px;border-radius: 5px; opacity:0.8;}
table.info td div.txt_ex > a.btn.play { background:#ec635d;font-size:18px;}
table.info td div.txt_ex > p { margin-left:10px; }
table.info td div.txt > b.big { font-size:34px;font-weight:500;color:#ec635d;line-height:50px; display:inline-block;}
table.info td div.txt > b.big > i { font-size:16px;font-weight:300;display:inline-block;margin-left:3px; }
table.info td div.txt > p { color:#888; }
table.info td div.txt > p > b { font-size:16px;font-weight:500;color:#666; }
table.info td div.txt > p > b > i { font-size:13px;font-weight:300;display:inline-block;margin-left:0px; }
table.info td div.checkbox  { padding:10px 0px;border:1px solid transparent;vertical-align: middle;font-size: 0px;}
table.info td div.checkbox.min { max-height:200px;overflow: hidden;overflow-y: auto;}
table.info td div.checkbox + div.add_opt { margin-left:20px; }
table.info td div.checkbox.half  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.half > label { min-width:100px; }
table.info td div.checkbox.qt  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.qt > label { width:20%; }
table.info td div.checkbox.qt > label + label { margin-left:0px; }
table.info td div.checkbox.th  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.th.worktypes  { line-height:22px;padding:5px 0px; }
table.info td div.checkbox.th > label { width:33.3333%;box-sizing: border-box;}
table.info td div.checkbox.th > label + label { margin-left:0px; }
table.info td div.checkbox.th > label > input[type=checkbox]:checked + span:before { background: #e95653;color:#fff; }
table.info td div.checkbox.th > label > input[type=checkbox]:checked + span { color:#e95653;font-weight:500; }
table.info td div.checkbox.thr > label { width:12%; }
table.info td div.checkbox.thr > label + label { margin-left:0px; }

table.info td div.checkbox.disable label { cursor:default !important; }
table.info td div.checkbox.inline { display:inline-block; }
table.info td.defect_img { background: #fafafa;}

ul.defect_pic { display:block;overflow: hidden;position: relative;margin-bottom:0px;font-size:0px;margin-left:-1%;}
ul.defect_pic > li { margin-left:1%;width:24%;display:inline-block;padding-top:32.3333%;position: relative;}
ul.defect_pic.split_2 > li { width:49%;padding-top:32.3333%; }
ul.defect_pic.split_3 > li { width:32.3333%;padding-top:32.3333%; }
ul.defect_pic.split_4 > li { width:24%;padding-top:24%; }
ul.defect_pic > li > a { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background-position: center;background-repeat: no-repeat;background-size: cover;height:auto;border: 0px;}
ul.defect_pic > li > a > span { position: absolute;top:10px;right:10px;padding:0px 12px 0px 4px;line-height:28px;border-radius: 15px;background: rgba(0,0,0,0.7);color:#fff;font-size:12px;z-index:6;display:block;}
ul.defect_pic > li > a > span > b { display:inline-block;font-size:10px;line-height:20px;width:16px;padding:0px 2px;border-radius: 12px;background: #ec635d;color:#fff;vertical-align: bottom;text-align:center;margin-bottom:4px;margin-right:5px;font-weight:400;}

ul.defect_pic > li .img_wrap {position: absolute;top:50%;left:50%;width:auto;height:auto;transform: translate(-50%, -50%);margin:0px;padding:0px;}
ul.defect_pic > li .img_wrap > img { display:block;width:100%;margin:0px;padding:0px }
ul.defect_pic > li .img_wrap > span { position:absolute;width:10% !important;padding-top:10% !important;top:75%;left:10%;;opacity: 0.8;transition:width 0.2s, padding 0.2s, opacity 0.2s;}
ul.defect_pic > li .img_wrap > span > i { display:block;position: absolute;left:-30%;top:-95%;width:100%;height:100%;background:url(/templets/_img/marker.png?1) transparent center no-repeat;background-size: cover;}
ul.defect_pic > li .img_wrap > span > a.del { position: absolute;background: #111;width:28px;height:28px;line-height:28px;border-radius: 50%;text-align:center;top:-100%;left:20%;display:none;}
ul.defect_pic > li .img_wrap > span > a.del::before { font-family: 'xeicon' !important;content:'\e921';width:20px;text-align:center; color:#fff;}
ul.defect_pic > li .img_wrap > span.enable { width:20% !important;padding-top:20% !important;opacity: 0.5; }
ul.defect_pic > li .img_wrap > span.fixed { width:10% !important;padding-top:10% !important;opacity: 1; }
ul.defect_pic > li .img_wrap > span.delmode > a.del { display:none; }
ul.defect_pic > li .img_wrap > span.enable.delmode { width:10% !important;padding-top:10% !important;opacity: 1; }
ul.defect_pic > li.vertical .img_wrap { width:100%; }
ul.defect_pic > li.vertical .img_wrap > img { display:block;width:auto;width:100%;margin:0px;padding:0px }
ul.defect_pic > li.horizontal .img_wrap { height:100%; }
ul.defect_pic > li.horizontal .img_wrap > img { display:block;width:auto;height:100%;margin:0px;padding:0px }



.pos_wrap { position: relative;display:block;margin:auto;width:auto;height:auto;}
.pos_wrap > span.marker { position:absolute;width:8% !important;padding-top:8% !important;top:75%;left:10%;;opacity: 0.8;transition:width 0.2s, padding 0.2s, opacity 0.2s;}
.pos_wrap > span.marker > i { display:block;position: absolute;left:-30%;top:-95%;width:100%;height:100%;background:url(/templets/_img/marker.png?1) transparent center no-repeat;background-size: cover;}



section > .visual > ul.slick-dots { width:300px;position: absolute;bottom:20px;left:50%;margin-left:-150px;display:block;height:18px;line-height: 18px;font-size:0px;text-align:center;}
section > .visual > ul.slick-dots > li { display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.3);font-size:0px;border-radius: 50%;cursor: pointer;}
section > .visual > ul.slick-dots > li > button { display:none; }
section > .visual > ul.slick-dots > li + li { margin-left:5px; }
section > .visual > ul.slick-dots > li.slick-active { background:#d5a770;border:2px solid #d5a770; }

table.info td table.info_in {min-width:100%;font-size:13px; color:#333;margin:0px;padding:0px;border-spacing:0px;border-collapse:collapse;}
table.info td table.info_in th { text-align:center; border:1px solid #ddd;border-top:0px solid #ddd;font-weight:300;color:#666;line-height:18px;height:24px;padding:5px 0px;background:rgba(0,0,0,0.03); white-space: nowrap;letter-spacing:normal;}
table.info td table.info_in th > span { display:block;font-size:12px;line-height:18px;color:#999;padding-left:0px; }
table.info td table.info_in th:before {display: none; }
table.info td table.info_in td { font-weight:normal;text-align:center;font-size:13px; border:1px solid #ddd;white-space: nowrap;padding:5px 10px; letter-spacing:normal;line-height:18px;height:32px;background: #fff;}
table.info td table.info_in td div.status > b { display:inline-block;font-weight:300;padding:0px 2px;min-width:70px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;text-align:center; }
table.info td table.info_in th > label > input[type=checkbox] + span,
table.info td table.info_in td > label > input[type=checkbox] + span { margin:0px; }
table.info td table.info_in tbody.init { display:none; }
table.info td table.info_in tbody { counter-reset:list-number; }
table.info td table.info_in tbody > tr {counter-increment:list-number;}
table.info td table.info_in tbody > tr > td > span.numbering::before { content:counter(list-number); font-size:13px; color:#333;}
table.info td table.info_in th.th_sort {width:2%; }
table.info td table.info_in th:first-child,
table.info td table.info_in td:first-child { border-left:0px solid #ddd; }
table.info td table.info_in th:last-child,
table.info td table.info_in td:last-child { border-right:0px solid #ddd; }
table.info td table.info_in td.lining { text-align:left;position: relative;}
table.info td table.info_in td.lining.sc { padding:10px 10px;}
table.info td table.info_in td.lining > div.thum { float:left;display:inline-block;width:38px;height:38px;border: 1px solid #ccc;background-image: url(/templets/_img/no_img.gif);background-repeat: no-repeat;background-position: center center;background-size: cover; }
table.info td table.info_in td.lining > div.exp { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:18px; color:#999; }
table.info td table.info_in td.lining > div.exp > b { color:#333;display:block;font-size:13px;font-weight:300;line-height:22px; }
table.info td table.info_in td.lining > a.btn { display:none;background:#313a73;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.info td table.info_in td.lining > a.selected { display:none;background:#ec635d;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;}
table.info td table.info_in td.lining > i.arr { display:inline-block;margin: 0px 5px;color:#bbb;vertical-align: middle;}
table.info td table.info_in td.lining b:hover { text-decoration: underline;}
table.info td table.info_in td div.thum {display:inline-block;width:40px;height:40px;border: 1px solid #ccc;background-image:url(/templets/_img/no_img.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;vertical-align: middle;}
table.info td table.info_in td > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.info td table.info_in td > span.inline { display:inline;}
table.info td table.info_in td > div.lining { text-align:left;position: relative;padding-right:0px;}
table.info td table.info_in td.left > div.lining { text-align:left; }
table.info td table.info_in td > div.lining > strong { font-weight:400;white-space: nowrap; }
table.info td table.info_in td > div.lining > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:13px;}
table.info td table.info_in td > div.lining > strong > i { display:inline-block;line-height:20px;vertical-align: bottom; color:#999;margin:0px 5px;font-size:13px;}
table.info td table.info_in td > div.lining > strong > i:nth-of-type(3) { display:none; }
table.info td table.info_in td > div.lining > strong > span:nth-of-type(4) { display:none; }
table.info td table.info_in td > div.lining > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.info td table.info_in td > div.lining > span > b { font-weight:500;white-space: nowrap;font-size:12px;display:inline-block;vertical-align: top;line-height:18px;margin-right:5px;color:#8c2332;}

table.info td table.info_in td > div.lining.sc { padding:10px 10px;}
table.info td table.info_in td > div.lining > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.info td table.info_in td > div.lining > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(/templets/_img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}
table.info td table.info_in td > div.lining > i.thum.sq { border-radius: 0%;width:38px;height:38px; }
table.info td table.info_in td > div.lining > div.thum { float:left;display:inline-block;width:38px;height:38px;border: 1px solid #eee;background-image:url(/templets/_img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%; }
table.info td table.info_in td > div.lining > div.thum.sq { border-radius: 0%; }
table.info td table.info_in td > div.lining > div.exp { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:16px; color:#999;padding:3px 0px; }
table.info td table.info_in td > div.lining > div.exp > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:18px; }
table.info td table.info_in td > div.lining > a.btn { display:none;background:#f58621;border: 0px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;padding:0px;}
table.info td table.info_in td > div.lining > a.btn.copy { background:#ec635d;right:45px;}
table.info td table.info_in td > div.lining > a.selected { display:none;background:#ec635d;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;font-size:12px;}
table.info td table.info_in td > div.lining > a.selected::after { content:'선택'; }
table.info td table.info_in td > div.lining > i.arr { display:inline-block;margin: 0px 5px;color:#bbb;vertical-align: middle;}
table.info td table.info_in td > div.lining > div.exp > b > em { font-size:12px;display:inline-block;border: 1px solid #ccc;color:#999;line-height:20px;padding:0px 5px;vertical-align: middle;margin-right:5px;border-radius: 5px;}
table.info td table.info_in td > div.lining > div.exp > span { border: 1px solid #ccc;color:#999;display:inline-block;padding:0px 5px; color:#777;background: #fafafa;font-weight:300;}
table.info td table.info_in td b { display:inline-block;vertical-align: middle;color:#333;font-weight:300; }
table.info td table.info_in td b.time { font-weight:500;font-size:15px; }
table.info td table.info_in td a.down { display:inline-block;line-height:30px;height:30px;border:0px solid #111;font-size:12px;padding:0px 20px;color:#fff;margin:0px 0px;cursor:pointer;text-align:center;background:#2d3845;color:#fff;border:0px solid #2d3845;-webkit-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
table.info td table.info_in td > div.script { text-align:left;position: relative;padding:10px 10px;  }
table.info td table.info_in td > div.script > img { float:left;display:inline-block;width:40px;height:40px; }
table.info td table.info_in td > div.script > span { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:18px; }
table.info td table.info_in td > div.script > span > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:22px; }
table.info td table.info_in td > div.script > a.btn { display:none;;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.info td table.info_in td > div.script > a.btn.mod { display:none;background:#313a73 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.info td table.info_in td > div.script > a.btn.del { display:none;background:#2d3650 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.info td table.info_in td > div.script > a.btn.link { display:none;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:45px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}

table.info td table.info_in td .status > b { line-height: 20px !important;height: 20px !important; }
table.info td table.info_in td .status > b::before { line-height: 20px !important;height: 20px !important; }

table.info td table.info_in.config th, table.info td table.info_in.config td { padding:7px; }
table.info td table.info_in.checkbox th { padding:0px; }
table.info td table.info_in.checkbox thead tr:nth-child(2) th { padding:5px; }
table.info td table.info_in.checkbox td { padding:0px; }
table.info td table.info_in th label{ padding-left:18px;}
table.info td table.info_in th > em { font-size:12px;color:#999;margin-left:0px; }
table.info td table.info_in td label{ padding-left:18px;}
table.info td table.info_in th:first-child {border-left:0px solid #eee;}
table.info td table.info_in thead tr:nth-child(2) th:first-child {border-left:1px solid #eee;}
table.info td table.info_in td:first-child {border-left:0px solid #eee;}
table.info td table.info_in td.hide { display:none; }
table.info td table.info_in.config tbody tr:last-child th, table.info td table.info_in.config tbody tr:last-child td {border-bottom:0px solid #eee;}
table.info td table.info_in > tr:hover td.nodata { background:transparent !important; }
table.info td table.info_in td.nodata { height:120px;background:transparent;border-bottom:0px solid #eee; }
table.info td table.info_in td.nodata > i { font-size:35px;color:#2d3650;margin-bottom:5px; }
table.info td table.info_in td.nodata > h2 { font-size:18px;color:#2d3650;line-height:24px;height:24px;font-weight:300;margin:0px;padding:0px; }
table.info td table.info_in td.nodata > h2::before { content: 'No Data Available.';}
table.info td table.info_in td.nodata > p { font-size:12px;color:#999;line-height:18px;margin:0px;padding:0px; }
table.info td table.info_in td.nodata > p::before { content: '조회된 데이터가 없습니다.';}
table.info td table.info_in tr:hover td { background:#f8f8f8 ; }
table.info td table.info_in tr:hover td.btn { cursor:pointer; }
table.info td table.info_in tr:hover td > div.lining > a.btn { display:block; }
table.info td table.info_in tr:hover td > div.lining > a.selected { display:block; }
table.info td table.info_in tr:hover td > div.script > a.btn { display:block; }
table.info td table.info_in tr:hover td > div.set > a.view { display:block; }
table.info td table.info_in tr:hover td > div.set > a.btn { display:block; }
table.info td div.form_in { position:relative;padding:0px 0px;border:1px solid #ddd;}
table.info td div.form_in table th {font-weight:300;padding:10px 15px;font-size:13px;line-height:20px;color:#777;background:#fafafa;border:0px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;text-align:left;}
table.info td div.form_in table th:before {display: none; }
table.info td ul.rights { display:block;padding:0px;font-size:0px;background:transparent;margin:0px;margin-left:-1%; }
table.info td ul.rights > li { display:inline-block;font-size:13px;width:24%;margin-left:1%;vertical-align: top;padding:0px 0px;}
table.info td ul.rights > li > a { display:block;margin:0 0px;text-align:center;font-size:13px;line-height:24px;height:24px;color:#999;background:#fafafa;border:1px solid #ccc;margin-bottom:10px;}
table.info td ul.rights > li > a.checked { background:#666;color:#fff;border:1px solid #444; }
table.info td ul.rights > li > label { display:block; }
table.info td ul.rights > li > label + label { margin:0px;margin-top:5px; }
/* @FORM 테이블 설정 */

/* 영역분할 */
div.spl { display:block;margin-left:-1%; font-size:0px;vertical-align: middle;}
div + div.spl { margin-top:5px; }
div.checkbox + div.spl { margin-top:0px; }
div.spl.nmt { margin-top:0px; }
div.spl.hide { display:none; }
div.spl > div {display:inline-block;vertical-align: middle;margin-left:1%;}
div.spl > div.hide { display:none; }

div.spl > div.auto {width:auto;}

div.spl .s80 { width:80px; }
div.spl .s100 { width:100px; }
div.spl .s110 { width:110px; }
div.spl .s120 { width:120px; }
div.spl .s130 { width:130px; }
div.spl .s140 { width:140px; }
div.spl .s150 { width:150px; }
div.spl .s160 { width:160px; }
div.spl .s170 { width:170px; }
div.spl .s180 { width:180px; }
div.spl .s190 { width:190px; }
div.spl .s200 { width:200px; }
div.spl .s250 { width:250px; }

div.spl > div.s_1i2 {width:49%;}
div.spl > div.s_2i2 {width:99%;}

div.spl > div.s_1i3 {width:32.3333%;}
div.spl > div.s_2i3 {width:65.6666%;}
div.spl > div.s_3i3 {width:99%;}

div.spl > div.s_1i4 {width:24%;}
div.spl > div.s_2i4 {width:49%;}
div.spl > div.s_3i4 {width:74%;}
div.spl > div.s_4i4 {width:99%;}

div.spl > div.s_1i5 {width:19%;}
div.spl > div.s_2i5 {width:39%;}
div.spl > div.s_3i5 {width:59%;}
div.spl > div.s_4i5 {width:79%;}
div.spl > div.s_5i5 {width:99%;}

div.spl > div.s_1i6 {width:15.6666%;}
div.spl > div.s_2i6 {width:32.3333%;}
div.spl > div.s_3i6 {width:49%;}
div.spl > div.s_4i6 {width:65.6666%;}
div.spl > div.s_5i6 {width:82.3333%;}
div.spl > div.s_6i6 {width:99%;}

div.spl > div.s_1i10 {width:9%;}
div.spl > div.s_2i10 {width:19%;}
div.spl > div.s_3i10 {width:29%;}
div.spl > div.s_4i10 {width:39%;}
div.spl > div.s_5i10 {width:49%;}
div.spl > div.s_6i10 {width:59%;}
div.spl > div.s_7i10 {width:69%;}
div.spl > div.s_8i10 {width:79%;}
div.spl > div.s_9i10 {width:89%;}
div.spl > div.s_10i10 {width:99%;}

div.spl > div.s_12p {width:12%;}
div.spl > div.s_pre {width:100px;}
div.spl > div.s_won {width:120px;}
div.spl > div.s_won + label { margin-left:20px; }
div.spl > div.s_date {width:120px;}
div.spl > div.in_th {width:100px;}
/* @영역분할 */

/* 하단 버튼 영역 설정 */
.btn_wrap { margin:0px;padding:20px 30px 20px 30px;text-align:center;font-size:0px; }
.btn_wrap button { display:inline-block;line-height:42px;height:46px;border:0px;font-size:16px;width:auto;padding:0px 10px;min-width:100px;color:#fff;margin:0px 2px;cursor:pointer; font-weight:500;border-radius: 5px; background:#2d3650;border: 2px solid rgba(0,0,0,0.1); }
.btn_wrap button > i { display:inline-block;margin-right:5px;vertical-align: bottom;line-height:42px;text-align:left;font-size:18px;}
.btn_wrap button.line { background:transparent;border: 2px solid #2d3650;color:#2d3650; }
.btn_wrap button.gray { background:#bbb; }
.btn_wrap button.red { background:#ec635d; }
.btn_wrap button.continue { padding:0px 30px; }
/* 하단 버튼 영역 설정 */

/* 3단 카테고리 설정 */
table.category { width:100%;height:100%;font-size:13px; color:#333;border-left:1px solid #ccc;}
table.category th { width:25%;text-align:center;background:#f8f8f8; border-top:1px solid #ccc;font-weight:500;height:40px;color:#333;border-right:1px solid #ccc;}
table.category td { width:25%;background-color:#ffffff;font-weight:normal;text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc;border-right:1px solid #ccc;height:calc(100% - 40px);}
table.category td ul { display:block;height:100%;overflow-y:scroll;overflow-x:hidden; }
table.category td ul li { position: relative;display:block;margin:0px;border:1px solid #ccc; padding:0px 0px;line-height:50px;height:50px;background:#fff;font-size:0px;margin-top:-1px;margin-left:-1px;margin-right:-1px;}
table.category td ul li.li-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:52px;}
table.category td ul li.li-placeholder > td { background: transparent;border: 0px;}
table.category td ul li p { display:block;vertical-align: middle;margin:0px 50px 0px 30px;line-height:50px;height:50px;overflow:hidden;cursor:pointer; }
table.category td ul li p > span { float:right;font-size:12px;color:#999;margin-left:10px; }
table.category td ul li p > b { float:right;display:inline-block;font-weight:400; }
table.category td ul li p > b > i { font-weight:300;display:inline-block;vertical-align: middle;font-size:12px;}
table.category td ul li input[type=checkbox] { float:left;display:inline-block;padding:0px;margin:0px;width:16px;height:16px;vertical-align:middle;margin:5px 10px  0px  0px;font-size:12px; }
table.category td ul li img { float:left;display:inline-block;height:26px; line-height:30px;width:30px;height:30px;margin-right:10px; }
table.category td ul li > i {position:absolute;top:0px;left:0px; display:inline-block;width:20px;font-size:16px;background:#eee;line-height:50px;vertical-align: middle;margin-right:5px;border-right:1px solid #ddd;text-align:center;color:#999;cursor: move;}
table.category td ul li > a {position:absolute;display:none;top:10px;right:10px;height:28px; line-height:28px;width:28px;background:#eee;text-align:center;color:#bbb;cursor:pointer;font-size:13px;border:1px solid #bbb;-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
table.category td ul li > p > i.thum { display:inline-block;width:32px;height:32px;border: 1px solid #eee;background-image:url(/templets/_img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 0px;vertical-align: middle;margin-right:5px;}
table.category td ul li.add { border-bottom:0px solid #e6e6e6; }
table.category td ul li.add a { float:right;display:inline-block;height:28px; line-height:28px;width:auto;padding:0px 20px;background:#f58621;border:1px solid rgba(0,0,0,0.1);text-align:center;color:#fff;cursor:pointer;font-size:13px;-webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
table.category td ul li.add a > i { display:inline-block;font-size:11px;vertical-align: middle;margin-right:3px;}
table.category td ul li.on { background:#313a73;color:#fff;}
table.category td ul li.on p {color:#fff;}
table.category td ul li.on input[type=checkbox] { float:left;display:inline-block;padding:0px;margin:0px;width:16px;height:16px;vertical-align:middle;margin:5px 10px  0px  0px;font-size:12px; }
table.category td ul li:hover a {display:block;}
table.category td ul li.on i {color:#999;}

table.parts { width:100%;height:100%;font-size:13px; color:#333;border-left:1px solid #ccc;}
table.parts th { position: relative; width:20%;text-align:left;background:#f8f8f8; border-top:1px solid #ccc;font-weight:500;height:46px;color:#333;border-right:1px solid #ccc;padding-left:15px;padding-right:15px;position: relative;font-size:14px;}
table.parts td { width:20%;background-color:#ffffff;font-weight:normal;text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc;border-right:1px solid #ccc;height:calc(100% - 40px);position: relative;}
table.parts td ul { display:block;height:100%;overflow-y:scroll;overflow-x:hidden; }
table.parts td ul.hide { display:none; }
table.parts td ul li { position: relative;display:block;margin:0px;border:1px solid #ddd; padding:0px 0px;line-height:40px;height:40px;background:#fff;font-size:0px;margin-top:-1px;margin-left:-1px;margin-right:-1px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
table.parts td ul li.init { display:none; }
table.parts td ul li.hide { display:none; }
table.parts td ul li.li-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:42px;}
table.parts td ul li.li-placeholder > td { background: transparent;border: 0px;}
table.parts td ul li p { display:block;vertical-align: middle;margin:0px 15px 0px 15px;line-height:40px;height:40px;overflow:hidden; }
table.parts td ul li p > span { display:inline-block;vertical-align: bottom;font-size:13px;color:#999;margin-right:15px; }
table.parts td ul li p > b { float:right;display:inline-block;font-weight:400; }
table.parts td ul li p > b > i { font-weight:300;display:inline-block;vertical-align: middle;font-size:12px;}
table.parts td ul.sort li { padding-left:20px; }
table.parts td ul.sort li > i {position:absolute;top:0px;left:0px; display:block;width:19px;font-size:16px;background:#eee;line-height:40px;vertical-align: middle;border-right:1px solid #ddd;text-align:center;color:#999;cursor: move;}
table.parts td ul li > span { display: inline-block;width:55%;line-height:40px;height:40px;position: relative;vertical-align: top;overflow: hidden;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
table.parts td ul li > span.full { width:100%; }
table.parts td ul li > span > input { display:block;line-height:40px;font-size: 13px;padding:0px 10px;font-weight:400;color:#333;cursor:pointer; }
table.parts td ul li > span.full > input { width:100%; }
table.parts td ul li > span > a.del { display:none;position: absolute;top:10px;right:5px;font-size:20px;line-height:20px;width:20px;height:20px;color:#999;}

table.parts td ul li > span.editor { background:#fffbe5; }
table.parts td ul li > span.editor > b { display:none;}
table.parts td ul li > span.editor > input { display:block; user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;cursor:default; }
table.parts td ul li > span:hover > a.del { display:block;}

table.parts td ul li > span.select { border-right:1px dotted #ddd;width:45%;margin-right:-1px;background: #f8f8f8;z-index: 1;}
table.parts td ul li > span.select select { position:relative;display:block;width:130%;padding-left:10px;height:40px;line-height:40px;background:transparent;font-size:12px;font-weight:400;outline: none;z-index:2;color:#666; }
table.parts td ul li > span.select select:focus { background:rgba(0,0,0,0.1); }
table.parts td ul li > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:7px;display:block;color:#999;font-size:15px;height:40px;line-height:40px;z-index:1;}


table.parts td ul li > label { position:relative; display:block;padding-left:0px; height:40px; color:#666; line-height:40px; cursor:pointer;}
table.parts td ul li > label > input[type=checkbox] { display:none; }
table.parts td ul li > label > input[type=checkbox] + span  { display:block;line-height:40px;margin-left:0px;padding-left:45px;  }
table.parts td ul li > label > input[type=checkbox] + span:before { position:absolute; top:6px; left:10px; width:26px;height:26px;border-radius: 50%; border: 1px solid transparent; content: ''; background: #eee; }
table.parts td ul li > label > input[type=checkbox]:checked + span  { color:#fff; -webkit-tap-highlight-color:transparent;background: #666;}
table.parts td ul li > label > input[type=checkbox]:checked + span:before {  background: #fff; font-size:26px;text-align:center;line-height:26px; font-family: 'xeicon' !important; display: block; color:#111; content: "\e928"; }


table.parts td ul li.on { background:#666;color:#fff;}
table.parts td ul li.on > span { background: transparent !important;}
table.parts td ul li.on > span > input,
table.parts td ul li.on > span > select { color:#fff; }
table.parts td ul li.on > span > select option { color:#666; }
table.parts td ul li.on > span.editor { background: rgba(255,255,255,0.4) !important;}

table.parts th a.add { position: absolute;top:8px;right:15px;display:block;height:30px; line-height:30px;width:30px;padding:0px 0px;background:#999;border:0px solid rgba(0,0,0,0.1);text-align:center;color:#fff;cursor:pointer;font-size:16px;-webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
table.parts th b.add { position: absolute;top:8px;right:15px;display:block;height:30px; line-height:30px;width:30px;padding:0px 0px;background:transparent;font-weight:400;border:0px solid rgba(0,0,0,0.1);text-align:center;color:#999;cursor:pointer;font-size:16px;-webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
table.parts th[data-depth="1"] a.add { display:none; }
table.parts th[data-depth="2"] a.add { display:none; }
table.parts th[data-depth="3"] a.add { display:none; }
table.parts th[data-depth="4"] b.add { display:none; }

/* 20250605추가 */
.grid_wrap .search_st01{position: absolute;left: 50%;top: 50%;transform:translate(-50% , -50%); background: #fff;border: 1px solid #ccc;border-radius: 5px;height: 27px;padding: 0 5px;}

table.worktype { width:100%;height:100%;font-size:13px; color:#333;border-left:1px solid #ccc;}
table.worktype th { width:20%;text-align:left;background:#f8f8f8; border-top:1px solid #ccc;font-weight:500;height:46px;color:#333;border-right:1px solid #ccc;padding-left:15px;padding-right:15px;position: relative;font-size:14px;}

table.worktype th:nth-child(2) { width:80%; }
table.worktype td:nth-child(2) { width:80%; }

table.worktype td { width:20%;background-color:#ffffff;font-weight:normal;text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc;border-right:1px solid #ccc;height:calc(100% - 40px);position: relative;}
table.worktype td ul { display:block;height:100%;overflow-y:scroll;overflow-x:hidden; }
table.worktype td ul li { position: relative;display:block;margin:0px;border:1px solid #ddd; padding:0px 0px;line-height:50px;height:50px;background:#fff;font-size:0px;margin-top:-1px;margin-left:-1px;margin-right:-1px;}
table.worktype td ul li.init { display:none; }
table.worktype td ul li.li-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:42px;}
table.worktype td ul li.li-placeholder > td { background: transparent;border: 0px;}
table.worktype td ul li p { display:block;vertical-align: middle;margin:0px 15px 0px 15px;line-height:50px;height:50px;overflow:hidden; }
table.worktype td ul li p > span { display:inline-block;vertical-align: bottom;font-size:13px;color:#999;margin-right:15px; }
table.worktype td ul li p > b { float:right;display:inline-block;font-weight:400; }
table.worktype td ul li p > b > i { font-weight:300;display:inline-block;vertical-align: middle;font-size:12px;}
table.worktype td ul.sort li { padding-left:20px; }
table.worktype td ul.sort li > i {position:absolute;top:0px;left:0px; display:block;width:19px;font-size:16px;background:#eee;line-height:50px;vertical-align: middle;border-right:1px solid #ddd;text-align:center;color:#999;cursor: move;}
table.worktype td ul li > span { display: inline-block;width:calc(100% - 220px);line-height:50px;height:50px;position: relative;vertical-align: top;overflow: hidden;}
table.worktype td ul li > span > input { display:block;line-height:50px;font-size: 13px;padding:0px 10px;font-weight:400;color:#333;cursor:pointer; }
table.worktype td ul li > span > a.del { display:none;position: absolute;top:15px;right:5px;font-size:20px;line-height:20px;width:20px;height:20px;color:#999;}

table.worktype td ul li > span.editor { background:#fffbe5; }
table.worktype td ul li > span.editor > b { display:none;}
table.worktype td ul li > span.editor > input { display:block; user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;cursor:default; }
table.worktype td ul li > span:hover > a.del { display:block;}

table.worktype td ul li > span.select { border-right:1px dotted #ddd;width:220px;margin-right:-1px;background: #f8f8f8;z-index: 1;}
table.worktype td ul li > span.select select { position:relative;display:block;width:130%;padding-left:10px;height:50px;line-height:50px;background:transparent;font-size:12px;font-weight:400;outline: none;z-index:2;color:#666; }
table.worktype td ul li > span.select select:focus { background:rgba(0,0,0,0.1); }
table.worktype td ul li > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:7px;display:block;color:#999;font-size:15px;height:50px;line-height:50px;z-index:1;}
table.worktype td ul li.on { background:#313a73;color:#fff;}
table.worktype th a.add { position: absolute;top:8px;right:15px;display:block;height:30px; line-height:30px;width:30px;padding:0px 0px;background:#999;border:0px solid rgba(0,0,0,0.1);text-align:center;color:#fff;cursor:pointer;font-size:16px;-webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

/* @3단 카테고리 설정 */



/* 아이콘 라벨 */
i.stats {font-style:normal;display:inline-block;padding:0px 15px;font-size:12px !important;line-height:22px;    cursor: default !important; -webkit-border-radius: 11px;-khtml-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;vertical-align:middle;}
i.stats.white {background:#fff !important;color:#383838 !important;}
i.stats.black {background:#202020 !important;color:#fff !important;}
i.stats.gray {background:#bbb !important;color:#fff !important;}
i.stats.cyan {background:#48bacb !important;color:#fff !important;}
i.stats.green {background:#45a171 !important;color:#fff !important;}
i.stats.orange {background:#f19149 !important;color:#fff !important;}
i.stats.pink {background:#e95653 !important;color:#fff !important;}
i.stats.red {background:#e95653 !important;color:#fff !important;}
i.stats.blue {background:#313a73 !important;color:#fff !important;}

i.stats.save {background:#bbb !important;color:#fff !important;content:'저장'}
i.stats.wait {background:#48bacb !important;color:#fff !important;content:'대기'}
i.stats.confirmed {background:#45a171 !important;color:#fff !important;content:'승인'}
i.stats.pending {background:#e95653 !important;color:#fff !important;content:'반려'}

i.reply { font-style:normal;display:inline-block;padding:0px 10px;font-size:12px !important;line-height:22px; color:#fff !important;font-weight:400 !important;background:#bbb !important; -webkit-border-radius: 11px;-khtml-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;vertical-align:middle; }
i.reply.on {background:#e95653 !important;color:#fff !important;}

i.display { font-style:normal;display:inline-block;padding:0px 7px;font-size:0px;line-height:22px; color:rgba(255,255,255,0.7) !important;font-weight:200 !important;background:#bbb !important; -webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;vertical-align:middle;}

i.display::before {
	font-family: 'xeicon' !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 22px;
	font-size:15px !important;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e952";
	vertical-align: top;
	margin-right:3px;
}

i.display::after { display:inline-block;;line-height:22px;vertical-align: top;font-size:12px !important;}
i.display[data-val='1'] { background:#2d3650 !important;  }
i.display[data-val='1']::before { content: "\e951"; }

i.display[data-val='0']::after { content:'미지정'; }
i.display[data-val='1']::after { content:'노출'; }
i.display[data-val='2']::after { content:'미노출';}
i.display[data-val='4']::after { content:'삭제'; }

i.display.mb[data-val='1']::after { content:'승인'; }
i.display.mb[data-val='2']::after { content:'미승인';}

i.open { display:inline-block;line-height:22px;vertical-align: middle;color:#999; }
i.open[data-val='1'] { color:#333 !important; }
i.open[data-val='0'] { color:#bbb !important; }

/* @아이콘 라벨 */


/* 팝업영역 설정 */
.pop { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity; }
.pop[data-role=address_pop] { display:none;z-index: 991; }
.popup {position:fixed;top:50%;left:50%;width:auto;padding:0px;height:auto;background:#fff;
	-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	 -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
	 z-index:999;display:block;}

.popup.tras_no {
	-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
}
.popup > aside { position: fixed;top:50%;transform:translateY(-50%);left:50%;margin-left:460px;display:none;background:#fff;border:0px solid #111;padding:15px 10px;z-index:999; }


.popup > aside[data-type=LIST] > dl.history { display:block; }
.popup > aside[data-type=LIST] > dl.history > dd { font-size:12px;line-height:18px;color:#999; }

.popup > header { position:relative;display:block;padding-bottom:0px;background:#eee;padding:10px 20px;border-bottom:1px solid #ccc; height:50px;}
.popup > header h1 { font-size:22px;font-weight:500;color:#333;line-height:50px; }
.popup > header h1 > span { font-size:16px;margin-left:7px; }

.popup > header.pop_tab { padding:20px 20px 0px 20px;;height:50px; }
.popup > header.pop_tab ul { display:block;line-height:50px;height:50px;font-size:0px;background: #eee;}
.popup > header.pop_tab ul > li { display:inline-block; vertical-align: top;}
.popup > header.pop_tab ul > li > a { display:block;line-height:49px;height:49px;font-size:15px;font-weight:300;color:#999;padding:0px 20px;min-width:120px;text-align: center;border:1px solid #ccc;border-bottom:0px solid #ccc;}
.popup > header.pop_tab ul > li > a.on { background: #fff;color:#333;font-weight:500;height:51px;}
.popup > header.pop_tab ul > li + li { margin-left:-1px; }
.popup > header .close { position:absolute;top:20px;right:15px;font-size:30px;display:block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;color:#333; }
.popup > footer {position:relative; margin:0px;padding:15px 20px;height:40px;text-align:center;background:#eee;border-top:1px solid #ccc; }
.popup > footer.complete { padding-bottom:0px; }
.popup > footer a { float: none;display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#4573f2;border-radius: 5px;}
.popup > footer a.gray { background:#999; }
.popup > footer a.red { background:#ec635d; }
.popup > footer a.black { background:#2d3845; }
.popup > footer a.del {position:absolute;top:15px;right:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.popup > footer a.preview {position:absolute;top:15px;left:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#fff;margin:0px 2px;cursor:pointer;background:#ec635d; }
.popup > footer.complete a { background:#48bacb;padding:0px 30px; }
.popup > footer.complete a.gray { background:#999;padding:0px 30px; }
.popup > footer span.select {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:pointer;background:#fff;border:2px solid #e95653; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.select > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#e95653;color:#fff; }
.popup > footer span.select select { position:relative;display:block;width:130%;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333; }
.popup > footer span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:1;}

.popup > footer span.appr {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:default;;background:#eee;border:2px solid #aaa; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.appr > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#aaa;color:#fff; }
.popup > footer span.appr span { position:relative;display:block;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333;text-align:left; }

.popup > footer div[data-tab=upload] { display:none; }

.popup > section {overflow-y:auto;background:#fff;padding:0px;margin:0px;}
.popup > section.width_300 { width:300px; }
.popup > section.width_400 { width:400px; }
.popup > section.width_500 { width:500px; }
.popup > section.width_550 { width:550px; }
.popup > section.width_600 { width:600px; }
.popup > section.width_700 { width:700px; }
.popup > section.width_800 { width:800px; }
.popup > section.width_900 { width:900px; }
.popup > section.width_1000 { width:1000px; }

.popup > section.find_post { overflow: hidden;height:400px !important;padding:0px 0px 5px 0px;}

.popup > section article { padding:20px; }
.popup > section article[data-tab=upload] { display:none; }
.popup > section article div.tb_info { display:block;position:relative; }
.popup > section article div.tb_info + .tb_info { margin-top:20px; }
.popup > section article div.tb_info.hide { display:none; }
.popup > section article div.tb_info > h1 { font-size:30px;font-weight:500;display:block;padding:10px 0px;margin-bottom:10px;line-height:30px;text-align: center;}
.popup > section article div.tb_info > h2 { font-size:16px;font-weight:300;color:#666;display:block;margin-bottom:5px;line-height:30px; }
.popup > section article div.tb_info > h2 a { float:right;position:relative;display:inline-block;margin:0px 2px;height:28px;line-height:28px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#999;color:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.popup > section article div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.popup > section article div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
.popup > section article div.tb_info > h2 > span { font-size:13px;color:#999;display:inline-block;vertical-align: bottom;line-height:30px;float:right;}
.popup > section article div.tb_info > h2 > span > b { font-size:16px;color:#e95653;vertical-align: baseline;font-weight:500;}
.popup > section article div.tb_info > p { font-size:13px;font-weight:400;color:#666;display:block;margin-top:10px;line-height:22px; }
.popup > section article div.tb_info > p + p { margin-top:0px; }

.popup > section article div.tb_info > .inner_mask { position:absolute;background:rgba(0,0,0,0.05);top:31px;left:1px;right:1px;bottom:1px;display:block;z-index:2; }
.popup > section article div.tb_info > .inner_mask.status { top:91px; }

.popup > section article div.tb_info div.tips { display:block;margin-top:10px; }
.popup > section article div.tb_info div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:5px; }
.popup > section article div.tb_info div.tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:8px;left:0px;content: ''; }
.popup > section article div.tb_info div.tips > p > b { font-weight:500; }

div.tb_info dl.history { display:block;border: 1px solid #ccc;border-top: 2px solid #2d3650;padding:15px 15px; }
div.tb_info dl.history > dd { display:block;line-height:36px;height:36px;text-align:left; }
div.tb_info dl.history > dd + dd {  border-top: 1px solid #eee; }
div.tb_info dl.history > dd > div.status { float:right;margin-top:7px; }
div.tb_info dl.history > dd > span { color:#999; }
div.tb_info dl.history > dd > span + span { font-size:12px;color:#666;margin-left:10px; }


.popup > section article div.div_info { display:block;position:relative; }
.popup > section article div.div_info > hgroup { display:block;border-bottom:1px solid #ddd; padding-bottom:15px;}
.popup > section article div.div_info > hgroup > h2 { font-size:16px;font-weight: 500;line-height:22px;margin-bottom:5px;}
.popup > section article div.div_info > hgroup > p { font-size:0px;color:#999;}
.popup > section article div.div_info > hgroup > p > span { display: inline-block;font-size:13px;vertical-align: top; line-height:17px;position: relative;}
.popup > section article div.div_info > hgroup > p > span + span { margin-left:21px; }
.popup > section article div.div_info > hgroup > p > span + span::before {position: absolute;top:2px;left:-10px;content: '';width: 1px;height: 13px;background: #ddd;display:block; }
.popup > section article div.div_info > .contents { display:block; padding-top:15px;line-height:20px;}
.popup > section article div.div_info > .files { display:block; padding-top:15px;margin-top:15px;border-top:1px solid #ddd;}
.popup > section article div.div_info > .files > a { display:inline-block;vertical-align: middle;padding:0px 15px;border:1px solid #ddd;line-height:36px;height:36px;}

.popup > section article div.div_info > .reply { display:block; padding:15px;margin-top:15px;border:1px solid #ddd;background: #f5f5f5;}
.popup > section article div.div_info > .reply > h4 { font-size:14px;font-weight: 500;line-height:20px;color:#4573f2;}
.popup > section article div.div_info > .reply > p { font-size:0px;color:#999;margin-bottom:10px;}
.popup > section article div.div_info > .reply > p > span { display: inline-block;font-size:13px;vertical-align: top; line-height:17px;position: relative;}

.popup.gallery { width:100%;height:100%;background:rgba(0,0,0,0.5); }
.popup.gallery > header { background:transparent;border-bottom:1px solid transparent;position: absolute;top:0px;left:0px;right:0px;z-index:10;}
.popup.gallery > header .close { color:#fff; }
.popup.gallery > section { background:transparent;height:100% !important;overflow-y:hidden !important; }
.popup.gallery > section article { padding:0px; }
.popup.gallery > footer { display:none;background:transparent;border-top:1px solid transparent; }


.rolling_pic { display:block;padding:0px 0px;width:100%;height:100%;overflow: hidden;position: relative;}
.rolling_pic div.slide { display:block;height:100%;outline: none;position: relative;overflow: hidden;text-align:center;background-position: center;background-repeat: no-repeat;background-size: cover;outline: none;text-align:center;}
.rolling_pic div.slide .pic { position: absolute;margin: auto;height:auto;height:auto;display:inline-block;left:50%;top:50%;transform: translate(-50%, -50%);}
.rolling_pic div.slide .pic > img { width: auto; min-height: 100%; max-height: 800px;}

.rolling_pic div.slide .pic > span.marker { position:absolute;width:8% !important;padding-top:8% !important;top:75%;left:10%;;opacity: 0.8;transition:width 0.2s, padding 0.2s, opacity 0.2s;}
.rolling_pic div.slide .pic > span.marker > i { display:block;position: absolute;left:-30%;top:-95%;width:100%;height:100%;background:url(/templets/_img/marker.png?1) transparent center no-repeat;background-size: cover;}

.rolling_pic > button { display:block; width:60px;height:100px;line-height:60px;font-size:0px;text-align:center;position: absolute;top:50%;margin-top:-50px;z-index:5;}
.rolling_pic > button::before { display:block;height:100px;font-size:60px;line-height:100px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align: center;color:rgba(255,255,255,0.6);
-webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.rolling_pic > button.slick-prev { left:0px; }
.rolling_pic > button.slick-prev::before { content: "\e93b";}

.rolling_pic > button.slick-next { right:0px; }
.rolling_pic > button.slick-next::before { content: "\e93e";}
.rolling_pic > .slick-list { height:100%; }
.rolling_pic > .slick-list > .slick-track { height:100%; }

.popup > ul.tab { line-height:50px;height:50px;padding-left:1px;border-bottom:1px solid #ddd;margin-right:0px;margin-left:0px;margin-top:0px;background:#eee;}
.popup > ul.tab li { display:inline;float:left;background:#eee;font-size:16px;padding:0px 40px;font-weight:600;line-height:50px;margin-bottom:0px;margin-left:0px;border-right:1px solid #ddd;color:#bbb;cursor:pointer; }
.popup > ul.tab li.on { color:#666;background:#fff;height:51px; }


/* 메인 대시보드 */
.dashboard { display: block;font-size: 0;padding: 20px 25px 20px 25px;margin-left:0px; }
.dashboard > .w33 { display: inline-block;width: calc( 33.3333% - 20px );vertical-align: top;margin-left:20px; }
.dashboard > .w33 > .step { display: block;border: 0px solid #eee;background: #fff;border-radius: 5px;position: relative;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.dashboard > .w33 > .step > h5 { display: block;font-size: 20px;background: #fff;color:#333;border-bottom: 1px solid #ddd;padding: 0px 25px;position: relative;font-weight:500;line-height:60px; padding-left:100px;}
.dashboard > .w33 > .step > h5 > em { display:block;position: absolute;top:0px;left:0px;background: #f58621;padding-top:8px;height:60px;width:80px;box-sizing: border-box;text-align:left;padding-left:25px;font-size:13px;color:#fff;line-height:15px;font-weight:400;}
.dashboard > .w33 > .step > h5 > em > b { display:block;font-size:24px;font-weight:600;line-height:28px; }
.dashboard > .w33 > .step > h5 > a { display: block;position: absolute;top: 10px;right: 15px;color: #999;font-size: 13px;padding: 0px 10px;line-height:40px;font-weight:400; }
.dashboard > .w33 > .step > div { padding: 20px 25px 25px 25px; }
.dashboard > .w33 > .step > div > p { display: block;font-size: 14px;padding: 0px;margin-bottom:15px;line-height:20px;height:20px;overflow: hidden;}
.dashboard > .w33 > .step > div > ul { display: block;font-size: 0;padding: 0px; }
.dashboard > .w33 > .step > div > ul > li { display: block;font-size: 16px;background: #eee;border-radius: 10px;padding: 10px 20px;position: relative; }
.dashboard > .w33 > .step > div > ul > li.complete::after { content: '\e928';display:block;height:60px;font-size:40px;line-height:60px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align: center;color:#313a73;vertical-align: middle;position: absolute;top:50%;;right:20px;margin-top:-30px;}
.dashboard > .w33 > .step > div > ul > li > p { display: block;font-size: 15px;line-height:24px;font-weight:500; }
.dashboard > .w33 > .step > div > ul > li > span { display: block;font-size: 13px;color: #999;padding-left: 16px;line-height:18px;height:18px;overflow: hidden;}
.dashboard > .w33 > .step > div > ul > li + li { margin-top: 10px }
.dashboard > .w33 > .step3,
.dashboard > .w33 > .step5,
.dashboard > .w33 > .step6 { margin-top:20px; }
.dashboard > .w33 > .step1 > div > p { margin-bottom:18px; }
.dashboard > .w33 > .step2 > div > p,
.dashboard > .w33 > .step3 > div > p { margin-bottom:13px; }
.dashboard > .w33 > .step6 > div > p { height:40px;}

.dashboard > .w33 > .step > .table_wrap { overflow: hidden;padding:0px; }
.dashboard > .w33 > .step > .table_wrap > .basic_table { width:100%;word-break:break-all; }
.dashboard > .w33 > .step > .table_wrap > .basic_table th, .basic_table td { vertical-align:middle;text-align:center;font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.dashboard > .w33 > .step > .table_wrap > .basic_table th { background: #f8f8f8;color: #666;padding: 10px 10px;text-align: center;vertical-align: middle;font-weight: 400;line-height:25px;height:25px;border-bottom: 1px solid #ddd; }
.dashboard > .w33 > .step > .table_wrap > .basic_table th.uncompleted, .basic_table td.uncompleted { color: #e95653;font-weight: 500; }
.dashboard > .w33 > .step > .table_wrap > .basic_table td { padding: 8px;border-bottom: 1px solid #ddd;line-height:20px;height:30px; }
.dashboard > .w33 > .step > .table_wrap > .basic_table tr:last-child > td { border-bottom: 0px solid #ddd; }
.dashboard > .w33 > .step > .table_wrap > .basic_table tr.tot > td { background: #f8f8f8;font-weight:500; }




/* AS신청 */
/* 평면도 */
.asReg_draw{margin-bottom: 18px;display:none;}
.asReg_draw.show { display:block; }
.asReg_draw img{ width: 100%;}

.infofm{}
.infofm .obj_draw_lists { display:block; }
.infofm .obj_draw_lists > { display:block; }
.infofm .obj_draw_lists > img { display:block;width:100%; }

.tb_info .formbox{margin-bottom: 8px;display:block;}
.tb_info .formbox select{width: 100%; font-weight: 500; color: #444;height:46px;font-size:14px;}
.tb_info .formbox label.title,
.tb_info .formbox .title{display: none; color: #101010;  font-size: 13px; font-weight: 500; margin-bottom: 8px; margin-top:20px;}
.tb_info .formbox textarea{background: #fff; border: 1px solid #dcdcdc; min-height: 150px; width: 100%;font-size:14px;border-radius: 5px;display:block;}
.tb_info .photo_sec { margin-top:0px; }
/* 원경 근경사진 */
.tb_info .photoReg {padding-bottom:0px;font-size:0px; padding-top:10px;padding-right:10px;padding-bottom: 10px;background: #fafafa;border: 1px solid #ccc;border-top: 2px solid #2d3650;}
.tb_info .photoReg div{display:inline-block; width: calc( 25% - 10px ); padding-top: calc( 25% - 10px );margin-left:10px; position: relative; margin-bottom: 0px;border-radius: 5px;overflow: hidden;}
.tb_info .photoReg div a { position: absolute;top:10px;right:10px;padding:0px 12px 0px 4px;line-height:28px;border-radius: 15px;background: rgba(0,0,0,0.7);color:#fff;font-size:12px;z-index:6;display:none;}
.tb_info .photoReg div a > b { display:inline-block;font-size:10px;line-height:20px;width:16px;padding:0px 2px;border-radius: 12px;background: #ec635d;color:#fff;vertical-align: bottom;text-align:center;margin-bottom:4px;margin-right:5px;font-weight:400;}
.tb_info .photoReg div.is_file a { display:block; }
.tb_info .photoReg div label{position: absolute; width: 100%; height:100%;top:0px;left:0px;right:0px;bottom:0px; text-align: center;display:block;z-index:5;padding:0px;margin:0px;}
.tb_info .photoReg div label span { display: block; position: absolute;bottom:10px;left:10px;right:10px;font-size: 13px;border-radius: 2px; font-weight: 500; color: #252525;line-height:20px;background: rgba(255,255,255,0.6);text-shadow: 0px 0px 5px rgba(255,255,255,0.5);}
.tb_info .photoReg div label span strong{font-size:12px;line-height:20px;display:inline-block;vertical-align: bottom;font-weight:400;margin-left:5px;color:#ec635d;}
.tb_info .photoReg div input[type="file"]{display: none;}
.tb_info .photoReg div:nth-child(1){background: #dfdfdf url(/templets/_img/icon_photoType_01.png) no-repeat center 40%; background-size:45%;}
.tb_info .photoReg div:nth-child(2){background: #dfdfdf url(/templets/_img/icon_photoType_01.png) no-repeat center 40%;  background-size:45%;}
.tb_info .photoReg div:nth-child(3){background: #dfdfdf url(/templets/_img/icon_photoType_02.png) no-repeat center 40%;  background-size:45%;}
.tb_info .photoReg div:nth-child(4){background: #dfdfdf url(/templets/_img/icon_photoType_02.png) no-repeat center 40%;  background-size:45%;}
.tb_info .photoReg div .image_container{overflow: hidden;position: absolute; width: 100%; z-index:1; height: 100%;top:0px;right:0px;left:0px;bottom:0px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.tb_info .photoReg div .image_container > .img_wrap {position: absolute;top:50%;left:50%;width:auto;height:auto;transform: translate(-50%, -50%);margin:0px;padding:0px;}
.tb_info .photoReg div .image_container > .img_wrap > img { display:block;width:100%;margin:0px;padding:0px }
.tb_info .photoReg div .image_container > .img_wrap > span { position:absolute;width:10% !important;padding-top:10% !important;top:75%;left:10%;;opacity: 0.8;transition:width 0.2s, padding 0.2s, opacity 0.2s;}
.tb_info .photoReg div .image_container > .img_wrap > span > i { display:block;position: absolute;left:-30%;top:-95%;width:100%;height:100%;background:url(/templets/_img/marker.png?1) transparent center no-repeat;background-size: cover;}
.tb_info .photoReg div .image_container > .img_wrap > span > a.del { position: absolute;background: #111;width:28px;height:28px;line-height:28px;border-radius: 50%;text-align:center;top:-100%;left:20%;display:none;}
.tb_info .photoReg div .image_container > .img_wrap > span > a.del::before { font-family: 'xeicon' !important;content:'\e921';width:20px;text-align:center; color:#fff;}
.tb_info .photoReg div .image_container > .img_wrap > span.enable { width:20% !important;padding-top:20% !important;opacity: 0.5; }
.tb_info .photoReg div .image_container > .img_wrap > span.fixed { width:10% !important;padding-top:10% !important;opacity: 1; }
.tb_info .photoReg div .image_container > .img_wrap > span.delmode > a.del { display:none; }
.tb_info .photoReg div .image_container > .img_wrap > span.enable.delmode { width:10% !important;padding-top:10% !important;opacity: 1; }
.tb_info .photoReg div .image_container.vertical > .img_wrap { width:100%; }
.tb_info .photoReg div .image_container.vertical > .img_wrap > img { display:block;width:auto;width:100%;margin:0px;padding:0px }
.tb_info .photoReg div .image_container.horizontal > .img_wrap { height:100%; }
.tb_info .photoReg div .image_container.horizontal > .img_wrap > img { display:block;width:auto;height:100%;margin:0px;padding:0px }

.tb_info .photoReg.type02{border:0px; padding:0px; display: flex; justify-content: space-between;}
.tb_info .photoReg.type02 div{margin-left:0px; width:24%; padding-top:24%;}
.tb_info .photoReg.type02 div a{height:auto; border:0px;}
.tb_info .photoReg.type02 div label span{line-height:20px !important; background:rgba(255,255,255,0.6) !important;}




.img_picker { position: fixed;display:none;width:100%;max-width:800px; transform: translateX(-50%);top:0px; left: 50%; bottom:0px;height:100%;background:#222;z-index:100; }
.img_picker > .picker_sec { display:block; height:calc( 100% - 70px );position: relative;overflow: hidden;}
.img_picker > .picker_sec > div { position: absolute;top:50%;left:50%;display:block;width:100%;transform: translate(-50%, -50%);overflow: hidden;}
.img_picker > .picker_sec > div > img { display:block;width:100%;margin:0px;padding:0px }
.img_picker > .picker_sec > div > span { position:absolute;width:10% !important;padding-top:10% !important;top:75%;left:10%;;opacity: 0.8;transition:width 0.2s, padding 0.2s, opacity 0.2s;}
.img_picker > .picker_sec > div > span > i { display:block;position: absolute;left:-30%;top:-95%;width:100%;height:100%;background:url(/templets/_img/marker.png?1) transparent center no-repeat;background-size: cover;}
.img_picker > .picker_sec > div > span > a.del { position: absolute;background: #111;width:28px;height:28px;line-height:28px;border-radius: 50%;text-align:center;top:-100%;left:20%;display:none;}
.img_picker > .picker_sec > div > span > a.del::before { font-family: 'xeicon' !important;content:'\e921';width:20px;text-align:center; color:#fff;}
.img_picker > .picker_sec > div > span.enable { width:20% !important;padding-top:20% !important;opacity: 0.5; }
.img_picker > .picker_sec > div > span.fixed { width:10% !important;padding-top:10% !important;opacity: 1; }
.img_picker > .picker_sec > div > span.delmode > a.del { display:block; }
.img_picker > .picker_sec > div > span.enable.delmode { width:10% !important;padding-top:10% !important;opacity: 1; }


.img_picker > .btns { display:block;height:40px;padding:15px;background: #000;position: relative;text-align:right;font-size:0px;}
.img_picker > .btns > a { width:auto;padding:0px 20px;line-height:36px;font-size:15px;color:#fff; display:inline-block;border-radius: 5px;background: #999;border: 2px solid #999;}
.img_picker > .btns > a.confirm { background: #4573f2;border: 2px solid #4573f2;}
.img_picker > .btns > a.cancel { margin-right:5px;}

.img_picker > .btns > a.del { float:left;border: 2px solid #999;padding:0px 0px;width:36px;line-height:36px;background: transparent;text-align:center;font-size:18px;margin-left:5px; color:#999;}
.img_picker > .btns > a.del[data-mode=on] { background: #bbb;color:#fff;}
.img_picker > .btns > a.del > i { display:block;line-height:36px;}
.img_picker > .btns > a.add { float:left;border: 2px solid #fff;font-size:13px;padding:0px 10px;line-height:36px;background: transparent;text-align:center; }



/* 행사절차 안내문구 */

table.info td div.pro_btn_area a.plus	 { position:relative;background:#6eacee;color:#fff;border:1px solid rgba(0,0,0,0.1);float:left; }
table.info td div.pro_btn_area a.minus	 { position:relative;background:#f1f4f8;color:#000;border:1px solid rgba(0,0,0,0.1);float:right; }


/* 단지관리 - 사전점검 통계관련 css 작업 후 스타일 파일로 이동 */
section > .grid_topper_list { display:block;background: #fff;padding:17px 30px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);margin-bottom:10px;margin-left:10px;position: relative;border-radius: 10px;}
section > .grid_topper_list > h2 { display:block;font-size:18px;height:34px;line-height:34px;color:#333;font-weight: 400;letter-spacing: -1px;}

.grid_topper_list { display:block;padding:10px 30px;height:180px;margin-top:0px;font-size:0px; }
.grid_topper_list > .before_list, .grid_topper_list > .after_list{ border: 1px solid gold;  overflow: hidden;}

.grid_topper_list .listBox_wrap .t{display:block;font-size:18px;}
.grid_topper_list .listBox_wrap .list{overflow: hidden; padding: 5px;}
.grid_topper_list .listBox_wrap .list div{width: 25%; float: left; padding: 10px; box-sizing: border-box; border: 1px solid gold-; font-size:18px;}

.error { position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:400px;text-align:center;}
.error > i { font-size:130px;color:#4573f2;margin-bottom:0px;line-height: 150px;font-weight:300;opacity: 0.5;}
.error > h1 { font-size:30px;color:#2d3650;line-height:40px;font-weight:400;margin:0px;padding:0px;margin-top:20px;}
.error > p { font-size:15px;color:#999;line-height:24px;margin:0px;padding:0px;margin-top:10px; }
.error > .btns { display:block;height:46px;position: relative;text-align:center;font-size:0px;margin-top:40px;}
.error > .btns > a { width:auto;padding:0px 25px;line-height:42px;font-size:15px;color:#999; display:inline-block;border-radius: 5px;background:transparent;border: 2px solid #bbb;}
.error > .btns > a + a { margin-left:5px; }

.wrapper > section.error_box { display:block;height:100%;position: relative;}
.wrapper > section.error_box.bg { background: #f4f4f4;}
.wrapper > section.error_box > .error { position: relative;top:auto;left:auto;transform:none;height:400px;text-align:center;padding:200px 0px; }
.wrapper > section.error_box + footer { display:none; }
.wrapper > section.error_box > .error > .cscenter { display:block;margin-top:30px;font-size:16px; color:#999;}
.wrapper > section.error_box > .error > .cscenter > b { display:block;font-weight: 600;font-size:20px;color:#333;margin-top:5px;}
.main_visual { display:block; margin:0px;padding:0px 0px;margin-left:-20px;;margin-bottom:20px;font-size:0px; }

.today { position:relative;display:inline-block; clear:both;padding-top:40px;background:#fff;border-top:5px solid #fff;width:calc( 25% - 20px );margin-left: 20px; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); border-radius: 3px; overflow:hidden; }
.today > div {display:block;height:360px;margin:0px auto;padding:30px 30px 20px 30px;margin:0px; }
.today > hrgroup { position:absolute;top:20px;left:30px;background:#fff;display:block; z-index:1;padding:0px; padding-right:15px;}
.today > hrgroup > h4 {font-size:18px;line-height:24px;margin-bottom:0px;font-weight:500;letter-spacing: -0.5px;padding:0px 0px;color:#333;}
.today > hrgroup > p {font-size:12px;line-height:18px;margin-bottom:0px;font-weight:400; padding:0px 0px;color:#999;}
.today > hrgroup > p > label::before { display:block;width:14px;height:14px;border-radius: 50%;background:#ccc;content: '';position: absolute;top:3px;left:0px;}
.today > hrgroup > p > label + label { margin-left:20px; }
.today > hrgroup > p > label:nth-child(1)::before { background: #e95653;}
.today > hrgroup > p > label:nth-child(2)::before { background: #4573f2;}
.today > hrgroup > p > label:nth-child(3)::before { background: #999999;}

.today > div > .sales { display:block;text-align:center; padding:30px 0px 30px 0px;}
.today > div > .sales > label { display:block;padding:0px;margin:0px;font-size:15px;line-height:24px;height:24px;text-align:center;border:1px solid #ccc;color:#999;border-radius: 15px;width:100px;margin:0 auto;cursor: default;background: transparent;}
.today > div > .sales > p { display:block;line-height:84px;height:auto;font-size:40px;font-weight:600;text-align:center;color:#e95653;padding:5px 0px;;font-family:'GmarketSans'; }
.today > div > .sales > p b { font-size:55px;line-height:84px;height:70px;font-weight:600;margin-left:5px;display:inline-block;vertical-align: bottom;}
.today > div > .sales > p i { font-size:30px;line-height:93px;height:70px; display:inline-block;vertical-align: bottom;}
.today > div > .sales > span { display:block;font-size:14px;color:#666;font-weight:400;line-height:20px }
.today > div > .sales > span > b { font-size:16px;font-weight:500; }

.today > div p {position:relative;display:block; line-height:26px; font-size:13px; font-weight:400; text-align:left; color:#666; margin:0px;padding:0px;height:26px;overflow:hidden;}
.today > div p.line { border-bottom:1px solid #ddd;padding-bottom:10px; }
.today > div p > em { position:absolute;top:0px;right:0px;line-height:26px;height:26px;padding-left:10px; font-size:12px;}
.today > div p > em > b { font-weight:500;font-size:14px;display:inline-block;vertical-align: top;}
.today > div p > em > i { font-weight:400;font-size:12px;color:#999;display:inline-block;vertical-align: top; }
.today > div p.cursor { cursor:pointer; }


ul.summary_table { display:block;font-size:0px;margin-top:10px;border-top:1px solid #ddd;margin:25px -30px 0px -30px;padding:13px 0px;background: #fafafa;}
ul.summary_table > li { display:inline-block;width:50%;font-size:13px;font-size:0px;text-align:center;padding:10px 0px; }
ul.summary_table > li + li { border-left:1px solid #ddd;margin-left:-1px; }
ul.summary_table > li > label { display:block;padding:0px;margin:0px;font-size:12px;text-align:center; cursor: default;}
ul.summary_table > li > p { display:block;line-height:38px;height:30px;font-size:18px;font-weight:400;text-align:center;color:#e95653;padding:0px 0px;font-family:'GmarketSans'; }
ul.summary_table > li > p b { font-size:24px;line-height:38px;display:inline-block;vertical-align: top;font-weight:600; margin-left:0px;}
ul.summary_table > li > span { display:block;font-size:13px;line-height:20px;color:#666;font-weight:400; }
ul.summary_table > li > span > b { font-size:13px;font-weight:500; }
ul.summary_table > li + li > p { color:#4573f2; }

.today.dash { padding-top:40px; }
.today.dash > div p { line-height:32px;font-size:14px; }
.today.dash > div p > em > b { line-height:34px;font-size:16px; }
.today.dash ul.summary_table  { margin-top:25px; }
.today.dash > div > .sales { padding:25px 0px;;  }

.today > div > .box.lt > h3 > label { color:#4573f2; }
.today > div > .box.lt > h3 > b { color:#4573f2; }
.today > div > .box.rt > h3 > label { color:#e95653; }
.today > div > .box.rt > h3 > b { color:#e95653; }


.charts { position:relative;display:inline-block; clear:both;padding-top:40px;background:#fff;border-top:5px solid #fff;width:calc( 75% - 20px );margin-left: 20px;
-webkit-box-shadow:  2px 2px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);border-radius: 3px; overflow:hidden; }
.charts[data-role=member] { border-top:5px solid rgba(233,86,83,0.7); }
.charts[data-role=order_cnt] { border-top:5px solid rgba(241,148,73,0.7); }
.charts[data-role=order_price] { border-top:5px solid rgba(69,161,113,0.7); }
.charts[data-role=refund_cnt] { border-top:5px solid rgba(95,162,221,0.7); }
.charts[data-role=refund_price] { border-top:5px solid rgba(146,113,203,0.7); }

@media screen and (max-width: 1450px) {
	.today { width:calc( 33.3333% - 20px );}
	.charts { width:calc( 66.6666% - 20px ); }
}


.charts.left {float:left;display:inline-block; width: 40%; height: 350px; margin: 0 auto;border-bottom:1px solid #dce1e5; padding-bottom:0px;}
.charts.right {float:left;display:inline-block; width:60%; height: 350px;padding-bottom:0px;border-bottom:1px solid #dce1e5;}
.charts > div {display:block;height:360px;margin:0px auto;padding:30px 20px 20px 20px;margin:0px; }
.charts > hrgroup { position:absolute;top:20px;left:30px;background:#fff;display:block; z-index:1;padding:0px; padding-right:15px;}
.charts > hrgroup > h4 {font-size:18px;line-height:24px;margin-bottom:0px;font-weight:500;letter-spacing: -0.5px;padding:0px 0px;color:#333;}
.charts > hrgroup > p {font-size:12px;line-height:18px;margin-bottom:0px;font-weight:400; padding:0px 0px;color:#999;}
.charts > hrgroup > p > label { font-size:13px; }
.charts > hrgroup > p > label::before { display:block;width:14px;height:14px;border-radius: 50%;background:#ccc;content: '';position: absolute;top:3px;left:0px;}
.charts > hrgroup > p > label + label { margin-left:20px; }
.charts > hrgroup > p > label:nth-child(1)::before { background: #e95653;}
.charts > hrgroup > p > label:nth-child(2)::before { background: #4573f2;}
.charts > hrgroup > p > label:nth-child(3)::before { background: #999999;}
.charts > .date_select {position:absolute;background:#f8f8f8;top:20px;right:20px;display:block;width:auto; height:40px;text-align:center;border:1px solid #ccc;font-size:0px;font-weight:500;line-height:40px;padding:0px 5px 0px 15px;vertical-align:middle; margin:0px;-webkit-border-radius: 21px;-khtml-border-radius: 21px;-moz-border-radius: 21px;border-radius: 21px;}
.charts > .date_select input[type=text] {display:inline-block;width:80px;vertical-align: middle;margin:0px;line-height:40px;height:40px;border:0px solid #eee;font-size:14px;font-weight:400;text-align:center;background:transparent;letter-spacing:normal;outline: none;vertical-align:middle;cursor:pointer;}
.charts > .date_select > i {width:20px;height:40px;line-height:40px;font-size:14px;vertical-align:middle;display:inline-block;color:#999;cursor:pointer;}
.charts > .date_select[data-name=MONTH] { display:none; }
.charts > .date_select span {  position:relative;display:inline-block;vertical-align: middle;height:40px;line-height:40px;width:100px;color:#666;font-weight:500; font-size:16px;margin:0px 5px;background:transparent;text-align:left;cursor:pointer; border:0px solid #999;padding:0px 0px 0px 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; overflow:hidden;}
.charts > .date_select span select { position:relative;display:block;width:130%;padding-left:0px;height:40px;line-height:40px;background:transparent;font-size:16px;font-weight:500;outline: none;z-index:2; }
.charts > .date_select span:after { font-family:FontAwesome; content:"\f274";font-weight:300;vertical-align: middle;font-size:14px;vertical-align:middle;position:absolute;top:0px;right:0px;display:block;color:#999;font-size:15px;height:40px;line-height:40px;z-index:1;}
.charts > .date_select button {display:inline-block;width:50px;vertical-align: middle;margin:0px;line-height:28px;height:30px;font-size:13px;font-weight:400;text-align:center;background:#666;letter-spacing:normal;outline: none;vertical-align:middle;cursor:pointer;border-radius: 15px;color:#fff;margin-left:10px;}


ul.overview { display:block; margin:0px;margin-bottom:20px;padding:0px 0px;margin-left:-1%; clear:both;height:auto; }
ul.overview::after { clear:both;display:block;content:''; }
ul.overview li { position: relative; float:left; display:inline; line-height:16px; width:19%; font-weight:300; text-align:left; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; margin-left:1%; color:#aaa; font-size:14px; background:#fff;-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; cursor:pointer;
-webkit-box-shadow:  2px 2px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);}
ul.overview li > i { position: absolute;top:15px;left:15px;width:60px;height:60px;background:#999;color:#fff;line-height:60px;text-align:center;font-size:32px; border-radius: 50%;}
ul.overview li > i.point::after { position: absolute;top:0px;left:0px;font-size:13px;content:'P';width:60px;height:60px;line-height: 60px;font-weight:500;}
ul.overview li > i.cash::after { position: absolute;top:0px;left:0px;font-size:13px;content:'C';width:60px;height:60px;line-height: 60px;font-weight:500;}
ul.overview li > i.refund::after { position: absolute;top:0px;left:0px;font-size:13px;content:'R';width:60px;height:60px;line-height: 60px;font-weight:500;}
ul.overview li div {padding:20px 0px;margin-left:90px;text-align:left;height:auto; }
ul.overview li dl { display:block;font-size:0px;padding:10px 25px 15px 25px;margin-top:0px;border-top:1px solid #ddd; background: #fafafa;border-radius: 0px 0px 6px 6px ;}
ul.overview li dl > dd {display:block;font-size:13px;line-height:20px;position: relative;color:#666;text-align:right;}
ul.overview li dl > dd > b { position: absolute;line-height:20px;top:0px;left:0px;font-weight:300;color:#999; font-size:12px;}
ul.overview li dl > dd > i { font-size:12px;color:#999;line-height: 20px;vertical-align: bottom;}
ul.overview li h2 { display:block; line-height:22px; font-size:12px; font-weight:500;  color:#333; margin:0px;padding:0px; }
ul.overview li p {position:relative;display:block; line-height:28px; font-size:20px; font-weight:400; text-align:left; color:#333; font-weight:500; margin:0px;padding:0px;height:28px;overflow:hidden;}
ul.overview li p > i { font-weight:400;font-size:13px;color:#999;display:inline-block;margin-left:3px; }
ul.overview li:nth-child(1) > i { background:#e95653; }
ul.overview li:nth-child(1) h2 { color:#e95653; }
ul.overview li:nth-child(2) > i { background:#f19149; }
ul.overview li:nth-child(2) h2 { color:#f19149; }
ul.overview li:nth-child(3) > i { background:#45a171; }
ul.overview li:nth-child(3) h2 { color:#45a171; }
ul.overview li:nth-child(4) > i { background:#4573f2; }
ul.overview li:nth-child(4) h2 { color:#4573f2; }
ul.overview li:nth-child(5) > i { background:#9271cb; }
ul.overview li:nth-child(5) h2 { color:#9271cb; }
ul.overview li:nth-child(6) > i { background:#999; }
ul.overview li:nth-child(6) h2 { color:#999; }

ul.overview li.on dl { border-top:1px solid rgba(0,0,0,0.1); }
ul.overview li.on dl > dd {color:#fff;}
ul.overview li.on dl > dd > b { color:#fff;}
ul.overview li.on dl > dd > i { color:#fff;}

ul.overview li.on:after,
ul.overview li.on:before {top: 100%; margin-top:0px; left: 50%; margin-left:-10px;border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #fff; border-width: 10px; margin-right: -10px; }

ul.overview li.on:nth-child(1) dl { background:#e95653; }
ul.overview li.on:nth-child(2) dl { background:#f19149; }
ul.overview li.on:nth-child(3) dl { background:#45a171; }
ul.overview li.on:nth-child(4) dl { background:#4573f2; }
ul.overview li.on:nth-child(5) dl { background:#9271cb; }
ul.overview li.on:nth-child(6) dl { background:#999; }

ul.overview li.on:nth-child(1):after,
ul.overview li.on:nth-child(1):before { border-top-color: #e95653; }
ul.overview li.on:nth-child(2):after,
ul.overview li.on:nth-child(2):before { border-top-color: #f19149; }
ul.overview li.on:nth-child(3):after,
ul.overview li.on:nth-child(3):before { border-top-color: #45a171; }
ul.overview li.on:nth-child(4):after,
ul.overview li.on:nth-child(4):before { border-top-color: #4573f2; }
ul.overview li.on:nth-child(5):after,
ul.overview li.on:nth-child(5):before { border-top-color: #9271cb; }
ul.overview li.on:nth-child(6):after,
ul.overview li.on:nth-child(6):before { border-top-color: #999; }

.daily_order { position: relative;display:block; margin:0px;padding:0px 0px;margin-left:0px; border:0px solid #fff;  margin-bottom: 0px; padding:15px 0px 15px 0px;background:#fff;border-radius: 3px;
 box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);font-size:0px;}
.daily_order > h2 {width:140px;padding:0px 20px; display:block; line-height:38px; font-size:18px; font-weight:500;letter-spacing: -1px;text-align:left; color:#333; margin:0px;display:none;}
.daily_order > h2 > .reload {position:absolute;background:#f8f8f8;top:4px;right:0px;display:block;width:auto; height:28px;text-align:center;border:1px solid transparent;font-size:0px;font-weight:500;line-height:28px;padding:0px 0px 0px 5px;vertical-align:middle; margin:0px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.daily_order > h2 > .reload button {display:inline-block;width:30px;vertical-align: middle;margin:0px;margin-top:-1px;line-height:30px;height:30px;font-size:16px;font-weight:400;text-align:center;background:#bbb;letter-spacing:normal;outline: none;vertical-align:middle;cursor:pointer;border-radius: 4px;color:#fff;margin-left:5px;}

.daily_order > ul { display:block;width:100%;font-size:0px;}
.daily_order > ul::after { clear:both;display:block;content:''; }
.daily_order > ul li { display:inline-block; line-height:16px; width:calc( 100% / 8 ); font-weight:300; text-align:center; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; margin-left:0px; }
.daily_order > ul li > div { border-left:1px solid #ddd; }
.daily_order > ul li:first-child > div { border-left:0px solid #ddd; }
.daily_order > ul li > div > span { display:block;font-size:13px;line-height:18px;color:#999; }
.daily_order > ul li > div > b { display:block;font-size:18px;font-weight:500;line-height:22px;color:#666; }

ul.summary { display:block; margin:0px;padding:0px 0px;margin-left:-20px;font-size:0px; }
ul.summary::after { clear:both;display:block;content:''; }
ul.summary li { display:inline-block; line-height:16px; width:calc(25% - 20px); font-weight:300; text-align:left; margin:0px 0px 0px 0px;padding:20px 0px 0px 0px; margin-left:20px; color:#aaa; font-size:14px; }
ul.summary li.area_30 { width:26.6666%; }
ul.summary li.area_20 { width:16%; }

@media screen and (max-width: 1400px) {
	ul.summary li { width:calc(50% - 20px); }
}

ul.summary li > div { border:1px solid #fff;padding:20px 30px;background:#fff;border-radius: 3px; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); font-size:0px; }
ul.summary li > div > h2 {position: relative;border-bottom:0px solid #ccc; display:block; line-height:30px; font-size:18px; font-weight:500; letter-spacing: -0.5px;text-align:left; color:#333; margin:0px;padding:0px; margin-bottom:10px; padding-bottom:0px;}

ul.summary li > div > h2 > .date_select {position:absolute;background:#f8f8f8;top:0px;right:0px;display:block;width:auto; height:28px;text-align:center;border:1px solid #ddd;font-size:0px;font-weight:500;line-height:28px;padding:0px 0px 0px 5px;vertical-align:middle; margin:0px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
ul.summary li > div > h2 > .date_select input[type=text] {display:inline-block;width:65px;vertical-align: middle;margin:0px;line-height:28px;height:28px;border:0px solid #eee;font-size:12px;font-weight:400;text-align:center;background:transparent;letter-spacing:normal;outline: none;vertical-align:middle;cursor:pointer;}
ul.summary li > div > h2 > .date_select > i {width:16px;height:28px;line-height:28px;font-size:14px;vertical-align:middle;display:inline-block;color:#999;cursor:pointer;}
ul.summary li > div > h2 > .date_select[data-name=MONTH] { display:none; }
ul.summary li > div > h2 > .date_select span {  position:relative;display:inline-block;vertical-align: middle;height:40px;line-height:40px;width:100px;color:#666;font-weight:500; font-size:16px;margin:0px 5px;background:transparent;text-align:left;cursor:pointer; border:0px solid #999;padding:0px 0px 0px 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; overflow:hidden;}
ul.summary li > div > h2 > .date_select span select { position:relative;display:block;width:130%;padding-left:0px;height:40px;line-height:40px;background:transparent;font-size:16px;font-weight:500;outline: none;z-index:2; }
ul.summary li > div > h2 > .date_select span:after { font-family:FontAwesome; content:"\f274";font-weight:300;vertical-align: middle;font-size:14px;vertical-align:middle;position:absolute;top:0px;right:0px;display:block;color:#999;font-size:15px;height:40px;line-height:40px;z-index:1;}
ul.summary li > div > h2 > .date_select button {display:inline-block;width:30px;vertical-align: middle;margin:0px;margin-top:-1px;line-height:30px;height:30px;font-size:16px;font-weight:400;text-align:center;background:#bbb;letter-spacing:normal;outline: none;vertical-align:middle;cursor:pointer;border-radius: 4px;color:#fff;margin-left:5px;}

ul.summary li > div > h2 > .reload {position:absolute;background:#f8f8f8;top:0px;right:0px;display:block;width:auto; height:28px;text-align:center;border:1px solid transparent;font-size:0px;font-weight:500;line-height:28px;padding:0px 0px 0px 5px;vertical-align:middle; margin:0px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
ul.summary li > div > h2 > .reload button {display:inline-block;width:30px;vertical-align: middle;margin:0px;margin-top:-1px;line-height:30px;height:30px;font-size:16px;font-weight:400;text-align:center;background:#bbb;letter-spacing:normal;outline: none;vertical-align:middle;cursor:pointer;border-radius: 4px;color:#fff;margin-left:5px;}

ul.summary li > div > h2 > a {position:absolute;top:0px;right:0px;display:block;width:auto; height:30px;text-align:center;font-size:12px;color:#999;line-height:30px;padding:0px;}
ul.summary li > div > h2 > a > i { display:inline-block;vertical-align: top;height:30px;line-height:30px;}


ul.summary li > div > .box { width:50%;display:inline-block;vertical-align: middle;padding:0px;margin:0px;box-sizing: border-box;vertical-align: top;}
ul.summary li > div > .box.lt { padding-right:8px; }
ul.summary li > div > .box.rt { padding-left:8px;border-left:1px solid #ddd; }
ul.summary li > div > .box > h3 { display:block;text-align:center; padding:2px 0px 8px 0px;}
ul.summary li > div > .box > h3 > label { display:block;padding:0px;margin:0px;font-size:12px;text-align:center; }
ul.summary li > div > .box > h3 > b { display:block;line-height:20px;font-size:18px;font-weight:500; }
ul.summary li > div > .box > h3 > b > i { font-size:12px;color:#999;font-weight:400; }
ul.summary li > div > .box > h3 > b > span { font-size:12px;color:#666;font-weight:400; }
ul.summary li > div > .box.lt > h3 > label { color:#4573f2; }
ul.summary li > div > .box.lt > h3 > b { color:#4573f2; }
ul.summary li > div > .box.rt > h3 > label { color:#e95653; }
ul.summary li > div > .box.rt > h3 > b { color:#e95653; }
ul.summary li > div > .box > .scr { overflow: hidden;height:104px;overflow-y: auto;padding:0px 0px;}
ul.summary li > div > .scr { overflow: hidden;height:112px;overflow-y: auto;padding:0px 0px;}

ul.summary li p {position:relative;display:block; line-height:28px; font-size:13px; font-weight:400; text-align:left; color:#666; margin:0px;padding:0px;height:28px;overflow:hidden;}
ul.summary li p.sv { height:auto; }
ul.summary li p > em { position:absolute;top:0px;right:0px;line-height:28px;height:28px;padding-left:10px; font-size:12px;}
ul.summary li p > span { font-size:11px;color:#aaa;display:block;text-align:right;line-height:14px;margin-top:-5px; }
ul.summary li p > em > b { font-weight:500;font-size:14px;display:inline-block;vertical-align: top;}
ul.summary li p > em > b.on { color:#e95653; }
ul.summary li p > em > b.off { color:#999; }
ul.summary li p > em > i { font-weight:400;font-size:12px;color:#999;display:inline-block;vertical-align: top; }
ul.summary li p.cursor { cursor:pointer; }

ul.summary li a {position:relative;display:block; line-height:28px; font-size:13px; font-weight:400; text-align:left; color:#666; margin:0px;padding:0px;height:28px;overflow:hidden;padding:0px;padding-right:80px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
ul.summary li a > i { display:none; }
ul.summary li a.sv { height:auto;padding-right:0px; }
ul.summary li a > em { position:absolute;top:0px;right:0px;line-height:28px;height:28px;padding-left:10px; font-size:12px;}
ul.summary li a > span { font-size:11px;color:#4573f2;display:block;text-align:right;line-height:14px;margin-top:-5px; }
ul.summary li a > em > b { font-weight:500;font-size:14px;display:inline-block;vertical-align: top;}
ul.summary li a > em > b.on { color:#e95653; }
ul.summary li a > em > b.off { color:#999; }
ul.summary li a > em > i { font-weight:400;font-size:12px;color:#999;display:inline-block;vertical-align: top; }
ul.summary li a.cursor { cursor:pointer; }

ul.summary li div.nodata { height:102px;text-align:center;padding-top:10px;}
ul.summary li div.nodata > i { font-size:30px;color:#999;margin-bottom:0px;line-height: 36px;}
ul.summary li div.nodata > h2 { font-size:15px;color:#999;line-height:20px;font-weight:400;margin:0px;padding:0px;}
ul.summary li div.nodata > h2::before { content: 'No Data Available.';}
ul.summary li div.nodata > p { font-size:12px;color:#bbb;line-height:16px;margin:0px;padding:0px; text-align:center;}
ul.summary li div.nodata > p::before { content: '게시글이 없습니다.';}

ul.summary li p.strong {position:relative;display:inline-block;width:50%; line-height:20px; font-size:13px; font-weight:400; text-align:center; color:#666; margin:0px;padding:5px 0px;height:41px;overflow:hidden;text-align:center;vertical-align: top;background: #f4f4f4;margin-bottom:5px;}
.wrapper.forget::before { position: fixed;top:0px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,0.3);display:block;content: '';}
ul.summary li p.strong > span { line-height:16px;display:block;text-align: center;color:#999;font-size:12px;margin-top:0px;}
ul.summary li p.strong > em { position:relative;display:block;top:auto;right:auto;line-height:25px;height:25px;padding-left:0px; }
ul.summary li p.strong > em > b { font-weight:500;font-size:16px;display:inline-block;vertical-align: bottom;height:25px;}
ul.summary li p.strong > em > i { font-weight:400;font-size:13px;color:#999;display:inline-block;vertical-align: bottom; line-height:25px;height:25px;}
ul.summary li p.strong + p.strong { float:right;border-left:1px solid #e8e8e8;margin-left:-1px; }


ul.summary li .info { display:block; }
ul.summary li .info > p {font-size:13px;margin-left:0px;padding-top:0px;color:#999;font-weight:300;height:auto;margin-bottom:10px;line-height:18px;max-height:54px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
ul.summary li .info > h5 {font-size:14px; font-weight:400; color:#4573f2; }
ul.summary li .info > span { font-size:12px;color:#373737;display:block;line-height:18px;letter-spacing: 0px;padding-left:8px;position: relative;}
ul.summary li .info > span::before { display:block;position: absolute;content: '';width:4px;height:4px;top:7px;left:0px;background: #4573f2;border-radius: 50%;}
ul.summary li .info > span + h5 { margin-top:10px; }

ul.summary li a {position:relative;display:block; line-height:28px; font-size:13px; font-weight:400; text-align:left; color:#666; margin:0px;padding:0px;height:28px;overflow:hidden;padding-right:80px;
overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
ul.summary li a > em { position:absolute;top:0px;right:0px;line-height:28px;height:28px;padding-left:10px;font-size:12px; color:#999;}

ul.summary li > div.guide {  background: url(/_img/bg_qna.jpg?1) #fff no-repeat right bottom;background-size:190px; border:1px solid #ddd;padding:20px 20px;height:152px; }
ul.summary li > div.guide p {font-size:13px;margin-left:0px;padding-top:5px;color:#373737;font-weight:300;overflow: visible;height:auto;line-height:18px;text-shadow: 2px 2px 10px #fff;}
ul.summary li > div.guide p.txt { height:54px;margin-bottom:0px;}
ul.summary li > div.guide p span { font-size:16px;color:#8959d3;margin-top:0px;display:inline-block; }
ul.summary li > div.guide p span b { display:inline-block;font-size:14px;font-weight:300;margin-top:5px; }
ul.summary li > div.guide a {display:inline-block;font-size:14px;line-height:30px;height:30px;margin-left:0px;margin-top:15px;cursor:pointer;font-weight:300;color:#333;}
ul.summary li > div.guide a > i { display:inline-block;vertical-align: bottom;height:30px;line-height:30px;}

ul.summary li > div.customer { background: url(/_img/bg_cs.jpg?1) #fff no-repeat right bottom;background-size:190px; border:1px solid #ddd;padding:20px 20px;height:152px;margin-top:0px; }
ul.summary li > div.customer p {font-size:13px;padding-top:5px;color:#373737;font-weight:300;overflow: visible;height:auto;line-height:18px;text-shadow: 2px 2px 10px #fff;}
ul.summary li > div.customer p.txt { height:54px;margin-bottom:0px;}
ul.summary li > div.customer p.tel {font-size:16px;margin-top:0px;color:#8959d3;line-height:24px;}
ul.summary li > div.customer p.tel > b { font-weight:500; }
ul.summary li > div.customer p.tel span { font-size:12px;color:#999;font-weight:400; }
ul.summary li > div.customer p.ex {font-size:13px;margin-top:0px;color:#999;margin-top:0px;padding:0px;}
ul.summary li > div.customer a {display:inline-block;font-size:14px;margin-top:15px;line-height:30px;height:30px;cursor:pointer;font-weight:300;color:#333;}
ul.summary li > div.customer a > i { display:inline-block;vertical-align: bottom;height:30px;line-height:30px;}

@media screen and (max-width: 1450px) {
	ul.summary li > div.guide {  background:#fff; }
	ul.summary li > div.customer {  background:#fff; }
}

ul.summary li h3 { display:block;text-align:center; padding:2px 0px 8px 0px;}
ul.summary li h3 > label { display:block;padding:0px;margin:0px;font-size:12px;text-align:center; }
ul.summary li h3 > b { display:block;line-height:20px;font-size:18px;font-weight:500; }
ul.summary li h3 > b > i { font-size:12px;color:#999;font-weight:400; }
ul.summary li h3 > b > span { font-size:12px;color:#666;font-weight:400; }

.payment_sevice { display:block;padding:20px 25px;; }
.payment_sevice > .ing_summary { position: relative;display:block; margin:0px;padding:50px 0px;margin-left:0px;;margin-bottom:20px;font-size:0px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); border-radius: 3px; overflow:hidden;background: url(/templets/_img/img_login_bg.jpg) no-repeat center; background-size: cover; }
.payment_sevice > .ing_summary::before { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background: rgba(45,54,80,0.4);display:block;content: '';}
.payment_sevice > .ing_summary > .company { position:relative;display:inline-block; clear:both;padding:0px;padding-left:60px;border-top:0px solid #fff;width:calc( 33.3333% - 70px ); vertical-align: top;}
.payment_sevice > .ing_summary > .company > hgroup {display:block; }
.payment_sevice > .ing_summary > .company > hgroup > span { color:#ddd;display:block;font-size:16px;line-height: 22px;margin-bottom:5px; }
.payment_sevice > .ing_summary > .company > hgroup > h2 { font-size:26px;letter-spacing: -1px;font-weight:600;line-height: 36px;height: 30px;color:#fff;margin-bottom:0px;font-family: 'GmarketSans';}
.payment_sevice > .ing_summary > .company > hgroup > p { color:#bbb;display:block;font-size:13px;line-height: 18px; }
.payment_sevice > .ing_summary > .company > .btns { display:block;margin-top:12px;border-top:0px solid #ddd;font-size:0px; }
.payment_sevice > .ing_summary > .company > .btns > a { border:0px solid #ddd;border-radius: 5px;line-height:34px;font-size:13px;padding:0px 20px;display:inline-block;color:#fff;background: rgba(255,255,255,0.2);box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);}
.payment_sevice > .ing_summary > .company > .btns > a.on { background: #e95653;}
.payment_sevice > .ing_summary > .company > .btns > a > b { font-weight:500;font-size:14px; }
.payment_sevice > .ing_summary > .company > .btns > a + a { margin-left:5px; }


ul.service_status { display:inline-block;width:calc(66.6666% + 10px); margin:0px;padding:0px 0px;font-size:0px;vertical-align: top;}
ul.service_status li { display:inline-block; line-height:16px; width:33.3333%; font-weight:300; text-align:left; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#aaa; font-size:14px;vertical-align: top;}
ul.service_status li > div { border:0px solid #fff;padding:0px 60px;font-size:0px; border-left:2px dotted #fff; }
ul.service_status li > div > h2 {position: relative;border-bottom:0px solid #ccc; display:block; line-height:30px; font-size:18px; font-weight:500; letter-spacing: -1px;text-align:left; color:#fff; margin:0px;padding:0px; margin-bottom:10px; padding-bottom:0px;}

ul.service_status li dl { display:block; }
ul.service_status li dl > dd {position:relative;display:block; line-height:28px; font-size:13px; font-weight:400; text-align:left; color:#666; margin:0px;padding:0px;height:28px;overflow:hidden;}
ul.service_status li dl > dd > span { font-size:14px;color:#ccc;display:inline-block;line-height:28px; }
ul.service_status li dl > dd > b { font-weight:500;font-size:15px;display:inline-block;vertical-align: top;float:right;color:#fff;}
ul.service_status li dl > dd > b > span { font-weight:400;font-size:13px;margin-right:3px;line-height:28px;display:inline-block; color:#ccc;vertical-align: bottom;}
ul.service_status li p > em > b.on { color:#e95653; }
ul.service_status li p > em > b.off { color:#999; }
ul.service_status li p > em > i { font-weight:400;font-size:12px;color:#999;display:inline-block;vertical-align: top; }

@media screen and (max-width: 1750px) {
	.payment_sevice > .ing_summary > .company {display:none;}
	ul.service_status { display:inline-block;width:100%;;}
	ul.service_status li:first-child > div { border:0px solid #fff; }
}

ul.goods_items { display:block; margin:0px;padding:0px 0px;margin-left:-20px;font-size:0px; }
ul.goods_items li { display:inline-block; line-height:16px; width:calc(33.3333% - 20px); font-weight:300; text-align:left; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; margin-left:20px; color:#aaa; font-size:14px; vertical-align: top;}
ul.goods_items li > div { border:1px solid #fff;padding:50px 50px 40px 50px;background:#fff;border-radius: 3px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); font-size:0px;position: relative;}
ul.goods_items li > div > i { font-size:74px;color:#ebebeb;line-height:80px;font-family: Titillium;font-weight:700;letter-spacing: -2px;margin-left:-3px;margin-bottom:10px;display:block;}
ul.goods_items li > div > label { padding:0px;right:50px;top:50px;font-size:16px;position: absolute;display:block;color:#e95653;height:auto;text-align: right;line-height:26px;cursor: default;}
ul.goods_items li > div > label > b { font-size:18px;font-weight:500; }
ul.goods_items li > div > label > i { font-size:18px;line-height:26px;display:inline-block;vertical-align: bottom;}
ul.goods_items li > div > h2 {position: relative;border-bottom:0px solid #ccc; display:block; line-height:30px;height:30px;overflow: hidden;font-size:24px; font-weight:500; letter-spacing: -1px;text-align:left; color:#333; margin:0px;padding:0px;padding-bottom:0px;}
ul.goods_items li > div > p { display:block;font-size:16px;color:#666;line-height:22px;height:44px; }
ul.goods_items li > div > .items { dipslay:block;margin-top:10px; height:120px;}
ul.goods_items li > div > .items > p { position: relative;font-size:14px;color:#999;text-align:left; line-height:24px;padding-left:12px; }
ul.goods_items li > div > .items > p::before { display:block;width:4px;height:4px;background:#666;position: absolute;top:10px;left:0px;content: '';border-radius: 50%;}
ul.goods_items li > div > .items > p > b { font-weight:500; }
ul.goods_items li > div > .btns { display:block;margin-top:15px;border-top:1px solid #ddd;font-size:0px;text-align:center;margin-top:30px;padding-top:30px; }
ul.goods_items li > div > .btns > a { border:0px solid #ddd;background: #999;border-radius: 25px;line-height:48px;font-size:16px;padding:0px 30px;display:inline-block;color:#fff;}
ul.goods_items li > div > .btns > a.off { background: #4573f2; }

.cart_wrap > ul.goods_items { display:block; margin:0px;padding:0px 0px;margin-left:-20px;font-size:0px; }
.cart_wrap > ul.goods_items li { display:inline-block; line-height:16px; width:calc(33.3333% - 20px); font-weight:300; text-align:left; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; margin-left:20px; color:#aaa; font-size:14px; vertical-align: top;}
.cart_wrap > ul.goods_items li > div { border:1px solid #fff;padding:40px 50px 40px 50px;background:#fff;border-radius: 3px;box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); font-size:0px;position: relative;cursor: pointer;}
.cart_wrap > ul.goods_items li > div > i { display:none;}
.cart_wrap > ul.goods_items li > div > label { padding:0px;right:50px;top:auto;bottom:40px;font-size:16px;position: absolute;display:block;color:#e95653;height:auto;text-align: right;line-height:26px;cursor: default;}
.cart_wrap > ul.goods_items li > div > label > b { font-size:18px;font-weight:500; }
.cart_wrap > ul.goods_items li > div > label > i { font-size:18px;line-height:26px;display:inline-block;vertical-align: bottom;}
.cart_wrap > ul.goods_items li > div > h2 {position: relative;border-bottom:0px solid #ccc; display:block; line-height:30px; font-size:24px; font-weight:500; letter-spacing: -1px;text-align:left; color:#333; margin:0px;padding:0px;padding-bottom:0px;}
.cart_wrap > ul.goods_items li > div > p { display:block;font-size:16px;color:#666;line-height:22px; }



ul.dash_summary { display:block; margin:0px;padding:0px 0px;margin-left:-20px; }
ul.dash_summary::after { clear:both;display:block;content:''; }
ul.dash_summary li { float:left; display:inline; line-height:16px; width:calc(25% - 20px); font-weight:400; text-align:left; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; margin-left:20px; color:#aaa; font-size:14px; }
ul.dash_summary li > div { border:0px solid #fff;padding:20px 30px;background:#fff;border-radius: 3px;-webkit-box-shadow:  2px 2px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); font-size:0px; }
ul.dash_summary li > div > h2 {position: relative;border-bottom:0px solid #ccc; display:block; line-height:30px; font-size:18px; font-weight:400; text-align:left; color:#333; margin:0px;padding:0px; margin-bottom:10px; padding-bottom:0px;}
ul.dash_summary li > div > h2 > a {position:absolute;top:0px;right:0px;display:block;width:auto; height:30px;text-align:center;font-size:12px;color:#999;line-height:30px;padding:0px;}
ul.dash_summary li > div > h2 > a > i { display:inline-block;vertical-align: top;height:30px;line-height:30px;}
ul.dash_summary li > div > .box { width:50%;display:inline-block;vertical-align: middle;padding:0px;margin:0px;box-sizing: border-box;vertical-align: top;}
ul.dash_summary li > div > .box.lt { padding-right:8px; }
ul.dash_summary li > div > .box.rt { padding-left:8px;border-left:1px solid #ddd; }
ul.dash_summary li > div > .box > h3 { display:block;text-align:center; padding:2px 0px 8px 0px;}
ul.dash_summary li > div > .box > h3 > label { display:block;padding:0px;margin:0px;font-size:12px;text-align:center; }
ul.dash_summary li > div > .box > h3 > b { display:block;line-height:20px;font-size:18px;font-weight:600; }
ul.dash_summary li > div > .box > h3 > b > i { font-size:12px;color:#999;font-weight:400; }
ul.dash_summary li > div > .box > h3 > b > span { font-size:12px;color:#666;font-weight:400; }
ul.dash_summary li > div > .box.lt > h3 > label { color:#5fa2dd; }
ul.dash_summary li > div > .box.lt > h3 > b { color:#5fa2dd; }
ul.dash_summary li > div > .box.rt > h3 > label { color:#e95653; }
ul.dash_summary li > div > .box.rt > h3 > b { color:#e95653; }
ul.dash_summary li > div > .box > .scr { overflow: hidden;height:104px;overflow-y: auto;padding:0px 3px;}
ul.dash_summary li > div > .scr { overflow: hidden;height:112px;overflow-y: auto;padding:0px 3px;}

ul.dash_summary li p {position:relative;display:block; line-height:28px; font-size:13px; font-weight:400; text-align:left; color:#666; margin:0px;padding:0px;height:28px;overflow:hidden;}
ul.dash_summary li p > em { position:absolute;top:0px;right:0px;line-height:28px;height:28px;padding-left:10px; font-size:12px;}
ul.dash_summary li p > em > b { font-weight:500;font-size:14px;display:inline-block;vertical-align: top;}
ul.dash_summary li p > em > i { font-weight:400;font-size:12px;color:#999;display:inline-block;vertical-align: top; }
ul.dash_summary li p.cursor { cursor:pointer; }

ul.dash_summary li a {position:relative;display:block; line-height:28px; font-size:13px; font-weight:400; text-align:left; color:#666; margin:0px;padding:0px;height:28px;overflow:hidden;padding-right:70px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
ul.dash_summary li a > i { display:none; }
ul.dash_summary li a > em { position:absolute;top:0px;right:0px;line-height:28px;height:28px;padding-left:10px;font-size:12px; color:#999;}
ul.dash_summary li div.nodata { height:102px;text-align:center;padding-top:10px;}
ul.dash_summary li div.nodata > i { font-size:30px;color:#999;margin-bottom:0px;line-height: 36px;}
ul.dash_summary li div.nodata > h2 { font-size:15px;color:#999;line-height:20px;font-weight:400;margin:0px;padding:0px;}
ul.dash_summary li div.nodata > h2::before { content: 'No Data Available.';}
ul.dash_summary li div.nodata > p { font-size:12px;color:#bbb;line-height:16px;margin:0px;padding:0px; text-align:center;}
ul.dash_summary li div.nodata > p::before { content: '게시글이 없습니다.';}

ul.dash_summary li > div.guide {  background: url(/templets/_img/bg_qna.jpg?21) #fff no-repeat right bottom;background-size:170px; border:0px solid #ddd;padding:20px 30px;height:152px; }
ul.dash_summary li > div.guide p {font-size:14px;margin-left:0px;padding-top:5px;color:#373737;font-weight:400;height:auto;line-height:18px;}
ul.dash_summary li > div.guide p.txt { height:54px;margin-bottom:0px;line-height:22px;}
ul.dash_summary li > div.guide p span { font-size:18px;color:#4573f2;margin-top:0px;display:inline-block; }
ul.dash_summary li > div.guide p span b { display:inline-block;font-size:14px;font-weight:400;margin-top:5px; }
ul.dash_summary li > div.guide a {display:inline-block;font-size:14px;line-height:30px;height:30px;margin-left:0px;margin-top:15px;cursor:pointer;font-weight:400;color:#666;}
ul.dash_summary li > div.guide a > i { display:inline-block;vertical-align: bottom;height:30px;line-height:30px;}

ul.dash_summary li > div.customer { background: url(/templets/_img/bg_cs.jpg?21) #fff no-repeat right bottom;background-size:180px; border:0px solid #ddd;padding:20px 30px;height:152px;margin-top:0px; }
ul.dash_summary li > div.customer p {font-size:14px;padding-top:5px;color:#373737;font-weight:400;;height:auto;line-height:18px;}
ul.dash_summary li > div.customer p.txt { height:54px;margin-bottom:0px;line-height:22px;}
ul.dash_summary li > div.customer p.tel {font-size:18px;margin-top:0px;color:#4573f2;line-height:24px;}
ul.dash_summary li > div.customer p.tel > b { font-weight:500; }
ul.dash_summary li > div.customer p.tel span { font-size:12px;color:#999;font-weight:400; }
ul.dash_summary li > div.customer p.ex {font-size:13px;margin-top:0px;color:#999;margin-top:0px;padding:0px;}
ul.dash_summary li > div.customer a {display:inline-block;font-size:14px;margin-top:15px;line-height:30px;height:30px;cursor:pointer;font-weight:400;color:#666;}
ul.dash_summary li > div.customer a > i { display:inline-block;vertical-align: bottom;height:30px;line-height:30px;}

ul.dash_summary li > div.service {  background: url(/templets/_img/bg_service.jpg?2111) #fff no-repeat right bottom;background-size:250px; border:0px solid #ddd;padding:20px 30px;height:152px; }
ul.dash_summary li > div.service p {font-size:14px;margin-left:0px;padding-top:5px;color:#373737;font-weight:400;height:auto;line-height:18px;}
ul.dash_summary li > div.service p.txt { height:54px;margin-bottom:0px;line-height:22px;}
ul.dash_summary li > div.service p.txt > b { font-weight:600;font-size:15px; color:#4573f2;}
ul.dash_summary li > div.service p span { font-size:18px;color:#373737;margin-top:0px;display:inline-block; }
ul.dash_summary li > div.service p span b { display:inline-block;font-size:14px;font-weight:400;margin-top:5px; }
ul.dash_summary li > div.service a {display:inline-block;font-size:14px;line-height:30px;height:30px;margin-left:0px;margin-top:15px;cursor:pointer;font-weight:400;color:#666;}
ul.dash_summary li > div.service a > i { display:inline-block;vertical-align: bottom;height:30px;line-height:30px;}

@media screen and (max-width: 1750px) {
	ul.dash_summary li > div.guide {  background:#fff; }
	ul.dash_summary li > div.customer {  background:#fff; }
	ul.dash_summary li > div.service {  background:#fff; }
}

ul.dash_summary li h3 { display:block;text-align:center; padding:2px 0px 8px 0px;}
ul.dash_summary li h3 > label { display:block;padding:0px;margin:0px;font-size:12px;text-align:center; }
ul.dash_summary li h3 > b { display:block;line-height:20px;font-size:18px;font-weight:600; }
ul.dash_summary li h3 > b > i { font-size:12px;color:#999;font-weight:400; }
ul.dash_summary li h3 > b > span { font-size:12px;color:#666;font-weight:400; }


table.card_table { min-width:100%;font-size:12px; color:#333;margin:0px;padding:0px;border-spacing:0px;border-collapse:collapse;height:100%;margin:0px; }
table.card_table th { text-align:center; border-top:1px solid #ccc;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #ccc;font-weight:400;color:#666;line-height:18px;height:26px;padding:0px 7px;background:#f8f8f8; white-space: nowrap;letter-spacing:normal;border-collapse:collapse;}
table.card_table td { font-weight:normal;text-align:center;font-size:13px; border-top:0px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #eee;border-right:0px solid #eee;white-space: nowrap;padding:0px 5px; letter-spacing:normal;line-height:18px;height:27px;pborder-collapse:collapse;}
table.card_table th:first-child { border-left:0px solid #ccc; }
table.card_table td:first-child { border-left:0px solid #ccc;font-size:12px; }
table.card_table th:last-child { border-right:0px solid #ccc; }
table.card_table td:last-child { border-right:0px solid #ccc; }
table.card_table tr.tot > td { background: rgba(233,86,83,0.2);}



table.cart_list { min-width:100%;font-size:13px; color:#333;margin:0px;padding:0px;border-spacing:0px;border-collapse:collapse;height:100%;margin:0px; }
table.cart_list th { text-align:center; border-top:0px solid #ccc;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #ccc;font-weight:300;color:#666;line-height:18px;height:36px;padding:5px 20px;background:#f8f8f8; white-space: nowrap;letter-spacing:normal;}
table.cart_list th > span { display:block;font-size:11px;color:#999; }
table.cart_list th:first-child { border-left:0px solid #ccc; }
table.cart_list td:first-child { border-left:0px solid #ccc; }
table.cart_list th:last-child { border-right:0px solid #ccc; }
table.cart_list td:last-child { border-right:0px solid #ccc; }

table.cart_list.estimate th:first-child { border-left:1px solid #ccc; }
table.cart_list.estimate td:first-child { border-left:1px solid #ccc; }
table.cart_list.estimate th:last-child { border-right:1px solid #ccc; }
table.cart_list.estimate td:last-child { border-right:1px solid #ccc; }

table.cart_list td { font-weight:normal;text-align:center; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;white-space: nowrap;padding:15px 15px; letter-spacing:normal;line-height:18px;height:32px;position: relative;}
table.cart_list td > b { font-weight:500; }
table.cart_list td > b.month { display:block;font-weight:400;font-size:12px;color:13px;color:#666; }
table.cart_list td.left { text-align:left; }
table.cart_list td.chkbox { width:40px; }
table.cart_list td.date { width:120px; }
table.cart_list td.no { width:7%; }

table.cart_list td.s05 { width:5%; }
table.cart_list td.s06 { width:6%; }
table.cart_list td.s07 { width:7%; }
table.cart_list td.s08 { width:8%; }
table.cart_list td.s09 { width:9%; }
table.cart_list td.s10 { width:10%; }
table.cart_list td.s11 { width:11%; }
table.cart_list td.s12 { width:12%; }
table.cart_list td.s13 { width:13%; }
table.cart_list td.s14 { width:14%; }
table.cart_list td.s15 { width:15%; }
table.cart_list td.title { width:auto; }

table.cart_list td > span { display:block; }
table.cart_list td.select { width:120px;padding:5px 10px; }
table.cart_list td.select > span {  position:relative;display:block;vertical-align: middle;height:36px;line-height:36px;width:105px;color:#666;font-weight:400; overflow:hidden;font-size:13px;margin:0px;margin-left:0px;background:#fff;text-align:center;cursor:pointer; border:1px solid #ccc;padding:0px 15px 0px 0px;border-radius: 3px; }
table.cart_list td.select > span > select { position:relative;display:block;width:140%;padding-left:10px;height:36px;line-height:34px;background:transparent;border:0px solid #999;font-size:14px;outline: none;z-index:2; }
table.cart_list td.select > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:1;}

table.cart_list td.text { width:120px;padding:5px 10px; }
table.cart_list td.text > span {  position:relative;display:block;vertical-align: middle;height:36px;line-height:36px;width:auto;color:#666;font-weight:400; overflow:hidden;background:#fff;text-align:center;cursor:pointer; border:1px solid #ccc;padding:0px 0px 0px 0px;border-radius: 3px; }
table.cart_list td.text > span > input[type=text] { position:relative;display:block;width:auto;padding:0px 0px;height:36px;line-height:36px;background:transparent;border:0px solid #999;font-size:14px;outline: none;z-index:2;text-align:center; }
table.cart_list td.price { width:auto;text-align:right;font-size:13px; }
table.cart_list td.price > b { font-size:15px;font-weight:500; }

table.cart_list tr.tot > td { background: rgba(233,86,83,0.1);color:#e95653;}
table.cart_list tr.tot td.price { width:auto;text-align:right;font-size:14px; }
table.cart_list tr.tot td.price > b { font-size:16px;font-weight:500; }

table.cart_list td.nodata { height:200px;}
table.cart_list td.nodata > i { font-size:45px;color:#666;margin-bottom:0px;line-height: 50px;}
table.cart_list td.nodata > h2 { font-size:24px;color:#666;line-height:40px;font-weight:400;margin:0px;padding:0px;}
table.cart_list td.nodata > h2::before { content: 'No Data Available.';}
table.cart_list td.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
table.cart_list td.nodata > p::before { content: '결제항목이 없습니다.';}
table.cart_list tr:hover td.nodata { background: transparent;}