@charset "utf-8";

#wrap{width:100%; overflow:hidden; position:relative;min-width:320px;max-width:640px;margin:0 auto;}
body.subContent{background: #f4f4f4;}
/* {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: 50px; 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 .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.login{height:285px;}
#header.main{height:285px;}
#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;}

.offline > #header.sub { display:none; }

.offline_wrap { padding:100px 15px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
.offline_wrap  > i { font-size:70px;color:#101010;margin-bottom:0px;line-height: 80px;margin-bottom:10px;}
.offline_wrap  > h2 { font-size:24px;color:#101010;line-height:30px;font-weight:400;margin:0px;padding:0px;}
.offline_wrap  > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px;margin-top:10px; }
.offline_wrap  > a {display:block;border: 0; width: 100%; background: #2e2a25; font-weight: 500; text-align: center; color: #fff; line-height: 50px;height: 50px;font-size:15px; border-radius: 10px;margin-top:40px;}

/* 메뉴 */
.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:220px;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: 31px 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: 15px; font-weight: 500; color: #fff;margin-top:15px; }
.gnb_wrap .nav_info .address > span { display:block;line-height:23px;  }
.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: 15px; color: #101010; padding-left: 30px;font-weight:500;position: relative;}
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 .gnbmenuTop > ul li a:before {display:block;width:30px;line-height:35px;position: absolute;top:0px;left:0px;font-family: 'xeicon' !important;color:#bbb;font-size:22px;text-align: center;}
nav .gnbmenuTop > ul li a.ico01:before { content: "\e9a1"; }
nav .gnbmenuTop > ul li a.ico02:before { content: "\e9a5"; }
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;}

/* 약관동의 페이지 */
.allChk_wrap{margin-top:-25px; margin-bottom: 10px; position: relative; z-index: 10; height: 54px; line-height: 54px; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0px 0px 15px rgba(83, 132, 237, 0.71); padding:0 15px; font-size: 16px; font-weight: 500; color: #101010;}
.allChk_wrap input[type=checkbox]{margin-right:20px;}
.allChk_wrap input[type=checkbox]:before{width:26px; height:26px; top:-6px}
.allChk_wrap input[type=checkbox]:checked:after{width:26px; height:26px; top:-6px}
.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;}
.privacyChk_list{margin-top:30px; padding:0 15px; box-sizing: border-box;}
.privacyChk_list li{color: #888; line-height: 35px; font-size: 13px;}
.privacyChk_list li button{border:0; text-indent: -9999px; background: url(../../_img/icon_privacyView.png) no-repeat; background-size: contain; width: 6px; height: 11px; vertical-align: middle; float: right; margin-top:11px;}
.privacyChk_list li input[type="checkbox"]:checked + label{color: #101010;}


/* 로그인전 하단버튼 */
.logBeforeBtn_wrap{position: absolute; bottom: 22px; right: 24px; left: 24px;}
.logBeforeBtn_wrap button[type="button"]{border: 0; width: 100%; background: #2e2a25; font-weight: 600; text-align: center; color: #fff; line-height: 50px; border-radius: 10px;}


/* 휴대폰인증 */
.phoneAuth_wrap{padding: 24px 0;}
.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;}
.phoneAuth_wrap > .ip > input[type="number"]::placeholder { color:#999; }
.phoneAuth_wrap > .ip > button{float:right;background: #666; width: 80px; height: 50px; border-radius: 10px; 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;}


.log_danjiselect_wrap{padding: 24px 0;}
.log_danjiselect_wrap > ul{margin-top:1px}
.log_danjiselect_wrap > ul > li{color: #999; font-size: 13px; font-weight: 500; line-height: 40px; background: #f4f4f4; border:1px solid #dcdcdc; margin-bottom:-1px; padding: 0 12px; box-sizing: border-box;}
.log_danjiselect_wrap > ul > li.on{background: #fff url(../../_img/icon_danjiChk.png) no-repeat right 13px top 15px; background-size:12px 8px; border: 1px solid #5081eb; margin-bottom:0; color:#101010;}
.log_danjiselect_wrap > ul > li > .danjiType_wrap{display:none; border-top: 1px solid #dcdcdc; padding: 5px 0;}
.log_danjiselect_wrap > ul > li.on .danjiType_wrap{display:block;}
.log_danjiselect_wrap > ul > li > .danjiType_wrap strong{font-weight: 500; font-size:13px; color: #101010;}
.log_danjiselect_wrap > ul > li > .danjiType_wrap > ul{overflow: hidden; padding-bottom:5px;}
.log_danjiselect_wrap > ul > li > .danjiType_wrap > ul > li{float: left; width: 25%; line-height:1.5;}
.log_danjiselect_wrap > ul > li > .danjiType_wrap > ul > li > label{color:#777; font-size:13px;}
.log_danjiselect_wrap > ul > li > .danjiType_wrap > ul > li > input[type="checkbox"]:checked{}

.pageTab{display:block;font-size:0px;}
.pageTab li{display:inline-block; width: 50%; text-align: center; color: rgba(255,255,255,0.5);  font-weight: 400; position: relative;}
.pageTab li a {display: block; padding: 10px 0 18px; font-size: 16px;}
.pageTab li a span{position: relative; display: inline-block;color: rgba(255,255,255,0.5);}
.pageTab li a span > em { position: absolute;top:-10px;right:-25px;background: #fff;padding:0px 6px;line-height:20px;border-radius: 10px;color:#5081eb;font-size:10px;z-index:10;}
.pageTab li.active{color: rgba(255,255,255,1);}
.pageTab li.active a span { color: rgba(255,255,255,1); }
.pageTab li.active a span::after{content: ""; display:inline-block; background: #fff; width: 100%; height: 3px; position: absolute; left:0; right:0; bottom:-5px;}


/* 로그인페이지 */
.logincopy{padding: 0 24px; margin-top: 60px;}
.logincopy span{ display: inline-block; font-size: 28px; line-height:36px;font-weight: 500; color: #fff;letter-spacing: -1px;}
.logincopy span:first-child{font-weight: 300;}

.companySch_wrap{margin-top:-25px; margin-bottom: 10px; position: relative; z-index: 10;}
.companySch_wrap .companySch_ip {height: 54px; line-height: 54px; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0px 0px 15px rgba(83, 132, 237, 0.71); position: relative;overflow: hidden;}
.companySch_wrap .companySch_ip input[type="text"]{width:100%; box-sizing: border-box;line-height: 54px;height: 54px; padding: 0 54px 0 15px; font-size: 14px; color: #333; border:0;display:block;}
.companySch_wrap .companySch_ip input[type="text"]::placeholder { color:#999; }
.companySch_wrap .companySch_ip button[type="button"]{width: 54px; height: 54px; border: 0; background: url("../../_img/icon_schBtn.png") no-repeat center; background-size: 20px auto; text-indent: -9999px; padding: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.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{}
.loginForm_wrap .ipwrap{border-bottom: 1px solid #ddd;}
.loginForm_wrap .ipwrap + .ipwrap { margin-top:5px; }
.loginForm_wrap .ipwrap input[type="text"],
.loginForm_wrap .ipwrap input[type="tel"]{line-height: 49px; height: 49px; width: 100%; border: 0;}
.loginForm_wrap button[type="button"]{display:block;width: 100%; border-radius: 10px; margin-top:25px; border: 0; line-height: 54px; height: 54px; background: #5384ed; text-align: center; font-weight: 500; font-size: 16px; color: #fff;}

.login_terms{text-align: center; margin-top: 25px;font-size:0px;}
.login_terms li{ color: #777; display: inline-block;position: relative;}
.login_terms li a{display: inline-block;line-height:30px;padding:0px 10px;font-size:13px;}
.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;}


/* 메인페이지 */
.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; }
.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.process a > i{background-image: url("../../_img/icon_mainquick_08.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.raws a > i{background-image: url("../../_img/icon_mainquick_05.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;}


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


/* 서브페이지 */
#login_content{padding: 0 24px 100px; }
#main_content{padding: 0 24px 10px; }
#sub_content {padding-bottom: 15px;padding-top:60px;}
#sub_content.tab {padding-top:108px;}

/* 단지선택 */
.danjiSelect{padding: 0px; display:none;border-bottom: 1px solid #dcdcdc;}
.danjiSelect.show { display:block; }
.danjiSelect select{width: 100%; font-weight: 500; color:#444;border-radius: 0px;border: 0px;line-height:50px;height:50px;font-size:15px;}
.danjiSelect select:disabled { background: #f8f8f8;}
.danjiSelect .donghoBox{width: 100%; font-weight: 500; color:#444; vertical-align:middle; white-space: nowrap; overflow: hidden; height: 41px; line-height: 41px; border: 1px solid #dcdcdc; border-radius: 10px; padding: 0 15px;   font-size: 13px; box-sizing:border-box;}


/* 처리현황탭 */
.asStateTab{background: #fff; padding: 0 0px; box-sizing: border-box;}
.asStateTab ul{overflow: hidden; margin-bottom: 12px;}
.asStateTab ul li{width: calc(100% / 4); 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: #5081eb; border: 1px solid rgba(0,0,0,0.05);}
/*
.asStateTab ul li:nth-child(1).active span strong{background: #85c9e1; border: 1px solid #73bfda;}
.asStateTab ul li:nth-child(2).active span strong{background: #93aee9; border: 1px solid #82a0e1;}
.asStateTab ul li:nth-child(3).active span strong{background: #a1a5f4; border: 1px solid #9095f8;}
*/

/* 처리현황 목록 */
ul.as_list { padding: 0 15px;display:block; }
ul.as_list > li { box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; position: relative; display:block;}
ul.as_list > li + li { margin-top:10px; }
ul.as_list > li > a {display: block; background: #fff; padding: 15px;  box-sizing: border-box; border-radius: 10px; position: relative;}
ul.as_list > li > a > div.status { position: absolute;top:15px;right:15px;}
ul.as_list > li > a > div.status > i.wrong { display:inline-block;background:#111;color:#fff !important;border:1px solid rgba(0,0,0,0.05);border-radius: 6px;font-weight:300;color:#fff; padding:0px 5px;min-width:30px;line-height: 18px;font-size:12px;vertical-align:middle;margin-right:2px;}
ul.as_list > li > a > div.status > i.wrong::before { content:'오접수'; }
ul.as_list > li > a > p { display:block;padding-right:30px;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.as_list > li > a > p.date { font-size:12px;color:#999; }
ul.as_list > li > a > p.parts { font-weight: 400;font-size:0px;margin-bottom:10px;}
ul.as_list > li > a > p.parts > span {font-weight: 500; font-size: 14px; display:inline-block;vertical-align: bottom;line-height:20px;}
ul.as_list > li > a > p.parts > span:nth-child(4) { display:none; }
ul.as_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.as_list > li > a > p.defect_type { font-weight: 400;font-size:13px;color:#999;margin-bottom:10px;margin-top:-10px;}
ul.as_list > li.nodata { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
ul.as_list > li.nodata > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
ul.as_list > li.nodata > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
ul.as_list > li.nodata > h2::before { content: 'No Data Available.';}
ul.as_list > li.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
ul.as_list > li.nodata > p::before { content: '조회된 내역이 없습니다.';}
ul.as_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.as_list > li > button.orders_view::before {content: "\e942";}
ul.as_list > li > button.orders_view.opened { background: #ccc;color:#fff;}
ul.as_list > li > button.orders_view.opened::before {content: "\e945";}

ul.as_list > li > dl.orders {display:none; background: #f4f4f4; padding:5px 15px; border-radius: 0 0 10px 10px;}
ul.as_list > li > dl.orders > dd { overflow: hidden;position: relative;padding:10px 0px;}
ul.as_list > li > dl.orders > dd  + dd { border-top: 1px solid #ddd; }
ul.as_list > li > dl.orders > dd > p.parts {float: left; width: calc(100% - 120px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
ul.as_list > li > dl.orders > dd > p.parts span{font-weight: 500; font-size: 12px; color: #666;vertical-align: bottom;line-height:20px;display:inline-block;}
ul.as_list > li > 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;}
ul.as_list > li > dl.orders > dd > p.date {float: right; font-size: 12px;  text-align: right; color: #999;line-height:20px;}
ul.as_list > li > dl.orders > dd > div.status { float: left;display: inline-block;line-height: 20px;vertical-align: bottom;text-align:left;width:50px;}
ul.as_list > li > 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; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='1'] { background:transparent;color:#fafafa !important; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='2'] { background:transparent;color:#6eacee !important; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='8'] { background:transparent;color:#45a171 !important; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='16'] { background:transparent;color:#e95653 !important; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='32'] { background:transparent;color:#999 !important; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='128'] { background:transparent;color:#45a171 !important; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='128']::before { content: '이관요청' !important;}
ul.as_list > li > dl.orders > dd > div.status > b[data-val='512'] { background:transparent;color:#333 !important; }
ul.as_list > li > dl.orders > dd > div.status > b[data-val='512']::before { content: '오접수' !important;}
ul.as_list > li > dl.orders > dd > div.status > b[data-val='1024'] { background:transparent;color:#45a171 !important; }
ul.as_list > li > dl.orders > dd > div.status > b::before { line-height:20px;display:block; }
ul.as_list > li > button.orders_view.opened + dl.orders { display:block; }

ul.as_list > li > a > .star {clear:both; display:block;line-height: 16px;font-size:0px;position: relative;white-space:nowrap;vertical-align: middle;padding-top:5px;}
ul.as_list > li > a > .star > span { display:inline-block;line-height: 16px;font-size:0px;position: relative;white-space:nowrap; }
ul.as_list > li > a > .star > span > i { width:16px;height: 16px;display:inline-block;font-family : 'xeicon' !important;font-size:15px;color:#bbb;vertical-align: middle;}
ul.as_list > li > a > .star > span > i::before { content: "\ea16"; }
ul.as_list > li > a > .star > span > em { display:block;white-space:nowrap;position: absolute;top:0px;left:0px;line-height: 16px;white-space:nowrap;overflow: hidden;}
ul.as_list > li > a > .star > span > em > i { width:16px;height: 16px;display:inline-block;font-family : 'xeicon' !important;font-size:15px;color:#fda94f;}
ul.as_list > li > a > .star > span > em > i::before { content: "\ea0f"; }


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

div.status { display:inline-block; }
div.status > b { display:inline-block;background:#999;font-weight:300;color:#fff; padding:0px 5px;min-width:46px;line-height: 18px;font-size:12px;border-radius: 6px;vertical-align: middle;border:1px solid rgba(0,0,0,0.05);text-align:center; position: relative;}
div.status > b[data-val='1'] { background:#fafafa;color:#aaa !important; }
div.status > b[data-val='1']::before { content:'신청';line-height: 18px;display:block; }
div.status > b[data-val='2'] { background:#6eacee;color:#fff !important; }
div.status > b[data-val='2']::before { content:'접수';line-height: 18px;display:block; }
div.status > b[data-val='8'] { background:#45a171;color:#fff !important; }
div.status > b[data-val='8']::before { content:'작업중';line-height: 18px;display:block; }
div.status > b[data-val='1024'] { background:#45a171;color:#fff !important; }
div.status > b[data-val='1024']::before { content:'작업중';line-height: 18px;display:block; }

div.status > b[data-val='64'] { background:#45a171;color:#fff !important; }
div.status > b[data-val='64']::before { content:'작업중';line-height: 18px;display:block; }

div.status > b[data-val='128'] { background:#45a171;color:#fff !important; }
div.status > b[data-val='128']::before { content:'작업중';line-height: 18px;display:block; }

div.status > b[data-val='16'] { background:#e95653;color:#fff !important; }
div.status > b[data-val='16']::before { content:'작업완료';line-height: 18px;display:block; }
div.status > b[data-val='32'] { background:#999;color:#fff !important; }
div.status > b[data-val='32']::before { content:'확인완료';line-height: 18px;display:block; }
div.status > b[data-val='512'] { background:#333;color:#fff !important; }
div.status > b[data-val='512']::before { content:'오접수';line-height: 18px;display:block; }

ul.schedule_list { padding: 15px 15px 0px 15px;display:block; }
ul.schedule_list > li { box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; position: relative; display:block;}
ul.schedule_list > li + li { margin-top:10px; }
ul.schedule_list > li > a {display: block; background: #fff; padding: 15px 15px 15px 15px;  box-sizing: border-box; border-radius: 10px; position: relative;padding-right:140px;position: relative;color:#666;}
ul.schedule_list > li > a > div.resv { font-weight: 400;font-weight: 600;line-height:16px; font-size: 11px; border-left:1px solid #eee;padding-left:15px;position: absolute;top:15px;right:15px;color:#999;letter-spacing: 0px;width:auto;text-align:right;padding:15px 5px 15px 20px;}
ul.schedule_list > li > a > div.resv > b { font-size:12px;font-weight:400;color:#999;vertical-align: bottom; }
ul.schedule_list > li > a > div.resv > span { display:block;font-size:14px;font-weight: 400;color:#666;line-height:24px;}
ul.schedule_list > li > a > div.resv > span > b { font-size:21px;font-weight: 600;vertical-align: bottom;margin-left:1px;color:#666;letter-spacing: -0.2px;}
ul.schedule_list > li > a > div.status { position: absolute;top:15px;right:15px;}
ul.schedule_list > li > a > p.type { display:block;padding-right:0px;line-height:22px;font-size:16px;color:#101010;font-weight:500;position: relative;margin-bottom:10px;}
ul.schedule_list > li > a > p.tit {font-weight: 400; font-size: 12px; display:block;line-height:20px;color:#999;}
ul.schedule_list > li > a > p.date { font-size:12px;color:#999;line-height:18px; }

ul.schedule_list > li.nodata { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
ul.schedule_list > li.nodata > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
ul.schedule_list > li.nodata > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
ul.schedule_list > li.nodata > h2::before { content: 'No Data Available.';}
ul.schedule_list > li.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
ul.schedule_list > li.nodata > p::before { content: '행사예약 내역이 없습니다.';}
ul.schedule_list > li.nodata > a.regist { display:block;margin:0 auto;width:120px;padding:0px;text-align: center;line-height:44px;font-size:14px;font-weight:500;margin-top:30px;background: #999; color:#fff;border-radius: 10px;}


/* 콘텐츠안내문 */
.explan{background: #fff; padding: 14px 15px; margin-bottom: 18px;}
.explan ul{}
.explan ul li{font-size: 12px; color: #666; position: relative; line-height: 18px; padding: 2px 0 2px 12px;display:none;}
.explan ul li::before{content: ""; display: block; position: absolute; width: 2px; height: 2px; left: 0; top: 11px; background: #666;}
.explan ul li.show {display:block;}

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

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

.asReg_form .asReg_input{padding:15px 15px 0 15px}
.asReg_form .asReg_input .formbox{margin-bottom: 8px;display:block;}
.asReg_form .asReg_input .formbox select{width: 100%; font-weight: 500; color: #444;height:46px;font-size:14px;}
.asReg_form .asReg_input .formbox label.title,
.asReg_form .asReg_input .formbox .title{display: none; color: #101010;  font-size: 13px; font-weight: 500; margin-bottom: 8px; margin-top:20px;}
.asReg_form .asReg_input .formbox textarea{background: #fff; border: 1px solid #dcdcdc; min-height: 150px; width: 100%;font-size:14px;border-radius: 5px;display:block;}
.asReg_form .asReg_input .photo_sec { margin-top:16px; }
.asReg_form .asReg_input .photo_sec > h3 { font-size:15px;font-weight: 500;color:#666;}
.asReg_form .asReg_input .photo_sec .photoReg + h3 { margin-top:6px; }
/* 원경 근경사진 */
.asReg_form .asReg_input .photoReg {overflow: hidden;margin-left:-2%;}
/*.asReg_form .asReg_input .photoReg div{float: left; width: 48%; padding-top:48%;margin-left:2%; position: relative; margin-bottom: 2%;border-radius: 5px;}*/

.asReg_form .asReg_input .photoReg div{display:inline-block;float: left; width: 98%; padding-top:48%;margin-left:2%; position: relative; margin-bottom: 2%;border-radius: 5px;}
.asReg_form .asReg_input .photoReg div + div { display:none; }
.asReg_form .asReg_input .photoReg div.is_file {width: 48%;}
.asReg_form .asReg_input .photoReg div.is_file + div { width: 48%;display:inline-block; }

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

/* as방문시간 */
.asReg_form .asReg_input .formbox .toggleBox_wrap{overflow: hidden;}
.asReg_form .asReg_input .formbox .toggleBox_wrap div{float:left; width: 50%; }
.asReg_form .asReg_input .formbox .toggleBox_wrap div label{ display: block; line-height: 41px; background: #fff; border:1px solid #dcdcdc; box-sizing: border-box; text-align: center; font-size: 13px; color: #6e6e6e;}
.asReg_form .asReg_input .formbox .toggleBox_wrap div input[type="radio"]{display: none;}
.asReg_form .asReg_input .formbox .toggleBox_wrap div input[type="radio"]:checked ~ label {color: #5081eb; border: 1px solid #5081eb; font-weight: 500;}
.asReg_form .asReg_input .formbox .toggleBox_wrap div:first-child label{border-radius: 10px 0 0 10px;}
.asReg_form .asReg_input .formbox .toggleBox_wrap div:last-child label{border-radius: 0 10px 10px 0;}


/* 완료버튼 */
.formBtn_wrap{margin-top: 15px; padding: 0 15px;}
.formBtn_wrap > button[type="button"]{border: 0; width: 100%; background: #2e2a25; font-weight: 500; text-align: center; color: #fff; line-height: 50px;height: 50px;font-size:15px; border-radius: 10px;}
.formBtn_wrap > button[type="button"]:disabled { background: #bbb;}
.formBtn_wrap.type2 {overflow:hidden;}
.formBtn_wrap.type2.bpd {padding-bottom:15px;}
.formBtn_wrap.type2 > button[type="button"] { width: calc( (100% - 10px) / 2 ); }
.formBtn_wrap.type2 > button[type="button"]:nth-child(1){float:left; background:#8e8e8e; width:80px;}
.formBtn_wrap.type2 > button[type="button"]:nth-child(2){float:right;width: calc(100% - 90px);}

.formBtn_wrap.temp > button[type="button"]:nth-child(2) { display:none; }

/* AS상세 */
.asView_wrap {padding: 15px 15px 0px 15px; }
.asView_box { background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.asView_box > .tit { padding: 15px 15px; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; overflow: hidden;position: relative;}
.asView_box > .tit > div.status { position: absolute;top:15px;right:15px;}
.asView_box > .tit > div.status { position: absolute;top:15px;right:15px;}
.asView_box > .tit > div.status > i.wrong { display:inline-block;background:#111;color:#fff !important;border:1px solid rgba(0,0,0,0.05);border-radius: 6px;font-weight:300;color:#fff; padding:0px 5px;min-width:30px;line-height: 18px;font-size:12px;vertical-align:middle;margin-right:2px;}
.asView_box > .tit > div.status > i.wrong::before { content:'오접수'; }


.asView_box > .tit > p.date { font-size:12px;color:#999; }
.asView_box > .tit > p { display:block;padding-right:30px;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; }
.asView_box > .tit > p.dongho { color:#999;}
.asView_box > .tit > p.parts { font-weight: 400;font-size:0px;margin-bottom:0px;}
.asView_box > .tit > p.parts > span {font-weight: 500; font-size: 14px; display:inline-block;vertical-align: bottom;line-height:20px;}
.asView_box > .tit > 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;}
.asView_box > .tit > p.parts > span:nth-child(4) { display:none; }
.asView_box > .tit > p.defect_type { font-weight: 400margin-bottom:0px; font-size: 13px;color:#999;}

.asView_box .request { padding:20px 15px 15px 15px;  }
.asView_box .request h4 {position: relative;font-size: 14px; color: #101010; font-weight: 500;}
.asView_box .request h4:before { dipslay:block;position: absolute;top:4px;bottom:4px;left:-15px;width:4px;background:#101010; content: '';}
.asView_box .request .text{font-size: 13px; color: #101010; margin-top: 20px;}
.asView_box .request .date{font-size: 12px; color: #999; margin-top: 5px;}
.asView_box .request .date span{ vertical-align: baseline;}

.asView_box .result { padding:20px 15px 15px 15px; position: relative;border-top:1px solid #dcdcdc;}
.asView_box .result > .star { display:block;line-height: 16px;font-size:0px;position: absolute;right:15px;top:20px;;white-space:nowrap;vertical-align: middle;padding:3px 0px;}
.asView_box .result > .star > span { display:inline-block;line-height: 16px;font-size:0px;position: relative;white-space:nowrap; }
.asView_box .result > .star > span > i { width:16px;height: 16px;display:inline-block;font-family : 'xeicon' !important;font-size:15px;color:#bbb;vertical-align: middle;}
.asView_box .result > .star > span > i::before { content: "\ea16"; }
.asView_box .result > .star > span > em { display:block;white-space:nowrap;position: absolute;top:0px;left:0px;line-height: 16px;white-space:nowrap;overflow: hidden;}
.asView_box .result > .star > span > em > i { width:16px;height: 16px;display:inline-block;font-family : 'xeicon' !important;font-size:15px;color:#fda94f;}
.asView_box .result > .star > span > em > i::before { content: "\ea0f"; }

.asView_box .result h4 {position: relative;font-size: 14px; color: #101010; font-weight: 500;}
.asView_box .result h4:before { dipslay:block;position: absolute;top:4px;bottom:4px;left:-15px;width:4px;background:#101010; content: '';}
.asView_box .result > .unit { display:block;background: #f8f8f8;padding:10px;}
.asView_box .result .text{font-size: 13px; color: #101010; margin-top: 0px;}
.asView_box .result .date{font-size: 12px; color: #999; margin-top: 5px;}
.asView_box .result .date span{ vertical-align: baseline;}

.asView_box .result > dl.orders { padding:0; margin-top:20px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.asView_box .result > dl.orders + dl.orders { margin-top:-1px; }
.asView_box .result > dl.orders > dd { overflow: hidden;position: relative;padding:10px 10px;}
.asView_box .result > dl.orders > dd  + dd { border-top: 1px solid #eee; }
.asView_box .result > dl.orders > dd > p.parts {float: left; width: calc(100% - 120px); text-overflow: ellipsis; white-space: nowrap;height:20px; overflow: hidden;}
.asView_box .result > dl.orders > dd > p.parts span{font-weight: 500; font-size: 12px; color: #666;vertical-align: bottom;line-height:20px;display:inline-block;}
.asView_box .result > 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;}
.asView_box .result > dl.orders > dd > p.date {float: right; font-size: 12px;  text-align: right; color: #999;line-height:20px;margin-top:0px;}
.asView_box .result > dl.orders > dd > div.status { float: left;display: inline-block;line-height: 20px;height:20px;vertical-align: bottom;text-align:left;width:50px;}
.asView_box .result > 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; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='1'] { background:transparent;color:#fafafa !important; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='2'] { background:transparent;color:#6eacee !important; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='8'] { background:transparent;color:#45a171 !important; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='16'] { background:transparent;color:#e95653 !important; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='32'] { background:transparent;color:#999 !important; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='128'] { background:transparent;color:#45a171 !important; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='128']:before { content: '이관요청' !important;}
.asView_box .result > dl.orders > dd > div.status > b[data-val='512'] { background:transparent;color:#333 !important; }
.asView_box .result > dl.orders > dd > div.status > b[data-val='512']:before { content: '오접수' !important;}
.asView_box .result > dl.orders > dd > div.status > b[data-val='1024'] { background:transparent;color:#45a171 !important; }
.asView_box .result > dl.orders > dd > div.status > b::before { line-height:20px;display:block; }

.asView_box .review { padding:15px;border-top:1px solid #dcdcdc;margin-top:0px;}
.asView_box .review h4 {position: relative;font-size: 14px; color: #101010; font-weight: 500;}
.asView_box .review h4:before { dipslay:block;position: absolute;top:4px;bottom:4px;left:-15px;width:4px;background:#101010; content: '';}
.asView_box .review > .star { display:block;line-height: 60px;font-size:0px;position: relative;white-space:nowrap;vertical-align: middle;text-align:center;background: #f8f8f8;border: 1px solid #eee;margin-top:15px;padding:5px 0px;border-radius: 5px;}
.asView_box .review > .star > a { display:inline-block; height:50px;width:42px;line-height:50px;font-size:13px;text-align:center;margin-left:0px;vertical-align: middle;}
.asView_box .review > .star > a::before { display:block;height:50px;font-size:40px;line-height:50px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; vertical-align: bottom; content: "\ea16"; color: #999; }
.asView_box .review > .star > a[data-val='Y']::before { content: "\ea0f";color:#fda94f; }

ul.defect_pic { display:block;overflow: hidden;position: relative;margin-bottom:0px;font-size:0px;margin-left:-1%;margin-top:10px;}
ul.defect_pic:empty { display:none; }
ul.defect_pic > li { margin-left:1%;width:24%;display:inline-block;padding-top:32.3333%;position: relative;}
ul.defect_pic.split_2 > li { width:49%; }
ul.defect_pic.split_3 > li { width:32.3333%; }
ul.defect_pic.split_4 > li { width:24%; }
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 }



.asView_box .asreg_photo{margin:15px 15px 0;  padding-bottom: 6px; overflow: hidden;}
.asView_box .asreg_photo .photoBox{width: calc( (100% - 10px) / 2 ); float: left; }
.asView_box .asreg_photo .photoBox.after{float: right;}
.asView_box .asreg_photo .photoBox.before{}
.asView_box .asreg_photo .photoBox .photo{width: 100%; height: 120px; background: #b7b7b7; position: relative;}
.asView_box .asreg_photo .photoBox .photo .multi{display: none; position: absolute; right: 8px; top: 8px; width: 17px; height: 17px; background: url(../../_img/icon_photoMulti.png) no-repeat center / contain;} /* 2021-06-24 가림 */
.asView_box .asreg_photo .photoBox .title{text-align: center; font-weight: 600; color: #101010; line-height: 30px; font-size: 12px;}


/* 공지사항 */
.board_wrap { }
.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: 80px;height: 44px;background: #999;color: #fff;border: none;border-radius: 7px;text-align: center;margin: 0 auto;font-size:15px; }

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



/* faq */
.faqTab_wrap{background: #fff; border-bottom: 1px solid #dcdcdc; }
.faqTab_wrap ul{ overflow: hidden; padding: 0 15px; box-sizing: border-box; }
.faqTab_wrap ul li{width: calc(100% / 4); float: left; position: relative; text-align: center; }
.faqTab_wrap ul li a{line-height: 32px; display: block; padding: 10px 0; color: #999; font-size: 14px; font-weight: 500; position: relative;}
.faqTab_wrap ul li:last-child a::after{display: none;}
.faqTab_wrap ul li.active { border-bottom: 3px solid #5081eb; }
.faqTab_wrap ul li.active a{font-weight: 600; color:#101010;}


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

/* faq 자주하는질문 검색 */
.con_type { display: block;text-align: center;background: #eee;padding: 15px;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 10px;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; }




/* 예약관리 */
.calendar { display: block;background: #fff;padding: 15px; min-height:403px;}
.calendar > .monthly { display:block;font-size:0px;text-align:center;padding:15px 0px; }
.calendar > .monthly > a { display:inline-block;line-height:32px;height:32px;width:32px;font-family : 'xeicon' !important; font-size:20px;background: #fff;border: 1px solid #ddd;border-radius: 50%;text-align:center;color:#999;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.calendar > .monthly > a.prev::before { content: '\e93c'; }
.calendar > .monthly > a.next::before { content: '\e93f'; }
.calendar > .monthly > span { display:inline-block;line-height:32px;height:32px;width:auto;padding:0px 30px; font-size:28px;font-weight: 600;color:#101010;}

.calendar > .daily { display:block;font-size:0px;text-align:center;padding:15px 0px; }
.calendar > .daily > dl.header { display:block;font-size:0px; }
.calendar > .daily > dl.header > dt { display:inline-block;width:calc( 100% / 7 );text-align: center;font-size:12px;}
.calendar > .daily > dl.header > dt:nth-child(7n) { color: #0e59b5; }
.calendar > .daily > dl.header > dt:nth-child(7n+1) { color: #ec3434; }

.calendar > .daily > dl.body { display:block;font-size:0px; text-align:left;}
.calendar > .daily > dl.body > dd { display:inline-block;width:calc( 100% / 7 );text-align: center;position: relative;}
.calendar > .daily > dl.body > dd > a { display:block;font-size:14px;line-height:46px;font-weight: 400;opacity: 0.4; position: relative;}
.calendar > .daily > dl.body > dd > a.enable { opacity: 1;font-weight: 600; }
.calendar > .daily > dl.body > dd > a.today { text-decoration: underline; }
.calendar > .daily > dl.body > dd > a.today::before { position: absolute;top:4px;content: '오늘';display:block;line-height:10px;font-size:10px;left:0px;right:0px;font-weight:400;color:#999; }
.calendar > .daily > dl.body > dd.selected::before { position: absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;content: '';display:block;background: #fda94f;border-radius: 50%;width:50px;height:50px;}
.calendar > .daily > dl.body > dd.selected > a,
.calendar > .daily > dl.body > dd.selected > a::before { color:#fff !important; }
.calendar > .daily > dl.body > dd:nth-child(7n) > a { color: #0e59b5; }
.calendar > .daily > dl.body > dd:nth-child(7n+1) > a { color: #ec3434; }
.calendar > .tips { dipslay:block;background: #eee;padding:10px 15px;}
.calendar > .tips > p { line-height:18px;font-size:12px;padding:1px 0px;padding-left:7px;position: relative;color:#888; }
.calendar > .tips > p > b { font-weight: 500;color:#666;}
.calendar > .tips > p::before { content: '';display:block;position: absolute;top:9px;width:2px;height:2px;background: #aaa;left:0px;}

.calendar > .already { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
.calendar > .already > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
.calendar > .already > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.calendar > .already > h2::before { content: 'Reservation completed';letter-spacing: -1px;}
.calendar > .already > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
.calendar > .already > p::before { content: '이미 등록된 예약내역이 있습니다.';}
.calendar > .already > a.confirm { margin:0 auto;width:120px;padding:0px;text-align: center;line-height:44px;font-size:14px;font-weight:500;margin-top:30px;background: #999; color:#fff;border-radius: 10px;display:block;}

.calendar > .closed { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
.calendar > .closed > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
.calendar > .closed > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.calendar > .closed > h2::before { content: 'Reservation is closed';letter-spacing: -1px;}
.calendar > .closed > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
.calendar > .closed > p::before { content: '예약이 마감되었습니다.';}
.calendar > .closed > a.confirm { margin:0 auto;width:120px;padding:0px;text-align: center;line-height:44px;font-size:14px;font-weight:500;margin-top:30px;background: #999; color:#fff;border-radius: 10px;display:block;}

.reserve_time { display: none;padding: 20px 15px 15px 15px;border-bottom: 1px solid #dcdcdc;}
.reserve_time.show { display:block; }
.reserve_time > h3 { display: block;position: relative;font-size:0px;line-height:30px; }
.reserve_time > h3 > span { font-size:18px;line-height:30px;display:block;font-weight:600;text-align: center;margin-bottom:10px;}
.reserve_time > h3 > span > b { font-size:15px;color:#999;margin-left:3px;font-weight:400; }
.reserve_time > h3 > strong { font-size:14px;line-height:30px;display:block; font-weight:400;}
.reserve_time > h3 > p { font-size: 16px;font-weight: 600; }
.reserve_time > h3 > span.guide { display: block;position: absolute;bottom: 5px;right: 0px;margin:0px;line-height:20px; }
.reserve_time > h3 > span.guide > b { font-size: 12px;color: #777;display:inline-block;line-height:20px;padding-left:18px; position: relative;font-weight: 400;}
.reserve_time > h3 > span.guide > b + b { margin-left:10px }
.reserve_time > h3 > span.guide > b::before {position: absolute;top:2px;;left:0px;}
.reserve_time > h3 > span.guide > b.enable::before { content: '';width: 12px;height: 12px;background: #fff;border: 2px solid #5081eb;border-radius: 50%;display: block;margin-right: 5px;vertical-align: middle; }
.reserve_time > h3 > span.guide > b.disable::before { content: '';width: 12px;height: 12px;background: #ccc;border: 2px solid #ccc;border-radius: 50%;display: block;margin-right: 5px;vertical-align: middle; }

.reserve_time > .time_select { display: block;margin-top: 10px;font-size: 0;margin-left: -8px;margin-bottom: -8px; }
.reserve_time > .time_select > label { display:inline;padding:0px;height:40px;line-height: normal;}
.reserve_time > .time_select > label > span { display: inline-block;width: calc(33.333% - 12px);font-size: 12px;font-weight: 500;text-align: center;border: 2px solid #5081eb;background: #fff;color:#5081eb;margin-left: 8px;height: 36px;line-height: 36px;margin-bottom: 8px;border-radius: 20px; }
.reserve_time > .time_select > label > span::before { display:none !important; }
.reserve_time > .time_select.half > label > span { display: inline-block;width: calc(50% - 12px);}
.reserve_time > .time_select > label > span > b { font-size:14px;margin-left:5px;font-weight:600; }
.reserve_time > .time_select > label > input[type='radio'] { display: none; }
.reserve_time > .time_select > label > input[type='radio']:checked + span { background: #5081eb;color: #fff; }
.reserve_time > .time_select > label > input[type='radio']:disabled + span { background: #ccc;border: 2px solid #ccc;color: #888;cursor: default; }

.reserve_wrap { display: block;padding: 15px;padding-bottom:0px; }
.reserve_wrap > .view { display: block;background: #fff;;border-radius: 10px;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);padding: 0px 15px 15px 15px;box-sizing: border-box; }
.reserve_wrap > .view > .qrcode { display:block;padding:45px 15px 40px 15px; }
.reserve_wrap > .view > .qrcode > img { width:60%;max-width: 100%;margin:0 auto; display:block;}
.reserve_wrap > .view > h4 { font-size: 16px;border-bottom: 2px solid #101010;padding-bottom: 15px;line-height: 24px; text-align:center;line-height:24px;}
.reserve_wrap > .view > h4 > b { display:block;font-size:20px;font-weight: 600;line-height:30px; }

.reserve_wrap > .view > div.info { margin-top: 30px;text-align:center; }
.reserve_wrap > .view > div.info > span { display:inline-block;font-size:14px;line-height:24px;padding:0px 15px;border: 1px solid #101010;color:#101010;border-radius: 20px;}
.reserve_wrap > .view > div.info > h3 { font-size:26px;display:block;line-height:30px;font-weight:600;vertical-align: bottom;margin-top:10px; color:#e94f4f;}
.reserve_wrap > .view > div.info > h3 > b { font-size:20px;line-height:30px;vertical-align: bottom;font-weight:400;margin-left:3px;}
.reserve_wrap > .view > div.info > h4 { font-size:28px;display:block;line-height:38px;font-weight:400;vertical-align: bottom;margin-top:5px; color:#101010;position: relative;margin-bottom:30px;}
.reserve_wrap > .view > div.info > h4 > b { font-size:34px;line-height:38px;vertical-align: bottom;font-weight:600;margin-left:3px;}
.reserve_wrap > .view > div > p { display: block;color: #999;text-align: left;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.reserve_wrap > .view > div > p + p { margin-top:-1px; }
.reserve_wrap > .view > div > p > span { display:inline-block;font-size:13px;color:#999;line-height: 36px;vertical-align: middle;}
.reserve_wrap > .view > div > p > b { color: #101010;display:inline-block;float:right;font-size:14px;line-height: 35px;font-weight:500;vertical-align: middle; }
.reserve_wrap > .view > div > .visit_date > span { color: #e94f4f; }
.reserve_wrap > .view > div > .address { border-top: 1px solid #dcdcdc;margin-top: 10px;padding-top: 10px; }

.reserve_wrap > div.nodata { padding:100px 0px;background: transparent;text-align:center;box-shadow: none;border-radius:0px;}
.reserve_wrap > div.nodata > i { font-size:45px;color:#101010;margin-bottom:0px;line-height: 50px;}
.reserve_wrap > div.nodata > h2 { font-size:24px;color:#101010;line-height:40px;font-weight:400;margin:0px;padding:0px;}
.reserve_wrap > div.nodata > h2::before { content: 'No Data Available.';}
.reserve_wrap > div.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
.reserve_wrap > div.nodata > p::before { content: '행사예약 내역이 없습니다.';}
.reserve_wrap > div.nodata > a.regist { display:block;margin:0 auto;width:120px;padding:0px;text-align: center;line-height:44px;font-size:14px;font-weight:500;margin-top:30px;background: #999; color:#fff;border-radius: 10px;}

.reserve_present > .present_list { display: block;padding: 0px 15px;box-sizing: border-box;background: #fff; }
.reserve_present > .present_list > ul > li { display: block;padding: 10px 0px;position: relative; }
.reserve_present > .present_list > ul > li + li { border-top: 1px solid #dcdcdc; }
.reserve_present > .present_list > ul > li > p { font-weight: 500; }
.reserve_present > .present_list > ul > li > span { display: inline-block;color: #999;margin-top: 5px;font-size: 15px; }
.reserve_present > .present_list > ul > li > span > em { color: #666;font-style: normal;margin-left: 10px; }
.reserve_present > .present_list > ul > li > a { display: block;position: absolute;top: 17px;right: 0px;border: 1px solid #dcdcdc;border-radius: 25px;padding: 5px 7px;color: #666;font-size: 14px; }


/* 이용약관 */
.agreement { display: none;padding: 15px;box-sizing: border-box; }
.agreement.show { display: block; }
.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: '⑤'}

.pswp__top-bar { height:60px !important; }
.pswp__button--close { position: absolute;top:10px;right:10px;}
.pswp__button--zoom { position: absolute;top:10px;right:10px;}


.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:100; }
.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 > a { width:auto;padding:0px 20px;line-height:36px;font-size:15px;color:#fff; display:inline-block;border-radius: 5px;background: #999;border: 2px solid #999;}
.img_picker > .btns > a.confirm { background: #5384ed;border: 2px solid #5384ed;margin-left:5px;}
.img_picker > .btns > a.cancel { }

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

/* 사전점검 진행절차 */
ul.process_list { display: block;padding: 15px 15px 0px 15px; }
ul.process_list > li { display: block;box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 10px;position: relative;background: #fff;padding: 15px 10px;box-sizing: border-box;border-radius: 10px;line-height: 18px;font-size: 0px;padding-left: 50px; }
ul.process_list > li + li { margin-top: 40px; }
ul.process_list > li + li::before { content: '\e941';display:block;height:20px;font-size:30px;line-height:20px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align: center;color: rgba(0,0,0,0.3);position: absolute;top: -30px;left:0px;right:0; }
ul.process_list > li > p { display: block;font-size: 15px;font-weight: 500;line-height: 18px; }
ul.process_list > li > span { display: block;font-weight: 400;margin-top: 5px;font-size: 13px;line-height: 20px; }
ul.process_list > li > em { display: block;background: #5081eb;color: #fff;line-height: 30px;width: 30px;height: 30px;border-radius: 50%;text-align: center;position: absolute;top: 10px;left:10px;font-size: 15px; }

/* 생활법률정보 */
.raws_news { display: block; }
.raws_news > li { display: block;background: #fff; }
.raws_news > li + li { margin-top: 1px; }
.raws_news > li > a { display: block;padding: 15px;position: relative;color: #333; }
.raws_news > li > a .reasToggle { display:block;width:20px;position: absolute; right:15px; top: 50%;margin-top:-10px;;background: none;line-height:20px;height:20px; }
.raws_news > li > a .reasToggle::before { content: '\e945';display:block;height:20px;font-size:20px;line-height:20px;color: #999;font-family : 'xeicon' !important; text-align: center; }
.raws_news > li > a .reasToggle.active::before { content: '\e942'; }
.raws_news > li > a > p { font-size: 14px;font-weight: 500;position: relative;padding-left: 25px;padding-right: 25px;line-height:22px; }
.raws_news > li > a > p::before { display:block;content: '\ec07';height:16px;font-size:16px;line-height:16px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align: center;color: #333;position: absolute;left: 0;top: 4px;}
.raws_news > li > .raw_con { display: none;padding: 0 15px; }
/* .raws_news > li > a .reasToggle.active + .raw_con { display: block; } */
.raws_news > li > .raw_con > .news { width: 100%;margin: 0 auto;position: relative;overflow: hidden;background-size: cover;padding-bottom: 40px; }
.raws_news > li > .raw_con > .news img { width: 100%; }
.raws_news > li > .raw_con > .news > button { display:block; width:40px;height:100px;line-height:60px;font-size:0px;text-align:center;position: absolute;top:50%;margin-top:-25px;z-index:5; }
.raws_news > li > .raw_con > .news > button::before { display:block;height:50px;font-size:25px;line-height:50px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align: center;color:#fff;background: rgba(0,0,0,0.3)}
.raws_news > li > .raw_con > .news > button.slick-prev { left:0px; }
.raws_news > li > .raw_con > .news > button.slick-prev::before { content: "\e93b"; }
.raws_news > li > .raw_con > .news > button.slick-next { right:0px; }
.raws_news > li > .raw_con > .news > button.slick-next::before { content: "\e93e"; }
.raws_news > li > .raw_con > .news > ul.slick-dots { width:300px;position: absolute;bottom:20px;left:50%;margin-left:-150px;display:block;height:18px;line-height: 18px;font-size:0px;text-align:center;}
.raws_news > li > .raw_con > .news > ul.slick-dots > li { display:inline-block;width:10px;height:10px;border:1px solid rgba(0,0,0,0.2);background: rgba(255,255,255,0.2);font-size:0px;border-radius: 50%;cursor: pointer;}
.raws_news > li > .raw_con > .news > ul.slick-dots > li > button { display:none; }
.raws_news > li > .raw_con > .news > ul.slick-dots > li + li { margin-left:5px; }
.raws_news > li > .raw_con > .news > ul.slick-dots > li.slick-active { background:#5081eb;border:1px solid #5081eb; }

.screen .container { padding:15px; }
.screen .agree { margin-bottom:20px; }
.screen .agree > label > span { font-size:14px; }
.screen .agree > label > span > b { font-weight:400;color:#ec635d;margin-left:5px; }
.screen .agree > .text_field { border:1px solid #ddd;margin-top:10px;overflow: hidden;overflow-y: scroll;height:150px;font-size:13px;padding:0px;word-break:keep-all;background: #fff;line-height:18px;color:#666;}
.screen .all_agree { margin-bottom:20px;border-top:1px solid #ccc;padding-top:10px; }
.screen .all_agree > label { height:auto;word-break:keep-all; }
.screen .all_agree > label > span { font-size:14px; }

.screen .btns { margin-top:30px;font-size:0px; }
.screen .btns > a { display:block;background: #2e2a25;color:#fff;width:100%;height:50px;line-height:50px;border-radius: 10px;font-size:15px;font-weight:500;text-align: center; }