@charset "utf-8";

#wrap{width:100%; overflow:hidden; position:relative;min-width:320px;max-width:640px;margin:0 auto;}
body.noscroll { position: fixed; overflow-y:scroll;top:0px;left:0px;right:0px;bottom:0px; }
body.subContent{background: #f4f4f4;}
body.join #footer{display:none;}
section{padding-top:60px;}

/* {transition: all .4s; -webkit-transition: all .4s;} */

#header{ width: 100%;  background: rgb(88,139,244); background: linear-gradient(135deg, rgba(88,139,244,1) 0%, rgba(20,62,170,1) 100%);}
#header .gnb{position: relative;  height:60px;line-height:60px;}
#header .gnb h1{text-align: center; max-width: 180px; max-height: 60px; margin: 0 auto;}
#header .gnb h1 a{height:40px; font-size:0;padding:10px 0px;display:inline-block;vertical-align: top;}
#header .gnb h1 a img{height:40px; width:auto; filter: brightness(0) invert(1); }

#header .gnb h1 a.surigo {height:32px; padding:14px 0px;}
#header .gnb h1 a.surigo img {height:32px;filter: none; }

#header .gnb h1 a.miribom {height:32px; padding:14px 0px;}
#header .gnb h1 a.miribom img {height:32px;filter: none; }

#header.login .gnb{position: relative;  height:60px;line-height:60px;padding:0px 24px;padding-top:40px;}
#header.login .gnb h1{text-align: center; width: 120px; height: 40px; margin:0px;}
#header.login .gnb h1 a{height:30px; font-size:0;padding:15px 0px;display:inline-block;vertical-align: top;display:block;background-size: contain;background-position: center;background-repeat: no-repeat;}
#header.login .gnb h1 a img{height:30px; width:auto; filter: brightness(0) invert(1); }
#header.login .gnb h1.surigo { height:40px; width: 150px; }
#header.login .gnb h1.surigo a { height:40px;background-image: url(/_img/logo_surigo_w.png) !important; }
#header.login .gnb h1.surigo a img { height:40px; }

#header.login .gnb h1.miribom { height:40px; width: 150px; }
#header.login .gnb h1.miribom a { height:40px;background-image: url(/_img/logo_miribom_wh.png) !important; }
#header.login .gnb h1.miribom a img { height:40px; }


#header .gnb .gnbBtn{position: absolute; right: 10px; top:10px;width:40px;height:40px;line-height:40px;text-align:center;font-family: 'xeicon' !important;color:#fff;font-size:26px;cursor:pointer;}
#header .gnb .gnbBtn::before{ content: "\e91c";display:block;height:40px;line-height:40px;text-align:center; }
#header .gnb .backBtn{position: absolute; left: 5px; top:10px;width:30px;height:40px;line-height:40px;text-align:center;font-family: 'xeicon' !important;color:#fff;font-size:18px;cursor:pointer;}
#header .gnb .backBtn::before{ content: "\e93b";display:block;height:40px;line-height:40px;text-align:center; }
#header .gnb .gnbPage{font-size: 18px; font-weight: 500; padding-left: 40px; color: #fff;    line-height:60px;}
#header .gnb a.qricon{display: block; position: absolute; top: 10px; right: 45px; width: 40px; height: 40px; margin:0; background:url(/_img/icon_qrcode_w.png) no-repeat center center/ 25px; }

#header.login{height:285px;}
#header.main{height:60px;}
#header.privacy{height:188px;}
#header.auth{height:160px;}
#header.sub{height: auto; background: #5081eb;}

#header.color01{background: #42aed5;}
#header.color02{background: #5081eb;}
#header.color03{background: #6a70ed;}

#header.main > .gnb { position: fixed;top:0px;left:50%;z-index: 10;width:100%;min-width:320px;max-width:640px;transform: translateX(-50%);}
#header.main > .gnb.bg { background:  linear-gradient(135deg, rgba(88,139,244,1) 0%, rgba(20,62,170,1) 100%); }
#header.sub { position: fixed;top:0px;left:50%;z-index: 1;width:100%;min-width:320px;max-width:640px;transform: translateX(-50%);z-index:10;}

/* 메뉴 */
.gnb_wrap{position: fixed; top:0; left: 50%; bottom: 0;width:100%;max-width:640px; transform: translateX(-50%); background: #f4f4f4; z-index:9999; display:none;overflow: hidden;padding-top:195px;z-index: 100;}
.gnb_wrap .gnbTop{position: absolute;top:0;left:0px;right:0px;height: auto; background: linear-gradient(135deg, rgba(88,139,244,1) 0%, rgba(20,62,170,1) 100%); padding: 40px 24px 24px 24px; box-sizing: border-box;}
.gnb_wrap .gnbTop .navLogo{text-align: left; width: 70px; height: 40px; }
.gnb_wrap .gnbTop .navLogo > a { display:block;width: 100%;height:100%;background-position: center;background-repeat: no-repeat;background-size: contain;}
.gnb_wrap .gnbTop .navLogo > a img{filter: brightness(0) invert(1); height:40px; margin-left:0px;}

.gnb_wrap .gnbTop .navLogo > a.surigo img{filter: none;; height:32px; }
.gnb_wrap .gnbTop .navLogo > a.miribom img{filter: none;; height:32px; }

.gnb_wrap > nav { height:100%;overflow: hidden;overflow-y: auto; display:block;}

.gnb_wrap .gnbTop .navClose{position: absolute; right: 10px; top:10px;width:40px;height:40px;height:40px;line-height:40px;text-align:center;font-family: 'xeicon' !important;color:#fff;font-size:26px;cursor:pointer;}
.gnb_wrap .gnbTop .navClose::before{ content: "\e921"; }
.gnb_wrap .nav_info{margin-top:40px; overflow: hidden;}
.gnb_wrap .nav_info .myinfo{font-weight: 300; font-size:20px; color: #fff; line-height: 1.2;}
.gnb_wrap .nav_info .myinfo strong{font-weight: 600;}
.gnb_wrap .nav_info .myinfo a{font-size: 12px; color: #ddd; display: inline-block; clear: both; display:none; }
.gnb_wrap .nav_info .myinfo a::after{content: ""; display: inline-block; background: url(../../_img/icon_navMypage.png) no-repeat center; width: 6px; height: 9px; margin-left: 4px; background-size: cover;}
.gnb_wrap .nav_info .myinfo_right{display: inline-block; width: 55px; height: 55px; border-radius: 50%; float: right; background: #000;}
.gnb_wrap .nav_info .address{clear: both; font-size: 0px; font-weight: 500; color: #fff;margin-top:5px; }
.gnb_wrap .nav_info .address > span { display:inline-block; line-height:23px;font-size: 15px;  }
.gnb_wrap .nav_info .address > span + span {padding-left:3px;font-size:14px;font-weight: 400;}
.gnb_wrap .nav_info .address > span > b { font-weight:400; }
nav .gnbmenuTop{padding: 24px; background: #fff;}
nav .gnbmenuTop > div {color:#888; font-size: 12px;color:#999; margin:18px 0 12px 0;}
nav .gnbmenuTop > div.fir { margin-top:0px; }
nav .gnbmenuTop > ul{overflow: hidden; border-bottom:1px solid #dcdcdc; padding-bottom:20px;}
nav .gnbmenuTop > ul:last-child{padding-bottom:0; border-bottom:0;}
nav .gnbmenuTop > ul li{float: left; width: 50%; box-sizing: border-box;}
nav .gnbmenuTop > ul li a{display: block; height:35px; line-height: 35px; font-size: 14px; color: #101010; padding-left: 30px;font-weight:500;}
nav .gnbmenuTop > ul li a.icon01{background: url(../../_img/icon_nav01.png) no-repeat 5px center; background-size:auto 16px}
nav .gnbmenuTop > ul li a.icon02{background: url(../../_img/icon_nav02.png) no-repeat 5px center; background-size:auto 16px}
nav .gnbmenuTop > ul li a.icon03{background: url(../../_img/icon_nav03.png) no-repeat 5px center; background-size:auto 16px}
nav .gnbmenuTop > ul li a.icon04{background: url(../../_img/icon_nav04.png) no-repeat 5px center; background-size:auto 16px}
nav .gnbmenuTop > ul li a.icon05{background: url(../../_img/icon_nav05.png) no-repeat 5px center; background-size:auto 16px}
nav .gnbmenuTop > ul li a.icon06{background: url(../../_img/icon_nav06.png) no-repeat 5px center; background-size:auto 16px}
nav .gnbmenuTop > ul li a.icon07{background: url(../../_img/icon_nav07.png) no-repeat 5px center; background-size:auto 16px}
nav > ul{padding: 24px; background: #fff; margin-top: 8px;}
nav > ul li{}
nav > ul li a{display: inline-block; width: 100%; height:35px; line-height: 35px; font-size: 15px; font-weight:500; color: #101010;}

/* 메인페이지 */
.maincopy{ padding: 0 24px; padding-top: 120px;}
.maincopy span{ display: inline-block; font-size: 28px; line-height:36px; font-weight: 500; color: #fff; position: relative; z-index: 2;letter-spacing: -1px}
.maincopy span::before{content: ""; position: absolute; background: rgba(0,0,0,0.2); width: 100%; height: 9px; bottom: 2px; left: 0; z-index: -1;}
.maincopy span:last-child{font-weight: 300;}
.maincopy span:last-child::before{display: none;}

.main_quick{ position: relative;}
.main_quick > a.temp { position:absolute;top:-65px;right:0px;border: 0px solid #fff;line-height:40px;width:40px;height:40px;text-align:center; border-radius: 10px;font-size:40px;color:#fff;}
.main_quick > a.temp > em {position: absolute; right:-5px; top:-5px; display: block; background: #888; border: 1px solid #888; color: #fff;  font-size: 13px;line-height:20px;height:20px;min-width:14px;  border-radius: 10px; padding:0px 3px; font-weight: 400;opacity:1;}
.main_quick > a.temp > em[data-cnt='0'] { display:none; }
.main_quick > a.temp > em::before { content:attr(data-cnt); }
.main_quick ul{margin-top: -30px;}
.main_quick ul li{width: 100%; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-sizing: border-box; margin-bottom: 15px; overflow: hidden;}
.main_quick ul li a{ display: block; padding: 15px;position: relative;}
.main_quick ul li a > i { position: absolute;top:0px;width:74px;height:74px;right:20px;background-color:#5081eb;background-size: 76px;background-position: center;background-repeat: no-repeat;}
.main_quick ul li.schedule a > i{background-image: url("../../_img/icon_mainquick_07.png");}
.main_quick ul li.checklist a > i{background-image: url("../../_img/icon_mainquick_01.png");}
.main_quick ul li.inquiry a > i{background-image: url("../../_img/icon_mainquick_02.png");}
.main_quick ul li.notice a > i{background-image: url("../../_img/icon_mainquick_03.png");}
.main_quick ul li.faq a > i{background-image: url("../../_img/icon_mainquick_04.png");}
.main_quick ul li span{display: block;}
.main_quick ul li a .eng{ font-size: 11px; color: #888;}
.main_quick ul li a .kor{font-size: 16px; line-height:24px;font-weight: 500; color: #101010;}



/* join */
.join_wrap{margin:20px 15px; color:#000; text-align: left; }
.join_wrap .t2 p{font-size:1.25rem; margin-top:5vh; font-weight:500;  text-align:center;}
.join_wrap .t2 ul li{ position:relative; padding:3px 0 0 10px; word-break: keep-all;color:#666;}
.join_wrap .t2 ul li:before{display:block; content:''; position:absolute; top:12px; left:0; width:3px; height:3px; background:#6f6f6f; }

.joinform_wrap{text-align:center; margin: 0 15px;}

.w_txt_wrap{text-align: center; margin: 0 10px 50px; padding-top: 50px;}
.w_txt_wrap .w_t1{font-size: 22px; line-height:28px; color: #8c704b; margin-bottom: 10px;}
.w_txt_wrap .w_t2{display: inline-block; width: 140px; height: 16px; background: url(/_img/logo-h.png) no-repeat center center/contain; margin: 0 auto; position: relative; }

.completed_wrap {padding: 0 15px;border-top:0px solid #e1e1e1;}
.completed_wrap .tit {padding-bottom:40px;text-align: center;padding-top:50px;}
.completed_wrap .tit .t {font-size:20px; margin-bottom:5px; font-weight:bold;}
.completed_wrap .tit .d { color:#999; }

/* 로그인페이지 */
.logincopy{padding: 0 24px; margin-top: 15px;}
.logincopy p{ display: block; font-size: 18px; line-height:26px;font-weight: 500; color: #fff;letter-spacing: -1px;margin-bottom:10px;}
.logincopy span{ display: block; font-size: 13px; line-height:20px;font-weight: 400; color: rgba(255,255,255,0.6);letter-spacing: -0.4px;}

.companySch_wrap{margin:10px 0; z-index: 10; position:relative;}
.companySch_wrap .companySch_ip {height: 54px; line-height: 54px; border-radius: 10px; overflow: hidden; position: relative; border:1px solid #dcdcdc;}
.companySch_wrap .companySch_ip input[type="text"]{width:100%; height:100%; box-sizing: border-box; padding: 0 54px 0 15px; font-size: 14px; color: #333; border:0; display:block; background:#fff;}
.companySch_wrap .companySch_ip input[type="text"]::placeholder { color:#999; }
.companySch_wrap .companySch_ip button[type="button"]{width: 54px; border: 0; background: url("../../_img/icon_schBtn.png") no-repeat center; background-size: 20px auto; text-indent: -9999px; padding: 0px; position: absolute; right: 0; top: 0; z-index: 1; margin:0px;}

.companySch_wrap .autolist_wrap{display:none;position: absolute; width: 100%; background: #fff; box-shadow: 0px 1px 18px rgba(112,112,112,0.23); z-index: -1; top: 30px; padding: 35px 15px 10px 15px; box-sizing: border-box; max-height:200px;overflow: hidden;border-radius: 5px;overflow-y: auto;}
.companySch_wrap .autolist_wrap li { display:block; }
.companySch_wrap .autolist_wrap li > a { display:block;width:100%;font-size:14px; line-height: 42px; box-sizing: border-box;background: url("../../_img/icon_schBtn.png") no-repeat left center; background-size: 13px auto; padding-left:20px; }
.companySch_wrap .autolist_wrap li + li {  border-top: 1px solid #eee; }


.loginForm_wrap{display:none;}
.loginForm_wrap.on{display:block;padding-top:25px;}
.loginForm_wrap .ipwrap{border: 1px solid #ddd;background: #fff;border-radius:3px; }
.loginForm_wrap .ipwrap + .ipwrap { margin-top:5px; }
.loginForm_wrap .ipwrap input[type="text"],
.loginForm_wrap .ipwrap input[type="tel"],
.loginForm_wrap .ipwrap input[type="password"] {line-height: 49px; height: 49px; width: 100%; border: 0;}
.loginForm_wrap button[type="button"]{display:block;width: 100%; border-radius: 3px; margin-top:15px; border: 0; line-height: 54px; height: 54px; background: #5384ed; text-align: center; font-weight: 500; font-size: 16px; color: #fff;}
.loginForm_wrap fieldset div.chkbox { text-align: left;margin-bottom:0px;margin-top:25px;dipslay:none;}
.loginForm_wrap fieldset div.chkbox > label {}
.loginForm_wrap fieldset div.chkbox > label + label { float:right; }

.loginform select{width: 100%; margin-bottom: 10px;background-color: #fff;}
.loginform fieldset div{margin-bottom:10px;}
.loginform fieldset div input[type=text], .loginform form fieldset div input[type=number], .loginform form fieldset div input[type=tel]{width:100%;  background:#fff;}

.loginform fieldset button:disabled{display:block; background:#262626; color:#fff; border-radius:10px; height:50px; text-align:center; font-weight:500;  margin-top:20px; font-size:16px; width:100%; border:0;}
.loginform fieldset button{display:block; background:#c8c8c8; color:#fff; border-radius:10px; height:50px; line-height:50px; text-align:center; font-weight:500;  margin-top:20px; font-size:16px; width:100%; border:0;}
.loginform fieldset button.on { background: #2e2a25;}

.login_terms{text-align: center; margin-top: 25px;font-size:0px;}
.login_terms li{display: inline-block; position: relative;}
.login_terms li a{display: inline-block; line-height:30px; padding:0px 10px; font-size:13px; color: #777}
.login_terms li + li { margin-left:1px; }
.login_terms li + li::before{content: ""; display: inline-block; width: 1px; height: 10px; background: #999; position: absolute;top:10px;left:-1px;}

.login_btn_list{margin:-26px 0px 0px 0px; z-index: 10; overflow:hidden; border-radius: 0px;}
.login_btn_list li{float:left; height:52px; line-height:52px; background:#aaa; color:#fff; width:50%; text-align: center; font-size:16px; font-weight:500;cursor: pointer;}
.login_btn_list li.on {background:#f4f4f4; color:#5384ed;font-weight:500;}

/* 이용약관동의 */
.fprivacy_wrap, .lang_wrap{padding:15px 15px 0;}
.fprivacy_wrap .tit, .lang_wrap .tit{margin-bottom:25px;}
.fprivacy_wrap .tit .t, .lang_wrap .tit .t {font-size:16px; margin-bottom:5px; font-weight:500;}
.fprivacy_wrap .tit .d, .lang_wrap .tit .d { color:#999; }

.fprivacy_wrap .chkbox{border-top:1px solid #e1e1e1; padding:15px 0;line-height:20px;height:20px; color:#131212;}
.fprivacy_wrap .chkbox:last-child{border-bottom:1px solid #e1e1e1; }
.fprivacy_wrap .chkbox.all{ border-top:0px solid #e1e1e1;}
.fprivacy_wrap .chkbox input[type=checkbox]{margin-right:10px;}
.fprivacy_wrap .chkbox b { font-weight:400; }
.fprivacy_wrap .chkbox a{float:right; margin-top:2px; border:0; text-indent:-9999px; background:url(/_img/icon_moreL.png) no-repeat; background-size:auto 14px; height:20px; width:10px;}

/* 언어선택 */
.lang{padding: 0 0px;}
.lang li{display:block; height: 80px; line-height: 80px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; position: relative; background: #fff;}
.lang li:last-child{margin-bottom: 0;}
.lang li label{width: 100%; height: 100%; display: block;}
.lang li span{display: block !important; width: 100%; height: 100%; padding: 0 15px; text-align:center; box-sizing: border-box; border-radius: 10px; font-size: 18px !important; font-weight: 500; color:#666; margin-left:0px;}
.lang li span::before{display:none;}
.lang li:nth-child(3) span { font-weight:500; }
.lang li input[type="radio"]{display: none;}
.lang li input[type="radio"]:checked + span{color: #fff; background: #71afc6;}

.webFooterbtn_wrap{padding: 0 15px 20px;}
.webFooterbtn{display: block; background: #c8c8c8; color: #fff; height: 50px; line-height: 50px; text-align: center; font-weight: 500;  font-size: 16px; width: 100%; border: 0; padding: 0 15px; box-sizing: border-box; border-radius: 10px; margin-top: 15px;}
.webFooterbtn.on{background:#2e2a25; color:#fff;}


/* 휴대폰인증 */
.privacycopy{padding: 0 24px; margin-top: 20px;}
.privacycopy span{ display: inline-block; font-size: 24px;line-height:30px; letter-spacing: -1px;font-weight: 500; color: #fff;}
.privacycopy span:first-child{font-weight: 300;}

.phoneAuth_wrap{padding: 24px 24px;}
.phoneAuth_wrap p{color: #666; font-size: 14px; margin-bottom: 15px;}
.phoneAuth_wrap > .ip{font-size:0;}
.phoneAuth_wrap > .ip > input[type="number"]{width: calc(100% - 88px); background: #fff;border-radius: 3px;line-height: 49px;height: 49px;}
.phoneAuth_wrap > .ip > input[type="number"]::placeholder { color:#999; }
.phoneAuth_wrap > .ip > button{float:right;background: #666; width: 80px; height: 49px; border-radius: 3px; text-align: center; font-weight: 500; border: 0; color: #fff; font-size: 15px; vertical-align: bottom;}
.phoneAuth_wrap > .time{float: right; margin-top: 5px;margin-right:88px; font-size:13px;color:#777;}
.phoneAuth_wrap > .time strong{color: #e18314; font-weight: 500;}

.authGuide_wrap{margin-top: 50px; text-align: center;}
.authGuide_wrap p{font-size: 13px; color: 777; margin-bottom: 0px;}
.authGuide_wrap a{display:inline-block;padding:5px 10px;font-size: 14px; font-weight: 500; color: #5384ed;}
.authGuide_wrap a::after{content: ""; display: inline-block; background: url(../../_img/icon_authGuide.png) no-repeat center; width: 6px; height: 9px; margin-left: 4px; background-size: cover;}


/* 서브페이지 */
#login_content{ padding: 0 24px 30px; overflow: auto; min-height:375px;}
#main_content{padding: 0 0px 0px;padding-top:60px; }
#main_content.auth_content{padding: 0 0px 0px;padding-top:0px; }

/* footer */
#footer{background: #f2f3f7; padding: 25px; box-sizing: border-box;}
#footer .f_menu{overflow: hidden; margin-bottom: 20px;}
#footer .f_menu li{font-size: 13px; color: #666; float: left;}
#footer .f_menu li:first-child{font-weight: 500;}
#footer .f_menu li::after{content: ""; display: inline-block; background:#bbb; height: 10px; width: 1px; margin: 0 10px;}
#footer .f_menu li:last-child::after{display: none;}
#footer .f_logo {margin-bottom: 10px; width:auto; height:30px;font-size:0px; }
#footer .f_logo.idx {width:150px; }

#footer .f_logo > a { display:block;width: 100%;height:100%;background-position: center;background-repeat: no-repeat;background-size: contain;}
#footer .f_logo > a.idx { width:140px;display:inline-block;margin-right:20px; }
#footer .f_logo > a.co { width:70px;display:inline-block;margin-left:20px; }
#footer .f_logo > a.co.surigo { width:70px;display:inline-block;margin-left:0px;background-image: url(/_img/ci_2022_gray.png) !important;;}
#footer .f_logo > a.co.miribom { width:70px;display:inline-block;margin-left:0px;background-image: url(/_img/ci_2022_gray.png) !important;;}
#footer .f_info{text-align: left; color: #666; margin-bottom: 15px;}
#footer .f_info p{overflow: hidden;}
#footer .f_info p span{display: inline-block; float: left; font-size: 12px}
#footer .f_info p span.title{width:40px;color:#999;}
#footer .f_copy{ font-size: 12px; color: #666;}

#footer.login{ position: absolute; bottom: 0; width: 100%;}
#footer.login .f_logo{text-align: center; margin-bottom: 0;}

.inner_header { display:block;font-size:0px;position: fixed;top:60px;background: #f4f4f4;border-bottom: 0px solid #ddd;z-index: 1;min-width:320px;width:100%;max-width:640px;left:50%;transform: translateX(-50%);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.inner_header > .select{padding: 0px; display:block;border-bottom: 1px solid #dcdcdc;background: #fff;font-size:0px;}
.inner_header > .select select{width: 100%; font-weight: 500; color:#444;border-radius: 0px;border: 0px;line-height:50px;height:50px;font-size:14px;padding:0px 15px;}
.inner_header > .select select:disabled { background: #f8f8f8;}

.inner_header > .select.spl {  }
.inner_header > .select.spl select {width:50%;display:inline-block;box-sizing: border-box;vertical-align: top;}

.inner_header > .btns_sort { padding:10px 15px;font-size:0px;margin-left:-1%;display:block;}
.inner_header > .btns_sort > button { width:24%;margin-left:1%;text-align:left;font-size:12px;display:inline-block;color:#999;height:36px;background: #fff;border: 1px solid rgba(0,0,0,0.15);border-radius: 1px;position: relative;padding-left:10px;}
.inner_header > .btns_sort.subs > button { width:32.3333%; }
.inner_header > .btns_sort > button::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0dc"; line-height:32px;height:32px;position:absolute;right:0px;top:50%;display:block;margin-top:-16px;width:15px;border-left:1px solid rgba(0,0,0,0.05); color:#ccc;text-align: center;}
.inner_header > .btns_sort > button[data-sort=asc], .btns_sort > button[data-sort=desc] { font-weight:500;color:#111;border: 1px solid rgba(0,0,0,0.42); }
.inner_header > .btns_sort > button[data-sort=asc]::before, .btns_sort > button[data-sort=desc]::before { color:#111; }
.inner_header > .btns_sort > button[data-sort=asc]::before { content: "\f0de";}
.inner_header > .btns_sort > button[data-sort=desc]::before { content: "\f0dd";}

.inner_header.saving > .select:nth-child(2) {display:none;}


.inner_blank { height:51px; }

ul.places { display:block;min-height:600px;padding-top:56px; }
ul.places > li { display:block;border-bottom: 1px solid #ddd;background: #fff;}
ul.places > li > div { display:block;padding:15px; }
ul.places > li > div > .place { padding-right:70px;position: relative; }
ul.places > li > div > .place > h2 {line-height:20px;font-size:15px;display:block;padding:0px 0px;margin:0px;font-weight: 400;}
ul.places > li > div > .place > span { position: absolute;display:block;line-height: 20px;font-size:12px;text-align: right;top:50%;right:0px;margin-top:-10px;color:#999;}
ul.places > li > div > .place > span > b { font-size:15px;font-weight: 500;color:#333;}
ul.places > li > div > dl {  display:block;font-size: 0px;margin-top:10px;}
ul.places > li > div > dl > dd {  display:inline-block;width:calc( ( 100% - 80px ) / 3 );padding:12px 0px; cursor: pointer;}
ul.places > li > div > dl > dd > span { display:block;font-size:12px;color:#999; line-height: 20px;}
ul.places > li > div > dl > dd > span::after { font-family: 'xeicon' !important; display: inline-block;margin-left:5px; text-align:left;speak: none; text-transform: none; width:20px; line-height: 20px;height: 20px; font-size:14px !important; content: "\e93f"; vertical-align: bottom;color:#ccc;}

ul.places > li > div > dl > dd > p { display:block;font-size:24px;color:#999;font-weight:600;letter-spacing: -1.5px;line-height:30px;}
ul.places > li > div > dl > dt { display:inline-block;width:80px;height:50px;background: #eee;padding:12px 0px;text-align: center;cursor: pointer;}
ul.places > li > div > dl > dt > span { display:block;font-size:12px;color:#999; line-height: 20px;}
ul.places > li > div > dl > dt > p { display:block;font-size:16px;color:#111;font-weight:400;letter-spacing: -1.5px;line-height:30px;}
ul.places > li > div > dl > dt > p > b { font-size:24px;font-weight:600;margin-right:5px; }

ul.places > li > div > dl > dd:nth-child(1)> p { color:#5081eb; }
ul.places > li > div > dl > dd:nth-child(2)> p { color:#e95653; }

.place_info {display:block;background: #fff;padding:15px 15px;margin-bottom:10px;position: relative;}
.place_info > h2 {line-height:20px;font-size:15px;display:block;padding:0px 0px;margin:0px;font-weight: 500;margin-bottom:5px;height:20px;overflow:hidden; }
.place_info > p { display:inline-block;line-height:20px;font-size:14px;font-weight: 400;color:#666; }
.place_info > span { position: absolute;bottom:15px;right:15px;font-size:13px;color:#999;line-height: 20px;}
.place_info > span > b { font-size:14px;font-weight: 500;color:#333;margin-left:7px;}

ul.partners { display:block;min-height:600px;padding-top:108px; }
ul.partners > li { display:block;border-bottom: 1px solid #ddd;background: #fff;}
ul.partners > li > div { display:block;padding:15px; }
ul.partners > li > div > .partner { padding-right:70px;position: relative; }
ul.partners > li > div > .partner > h2 {line-height:20px;font-size:15px;display:block;padding:0px 0px;margin:0px;font-weight: 400;}
ul.partners > li > div > .partner > span { position: absolute;display:block;line-height: 20px;font-size:12px;text-align: right;top:50%;right:0px;margin-top:-10px;color:#999;}
ul.partners > li > div > .partner > span > b { font-size:15px;font-weight: 500;color:#333;}
ul.partners > li > div > dl {  display:block;font-size: 0px;margin-top:10px;}
ul.partners > li > div > dl > dd {  display:inline-block;width:calc( ( 100% - 80px ) / 2 );padding:12px 0px;cursor: pointer;}
ul.partners > li > div > dl > dd > span { display:block;font-size:12px;color:#999; line-height: 20px;}
ul.partners > li > div > dl > dd > span::after { font-family: 'xeicon' !important; display: inline-block;margin-left:5px; text-align:left;speak: none; text-transform: none; width:20px; line-height: 20px;height: 20px; font-size:14px !important; content: "\e93f"; vertical-align: bottom;color:#ccc;}
ul.partners > li > div > dl > dd > p { display:block;font-size:24px;color:#999;font-weight:600;letter-spacing: -1.5px;line-height:30px;}
ul.partners > li > div > dl > dt { display:inline-block;width:80px;height:50px;background: #eee;padding:12px 0px;text-align: center;}
ul.partners > li > div > dl > dt > span { display:block;font-size:12px;color:#999; line-height: 20px;}
ul.partners > li > div > dl > dt > p { display:block;font-size:16px;color:#111;font-weight:400;letter-spacing: -1.5px;line-height:30px;}
ul.partners > li > div > dl > dt > p > b { font-size:24px;font-weight:600;margin-right:5px; }
ul.partners > li > div > dl > dd:nth-child(1)> p { color:#5081eb; }
ul.partners > li > div > dl > dd:nth-child(1)> p { color:#e95653; }

ul.worktypes { display:block;min-height:600px;padding-top:158px; }
ul.worktypes > li { display:block;border-bottom: 1px solid #ddd;background: #fff;}
ul.worktypes > li > div { display:block;padding:15px; }
ul.worktypes > li > div > .partner { padding-right:70px;position: relative; }
ul.worktypes > li > div > .partner > h2 {line-height:20px;font-size:15px;display:block;padding:0px 0px;margin:0px;font-weight: 400;}
ul.worktypes > li > div > .partner > span { position: absolute;display:block;line-height: 20px;font-size:12px;text-align: right;top:50%;right:0px;margin-top:-10px;color:#999;}
ul.worktypes > li > div > .partner > span > b { font-size:15px;font-weight: 500;color:#666;}
ul.worktypes > li > div > dl {  display:block;font-size: 0px;margin-top:10px;}
ul.worktypes > li > div > dl > dd {  display:inline-block;width:calc( ( 100% - 80px ) / 2 );padding:12px 0px;cursor: pointer;}
ul.worktypes > li > div > dl > dd > span { display:block;font-size:12px;color:#999; line-height: 20px;}
ul.worktypes > li > div > dl > dd > span::after { font-family: 'xeicon' !important; display: inline-block;margin-left:5px; text-align:left;speak: none; text-transform: none; width:20px; line-height: 20px;height: 20px; font-size:14px !important; content: "\e93f"; vertical-align: bottom;color:#ccc;}
ul.worktypes > li > div > dl > dd > p { display:block;font-size:24px;color:#999;font-weight:600;letter-spacing: -1.5px;line-height:30px;}
ul.worktypes > li > div > dl > dt { display:inline-block;width:80px;height:50px;background: #eee;padding:12px 0px;text-align: center;}
ul.worktypes > li > div > dl > dt > span { display:block;font-size:12px;color:#999; line-height: 20px;}
ul.worktypes > li > div > dl > dt > p { display:block;font-size:16px;color:#111;font-weight:400;letter-spacing: -1.5px;line-height:30px;}
ul.worktypes > li > div > dl > dt > p > b { font-size:24px;font-weight:600;margin-right:5px; }
ul.worktypes > li > div > dl > dd:nth-child(1)> p { color:#5081eb; }
ul.worktypes > li > div > dl > dd:nth-child(1)> p { color:#e95653; }

/* 상단 검색 */
.assch_wrap{padding:10px 10px;border-bottom: 1px solid #ddd;}
.assch_wrap .box{display:block;font-size:0px;}
.assch_wrap .box div > select { border-radius: 3px;border: 1px solid #ddd;background-color: #fff;padding:0px 7px;height:40px;line-height:38px;background-position: right 7px center;background-size: 10px;}

.assch_wrap .box.sp2{overflow:hidden;margin-left:-1%;}
.assch_wrap .box.sp2 div{display:inline-block;margin-left:1%; width:49%; }

.assch_wrap .box.sp3{overflow:hidden;margin-left:-1%;}
.assch_wrap .box.sp3 div{display:inline-block;margin-left:1%; width:32.3333%; }

.assch_wrap .box.sp3.st div{display:inline-block;margin-left:1%; width:24%; }
.assch_wrap .box.sp3.st div:first-child { width:49%; }

.assch_wrap.saving .box.sp3.st div{display:inline-block;margin-left:1%; width:49%; }
.assch_wrap.saving .box.sp3.st div:first-child { display:none; }

.assch_wrap .box.box3{overflow:hidden;}
.assch_wrap .box.box3 div{float:left; width:calc( (100% - 40px) /2); }
.assch_wrap .box.box3 div.wave{width:40px; text-align:center; line-height:35px;}
.assch_wrap .box div input, .assch_wrap .box select{width:100%;}


/* AS현황, 품질점검 목록 */
.asstat_total{text-align:right; padding:5px 15px; background:#fff; font-size:13px;}
.asstat_total span{ text-decoration: underline; position:relative;}
/*.asstat_total span:after{content:""; display:inline-block; width:5px; height:9px; background:url(/_img/icon_totalnum.png) no-repeat center; background-size:5px auto; margin-left:3px}*/

.asstat_wrap{ background: #ddd; }
.asstat_wrap ul {overflow: hidden; padding:0px 0px;display:block;font-size:0px;}
.asstat_wrap ul li{display:inline-block; width: 20%; text-align: center; padding:0px 0; position:relative;}
.asstat_wrap ul.worker li { width:25%; }
.asstat_wrap ul li a{display:inline-block;  width:100%; padding:8px 0;  }
.asstat_wrap ul li.on a{background:#fff; }
.asstat_wrap ul li.on a > b { color:#333; }
.asstat_wrap ul li.on a > span { color:#333; }

.asstat_wrap ul li b {display:block;font-size:22px;line-height:24px; position:relative; margin-bottom:2px;font-weight:600;color:#666;letter-spacing: -1px;}
.asstat_wrap ul li span  { font-size:11px;color:#999;line-height:15px; }

.aslist_wrap { padding-top:102px; }
.inner_header.saving + .aslist_wrap { padding-top:51px; }

.inner_header.worker {display:none;}
.inner_header.worker + .aslist_wrap { padding-top:0px !important; }

.aslist{background:#fff; padding:0px;}
.aslist ul{}
.aslist ul li{overflow:hidden; border-bottom: 1px solid #d6d6d6; padding:15px 0; }
.aslist ul li:last-child{border-bottom: none;}
.aslist ul li a{display:block;}
.aslist ul li a div{float:left; width:calc( 100%  / 5); text-align:center;  box-sizing:border-box;}
.aslist ul li a div.i{text-indent:-9999px; background:url(/_img/icon_home_off.png) no-repeat center; background-size:25px auto;}
.aslist ul li a div.i.on{background:url(/_img/icon_home_on.png) no-repeat center; background-size:25px auto;}
.aslist ul li a div.t{}
.aslist ul li a div.d{}
.aslist ul li a div.h{}
.aslist ul li a div.g{}
.aslist ul li div{float:left; text-align:center;  box-sizing:border-box; color:#000;}
.aslist ul li div.chk{width:30px; }
.aslist ul li div.day{width:80px; }
.aslist ul li div.dh{width:100px; color:#636363;}
.aslist ul li div.gj{width:calc(100% - 210px); text-align:left; padding:0 10px; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis;}

.aslist.type2{}
.aslist.type2 ul li div.gj{width:calc(100% - 180px);}

.aslist table {width: 100%;}
.aslist thead tr th{color: #313131; font-size: 13px; font-weight: normal; padding: 0px 0px; border-top: 0px solid #222; text-align: center;background: #fff;}
.aslist table tr{overflow:hidden; border-bottom: 1px solid #eee; padding:0px 0; }
.aslist table tr td{text-align:center; box-sizing:border-box; padding: 0px 0px;height:40px;vertical-align: middle;font-size:14px;}

.aslist thead tr th > a.sort {position: relative;padding:0px 0px;background:transparent;height:44px;line-height:44px;cursor:pointer;display: block; content:'';text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:12px;color:#999; }
.aslist thead tr th > a.sort::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0dc"; line-height:32px;height:32px;position:absolute;right:10px;top:50%;display:block;margin-top:-16px;width:15px;border-left:0px solid #eee; color:#ccc; }
.aslist thead tr th > a.sort[data-sort=asc], .aslist thead tr th > a.sort[data-sort=desc] { font-weight:500;color:#111; }
.aslist thead tr th > a.sort[data-sort=asc]::before, .aslist thead tr th > a.sort[data-sort=desc]::before { color:#111; }
.aslist thead tr th > a.sort[data-sort=asc]::before { content: "\f0de";}
.aslist thead tr th > a.sort[data-sort=desc]::before { content: "\f0dd";}


.reg_info { padding-top:50px; }

.aslist table tbody tr{height: 50px;cursor:pointer;}
.aslist tbody tr td.i{}
.aslist tbody tr td.i.on{}
.aslist_reg{margin-top:5px;}
.aslist_reg a{display: block; background: #313131; color: #fff; width: 100%; height: 50px; line-height: 50px; text-align: center;  }
.aslist_reg a.cancel {background:#a7a7a7;}
.aslist_reg a.gjm{background:#8e2333;}
.aslist_reg a.toggle_btn{background: #fff url(/_img/icon_faq_off.png) no-repeat right 18px center; background-size: 14px auto; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; color: unset; text-align: left; padding: 0 15px; box-sizing: border-box;}
.aslist_reg a.toggle_btn.on{background: #fff url(/_img/icon_faq_on.png) no-repeat right 18px center; background-size: 14px auto;}
.aslist_reg.btnt2{overflow: hidden;}
.aslist_reg.btnt2 a{width:50%; float:left;}
.aslist_reg.btnt3 a{width:60%; float:left;}
.aslist_reg.btnt3 a:nth-child(2){width:40%; float:left;}

.aslist_reg.btntSel select{float:left; border-radius:0; height:50px; line-height:50px; width:35%; background: #fff url(/_img/icon_select_arr.png) no-repeat right 8px center; background-size:7px auto}
.aslist_reg.btntSel a{float:right; width:65%;}

.aslist ul li.tit { border-bottom:1px solid #1b1b1b}
.aslist ul li.tit div{font-size:13px; color:#7a7a7a; text-align:center;}

.ascomlist_wrap .fixed_btns.none {display:none;}
.ascomlist_wrap .fixed_btns {display:table;position: fixed;left:0px;right:0px;bottom:0px;line-height:50px;height:50px;font-size:0px;z-index: 10;max-width:640px;min-width:320px;left:50%; transform: translateX(-50%);width:100%;}
.ascomlist_wrap .fixed_btns a {display: table-cell; background: #313131; color: #fff; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size:15px; vertical-align: bottom;}
.ascomlist_wrap .fixed_btns a.small { font-size:13px; }
.ascomlist_wrap .fixed_btns a:nth-child(1) { width:25%;background: #999; }
.ascomlist_wrap .fixed_btns a:nth-child(2) { width:75%; }

.ascomlist_wrap.no_btns {padding-bottom:0px;}

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);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:'이관요청'; }



.ascomtxt.hide { display:none; }
.ascomtxt > dl.orders { padding:0; margin-top:0px;border-top: 0px solid #ddd; border-bottom: 1px solid #ddd;}
.ascomtxt > dl.orders + dl.orders { margin-top:-1px; }
.ascomtxt > dl.orders > dd { overflow: hidden;position: relative;padding:10px 10px;}
.ascomtxt > dl.orders > dd  + dd { border-top: 1px solid #eee; }
.ascomtxt > dl.orders > dd > p.parts {float: left; width: calc(100% - 180px); text-overflow: ellipsis; white-space: nowrap;height:20px; overflow: hidden;}
.ascomtxt > dl.orders > dd > p.parts span{font-weight: 500; font-size: 12px; color: #666;vertical-align: bottom;line-height:20px;display:inline-block;}
.ascomtxt > dl.orders > dd > p.parts span + span:before{content: "\e93f"; display: inline-block; padding: 0 3px;  font-family: 'xeicon' !important;color:#bbb;vertical-align: bottom;line-height:20px;}
.ascomtxt > dl.orders > dd > p.parts span > b { font-weight: 500;font-size:13px;margin-left:5px;color:#333;}
.ascomtxt > dl.orders > dd > p.date {float: right; font-size: 12px;  text-align: right; color: #999;line-height:20px;margin-top:0px;width:100px;}
.ascomtxt > dl.orders > dd > div.status { float: left;display: inline-block;line-height: 20px;height:20px;vertical-align: bottom;text-align:left;width:80px;}
.ascomtxt > dl.orders > dd > div.status > b { display:block;background:transparent;font-weight:500;color:#fff; padding:0px 0px;min-width:auto;line-height: 20px;font-size:12px;border-radius: 0px;vertical-align: middle;border:0px solid rgba(0,0,0,0.1);text-align:left; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='1'] { background:transparent;color:#fafafa !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='2'] { background:transparent;color:#6eacee !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='8'] { background:transparent;color:#45a171 !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='16'] { background:transparent;color:#e95653 !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='32'] { background:transparent;color:#999 !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='64'] { background:transparent;color:#6eacee !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='128'] { background:transparent;color:#333 !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='512'] { background:transparent;color:#111 !important; }
.ascomtxt > dl.orders > dd > div.status > b[data-val='1024'] { background:transparent;color:#f19149 !important; }
.ascomtxt > dl.orders > dd > div.status > b::before { line-height:20px;display:block;text-align: left;}



#aslisttog02 .aslist ul li a div{float:left; width:calc( 100%  / 3); text-align:center;}

.aslistsort_wrap{overflow:hidden; padding:0 15px;  background:#fff;position: relative;border-top:0px solid #eee;border-bottom:1px solid #eee; }

.aslistsort_wrap > .btns_sort { padding:10px 0px;font-size:0px;display:block;}
.aslistsort_wrap > .btns_sort > button { text-align:left;font-size:13px;display:inline-block;color:#999;height:36px;background: #fff;border: 1px solid rgba(0,0,0,0.15);border-radius: 3px;position: relative;padding-right:25px;padding-left:10px;}
.aslistsort_wrap > .btns_sort > button + button { margin-left:5px; }
.aslistsort_wrap > .btns_sort > button::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0dc"; line-height:32px;height:32px;position:absolute;right:0px;top:50%;display:block;margin-top:-16px;width:15px;border-left:1px solid rgba(0,0,0,0.05); color:#ccc;text-align: center;}
.aslistsort_wrap > .btns_sort > button[data-sort=asc], .btns_sort > button[data-sort=desc] { font-weight:500;color:#111;border: 1px solid rgba(0,0,0,0.42); }
.aslistsort_wrap > .btns_sort > button[data-sort=asc]::before, .btns_sort > button[data-sort=desc]::before { color:#111; }
.aslistsort_wrap > .btns_sort > button[data-sort=asc]::before { content: "\f0de";}
.aslistsort_wrap > .btns_sort > button[data-sort=desc]::before { content: "\f0dd";}

.aslistsort_wrap li select{width:100%; height:32px; line-height:32px;}

.aslistsort_wrap > .asstat_total{position: absolute;top:10px;right:15px;text-align:right; background:#fff;padding:0px; font-size:13px;line-height:36px;}
.aslistsort_wrap > .asstat_total span{ text-decoration: underline; position:relative;font-size:14px;line-height:36px;display:inline-block;vertical-align: bottom;}

.aslistsort_wrap .iconsort{display:block;}
.aslistsort_wrap .iconsort ul{padding: 10px 0; overflow: hidden;}
.aslistsort_wrap .iconsort ul li{float:left; padding-left:10px; border-left:1px solid #eee;}
.aslistsort_wrap .iconsort ul li button{position:relative; font-size:13px; background:url(/_img/icon_align_ttb.png) no-repeat left center; background-size:20px auto; border:none;width:auto; padding-left:25px;height:28px; color:#7a7a7a;padding-right:5px;}
.aslistsort_wrap .iconsort ul li button[data-sort="asc"]{background:url(/_img/icon_align_btt.png) no-repeat left center; background-size:20px auto; color:#000;}
.aslistsort_wrap .iconsort ul li:nth-child(1){border-left:none; padding:0px;padding-right:5px;}

.aslistsort_wrap .btnsort{float:right;}
.aslistsort_wrap .btnsort ul{padding: 10px 0; overflow: hidden; }
.aslistsort_wrap .btnsort ul li{float:left; }
.aslistsort_wrap .btnsort ul li button{display:inline-block;color:#2e2a25; border:1px solid #2e2a25; border-radius:3px; background:#fff;  width:55px;height:28px;padding:0px;font-size:13px;}
.aslistsort_wrap .btnsort ul li:nth-child(1) button{ border-radius:3px 0 0 3px;}
.aslistsort_wrap .btnsort ul li:nth-child(2) button{border-radius:0px 3px 3px 0; }
.aslistsort_wrap .btnsort ul li button.on{background:#434343; color:#fff;}

/* 비밀번호 */
.password{text-align: center; padding: 20px 0;background: #eee;}
.password > i { font-size:13px;font-style: normal;color:#999;display:block;}
.password > b { font-size:30px;letter-spacing: 2px;font-weight:600;display:block;}
.password > p { color:#666;font-size:13px;font-weight: 400; }
.password > a { display:block;width:120px;line-height:40px;padding-right:15px;background: #fff;color:#333;margin:0 auto;margin-top:15px;font-size:14px;border-radius: 20px;font-weight: 400;overflow: hidden; box-shadow:0px 0px 6px rgba(0,0,0,0.10);}
.password > a  > i { display:inline-block;width:40px;height:40px;background: #fff url(/_img/icon_qrcode.png) no-repeat center center;background-size:20px;vertical-align: bottom;margin:0px;padding:0px; }
.password .call{margin-top:15px;}
.password_txt{background: #fff; padding: 10px 15px; margin-bottom: 0px; color: #8d0a0a;font-size:13px;}
.password_txt li{margin-bottom: 4px;line-height:20px;position: relative;padding-left:10px;}
.password_txt li::before{content: ''; display:block;position: absolute;top:9px;left:0px;vertical-align: middle;width: 2px; height: 2px; background: #8d0a0a; border-radius: 50%;}
.password_txt li:last-child{margin-bottom: 0;}


/* 처리현황탭 */
.asStateTab{background: #fff; padding: 0 0px; box-sizing: border-box;border-top: 1px solid #ddd;}
.asStateTab ul{overflow: hidden; margin-bottom: 0px;}
.asStateTab ul li{width: calc(100% / 3); float: left; position: relative; text-align: center;}
.asStateTab ul li a{line-height: 32px; display: block; padding: 10px 0; color: #999; font-size: 14.5px; font-weight: 500; position: relative;}
.asStateTab ul li span{display: inline-block; position: relative; z-index: 1;}
.asStateTab ul li span strong{position: absolute; left:90%; top:0px; display: inline-block; background: #dedede; border: 1px solid #ccc; color: #999;  font-size: 11px;line-height:18px;min-width:12px;  border-radius: 10px; padding:0px 3px; z-index: -1; font-weight: 400;opacity:0.8;}
.asStateTab ul li span strong[data-cnt='0'] { display:none; }
.asStateTab ul li span strong::before { content:attr(data-cnt); }
.asStateTab ul li a::after{content: ""; display: block; background: #dcdcdc; height: 32px; width: 1px; position: absolute; right: 0; top: 10px;}
.asStateTab ul li:last-child a::after{display: none;}
.asStateTab ul li.active{}
.asStateTab ul li.active a{font-weight: 600; color:#101010;}
.asStateTab ul li.active span strong{color: #fff; font-weight: 500;background: #8c704b; border: 1px solid rgba(0,0,0,0.05);}

.asStateTab ul.tab5 li{width:23%;}
.asStateTab ul.tab5 li:first-child, .asStateTab ul.tab5 li:nth-of-type(3){width:15.5%;}
.asStateTab ul.tab5 li a::after{display:none;}


/* 퇴실처리 */
.exit{text-align: center; font-size: 20px; font-weight: 500; padding: 30px 0;}
.exit span{display: block;}
.exit span.exit_notice{margin-top: 10px; font-size: 15px;}
.exit_txt{background: #fff; padding: 20px 15px; margin-bottom: 0px; color: #8d0a0a; word-break: keep-all; text-align: center;}
.exit_txt .txt_top{font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.exit_txt .chkbox{color: #222; margin-top: 10px;}


/* 처리현황조회 상세 */
.ascomlist_wrap{ padding-bottom:50px; overflow:hidden;}
.ascomlist_wrap.n_pb {padding-bottom:0px;}

.detail_comit{display:none;}
.detail_comit.on{display:block;}

.gjbtn_wrap {padding:0 15px 10px}
.gjbtn_wrap .txtbtn{display:block; text-align:center;  height:40px; line-height:40px; color:#8b2332; border:1px solid #8b2332; border-radius:3px;}


.regday{text-align:right; padding:0 15px; font-size:13px; color:#2b2b2b; padding-bottom:10px;}

.ascomtxt{background:#fff; padding:15px 15px; margin-bottom:10px;}
.ascomtxt .top{ height:22px; line-height:22px; border-bottom:1px solid #bcbcbc; padding-bottom:12px; position:relative;}
.ascomtxt .top .txtbtn{position:absolute; right:0; top:0; display:inline-block; text-align:center; width:74px; height:26px; line-height:26px; color:#8b2332; border:1px solid #8b2332; border-radius:3px;}

.ascomtxt .top .t {float:left; font-size:14px;font-weight: 500;position: relative;line-height:22px;}
.ascomtxt .top .t::before { position: absolute;top:4px;height:14px;width:5px;left:-15px;content: '';background: #333;}
.ascomtxt .top .d1{float:right; color:#818181; font-size:12px;}
.ascomtxt .top .d2{float:right; }
.ascomtxt .top .d3{float:right; color:#8d7d70;}
.ascomtxt .c{  padding:12px 0; border-bottom:1px solid #e5e5e5;}
.ascomtxt .c.nbbd{border:none;}

.ascomtxt .typeparts {margin-top:10px;}
.ascomtxt .typeparts div {display:block;font-size:0px;}
.ascomtxt .typeparts div + div { margin-top:5px; }
.ascomtxt .typeparts div.sp { margin-left:-1%;display:block; }
.ascomtxt .typeparts div.sp > div { display:inline-block;width:49%;margin-left:1%;vertical-align: bottom;}
.ascomtxt .typeparts div.sp > div + div { margin-top:0px; }
.ascomtxt .typeparts div > select { width:100%;border-radius: 0px;border: 1px solid #c8c8c8;background-color: #fff;padding:0px 7px;height:40px;line-height:38px;background-position: right 7px center;background-size: 10px;}

.ascomtxt .txtbox {margin-top:10px;display:block;}
.ascomtxt .txtbox textarea{display:block;width:100%; height:80px; box-sizing:border-box; border:1px solid #c8c8c8; padding:10px; resize:none;}


.poptxtbox{}
.poptxtbox textarea{width:100%; height:80px; box-sizing:border-box; border:1px solid #c8c8c8; padding:10px; resize:none;}


ul.defect_pic { display:block; overflow: hidden; position: relative; margin-bottom:0px; font-size:0px; margin-top:10px;}
ul.defect_pic:empty { display:none; }
ul.defect_pic > li {margin-left:1%; width:calc(99% / 2); display:inline-block; padding-top:32.3333%; position: relative;}
ul.defect_pic > li:first-of-type{margin-left:0px;}
ul.defect_pic.split_2 > li { width:calc(99% / 2); }
ul.defect_pic.split_3 > li { width:calc(98% / 3); }
ul.defect_pic.split_4 > li { width:calc(97% / 4); }
ul.defect_pic > li > a {overflow: hidden;position: absolute;width:100%;height:100%;top:0px;left:0px;right:0px;bottom:0px;background-position: center;background-repeat: no-repeat;background-size: cover;text-align: center;}
ul.defect_pic > li > a > span { position: absolute;top:0px;right:0px;left:0px;;padding:0px;line-height:20px;background: rgba(0,0,0,0.4);color:#fff;font-size:11px;z-index:6;display:none;}
ul.defect_pic > li > a > span > b { font-size:11px;margin-right:5px;font-weight:400; color:#ec635d;}

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(/_img/marker.png) 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 }


.img_picker { position: fixed;display:none;width:100%;max-width:640px; transform: translateX(-50%);top:0px; left: 50%; bottom:0px;height:100%;background:#222;z-index:1000; }
.img_picker > .picker_sec { display:block; height:calc( 100% - 70px );position: relative;}
.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(/_img/marker.png) 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.hide { display:none; }
.img_picker > .btns > a { width:auto;padding:0px 20px;line-height:36px;font-size:14px;color:#fff; display:inline-block;border-radius: 3px;background: #999;border: 2px solid #999;}
.img_picker > .btns > a.confirm { background: #5384ed;border: 2px solid #5384ed;margin-left:5px;}
.img_picker > .btns > a.cancel { margin-right:0px;}

.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; }
.img_picker > .btns > a.download { float:left;border: 2px solid #fff;font-size:13px;padding:0px 10px;line-height:36px;background: transparent;text-align:center; }


.asimgtitle{padding:12px 0; position:relative;}
.asimgtitle span{display:inline-block; width:70px; height:22px; text-align:center; line-height: 22px; border-radius:11px; background:#fff; border:1px solid #a3a3a3; font-size:13px; color:#818181;}
.asimgtitle:after{content:""; display:block; position:absolute; right:0; height:1px; left:74px; top:50%; background:#818181;}
.asimg_wrap{padding:12px 0;}
.asimg_wrap ul{display: block; font-size: 0; text-align: left; overflow: hidden; overflow-x: auto; white-space: nowrap; }
.asimg_wrap ul li{cursor:pointer; display:inline-block; width:150px; height:150px; line-height:150px; margin-right:10px; border:1px solid #e5e5e5; background:#dfdfdf url(/_img/icon_photo.png) no-repeat center; background-size: auto 40px;}
.asimg_wrap ul li label{display: block; width: inherit; height: inherit;}
.asimg_wrap ul li img{max-width:150px; max-height:150px; width:auto; height:auto; vertical-align:middle;}

.ascomimg_wrap{overflow:hidden; }
.ascomimg_wrap > div{margin-top:15px; width:calc( (100% - 10px) /2); height:auto;}
.ascomimg_wrap > div.before{float:left;}
.ascomimg_wrap > div.after{float:right;}
.ascomimg_wrap > div.after .t, .ascomimg_wrap > div.before .t{font-size:16px; font-weight:500; text-align:center; margin:10px 0;}
.ascomimg_wrap > div.after .i, .ascomimg_wrap > div.before .i{min-height:180px; width:100%;}

.asreg_wrap{}

.asimg_wrap2{padding:12px 0; display: block; font-size: 0; text-align: left; overflow: hidden; overflow-x: auto; white-space: nowrap; }
.asimg_wrap2 a{cursor:pointer; display:inline-block; width:150px; height:150px; line-height:150px; margin-right:10px; border:1px solid #e5e5e5; background:#dfdfdf url(/_img/icon_photo.png) no-repeat center; background-size: auto 40px;}
.asimg_wrap2 a img{max-width:150px; max-height:150px; width:auto; height:auto; vertical-align:middle;}

.asimg_wrap2:nth-of-type(3){border-top:1px solid #e5e5e5}
.asimg_wrap{background:#fff; padding:15px 0 0 0;}
.asimg_wrap .asimg{min-height:200px; width:100%; height:auto;}


/* 사진팝업 */
#pop_beforephoto{}
.flexslider_count{text-align:center; margin-bottom:10px;}

#pop_afterphoto{}

.photolist{}
.photolist ul{}
.photolist ul li{text-align:center;}
.photolist ul li img{width:100%; height:auto;}

.c textarea{width:100%; height:80px; box-sizing:border-box; border:1px solid #c8c8c8; padding:10px; resize:none;}
.none{display: none;}

/* manual */
.qrcode{background: #fff; margin: 0 15px; padding: 15px;}

/* 폼타입 */
.frmtp_01{}
.frmtp_01 div{}
.frmtp_01 div.frm_box{background:#fff;  padding:0 15px 20px 15px; overflow:hidden; position:relative;}
.frmtp_01 div label{}
.frmtp_01 div select{background:#fff; width:100%; border-top:none; border-right:none; border-left:none; padding:8px 0;}
.frmtp_01 div .txtabox{}
.frmtp_01 div .txtabox textarea{width:100%; height:80px; box-sizing:border-box; border:1px solid #c8c8c8; padding:10px; resize:none;}
.frmtp_01 .label_t{font-size:16px; font-weight:500; display:block; margin-bottom:10px;}
.frmtp_01 .btn_dansch{position:absolute; right:10px; top:5px; color:#000; border:0; border-radius:5px; text-align:center; background:transparent; padding:0; font-size:12px; letter-spacing:-1px;}
.frmtp_01 .btn_dansch:after{display:block; content:""; position:absolute; bottom:-2px; right:0px; width:100%; height:1px; background:#000;}
.frmtp_01 .frmradio_wrap label{margin:0 15px 0 5px; vertical-align:middle; cursor:pointer;}
.frmtp_01 .frminput_wrap{width:100%; height:auto;}
.frmtp_01 .frminput_wrap input{width:100%;}
.frmbtn_wrap{padding:15px;}
.frmbtn_wrap .chkbox{margin-bottom:10px; color:#747474;}
.frmbtn_wrap .chkbox input[type=checkbox]{margin-right:5px;}
.frmbtn_wrap > input:disabled{display:block; background:#a7a7a7; color:#fff; width:100%; height:50px; line-height:50px; text-align:center; border-radius:10px; font-size:15px;}
.frmbtn_wrap > input{background:#313131; display:block; color:#fff; width:100%; height:50px; line-height:50px; text-align:center; border-radius:10px; font-size:15px;}
.frmbtn_wrap > a.transparent{color:#8d7d70; border:1px solid #8d7d70; background:transparent;}
.frmbtn_wrap .btn2{overflow:hidden; margin-bottom:10px;}
.frmbtn_wrap .btn2 > a{ width:calc( (100% - 10px) /2);  height:40px; line-height:40px; text-align:center; border-radius:5px; box-sizing: border-box;}
.frmbtn_wrap .btn2 > a:nth-child(1){float:left; }
.frmbtn_wrap .btn2 > a:nth-child(2){float:right; }
.frmbtn_wrap .btn2 > a.gold{background:#8d7d70; color:#fff;}
.frm_box{padding-top:20px !important;}
.frm_box .box1{width:100%; position:relative;}
.frm_box .box2{width:calc( (100% - 10px) /2);  overflow:hidden;}
.frm_box .box2:nth-child(1){float:left;}
.frm_box .box2:nth-child(2){float:right;}
.frmtp_01 .frm_title{padding:10px 15px 10px 15px; font-weight:500; font-size:16px; }

.switch {position: relative; display: inline-block; width:54px; height: 30px;}
.switch input {opacity:0; width:0; height:0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc;}
.slider:before {position: absolute; content: ""; height: 22px; width: 22px; left:4px; bottom: 4px; background-color: white;}
input:checked + .slider { background-color: #8d7d70;}
input:focus + .slider {box-shadow: 0 0 1px #8d7d70;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(22px); transform: translateX(22px);}
.slider.round { border-radius: 34px; }
.slider.round:before {border-radius: 50%;}

.aptsel{overflow:hidden; background:#fff; height:auto; line-height:50px !important; padding:0 15px; margin-bottom:10px; position:relative;}
.aptsel.reg {  }
.aptsel .h{display:inline-block; font-size:16px;}
.aptsel .call{display:inline-block;float:right; font-size:13px;}
.aptsel .call a{display:inline-block; width:30px; height:30px; vertical-align:middle; margin-left:10px; color:#6b6b6b; background:#eee url(/_img/icon_call.png) no-repeat center; background-size:18px auto; text-indent:-9999px; border-radius:50%;}
.aptsel .in{position:inline-block; text-indent:-9999px; float:right; margin-top:10px; width:30px; height:30px; background:url(/_img/icon_home_off.png) no-repeat center; background-size:25px auto;}
.aptsel .in.on{background:url(/_img/icon_home_on.png) no-repeat center; background-size:25px auto;}
.aptsel .regist_btn{font-size:13px; border:1px solid #999; color:#777; position:absolute; right:15px; top:50%; margin-top:-10px; line-height: 20px; width:60px; height:20px; text-align: center; border-radius: 3px;}


.aptreg {overflow:hidden; background:#fff; height:auto; line-height:20px; padding:15px 15px; margin-bottom:10px;}
.aptreg .box{margin-bottom:0px !important;}
.aptreg p.parts { font-weight: 400;font-size:0px;margin:0px;line-height:20px;margin-top:10px;}
.aptreg p.parts:empty { display:none; }
.aptreg p.parts.worktype { margin-top:0px;margin-bottom:0px; }
.aptreg p.parts > span {font-weight: 400; font-size: 13px; display:inline-block;vertical-align: bottom;line-height:20px;color:#999;}
.aptreg p.parts > span:nth-child(4) { display:none; }
.aptreg p.parts > span + span:before{content: "\e93f"; display: inline-block; padding: 0 3px;  font-family: 'xeicon' !important;color:#bbb;vertical-align: bottom;line-height:20px;}
.aptreg p.parts.worktype { margin-top:0px;margin-bottom:0px; }
.aptreg p.parts.worktype > span { color:#313131;font-size:14px; }


.aptreg p.defect_type { font-weight: 500;font-size:14px;color:#313131;margin-bottom:0px;margin-top:0px;}
.reg_form { display:block;padding-bottom:50px; }

.reg_form > .btns.none {display:none;}
.reg_form > .btns {display:table;position: fixed;left:0px;right:0px;bottom:0px;line-height:50px;height:50px;font-size:0px;z-index: 10;max-width:640px;min-width:320px;left:50%; transform: translateX(-50%);width:100%;}
.reg_form > .btns a {display: table-cell; background: #313131; color: #fff; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size:15px; vertical-align: bottom;}
.reg_form > .btns a:nth-child(1) { width:25%;background: #999; }
.reg_form > .btns a:nth-child(2) { width:75%; }

.photo_sec { margin-top:10px; }
.photoReg {overflow: hidden;margin-left:-2%;}
.photoReg div{float: left; width: 48%; padding-top:48%;margin-left:2%; position: relative; margin-bottom: 2%;border-radius: 0px;}
.photoReg.type02 div{margin-bottom: 0%;}
.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;}
.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;}
.photoReg div.is_file a { display:block; }
.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;}
.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);}
.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;}
.photoReg div input[type="file"]{display: none;}
.photoReg div:first-child{float: left;}
.photoReg div:last-child{float: right;}
.photoReg.type01 div:first-child{background: #dfdfdf url(../../_img/icon_photoType_01.png) no-repeat center 40%; background-size:45%;}
.photoReg.type01 div:last-child{background: #dfdfdf url(../../_img/icon_photoType_01.png) no-repeat center 40%;  background-size:45%;}
.photoReg.type02 div:first-child{background: #dfdfdf url(../../_img/icon_photoType_02.png) no-repeat center 40%;  background-size:45%;}
.photoReg.type02 div:last-child{background: #dfdfdf url(../../_img/icon_photoType_02.png) no-repeat center 40%;  background-size:45%;}
.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;}
.photoReg div .image_container > .img_wrap {position: absolute;top:50%;left:50%;width:auto;height:auto;transform: translate(-50%, -50%);margin:0px;padding:0px;}
.photoReg div .image_container > .img_wrap > img { display:block;width:100%;margin:0px;padding:0px }
.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;}
.photoReg div .image_container > .img_wrap > span > i { display:block;position: absolute;left:-30%;top:-95%;width:100%;height:100%;background:url(/_img/marker.png) transparent center no-repeat;background-size: cover;}
.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;}
.photoReg div .image_container > .img_wrap > span > a.del::before { font-family: 'xeicon' !important;content:'\e921';width:20px;text-align:center; color:#fff;}
.photoReg div .image_container > .img_wrap > span.enable { width:20% !important;padding-top:20% !important;opacity: 0.5; }
.photoReg div .image_container > .img_wrap > span.fixed { width:10% !important;padding-top:10% !important;opacity: 1; }
.photoReg div .image_container > .img_wrap > span.delmode > a.del { display:none; }
.photoReg div .image_container > .img_wrap > span.enable.delmode { width:10% !important;padding-top:10% !important;opacity: 1; }
.photoReg div .image_container.vertical > .img_wrap { width:100%; }
.photoReg div .image_container.vertical > .img_wrap > img { display:block;width:auto;width:100%;margin:0px;padding:0px }
.photoReg div .image_container.horizontal > .img_wrap { height:100%; }
.photoReg div .image_container.horizontal > .img_wrap > img { display:block;width:auto;height:100%;margin:0px;padding:0px }

/* 이용약관 */
.privacy_wrap{background:#fff; padding:12px 15px;}
.pritxt{margin-bottom:20px;}
.pritxt > strong { font-weight:500; }
.pritxt_list{margin-bottom:20px;}
.pritxt_list li{position:relative; padding-left:10px; line-height:160%;}
.pritxt_list li:before{position:absolute; content:""; top:10px; left:0; width:5px; height:1px; background:#000;}
.pritxt_nlist{margin-bottom:20px;}
.pritxt_nlist li{margin:15px 0; word-break: keep-all;}
.pritxt_nlist li.num{font-weight:500; margin:30px 0 15px 0; font-size:16px;  }
.pritxt_nlist li.snum{padding-left:10px;}
.pritxt_nlist li.t{padding-left:10px;}
.pritxt_nlist li.l{position:relative; padding-left:20px; line-height:160%;}
.pritxt_nlist li.l:before{position:absolute; content:""; top:10px; left:10px; width:5px; height:1px; background:#000;}
.pritxt_nlist li.b{position:relative;  padding-left:20px; }
.pritxt_nlist li.b:before{position:absolute; content:""; top:10px; left:10px; width:5px; height:5px; background:#000;}

.pritxt_nlist table{width:100%; background:#fff; border-top:2px solid #000; table-layout: fixed;}
.pritxt_nlist table th, .pritxt_nlist table td{padding:10px;  border:1px solid #ddd; vertical-align:middle; text-align:center; word-break:break-all;}
.pritxt_nlist table th{}

/* FAQ */
.faqlist_wrap{background:#fff;}
.faqlist{}
.faqlist li{border-bottom:1px solid #eee; }
.faqlist li a {padding:15px 15px 15px 52px; overflow:hidden; position:relative; overflow:hidden; cursor:pointer;display:block;line-height:20px;}
.faqlist li a > .i{display:inline-block; width:30px; position: absolute;top:10px;left:15px;height:30px;line-height:30px;background: #ddd;border-radius: 50%;text-align:center;color:#fff;}
.faqlist li a p { position: relative;overflow:hidden;  white-space: nowrap; text-overflow: ellipsis;   padding-right:15px;}
.faqlist li a p::before { position: absolute;top:0px;right:0px;display:block;height:20px;font-size:18px;line-height:20px;color: #999;font-family : 'xeicon' !important; content: "\e942"; }
.faqlist li a.on > .i { background: #313131;}
.faqlist li a.on p::before { content: "\e945"; }
.faqlist li .a{display:none; background:#fafafa; padding:15px 15px 15px 52px; border-top:1px solid #eee;  position:relative; overflow:Hidden; position:relative;font-size:13px;}
.faqlist li .a > .i{display:inline-block; width:30px; position: absolute;top:10px;left:15px;height:30px;line-height:30px;background: #8e2333;border-radius: 50%;text-align:center;color:#fff;}

/* as현황 단지별 통계 */
.statist_wrap{padding:15px 15px;}
.statist_wrap ul{}
.statist_wrap ul li{box-shadow:0px 0px 6px rgba(0,0,0,0.15);  box-sizing: border-box; overflow: hidden; border-radius: 0px; position: relative; background: #fff; height: 76px; line-height: 76px; display:block;}
.statist_wrap ul li + li { margin-top:12px; }
.statist_wrap ul li a{display: block; width: 100%; height: 100%;}
.statist_wrap ul li .stat{float:left; width:70%; background: #fff; text-align: left;}
.statist_wrap.manual ul li .stat{width: 100%; text-align: left; padding: 0 20px; box-sizing: border-box;}
.statist_wrap ul li .stat > span{overflow:hidden; font-size: 16px; font-weight: 500; height: 76px; line-height: 76px;display:block;padding-left:20px;}
.statist_wrap ul li .stat div .n{float:left; font-size: 13px;}
.statist_wrap ul li .stat div .t{float:right; color:#7b7b7b; font-size:12px; }
.statist_wrap ul li .stat div .t span{color:#000;  font-size:13px; vertical-align: baseline;}
.statist_wrap ul li .stat ul{margin-top:25px;}
.statist_wrap ul li .stat ul li{height:95px; float:left; width:20%; box-shadow: none; text-align: center; position: relative; padding:0; border-radius: 0;}
.statist_wrap ul li .stat ul li::before{content: ""; display: block; position: absolute; width: 1px; height:50px; top:50%; margin-top:-25px; background:#e1e1e1; right: 0;}
.statist_wrap ul li .stat ul li:last-child::before{display:none;}
.statist_wrap ul li .stat ul li .n{display:inline-block; font-size:16px;  color:#777; position: relative; padding-bottom:8px; }
.statist_wrap ul li .stat ul li .n::after{display: block; content: ""; width:20px; left:50%; margin-left: -10px; bottom: 0; height:2px; position:absolute;}
.statist_wrap ul li .stat ul li.c1 .n::after{background: #238c58; } /* 진행중 - 녹색 */
.statist_wrap ul li .stat ul li.c2 .n::after{background: #EB6529;} /* 재접수 - 주황 */
.statist_wrap ul li .stat ul li.c3 .n::after{background: #236f8c;} /* 자채청구 - 파랑 */
.statist_wrap ul li .stat ul li.c4 .n::after{background: #848484;} /* 처리불가 - 회색 */
.statist_wrap ul li .stat ul li.c5 .n::after{background: #8b2332;} /* 처리완료 - 빨강 */
.statist_wrap ul li .stat ul li .t{display:block; font-size:13px; color: #3a3a3a; line-height:35px; }

.statist_wrap ul li .total{position: absolute; left:70%; top:0; right:0; bottom:0;  background: #f8f8f8; text-align: center; font-size: 12px;line-height:76px;height:76px;color:#666;}
.statist_wrap ul li .total span{font-weight: 500;font-size:20px;line-height:76px;height:76px;display:inline-block;vertical-align: top;color:#111;}
.statist_wrap ul li .total .g{ position: relative; display:block; width:62px; height: 62px; border-radius: 50%;transition: 0.3s;  margin:15px auto 10px auto; background:transparent; border:1px solid #d2d2d2;}
.statist_wrap ul li .total .g span{ background:#f8f8f8; display : block; position: absolute; top:50%; left:50%; width:58px; height:58px; border-radius: 50%; text-align:center; line-height:60px;  font-size:16px; transform: translate(-50%, -50%); color: #8b2332;}
.statist_wrap ul li .total .d{font-size:15px;}

.statist_togbtn_wrap{box-shadow:0px 0px 6px rgba(0,0,0,0.2); border-radius:10px; overflow:hidden; margin-bottom:15px;}
.statist_togbtn_wrap:last-child{margin-bottom:0;}
.statist_togbtn_wrap .statist_togbtn{overflow:hidden;  line-height: 20px; padding:15px; background:#fff; border-radius:0; border-bottom:1px solid #d5d5d5;}
.statist_togbtn_wrap .statist_togbtn .n{float:left;  font-size: 16px;}
.statist_togbtn_wrap .statist_togbtn .t{float:right; color:#7b7b7b; font-size:13px; }
.statist_togbtn_wrap .statist_togbtn .t span{color:#000;  font-size:13px; vertical-align: baseline;}

.statist_togbtn_wrap > ul {}
.statist_togbtn_wrap > ul > li{box-shadow:none; border-radius:0; margin-bottom:0; border-bottom:none;}
.statist_togbtn_wrap > ul > li:after{content:""; display:block; background:#d5d5d5; height:1px; width:calc(100% - 40px); position:absolute; bottom:0; left:50%; margin-left:calc(-50% + 20px);}

.statist_togbtn_wrap > ul > li:last-child{border-bottom:0; margin-bottom:0;}
.statist_togbtn_wrap > ul > li:last-child:after{display:none;}

.statist_wrap.type2 > ul {border-radius:15px; overflow:hidden; box-shadow:0px 0px 6px rgba(0,0,0,0.2);  }
.statist_wrap.type2 > ul > li{box-shadow:none; border-radius:0; margin-bottom:0; border-bottom:none;}
.statist_wrap.type2 > ul > li:after{content:""; display:block; background:#d5d5d5; height:1px; width:calc(100% - 40px); position:absolute; bottom:0; left:50%; margin-left:calc(-50% + 20px);}
.statist_wrap.type2 > ul > li:last-child{border-bottom:0; margin-bottom:0;}
.statist_wrap.type2 > ul > li:last-child:after{display:none;}

/* AS접수 목록 */
.asrecep_tab{ overflow:hidden;}
.asrecep_tab ul{float:right; overflow:hidden;}
.asrecep_tab ul li{float:left; position:relative;}
.asrecep_tab ul li a{ padding:0 10px; color:#9a9a9a;}
.asrecep_tab ul li.on a{color:#262626;}
.asrecep_tab ul li:after{content:""; display:block; width:1px; height:12px; background:#9a9a9a; position:absolute; right:0; top:5px;}
.asrecep_tab ul li:last-child:after{display:none;}

.asrecep_wrap{padding:15px;background: #fff;}
.asrecep_wrap ul {}
.asrecep_wrap ul li{  background: #f4f4f4;}
.asrecep_wrap ul li + li {  margin-top:10px;}
.asrecep_wrap ul li a{ display:block;padding:15px;  }
.asrecep_wrap ul li a .cate{overflow: hidden; border-bottom:1px solid #e1e1e1; padding-bottom:12px; color:#818181; font-size:13px;position: relative;line-height:22px;}
.asrecep_wrap ul li a .cate .status { position: absolute;top:0px;right:0px;display:block; text-align:center; height:20px; line-height: 20px; border-radius:3px; color:#fff; margin-right:0px; font-size: 12px;color:#fff;}
.asrecep_wrap ul li a .cate .status > b { display:inline-block;font-weight:300;padding:0px 5px;min-width:60px;line-height: 20px;font-size:11px;border-radius: 3px;vertical-align: bottom;border:1px solid rgba(0,0,0,0.1);text-align:center; }
/* 재접수 - 파랑 */

.asrecep_wrap ul li a p.parts { min-height:20px; }
.asrecep_wrap ul li a p.parts > span {font-weight: 400; font-size:13px; color:#999; display:inline-block; vertical-align: bottom; line-height:20px;}
.asrecep_wrap ul li a p.parts.worktype { padding-top:0px;margin-bottom:0px; display:inline-block;}
.asrecep_wrap ul li a p.parts.worktype > span{color:#313131; font-size:14px; font-weight:500;}
.asrecep_wrap ul li a p.parts > span:nth-child(4) { display:none; }
.asrecep_wrap ul li a p.parts > span + span:before{content: "\e93f"; display: inline-block; padding: 0 3px;  font-family: 'xeicon' !important;color:#bbb;vertical-align: bottom;line-height:20px;}

.asrecep_wrap ul li a p.defect_type { font-weight: 500; font-size:14px; color:#313131; margin-bottom:0px; margin-top:0px;}

.asrecep_wrap ul li a .cate .r{display:block;color: #999;  line-height: 22px; font-size: 13px;margin-top:5px;}
.asrecep_wrap ul li a .cate .r > b { display:block;font-size:13px;line-height:22px;color:#313131;font-weight:500; }
.asrecep_wrap ul li a .cate .r span{}
.asrecep_wrap ul li a .cate .r span:after{display:inline-block; content:""; width:5px; height:10px; background:url(/_img/icon_catearrow.png) no-repeat center; background-size:5px auto; padding:0 5px;}
.asrecep_wrap ul li a .cate .r span:last-child:after{display:none;}

.asrecep_wrap ul li a .txt{  margin:12px 0 0 0; position:relative;}

.asrecep_wrap ul li a .txt > .reason { background: #fff;padding:10px;margin-top:10px;}
.asrecep_wrap ul li a .txt > .reason > .tit { font-weight:500;font-size:13px;line-height:20px;padding-bottom:5px;border-bottom:1px solid #ddd;color:#666; }
.asrecep_wrap ul li a .txt > .reason > .txt { display:block;color:#666;margin-top:5px;font-size:12px;white-space: normal; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.asrecep_wrap ul li a dl.proc { display:block;padding:0px 0px;margin-top:10px; border-top:1px solid #eee;}
.asrecep_wrap ul li a dl.proc > dd { line-height:28px;border-bottom:1px solid #eee;font-size:12px; }
.asrecep_wrap ul li a dl.proc > dd > b { float:right;font-weight:400; }

.asrecep_wrap ul li a dl.proc > dd.c1{color:#EB6529;} /* 신청 - 주황 */
.asrecep_wrap ul li a dl.proc > dd.c2{color:#ffcc33;} /* 재접수 - 노랑 */
.asrecep_wrap ul li a dl.proc > dd.c3{color:#9933cc;} /* 공종이관 - 보라 */
.asrecep_wrap ul li a dl.proc > dd.c4{color:#238c58;} /* 접수중 - 녹색 */
.asrecep_wrap ul li a dl.proc > dd.c5{color:#236f8c;} /* 작업완료 - 파랑 */
.asrecep_wrap ul li a dl.proc > dd.c6{color:#8b2332;} /* 확인완료 - 빨강 */
.asrecep_wrap ul li a dl.proc > dd.c7{color:#848484;} /* 처리불가 - 회색 */

.asrecep_wrap ul li a .txt .t{ color:#222;font-size:13px; white-space: normal; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.asrecep_wrap ul li a .txt .date { margin-top:10px;text-align:left;font-size:12px;color:#999; }
.asrecep_wrap ul li a .txt .date > .dongho { float:right; }
.asrecep_wrap ul li.type2 a .txt .t{padding-right:120px;}
.asrecep_wrap ul li a .txt .date2{position:absolute; right:0; top:0;  color:#818181; font-size:13px; line-height:180%;}

.defect_info { display:block;position: relative;padding-top:15px;}
.defect_info .cate{overflow: hidden; border-bottom:1px solid #eee; padding-bottom:12px; color:#818181; font-size:13px;position: relative;line-height:22px;}
.defect_info .cate .status { position: absolute;top:0px;right:0px;display:block; text-align:center; height:20px; line-height: 20px; border-radius:3px; color:#fff; margin-right:0px; font-size: 12px;color:#fff;}
.defect_info .cate .status > b { display:inline-block;font-weight:300;padding:0px 5px;min-width:60px;line-height: 20px;font-size:11px;border-radius: 3px;vertical-align: bottom;border:1px solid rgba(0,0,0,0.1);text-align:center; }

.defect_info p.parts { font-weight: 400;font-size:0px;margin-bottom:0px;}
.defect_info p.parts.worktype { padding-top:0px;margin-bottom:0px; display:inline-block;}
.defect_info p.parts.worktype > span{color:#313131; font-size:14px; font-weight:500;}
.defect_info p.parts > span {font-weight: 400; font-size: 13px; display:inline-block; vertical-align: bottom; line-height:20px; color:#999;}
.defect_info p.parts > span:nth-child(4) { display:none; }
.defect_info p.parts > span + span:before{content: "\e93f"; display: inline-block; padding: 0 3px;  font-family: 'xeicon' !important;color:#bbb;vertical-align: bottom;line-height:20px;}
.defect_info p.defect_type { font-weight: 500; font-size:14px; color:#313131; margin-bottom:0px; margin-top:0px;}

.defect_info .cate .r{display:block;color: #999;  line-height: 22px; font-size: 13px;margin-top:5px;}
.defect_info .cate .r > b { display:block;font-size:13px;line-height:22px;color:#313131;font-weight:500; }
.defect_info .cate .r span{}
.defect_info .cate .r span:after{display:inline-block; content:""; width:5px; height:10px; background:url(/_img/icon_catearrow.png) no-repeat center; background-size:5px auto; padding:0 5px;}
.defect_info .cate .r span:last-child:after{display:none;}

.defect_info.list{padding:0px;}
.defect_info.list .cate{padding:10px 0;}
.defect_info.list .cate .date{position: absolute;top:0px; left:0px;font-size:12px;}
.defect_info.list .cate .d1{position:absolute; top:10px; right:0px;font-size:12px;}
.defect_info.list .cate .txt{color:#222; margin-top:5px;}
.defect_info.list .cate .defect_type{display:inline-block; font-size:13px;}
.defect_info.list .cate .defect_type.saving{color:#EB6529;} /* 신청 - 주황 */
.defect_info.list .cate .defect_type.reorder{color:#ffcc33;} /* 재접수 - 노랑 */
.defect_info.list .cate .defect_type.transfer{color:#9933cc;} /* 공종이관 - 보라 */
.defect_info.list .cate .defect_type.receipt{color:#238c58;} /* 접수중 - 녹색 */
.defect_info.list .cate .defect_type.completed{color:#236f8c;} /* 작업완료 - 파랑 */
.defect_info.list .cate .defect_type.comfirmed{color:#8b2332;} /* 확인완료 - 빨강 */
.defect_info.list .cate .defect_type.impossible{color:#848484;} /* 처리불가 - 회색 */
.defect_info.list .cate .part{ padding-left:10px; display:inline-block; color:#222; }

.defect_info .txt{ margin:10px 0 0 0; position:relative;}

.defect_info .txt > .reason { background: #eee;padding:15px;margin-top:15px;}
.defect_info .txt > .reason > .tit { font-weight:500;font-size:14px;line-height:20px;padding-bottom:7px;border-bottom:1px solid #ddd; }
.defect_info .txt > .reason > .txt { display:block;color:#666;margin-top:7px; }

.defect_info .txt > .writer { text-align: right;margin-top:10px;font-size:11px;color:#999;line-height: 20px;}
.defect_info .txt > .writer > b { font-size:13px;font-weight:500;margin-left:5px;color:#313131;}

.defect_info dl.proc { display:block;padding:0px 0px;margin-top:15px; border-top:1px solid #eee;}
.defect_info dl.proc > dd { line-height:32px;border-bottom:1px solid #eee;font-size:12px; }
.defect_info dl.proc > dd > b { float:right;font-weight:400; }

.defect_info .order_form { border-top: 1px solid #bcbcbc;margin-top:15px; }

.defect_info .btns { display:block;margin-top:10px;padding-top:10px;border-top:1px solid #eee;font-size:0px; text-align:right;margin-bottom:-5px;height:32px;}
.defect_info .btns > a { display:inline-block;line-height:30px;border:1px solid #999;color:#777;padding:0px 10px;border-radius: 3px;font-size:12px;vertical-align:bottom;}
.defect_info .btns > a.del { background: #bbb;border:1px solid #bbb;color:#fff;}
.defect_info .btns > a + a { margin-left:3px; }
.defect_info .btns > a.order { border:1px solid #313131;color:#313131;}

.resubmit_title{border-bottom:1px solid #dedede;  padding-bottom:5px; margin-bottom:5px;}
.resubmit{padding:10px; background:#f5f5f5; margin-top:10px; padding-right:10px !important;}

.ascomscore{margin-top:12px; }
.ascomscore > li {margin-bottom:12px; overflow:hidden;}
.ascomscore > li > div{display:inline-block; float:left;}
.ascomscore .tit{color:#000;  margin-right:10px;}
.ascomscore .score{}
.ascomscore .score span{display:inline-block; vertical-align:baseline; margin-right:2px; width:13px; height:13px; background:url(/_img/icon_scoresta_off.png); background-size:cover;}
.ascomscore .score span.on{background:url(/_img/icon_scoresta_on.png); background-size:cover;}
.ascomscore .score p{display: inline-block; margin-left:8px; font-size:12px; color:#aaa;}
.ascomscore .score p strong{color:#000;}

/* 원경사진 */
.photofilelist{}
.photofilelist ul{overflow:hidden;}
.photofilelist ul li{cursor:pointer; float:left;  width:calc( (100% - 10px) /2); height:100px; border:1px solid #c8c8c8; margin-bottom:10px; margin-right:10px; box-sizing:border-box; background:#dfdfdf url(/_img/icon_photoplus.png) no-repeat center; background-size:auto 50px;  position:relative;}
.photofilelist ul li:nth-child(2n+2){margin-right:0;}
.photofilelist ul li label{text-indent:-9999px; cursor:pointer; display:block; position:absolute; top:0; right:0; bottom:0; left:0;}

#wrap{width:100%; height: auto; background:#f4f4f4;}
#wrap.logwrap{background:#fff;}

body{-webkit-overflow-scrolling:touch;}
body.on{overflow:hidden; width:100%; height:100%;}


/* 카테고리 선택 */
.dhselcomp{ padding:0 15px; background:#fff; margin-bottom:10px;}
.dhselcomp ul{}
.dhselcomp ul li{overflow:hidden; padding:9px 0;  line-height:26px; border-bottom:1px solid #e1e1e1; position:relative;}
.dhselcomp ul li:last-child{border-bottom:0;}
.dhselcomp ul li > a{position:absolute; right:0; top:9px; display:inline-block; text-align:center; width:74px; height:26px; color:#8b2332; border:1px solid #8b2332; border-radius:3px;}
.dhselcomp ul li:nth-child(2){padding-right:90px;}
.dhselcomp ul li .catesel{}
.dhselcomp ul li .catesel span{display:inline-block; cursor:pointer;}
.dhselcomp ul li .catesel span:after{content:"";  width:5px; height:10px; background:url(/_img/icon_catearrow.png) no-repeat center; background-size:5px auto;   padding:0 10px;}
.dhselcomp ul li .catesel span:last-child{font-weight:bold;}
.dhselcomp ul li .catesel span:last-child:after{display:none;}

.gjcatesel_wrap{margin-top:10px;}
.gjcatesel_wrap .gjcatesel{ display:block; }
.gjcatesel_wrap .gjcatesel .gjcate_title {background:#fff;  font-size:0px; text-align:center; padding:10px 0; position:relative; overflow:hidden;border-bottom:1px solid #ddd;}
.gjcatesel_wrap .gjcatesel .gjcate_title p{display:inline-block; width:50%;text-align:center;font-size:14px;line-height:20px;}

.gjcatesel_wrap .gjcatesel .gjcate_list{overflow:hidden; position:relative;font-size:0px;}
.gjcatesel_wrap .gjcatesel .gjcate_list:before{content:""; background:#fff; display:block; top:0; bottom:0; width:50%; left:50%; position:absolute;}
.gjcatesel_wrap .gjcatesel .gjcate_list ul.list{display:inline-block; width:50%; margin-top:0px;overflow:hidden;height:100%;overflow-y: auto;}
.gjcatesel_wrap .gjcatesel .gjcate_list ul.list li { padding:14px 15px; background:url(/_img/icon_gjsarr_off.png) no-repeat right 15px center; background-size:5px auto; position:relative; cursor:pointer;font-size:13px;}
.gjcatesel_wrap .gjcatesel .gjcate_list ul.list li{color:#777; transition:none; -webkit-transition:none;}
.gjcatesel_wrap .gjcatesel .gjcate_list ul.list li:hover,
.gjcatesel_wrap .gjcatesel .gjcate_list ul.list li.on{background:#8b2332 url(/_img/icon_gjsarr_on.png) no-repeat right 15px center; background-size:6px auto; color:#fff; }

.gjcatesel_wrap .gjcatesel .gjcate_list ul.list:nth-of-type(odd) > li.on {border-right:1px solid #fff;}

.gjcatesel_wrap .gjcatesel[data-step] [data-step] { display:none !important; }
.gjcatesel_wrap .gjcatesel[data-step="1"] [data-step="1"] { display:inline-block !important; }
.gjcatesel_wrap .gjcatesel[data-step="1"] [data-step="2"] { display:inline-block !important; }

.gjcatesel_wrap .gjcatesel[data-step="2"] [data-step="2"] { display:inline-block !important; }
.gjcatesel_wrap .gjcatesel[data-step="2"] [data-step="3"] { display:inline-block !important; }

.gjcatesel_wrap .gjcatesel[data-step="3"] [data-step="3"] { display:inline-block !important; }
.gjcatesel_wrap .gjcatesel[data-step="3"] [data-step="4"] { display:inline-block !important; }

.gjcatesel_wrap .gjcatesel[data-step="4"] [data-step="4"] { display:inline-block !important; }
.gjcatesel_wrap .gjcatesel[data-step="4"] [data-step="5"] { display:inline-block !important; }

.gjcatesel_wrap .gjcatesel[data-step="5"] [data-step="5"] { display:inline-block !important;}
.gjcatesel_wrap .gjcatesel[data-step="5"] [data-step="6"] { display:inline-block !important;}

.noclick{pointer-events:none;}
.onclick{pointer-events:auto;}


.board_wrap { display:block; }
.inner_header + .board_wrap { padding-top:51px; }
/* 공지사항 */
.board_wrap .list{ background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);padding:0 0px; }
.board_wrap .list li{border-bottom: 1px solid #dcdcdc; padding: 0;}
.board_wrap .list li:last-child{border-bottom: 0;}
.board_wrap .list li > a { display: block;font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:15px;}
.board_wrap .list li > a > strong { display: block;color: #333; font-size: 14px;line-height:22px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:500; }
.board_wrap .list li > a > p { display:block;font-size:0px;  margin-top: 7px;}
.board_wrap .list li > a > p > span { display: inline-block; font-size: 13px; color: #999; line-height: 16px;font-weight: 400; vertical-align: middle;position: relative;}
.board_wrap .list li > a > p > span + span { margin-left:21px; }
.board_wrap .list li > a > p > span + span::before { content: '';width: 1px;height: 10px;background: #dcdcdc;display: block;margin: 0px;position: absolute;left:-10px;top:3px;}
.board_wrap .list li > a > p > span.file::after { content: '';display:inline-block;height:16px;font-size:13px;line-height:16px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\ea80";text-align: center;color:#999;vertical-align: bottom; margin-left:2px;}
.board_wrap .list li > a > p > span.file.n_file::after { display: none; }
.board_wrap .list li.nodata { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
.board_wrap .list li.nodata > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
.board_wrap .list li.nodata > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.board_wrap .list li.nodata > h2::before { content: 'No Data Available.';}
.board_wrap .list li.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
.board_wrap .list li.nodata > p::before { content: '조회된 내역이 없습니다.';}

.board_wrap .view{ background: #fff; padding-bottom:15px;border-bottom: 1px solid #dcdcdc;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);min-height: 250px;}
.board_wrap .view .top{ padding: 15px 0px 5px 15px; box-sizing: border-box;overflow: hidden; }
.board_wrap .view .top > strong { display: block;color: #333; font-size: 14px;line-height:22px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-weight:500; }
.board_wrap .view .top > p { display:block;font-size:0px;  margin-top: 7px;}
.board_wrap .view .top > p > span { display: inline-block; font-size: 13px; color: #999; line-height: 16px;font-weight: 400; vertical-align: middle;position: relative;}
.board_wrap .view .top > p > span + span { margin-left:21px; }
.board_wrap .view .top > p > span + span::before { content: '';width: 1px;height: 10px;background: #dcdcdc;display: block;margin: 0px;position: absolute;left:-10px;top:3px;}
.board_wrap .view .top > p > span.file::after { content: '';display:inline-block;height:16px;font-size:13px;line-height:16px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\ea80";text-align: center;color:#999;vertical-align: bottom; margin-left:2px;}
.board_wrap .view .top > p > span.file.n_file::after { display: none; }
.board_wrap .view .contents{padding:15px 0; color: #101010; font-size: 13px; margin:15px; border-top:1px solid #dcdcdc;}
.board_wrap .view ul.file{ width: calc(100% - 30px);box-shadow: 1px 1px 10px rgba(0,0,0,0.1);border-radius: 7px;padding: 5px 0px;margin: 0 15px; }
.board_wrap .view ul.file li { display:block;}
.board_wrap .view ul.file li > a { display:block;font-size: 13px; padding:7px 10px 7px 15px; }
.board_wrap .view ul.file li > a::before {content: '';display: inline-block;background: url(/_img/icon_download.png) no-repeat center;width: 14px;height: 14px;background-size: cover;margin-right: 5px; }
.board_wrap .list_btn { display: block;padding: 15px 15px 15px 15px;text-align:right; }
.board_wrap .list_btn > button.list {  display: inline-block;width: 70px;height: 40px;background: #999;color: #fff;border: none;border-radius: 3px;text-align: center;margin: 0 auto;font-size:15px; }

.faqList{ margin-top: 0px; }
.faqList > li{ position: relative;border-bottom: 1px solid #dcdcdc; }
.faqList > li:last-child{margin-bottom: 0;}
.faqList > li > a{display: block; background: #fff; padding: 15px; line-height:22px; box-sizing: border-box; font-size: 14px; color: #333; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.faqList > li > a .reasToggle { border: 0; position: absolute; right:15px; top: 9px;background: none; }
.faqList > li > a .reasToggle::before { display:inline-block;height:30px;font-size:20px;line-height:30px;color: #999;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e942";text-align: center; }
.faqList > li > a .reasToggle.active::before { content: '\e945'; }
.faqList > li.nodata { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
.faqList > li.nodata > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
.faqList > li.nodata > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.faqList > li.nodata > h2::before { content: 'No Data Available.';}
.faqList > li.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
.faqList > li.nodata > p::before { content: '조회된 내역이 없습니다.';}

.faqAnswer{display:none; background: #fff;  padding:15px; font-size:13px; color: #101010; }
.faqAnswer div{}

.con_type { display: block;text-align: center;background: #eee;padding: 10px;font-size: 0px; }
.con_type > span { display: inline-block;border: 1px solid #ccc;line-height: 38px;width: calc(100% - 80px);overflow: hidden;border-radius: 3px;vertical-align: middle;background: #fff;margin-right: 0px; }
.con_type > span > input[type=text] { display: block;width: 100%;line-height: 38px;height: 38px;padding: 0 7px;border: 0;outline: none;font-size: 14px; }
.con_type > a { display: inline-block;border: 1px solid transparent;line-height: 38px;overflow: hidden;border-radius: 3px;vertical-align: middle;background: #5081eb;font-size: 14px;padding: 0 20px;color: #fff;margin-left: 10px; }


.search{display: block; align-items: center; justify-content: space-between;padding: 10px 10px;border-bottom:1px solid #ddd;position: relative;}
.search input{width:100%; height: 44px;line-height: 44px; border: 1px solid #ddd; background: #fff; padding: 0 7px;box-sizing: border-box;border-radius: 3px;}

input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}
.search button{position: absolute;top:14px;right:14px;display: block;width: 50px;height:36px; background: #313131; color: #fff;  text-align: center;  outline: none; border: none;border-radius: 1px;}

/* 공지사항 */
.noticelist_wrap{ margin-top:10px;}

ul.notice{padding:0 0px;border-top:1px solid #eee;}
ul.notice li{border-bottom:1px solid #eee; padding:0px 0;background: #fff;}
ul.notice li a{display:block;padding:15px 15px;line-height: 20px; position: relative;}
ul.notice li a .t{padding-right:80px; overflow:hidden; position:relative;}
ul.notice li a .t .s{color:#000; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; }
ul.notice li a .t .s > b { font-weight:500;margin-right:5px; color:#8e2333;font-size:16px;}
ul.notice li a .t .file{ margin-left:10px;display:inline-block;}
ul.notice li a .t .file img{width:auto; height:14px; vertical-align:baseline;}
ul.notice li a .t .d{position:absolute; right:0; top:0; color:#a2a2a2; font-size:13px;}
ul.notice li a .c{clear:both; margin-top:8px; color:#6e6e6e; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; }
ul.notice li a .t i,
.noticeview_wrap .subject .t i{font-style: normal; display: inline-block; font-size:11px;line-height:20px;height:20px;background: #8e2333; color: #fff; padding: 0 8px; border-radius: 4px; margin-left: 10px;vertical-align: bottom;}

ul.notice.guide li a::before { position: absolute;top:15px;right:15px;display:block;height:20px;font-size:18px;line-height:20px;color: #999;font-family : 'xeicon' !important; content: "\e93f"; }

.nodata {border-bottom:1px solid #eee; padding:100px 0px !important; text-align:center;}
.nodata > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
.nodata > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.nodata > h2::before { content: 'No Data Available.';}
.nodata > p { font-size:14px;color:#999999;line-height:20px;margin:0px;padding:0px; }
.nodata > p::before { content: '조회된 내역이 없습니다.';}

.noticeview_wrap{padding:0px; margin-top:0px;}
.noticeview_wrap .subject{ padding:15px 15px;background:#fff; }
.noticeview_wrap .subject .t{font-weight:500; font-size:16px;}
.noticeview_wrap .subject .d{color:#a2a2a2;  }
.noticeview_wrap .cont{padding:15px 15px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;background:#fff; }
.noticeview_wrap .cont .file{border-top:1px solid #eee; margin-top:15px;  font-size:13px; color:#6e6e6e; padding-top:15px; overflow:hidden;}
.noticeview_wrap .cont .file span{display:inline-block;}
.noticeview_wrap .btn{padding:15px 15px;}
.noticeview_wrap .btn button{width:100%; height:50px; color:#fff; background:#c8c8c8; border: 0px;font-size:15px; border-radius:3px; text-align:center; }

/* 페이징 */
.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:28px;height:28px;min-width:18px;font-size:13px;cursor:pointer;text-align:center;vertical-align:middle; margin:0px 0px;padding:0px 5px;background:#fff;border:1px solid #d1d1d1;color:#48535f;border-radius: 3px;}
.paging_wrap > a + a { margin-left:5px;}
.paging_wrap > a.on { color:#fff;font-weight:300; background:#313131;border:1px solid #313131; }
.paging_wrap > a.fa { background:#fff;border:1px solid #d1d1d1;font-size:16px;width:28px;line-height:28px;height:28px;padding:0px;margin:0px;margin-left:5px;font-weight:400; }
.paging_wrap > span {  position:relative;display:none;vertical-align: middle;height:28px;line-height:28px;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:28px;line-height:28px;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;}

.paging{margin-top: 30px;}
.paging ul{display: flex; align-items: center; justify-content: center;}
.paging ul li{margin-right: 10px;}
.paging ul li.on{color: #8e2333; font-weight: 500; border-bottom: 2px solid #8e2333;}
.paging ul li:last-child{margin-right: 0;}

/* 레이어팝업 */
.layerpopup{width:80%; }
.layerpopup .layerpop_header{}
.layerpopup .layerpop_header{padding:0 20px; box-sizing:border-box;  position:relative;}
.layerpopup .layerpop_header p{line-height:60px; height:60px; font-size:16px; font-weight:500;  border-bottom:1px solid #7d7d7d;}
.layerpopup .layerpop_header p.c{text-align: left;}
.layerpopup .layerpop_header p.c > b { display:none; }
.layerpopup .layerpop_header .close{display: inline-block; width: 45px; height: 60px; text-indent: -9999px; position: absolute; right: 5px; top: 0; background: url(/_img/icon_popclose.png) no-repeat center center; background-size: 15px; cursor: pointer;}

.layerpopup .layerpop_contents{padding:20px;}
.layerpopup .layerpop_contents.form {padding:15px 20px;}
.layerpopup .layerpop_contents > textarea {background: #fff; border: 1px solid #dcdcdc; min-height: 110px; width: 100%;font-size:14px;padding:10px;font-size:13px;border-radius: 5px;display:block;box-sizing: border-box;}

.layerpopup .layerpop_contents .poptxt_wrap{padding:20px; }
.layerpopup .layerpop_contents .poptxt_wrap .t{font-weight:500; text-align:center; font-size:16px;}
.layerpopup .layerpop_contents .poptxt_wrap .d{text-align:center; margin-top:5px; }
.layerpopup .layerpop_contents .btn_wrap {padding:0;}
.layerpopup .layerpop_contents .btn_wrap button{height:40px; background:#000; color:#fff; border-radius:5px; text-align:center; margin-bottom:10px; border:0;}
.layerpopup .layerpop_contents .btn_wrap button:last-child{margin-bottom:0;}
.layerpopup .layerpop_contents .btn_wrap.btn2 button{width:calc( (100% - 10px) /2); float:left;}
.layerpopup .layerpop_contents .btn_wrap.btn2 button:last-child{float:right;}

.layerpopup .layerpop_footer{}
.layerpopup .layerpop_footer .btn{text-align:center; cursor:pointer; padding:14px 0; display:block;  font-size:16px;}
.layerpopup .layerpop_footer .btn.close{background:#ddd; color:#000; }
.layerpopup .layerpop_footer .btn.enter{background:#8b2332; color:#fff;  }
.layerpopup .layerpop_footer .btn.wp100{width:100%; }
.layerpopup .layerpop_footer .btn.wp50{width:50%; float:left;}
.layerpopup .layerpop_footer .btn.wp60{width:60%; float:left;}
.layerpopup .layerpop_footer .btn.wp40{width:40%; float:left;}

/* 이용약관 */
.agreement { display: none;padding: 15px;box-sizing: border-box; }
.agreement > div { font-size: 13px;margin-bottom: 20px; }
.agreement > div > strong { display: block;margin-bottom: 10px; font-weight: 500;}
.agreement > div > span { display: block;margin-bottom: 10px; }
.agreement > div.list > p { padding-left: 20px;position: relative;margin-bottom: 5px; }
.agreement > div.list > p::before { display: inline-block;content: '';position: absolute;top: 0;left: 0; }
.agreement > div.list > p:nth-of-type(1)::before { content: '①'}
.agreement > div.list > p:nth-of-type(2)::before { content: '②'}
.agreement > div.list > p:nth-of-type(3)::before { content: '③'}
.agreement > div.list > p:nth-of-type(4)::before { content: '④'}
.agreement > div.list > p:nth-of-type(5)::before { content: '⑤'}

/* 임시데이터관리 */
div.temp_topper { padding: 15px 0px;display:block;padding-left:45px;position: relative;line-height:26px;}
div.temp_topper > p { padding:0px 10px;line-height:26px;font-size:13px; }
div.temp_topper > p > b { font-weight: 500;font-size:17px;line-height:26px;line-height: 26px;vertical-align: top;}
div.temp_topper > label { position: absolute;top:15px;left:15px;width:26px;height:26px;padding:0px;}
div.temp_topper > label > input[type=checkbox] { margin-right:0px; }
div.temp_topper > label > input[type=checkbox] + span { margin-left:0px;line-height:24px; }
div.temp_topper > label > input[type=checkbox] + span:before { width:24px;height:24px;line-height:24px;font-size:22px;border-radius: 50%;background: #eee;border: 1px solid rgba(0,0,0,0.1);}
div.temp_topper > label > input[type=checkbox]:checked + span:before { background: #fff;border: 1px solid rgba(0,0,0,0.6);}
div.temp_topper > button[type="button"] {position: absolute;top:10px;right:15px;border: 0; width: 100px; background: #2e2a25; font-weight: 500; text-align: center; color: #fff; line-height: 36px;height: 36px;font-size:14px; border-radius: 18px;}

.offline > div.temp_topper { padding-left:15px; }
.offline > div.temp_topper > label { display:none; }
.offline > div.temp_topper > button[type="button"] { display:none; }
.offline > div.temp_topper > p { padding:0px; }

ul.temp_list { padding: 0 0px;display:block;border-top:1px solid #ddd; }
ul.temp_list > li {  border-radius: 0px; position: relative; display:block;background: #fff;border-bottom:1px solid #ddd;padding-left:45px; }
ul.temp_list > li > label { position: absolute;top:15px;left:15px;width:26px;height:26px;padding:0px;}
ul.temp_list > li > label > input[type=checkbox] { margin-right:0px; }
ul.temp_list > li > label > input[type=checkbox] + span { margin-left:0px;line-height:24px; }
ul.temp_list > li > label > input[type=checkbox] + span:before { width:24px;height:24px;line-height:24px;font-size:22px;border-radius: 50%;background: #eee;border: 1px solid rgba(0,0,0,0.1);}
ul.temp_list > li > label > input[type=checkbox]:checked + span:before { background: #fff;border: 1px solid rgba(0,0,0,0.6);}
ul.temp_list > li + li { margin-top:0px;}
ul.temp_list > li > a {display: block;  padding: 15px;padding-left:10px;  box-sizing: border-box; border-radius: 10px; position: relative;}
ul.temp_list > li > a > div.status { position: absolute;top:15px;right:15px;}
ul.temp_list > li > a > p { display:block;padding-right:0px;line-height:20px;font-size:13px;max-height: 40px; white-space: normal; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
ul.temp_list > li > a > p.date { font-size:12px;color:#999; }
ul.temp_list > li > a > p.date > span { float:right; }
ul.temp_list > li > a > p.parts { font-weight: 400;font-size:0px;margin-bottom:10px;}
ul.temp_list > li > a > p.parts > span {font-weight: 500; font-size: 14px; display:inline-block;vertical-align: bottom;line-height:20px;}
ul.temp_list > li > a > p.parts > span:nth-child(4) { display:none; }
ul.temp_list > li > a > p.parts > span + span:before{content: "\e93f"; display: inline-block; padding: 0 3px;  font-family: 'xeicon' !important;color:#bbb;vertical-align: bottom;line-height:20px;}
ul.temp_list > li > a > p.defect_type { font-weight: 400;font-size:13px;color:#999;margin-bottom:10px;margin-top:-10px;}
ul.temp_list > li.nodata { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
ul.temp_list > li.nodata > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
ul.temp_list > li.nodata > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
ul.temp_list > li.nodata > h2::before { content: 'No Data Available.';}
ul.temp_list > li.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
ul.temp_list > li.nodata > p::before { content: '조회된 내역이 없습니다.';}
ul.temp_list > li > button.orders_view  {float:right;display:inline-block;margin-top:-40px;margin-right:15px;border: 0; position: relative; width: 30px; height: 30px;line-height: 30px;text-align:center;background: #eee;color:#999;font-size:14px;border-radius: 50%;font-family: 'xeicon' !important;}
ul.temp_list > li > button.orders_view::before {content: "\e942";}
ul.temp_list > li > button.orders_view.opened { background: #ccc;color:#fff;}
ul.temp_list > li > button.orders_view.opened::before {content: "\e945";}

.offline > ul.temp_list { padding-left:0px; }
.offline > ul.temp_list > li { padding-left:0px; }
.offline > ul.temp_list > li > label { display:none; }
.offline > ul.temp_list > li > a { padding-left:15px; }



/* 팝업영역 설정 */
.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 15px;border-bottom:1px solid #ccc; height:40px;}
.popup > header h1 { font-size:18px;font-weight:500;color:#333;line-height:40px; }
.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:15px;right:10px;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:10px 15px;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;min-width:70px;padding:0px 10px;color:#fff;margin:0px 2px;cursor:pointer;background:#313131;border-radius: 0px;}
.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;width:320px;}
.popup > section.find_post { overflow: hidden;height:400px !important;padding:0px 0px 5px 0px;}

.popup > section article { padding:15px; }
.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 > h3 { font-size:14px;font-weight:300;color:#666;display:block;margin-bottom:5px;line-height:20px; }
.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 > .txtbox {}
.popup > section article div.tb_info > .txtbox textarea{display:block;width:100%; height:80px; box-sizing:border-box; border:1px solid #c8c8c8; padding:10px; resize:none;}

.popup > section article div.tb_info > .typeparts {margin-top:0px;margin-bottom:10px;}
.popup > section article div.tb_info > .typeparts div {display:block;font-size:0px;}
.popup > section article div.tb_info > .typeparts div + div { margin-top:5px; }
.popup > section article div.tb_info > .typeparts div.sp { margin-left:-1%;display:block; }
.popup > section article div.tb_info > .typeparts div.sp > div { display:inline-block;width:49%;margin-left:1%;vertical-align: bottom;}
.popup > section article div.tb_info > .typeparts div.sp > div + div { margin-top:0px; }
.popup > section article div.tb_info > .typeparts div > select { width:100%;border-radius: 0px;border: 1px solid #c8c8c8;background-color: #fff;padding:0px 7px;height:40px;line-height:38px;background-position: right 7px center;background-size: 10px;}


.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; }

/*section.worker_dash { padding-top:0px; }*/

.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; }