@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans:wght@400;700&display=swap');


/* reset */
html{width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
*{box-sizing:border-box;}
fieldset,img {border:0 none;}
img{width:100%;display:block;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {height:100%;-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input{border:0 none;}

button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;outline:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff}
body,th,td,input,select,textarea,button {
  font-size:16px;
  line-height:1.5;
  font-family: 'Noto Sans KR', sans-serif;
  /* font-family:'Malgun Gothic', '맑은 고딕', sans-serif; */
}
a {color:#333;text-decoration:none;display:block;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

body {-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;}
input,select,textarea {-webkit-appearance: none; -webkit-border-radius:0; border-radius:0; outline: none; background-color: transparent; }
::-webkit-scrollbar { display: none;}
div {-webkit-overflow-scrolling:touch;}

.bind{width:1px;height:1px;position:absolute;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);}

body > div:nth-child(1),#all,#wrap{width:100%;height:100%;}

.bd_none{
  border:0px!important;
}

input::placeholder {
  color:#898989; 
}

.mt-10{margin-top:10px!important;}
.mt-20{margin-top:20px!important;}
.mt-40{margin-top:40px!important;}

.pd_b0{
  padding-bottom :0px!important;
}

/*dropdown*/
.custom-select-container {
  position: relative;
  box-sizing: border-box;;
}
.custom-select-container * {
  box-sizing: border-box;
}
.custom-select-container.is-disabled {
  opacity: .333;
}
.custom-select-opener {
  background-color: #ccc;
  padding: 0.5em;
  padding-left:15px;
  display: block;
  cursor: pointer;
  width: 100%;
}
.custom-select-container select {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-select-panel {
  max-height: 0;
  transition: max-height .5s ease-out, overflow-y 0.1s 0.5s;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  top: 100%;
  z-index: 1;
  width: 100%;
}
.custom-select-container.is-open .custom-select-panel {
  max-height: 80em;
  /* overflow-y: auto; */
  border-radius:0 0 4px 4px!important;
  overflow:hidden;
  
}
.custom-select-option {
  padding: 0.5em;
}
.custom-select-option.has-focus {
  background-color: LightBlue;
}
.custom-select-option.is-selected::before {
  content: "✔";
  padding-right: 0.5em;
}
.custom-select-optgroup > .custom-select-option {
  padding-left: 2em;
}
.custom-select-optgroup::before {
  content: attr(data-label);
  display: block;
  padding: 0.5em;
  color: #888;
}
  .custom-select-container {
    width: 100%;
  }
  .custom-select-opener {
    white-space: nowrap;
    height: 100%;
    margin-top: 0.5em;
    margin-bottom: 1em;
    border-radius: 5px;
    border: 2px solid #ccc;
  }
  .custom-select-opener:focus {
    outline: none;
    border-color: CornflowerBlue;
  }
  .custom-select-opener span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
  }
  .custom-select-panel {
    border-radius: 4px;
  }

.custom-select-opener{background:none;border:0 none;margin:0;}

#top{width:100%;background:#336699;width:100%;height:56px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;position:relative;border-bottom:#5c85ad solid 1px;align-items:center;}
#top.st2{height:55px;border-bottom:0 none;padding-right:10px;}
#top > h1 a{height:55px;padding-left:10px;display:-webkit-box;display:-moz-flexbox;display:flex;align-items:center;}
#top > h1 a img{width:103px;height:auto;}
#top > .menu{width:53px;height:55px;position:relative;display:block;background:url(../img/common/menu.png) center center no-repeat;background-size:25px auto;}
#top > .menu .new{width:15px;height:15px;display:none;position:absolute;top:15px;right:10px;background:url(../img/common/icon_n.png);background-size:15px 15px;}
#top > .menu .new.show{display:block;}
#top > .requests{
  width:95px;
  height:25px;
  position:absolute;
  top:50%;
  right:54px;
  text-align:center;
  line-height:25px;
  transform:translateY(-50%);
  color:#fff;
  font-size:16px;
  background:#254b71;
  border-radius:25px;
}
#top > .requests:after{width:12px;height:12px;display:inline-block;margin-left:7px;background:url(../img/common/icon_requests.png);background-size:12px 12px;content:"";}
#top.st2 > .requests{position:relative;top:0;right:0;transform:translateY(0);}
#top > .exam{width:78px;height:25px;display:block;position:relative;text-align:center;line-height:25px;color:#fff;font-size:16px;background:#254b71;border-radius:25px;}
#top > .exam:after{width:12px;height:12px;display:inline-block;margin-left:7px;background:url(../img/sub/icon_exam.png);background-size:12px 12px;content:"";}
#top > .blue{height:25px;padding:0 10px;display:block;position:relative;text-align:center;line-height:25px;color:#fff;font-size:16px;background:#254b71;border-radius:25px;}
#top > .blue:after{width:6.3333px;height:11px;display:inline-block;margin-left:7px;background:url(../img/sub/icon_topblue.png);background-size:6.3333px 11px;content:"";}


#top .exam{
  width:95px;
  height:25px;
  display:block;
  position:relative;
  text-align:center;
  line-height:25px;
  color:#fff;
  font-size:16px;
  background:#254b71;
  border-radius:25px;
}
#top .exam:after{width:12px;height:12px;display:inline-block;margin-left:7px;background:url(../img/sub/icon_exam.png);background-size:12px 12px;content:"";}


#top.st2 .btn-back{width:55px;height:55px;background:url(../img/sub/icon_back.png) center center no-repeat;background-size:25px 17px;}
#top.st2 .tit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:17px;}


.menupopup{width:100%;height:100%;position:fixed;top:0;right:0;margin-right:-100%;transition:all .3s ease-in-out; z-index: 9999999;}
.menupopup.active{margin-right:0;}
.menupopup .wrap-menu{width:100%;height:100%;position:absolute;top:0;right:0;background:#fff;}
.menupopup .wrap-menu .menutop{width:100%;height:70px;position:relative;}
.menupopup .wrap-menu .menutop .logo{width:153px;height:70px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:center;align-items:center;}
.menupopup .wrap-menu .menutop .logo img{width:103px;height:20px;}
.menupopup .wrap-menu .menutop .smenu_close{width:70px;height:70px;position:absolute;right:0;top:0;background:url(../img/common/btn_sclose.png) center center no-repeat;background-size:20px 20px;}
.menupopup .wrap-menu .head{width:100%;display:-webkit-box;display:-moz-flexbox;display:flex;border-bottom:#ebebeb solid 1px;padding:29px 0 29px 25px;align-items:center;}
.menupopup .wrap-menu .head .profile{width:50px;height:50px;overflow:hidden;margin-right:15px;}
.menupopup .wrap-menu .head > .info{display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;flex-direction:column;}
.menupopup .wrap-menu .head .nametext{display:-webkit-box;display:-moz-flexbox;display:flex;align-items:baseline;}
.menupopup .wrap-menu .head .nametext .name{display:block;font-size:16px;color:#222;}
.menupopup .wrap-menu .head .nametext .name span{font-size:25px;}
.menupopup .wrap-menu .head .nametext .nick{display:block;font-size:13px;color:#999;margin-left:9px;}
.menupopup .wrap-menu .head .mail{color:#222;font-size:17px;}
.menupopup .wrap-menu .smenu li > *{width:100%;height:56px;display:block;text-align:left;line-height:56px;padding-left:64px;background-position:25px center;background-repeat:no-repeat;border-bottom:#ebebeb solid 1px;}
.menupopup .wrap-menu .smenu .smenu1 > *{background-image:url(../img/common/smenu1.png);background-size:22.6666px 18px;}
.menupopup .wrap-menu .smenu .smenu2 > *{background-image:url(../img/common/smenu2.png);background-size:22px 18px;}
.menupopup .wrap-menu .smenu .smenu3 > *{background-image:url(../img/common/smenu3.png);background-size:23px 16.6666px;}
.menupopup .wrap-menu .smenu .smenu4 > *{background-image:url(../img/common/smenu4.png);background-size:23px 18px;}
.menupopup .wrap-menu .logout{width:100%;height:56px;display:block;position:absolute;left:0;bottom:0;text-align:left;line-height:56px;padding-left:64px;color:#333;font-size:16px;border-top:#ebebeb solid 1px;background:url(../img/common/icon_smenulogout.png) 25px center no-repeat;background-size:18px 17.6666px;}


.search{width:100%;padding:17px 10px;background:#336699; position: relative; z-index: 5;}
.search .input1{width:100%;height:45px;padding:0 20px;border-radius:25px;background:#fff;border:0 none;font-size:16px;color:#b7b7b7;line-height:45px;}
.search .wrap-dropdown{width:100%;display:-webkit-box;display:-moz-flexbox;display:flex;margin-top:17px;justify-content:space-between;}
.search .wrap-dropdown > *{height:35px;border-radius:4px;background:#fff;position:relative;font-size:13px;color:#222;text-align:left;}
.search .wrap-dropdown > *:after{width:10px;height:5.3333px;display:block;position:absolute;top:50%;right:13px;background:url(../img/common/icon-dropdown.png);background-size:10px 5.3333px;content:"";}
.search .wrap-dropdown .drop1{width:22.59%;}
.search .wrap-dropdown .drop2{width:29.25%;}
.search .wrap-dropdown .drop3{width:38.79%;}

.customer_list{width:100%;padding:17px 10px 70px;background:#f7f7f7;}
.customer_list.st2{padding-bottom:25px;}

/* .customer_list.main_list{
  height:-moz-calc(100% - 56px - 131px - 55px);
  height:-webkit-calc(100% - 56px - 131px - 55px);
  height:calc(100% - 56px - 131px - 55px);
  overflow-y:scroll;
} */

.customer_list.main_list{
  height:-moz-calc(100% - 56px - 131px - 34px);
  height:-webkit-calc(100% - 56px - 131px - 34px);
  height:calc(100% - 56px - 131px - 34px);
  overflow-y:scroll;

  /** 20200526 SYW **/
  padding-top:0px!important;
}
.custom_listnone{
  margin-top:222px;  
  text-align:center;
  /* height:-moz-calc(100% - 56px - 131px - 55px);
  height:-webkit-calc(100% - 56px - 131px - 55px);
  height:calc(100% - 56px - 131px - 55px); */
  background: #fff;
  /* display:-webkit-box;
  display:-moz-flexbox; */
  display:block;
  position:fixed;
  top:0px;
  left:0px; 
  width:100%;
  height:calc(100% - 222px);
  font-size:16px;
  z-index:2;
}

.custom_listnone.type2{
  padding:25px 0px;
  position: inherit;
  width:100%;
  height:100%;
  margin-top:0px;
  min-height:150px;
}

.custom_listnone_content{
  position: relative;
  height:100%;
  width:100%;
  z-index: 1;
}

.custom_listnone_content >h2{
  position: absolute;
  top:50%;
  left:0px;
  height:25px;
  width:100%;
  transform: translateY(-443%);
  text-align: center;
}

.custom_listnone_content > p{
  position: absolute;
  top:50%;
  left:0px;
  height:25px;
  width:100%;
  transform: translateY(-90%);
  text-align: center;
}



.custom_listnone_content .pic_section{
  height:83px;
  width:100%;
  background: url(../img/sub/no_data_icon.png) no-repeat center center;
  background-size: 83px;
  position: absolute;
  top:50%;
  left:0px;
  transform: translateY(-140%);
}


.custom_listnone.type2 .custom_listnone_content >h2{
  position: inherit;
  transform: translateY(0px);
}
.custom_listnone.type2 .custom_listnone_content >p{
  position: inherit;
  transform: translateY(0px);
}

.custom_listnone.type2 .custom_listnone_content .pic_section{
  position: inherit;
  transform: translateY(0px);
}



.custom_listnone h2{
  font-size:17px;
  font-weight: 700;
  display:block;
}
.custom_listnone p{
  font-size:17px;
  font-weight: 700;
}
.custom_listnone p >span{color:#f67e25;}

.customer_list .custom_listbox{width:100%;border-radius:5px;border:#ddd solid 1px;background:#fff;}
.customer_list .custom_listbox + .custom_listbox{margin-top:13px;}
.customer_list .custom_listbox .cl_head{
  width:100%;
  height:37px;display:-webkit-box;display:-moz-flexbox;display:flex;
  position:relative;
  padding:0 19px 0 54px;
  border-bottom:#ddd solid 1px;
  justify-content:space-between;
  border-radius:5px 5px 0 0;align-items:center;color:#555;
  font-size:16px;
}
.customer_list .custom_listbox .cl_head .tit > span{color:#ff6e00;}
.customer_list .custom_listbox .cl_head .as:after{
  width:35px;
  height:20px;
  display:inline-block;
  margin-left:9px;
  line-height:20px;
  text-align:center;
  background:#ffc000;border-radius:16px;color:#fff;
  font-size:16px;
  content:"AS";
}
.customer_list .custom_listbox .cl_head .myicon{width:27px;height:32px;display:block;padding-bottom:7px;position:absolute;top:0;left:14px;background:#d9d9d9;line-height:25px;text-align:center;color:#fff;font-size:11px;}
.customer_list .custom_listbox .cl_head .myicon:after{width:0;height:0;position:absolute;bottom:0;left:0;border-left:13.5px solid transparent;border-right:13.5px solid transparent;border-bottom:10px solid #fff;content:"";}
.customer_list .custom_listbox.my .cl_head .myicon{background:#ff6e00;}

.customer_list .custom_listbox .cl_con{width:100%;padding:21px 19px 24px;}
.customer_list .custom_listbox .cl_con .wrap-tit{width:100%;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;align-items:flex-end; position: relative; white-space: nowrap;}
.customer_list .custom_listbox .cl_con .wrap-tit .tit{display:-webkit-box;display:-moz-flexbox;display:flex;font-size:19px;color:#000;display:-webkit-box;display:-moz-flexbox;display:flex;align-items:center; font-weight:700; white-space: nowrap;}
.customer_list .custom_listbox .cl_con .wrap-tit .tit img{width:auto;height:20px;margin-right:8px;}
.customer_list .custom_listbox .cl_con .wrap-tit .date{color:#222;font-size:16px;}
.customer_list .custom_listbox .cl_con .wrap-tit .date > span{}
.customer_list .custom_listbox .cl_con .wrap-tit .date.color{color:#f32819;font-weight:bold;}
.customer_list .custom_listbox .cl_con .tel{width:100%;display:block;margin-top:20px;color:#222;font-size:17px;text-align:left;line-height:100%;}
.customer_list .custom_listbox .cl_con .clcon_addresscopy{width:100%;margin-top:16px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:flex-start;align-items:center;}
.customer_list .custom_listbox .cl_con .tel + .address{margin-top:20px;}
.customer_list .custom_listbox .cl_con .address{
  display:block;
  color:#555;
  font-size:16px;
  text-align:left;
  line-height:130%;
  /* white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; */
}
.customer_list .custom_listbox .cl_con .btn-copy{height:20px;margin-left:7px;border:#eaeaea solid 1px;border-radius:5px;padding:0 6px;line-height:18px;font-size:11px;color:#555;white-space:nowrap;}
.customer_list .custom_listbox .cl_con .btn-copy:after{width:8px;height:8px;display:inline-block;margin-left:7px;background:url(../img/common/btn-copy.png);background-size:8px 8px;content:"";}
.customer_list .custom_listbox .cl_con .name_date{display:-webkit-box;display:-moz-flexbox;display:flex;margin-top:20px;font-size:16px;color:#222;}
.customer_list .custom_listbox .cl_con .name_date *+*:before{width:1px;height:10px;margin:0 9px;display:inline-block;position:relative;top:1px;background:#eaeaea;content:"";}
.customer_list .custom_listbox .cl_bt{width:100%;display:table;border-top:#ddd solid 1px;}
.customer_list .custom_listbox .cl_bt > *{width:25%;height:76px;padding-top:28px;display:table-cell;position:relative;text-align:center;color:#555;font-size:16px;background-position:center 17px;background-repeat:no-repeat;}
.customer_list .custom_listbox .cl_bt > *:not(:first-child){border-left:#ddd solid 1px;}
.customer_list .custom_listbox .cl_bt .tel{background-image:url(../img/sub/icon_tel.png);background-size:20px 20px;}
.customer_list .custom_listbox .cl_bt .find{background-image:url(../img/sub/icon_find.png);background-size:15.3333px 20px;}
.customer_list .custom_listbox .cl_bt .place{background-image:url(../img/sub/icon_place.png);background-size:19.3333px 20px;}
.customer_list .custom_listbox .cl_bt .aslist{background-image:url(../img/sub/icon_aslist.png);background-size:18px 20px;}
.customer_list .custom_listbox .cl_bt .aslist.new:after{width:15px;height:15px;display:block;position:absolute;top:12px;left:50%;background:url(../img/common/icon_n.png);background-size:15px 15px;content:"";}

.customer_info{width:100%;margin-top:13px;border-radius:5px;border:#ddd solid 1px;background:#fff;}
.customer_info .con{padding:19px 19px 0;}
.customer_info .line1{width:100%;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;}
.customer_info .line1 .state{color:#555;font-size:16px;}
.customer_info .line1 .state:before{width:14px;height:14px;display:inline-block;border-radius:14px;margin-right:10px;content:"";position:relative;top:2px;}
.customer_info .line1 .state.st1:before{background:#7f7f7f;}
.customer_info .line1 .state.st2:before{background:#92d050;}
.customer_info .line1 .state.st3:before{background:#ff0018;}
.customer_info .line1 .date{color:#888;font-size:16px;}

.customer_info .line1 .date.init_wait{
  color:#336699!important;
}
.customer_info .line1 .date.not_init{
  color:#ff6e00!important;
}
.customer_info .line1 .date.init_wait:before{
  content:'';
  display:inline-block;
  width:18px;
  height:18px;
  background:url(../img/sub/init_wait.png) no-repeat center;
  background-size:contain;
  position: relative;
  top:3px;
  margin-right:5px;
}

.customer_info .line1 .date.not_init:before{
  content:'';
  display:inline-block;
  width:18px;
  height:18px;
  background:url(../img/sub/not_init.png) no-repeat center;
  background-size:contain;
  position: relative;
  top:3px;
  margin-right:5px;
}

.customer_info .text1{display:block;margin:14px 0 0 24px;text-align:left;color:#555;font-size:16px;line-height:100%;}
.customer_info .text1 b{font-size:16px;}
.customer_info .cubtn_wrap{width:100%;margin:20px 0 24px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;}
.customer_info .cubtn_wrap > *{width:calc((100% - 10px) / 2);height:34px;line-height:34px;border-radius:34px;text-align:center;color:#fff;font-size:16px;}
.customer_info .cubtn_wrap > *:before{display:inline-block;margin-right:9px;content:"";position:relative;top:-1px;}
.customer_info .cubtn_wrap > .btn1{background:#ff6e00;}
.customer_info .cubtn_wrap > .btn2{background:#d9d9d9;}
.customer_info .cubtn_wrap > .btn3{border:#ff6e00 solid 1px;line-height:32px;color:#ff6e00;}
.icon_report:before{width:12px;height:12px;background:url(../img/sub/icon_report.png);background-size:12px 12px;}
.icon_setting:before{width:12px;height:12px;background:url(../img/sub/icon_setting.png);background-size:12px 12px;}
.icon_pick2:before{width:12px;height:12px;background:url(../img/sub/icon_pict.png);background-size:12px 12px;}
.icon_pict:before{width:12px;height:12px;background:url(../img/sub/icon_pict.png);background-size:12px 12px;}
.customer_info .detail{width:100%;height:0;overflow:hidden;transition:all .3s ease-in-out;}
.customer_info.active .detail{height:auto;overflow:visible;}
.customer_info .detail .statewrap{width:100%;height:43px;padding:0 19px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;align-items:center;border-top:#f6f6f6 dashed 1px;}
.customer_info .detail .statewrap .state{color:#555;font-size:16px;}
.customer_info .detail .statewrap .state span{font-size:16px;}
.customer_info .detail .statewrap .state:before{width:10px;height:10px;display:inline-block;border-radius:10px;margin-right:14px;content:"";position:relative;top:1px;}
.customer_info .detail .statewrap .state.st1:before{background:#7f7f7f;}
.customer_info .detail .statewrap .state.st2:before{background:#92d050;}
.customer_info .detail .statewrap .state.st3:before{background:#ff0018;}
.customer_info .detail .statewrap .refresh{display:block;text-align:left;padding-right:18px;font-size:16px;color:#888;background:url(../img/common/btn_refresh.png) right center no-repeat;background-size: 11px 11px;}
.customer_info .detail .textwrap{width:100%;padding:17px 19px 24px;text-align:left;line-height:130%;font-size:16px;color:#666;border-top:#f6f6f6 dashed 1px;}
.customer_info .customer_detailbtn{width:100%;height:39px;position:relative;line-height:38px;text-align:center;border-top:#f6f6f6 solid 1px;font-size:16px;color:#555;outline:0;}
.customer_info .customer_detailbtn:after{width:12px;height:6.3333px;display:block;position:absolute;top:50%;left:50%;margin:-3.1px 0 0 25px;background:url(../img/common/btn-detail.png);background-size:12px 6.3333px;content:"";transition:all .3s ease-in-out;}
.customer_info.active .customer_detailbtn:after{transform:rotate(180deg);}

.customer_info2{width:100%;padding:19px 19px 24px;margin-top:13px;border-radius:5px;border:#ddd solid 1px;background:#fff;}
.customer_info2 .line1{width:100%;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;}
.customer_info2 .line1 .tit{color:#555;font-size:16px;}
.customer_info2 .line1 .date{color:#888;font-size:16px;}
.customer_info2 .line1 +.text1{margin-top:17px;}
.customer_info2 .text1{display:block;text-align:left;color:#555;font-size:16px;line-height:100%;}
.customer_info2 .text1 b{font-size:16px;}
.customer_info2 .text1+.text1{margin-top:9px;}
.customer_info2 .cubtn_wrap{width:100%;margin-top:20px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;}
.customer_info2 .cubtn_wrap > *{width:calc((100% - 10px) / 2);height:34px;line-height:34px;border-radius:34px;text-align:center;color:#fff;font-size:16px;}
.customer_info2 .cubtn_wrap > .btn1{background:#ff6e00;}
.customer_info2 .cubtn_wrap > .btn2{background:#d9d9d9;}
.customer_info2 .cubtn_wrap > .btn3{border:#ff6e00 solid 1px;line-height:32px;color:#ff6e00;}

.lft-0{
  left:0px;
}
.mt-55{
  margin-top:55px!important;
}


.ft-search{
  width:100%;height:55px;line-height:55px;text-align:center;background:#254b71;color:#fff;font-size:17px;
  position: fixed;
  bottom:0px;
  left:0px;
  z-index: 2;
  
}
.ft-search:after{width:13.3333px;height:18px;display:inline-block;margin-left:12px;background:url(../img/common/icon_placesc.png);background-size:13.3333px 18px;content:"";}
.ft-back{width:100%;height:55px;line-height:55px;text-align:center;background:#9ba0a4;color:#fff;font-size:17px; position: fixed; bottom:0px; z-index: 2;}
.ft-back.type2{
  background: #265079;
}
.ft-btn{width:100%;height:55px;line-height:55px;text-align:center;background:#254b71;color:#fff;font-size:17px; position: fixed; bottom:0px; z-index: 2}

/* login */
/* old
.login_top{width:100%;height:200px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:center;align-items:center;text-align:center;background:#336699;}
.login_top img{width:160px;height:auto;}
.login{width:100%;height:calc(100% - 200px);padding:41px 20px 40px;position:relative;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;flex-direction:column;}
.login .input1{width:100%;height:38px;border:0 none;border-bottom:#eaeaea solid 1px;color:#333;font-size:14px;line-height:37px;text-align:left;}
.login .input1+.input1{margin-top:2.5%;}
.login .btn-login{width:100%;height:50px;margin-top:31px;border-radius:5px;background:#254b71;color:#fff;font-size:16px;}
.login .lable1{width:100%;margin-top:21px;display:-webkit-box;display:-moz-flexbox;display:flex;align-items:center;font-size:16px;color:#333;}
.login .lable1 input{width:20px;height:20px;display:block;background-image:url(../img/member/login_checkbox.png);background-size:20px 20px;}
.login .lable1 input:checked{background-image:url(../img/member/login_checkbox_check.png);}
.login .wrap-memberb{width:100%;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:center;align-items:center;}
.login .wrap-memberb .btn-member{color:#8e8e8e;font-size:14px;}
.login .wrap-memberb .btn-member:not(:first-child):before{width:1px;height:14px;display:inline-block;margin:0 15px;background:#eaeaea;content:"";}
.login .info-custom{width:195px;height:35px;margin:40px auto 0;display:block;line-height:34px;border:#254b71 solid 1px;border-radius:35px;text-align:center;}
.login .info-custom:before{width:15px;height:14px;display:inline-block;background:url(../img/member/icon_custom.png);background-size:15px 14px;content:"";margin-right:10px;}
*/
.login{width:100%;height:100%;}
.login .top{position: relative; z-index: -1; width:100%;height:250px;background:url(../img/member/loginimg.png) center 0 no-repeat, linear-gradient(to right,#274f82,#306092);background-size:auto 100%;}
.login .top h2{position: absolute; top:50%; left:0px; transform: translateY(-50%); width:100%; text-align: center;}
.login .top .logo_title{width:85%; display: inline-block; vertical-align: top;}
/* org
.login .con{width:100%;height:-moz-calc(100% - 250px + 8px);height:-webkit-calc(100% - 250px + 8px);height:calc(100% - 250px + 8px);position:relative;margin-top:-8px;padding:41px 20px 41px 0;background:#fff;border-radius:10px 10px 0 0;} */
.login .con{width:100%;height:-moz-calc(100% - 250px + 8px);height:-webkit-calc(100% - 250px + 8px);height:calc(100% - 250px + 8px);position:relative;margin-top:-8px;padding:41px 20px 0;background:#fff;border-radius:10px 10px 0 0;}
.login .con .icon{width:80px;height:80px;position:absolute;top:-40px;left:50%;margin-left:-40px;border-radius:80px;background:url(../img/member/icon_login.png) center center no-repeat #fff;background-size:26.3333px 28.6666px;}
.login .con .input1{width:100%;height:39px;padding:0 27px;border-bottom:1px solid #dedede;color:#333;font-size:14px;background-position:0 center;background-repeat:no-repeat;}
.login .con .input1+.input1{margin-top:11px;}
.login .con .input1.id{background-image:url(../img/member/icon_id.png);background-size:13.3333px 15px;}
.login .con .input1.password{background-image:url(../img/member/icon_password.png);background-size:11px 15px;}
.login .con .btn1{width:100%;height:50px;margin-top:30px;line-height:50px;border-radius:5px;background:#ffc000;text-align:center;font-size:16px;color:#fff;}
.login .con .wrap-sub{width:100%;display:flex;margin-top:21px;justify-content:space-between;align-items:center;}
.login .con .wrap-sub label{display:flex;align-items:center;font-size:14px;color:#555;letter-spacing:-1px;}
.login .con .wrap-sub .check1{width:20px;height:20px;margin-right:10px;display:block;background:url(../img/member/icon_logincheck.png);background-size:20px 20px;}
.login .con .wrap-sub .check1:checked{background:url(../img/member/icon_logincheck_on.png);background-size:20px 20px;}
.login .con .wrap-sub .ul1{display:flex;align-items:center;}
.login .con .wrap-sub .ul1 li:first-child:after{width:1px;height:14px;margin:0 8px;top:1px;position:relative;display:inline-block;background:#eeeeee;content:"";}
.login .con .wrap-sub .ul1 li a{display:inline-block;font-size:16px;color:#555;letter-spacing:-1px;}

/* org
 .login .con .info{width:175px;height:35px;display:block;position:absolute;line-height:33px;bottom:46px;left:50%;margin-left:-87.5px;border-radius:35px;border:#336799 solid 1px;text-align:center;font-size:13px;color:#336799;} */
.login .con .info{
  width:100%;  
  display:block;
  /* position:fixed; */  
  /* bottom:15px;
  left:50%; */
  /* margin-left:-87.5px; */
  margin:0 auto;
  margin-top:35px;
  text-align:center;
  font-size:16px;  
}
.login .con .info a{
  border-radius:5px;
  color:#336799;
  border:#336799 solid 1px;
  width:100%;
  height:45px;
  line-height:43px;
  margin-bottom:20px;
}

.login .con .info a:before{width:15px;height:14.3333px;position:relative;display:inline-block;margin:0 10px 0 0;top:2px;background:url(../img/member/icon_info.png);background-size:15px 14.3333px;content:"";}

.login .con .info i{font-style: normal; color:#8c8c8c;}
.login .con .info p{color:#333; font-size:16px;}
.login .con .info p span{
  color:#333;
  font-size:16px;
}

.ovf{
  overflow:hidden;
}
.popup{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);}
.popup .wrap_popup{width:280px;padding:30px 0 24px;position:absolute;top:163px;left:50%;transform:translateX(-50%);background:#fff;border-radius:10px;text-align:center;}
.popup .wrap_popup .icon-cir{width:60px;height:60px;margin:0 auto 15px;border-radius:60px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:center;align-items:center;background:#336699;}
.popup .wrap_popup .icon-cir img{width:23.6666px;height:auto;}
.popup .wrap_popup span{display:block;}
.popup .wrap_popup .text1{font-size:17px;color:#333;font-weight:bold;line-height:110%;}
.popup .wrap_popup .text2{font-size:14px;color:#555;margin-top:13px;}
.popup .wrap_popup .btn-confirm{width:90px;height:30px;display:block;margin:25px auto 0;border-radius:30px;background:#254b71;color:#fff;font-size:13px;}
.popup .wrap_popup .close{width:17px;height:17px;position:absolute;top:15px;right:17px;background:url(../img/member/btn-popupclose.png);background-size:17px 17px;}

.modal{
  width:100%;
  height:100%;  
  position:fixed;
  top:0;  
  left:0;
  background:rgba(0,0,0,0.5);
}
.modal .wrap_modal{
  width:calc(100% - 80px);
  max-height:calc(100% - 60px);
  position:absolute;top:50%;left:50%;padding-top:26px; padding-bottom:26px; background:#fff;border-radius:10px;overflow:hidden;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;overflow-y:auto;}
.modal .wrap_modal.st2{text-align:left;padding:0;}
.modal .wrap_modal .tit{display:block;font-size:25px;color:#336699;line-height:110%;font-weight:bold;}
.modal .wrap_modal .subtext{display:block;font-size:16px;color:#555;line-height:160%;margin-top:35px;}
.modal .wrap_modal .input1{width:calc(100% - 40px);height:45px;margin:20px auto 0;padding-left:20px;line-height:43px;border:#ddd solid 1px;}
.modal .wrap_modal .input1+.input1{margin-top:8px;}
.modal .wrap_modal .wrap-modalbtn{margin:0 auto; width:calc(100% - 40px);display:flex;margin-top:25px; justify-content: space-between;}
.modal .wrap_modal .wrap-modalbtn.solo{
  justify-content: center;
}
.modal .wrap_modal .wrap-modalbtn > *{width:48%; height:40px;line-height:40px; border-radius: 40px; text-align:center;font-size:16px;color:#fff; background-color:#727272; font-weight: bold;}
.modal .wrap_modal .wrap-modalbtn.st2 > *{width:100%;}
.modal .wrap_modal .wrap-modalbtn > *:first-child{}
.modal .wrap_modal .wrap-modalbtn > .actv{
  background-color: #336799;
  color:#fff;
}
.modal .wrap_modal .wrap-modalbtn .color1{color:#336699;}

.wrap_statemodal_top{width:100%;height:64px;position:relative;padding-left:20px;line-height:64px;}
.wrap_statemodal_top .statetit{font-size:20px;color:#222;font-weight:bold;}
.wrap_statemodal_top .statetit span{display:inline-block;font-size:16px;color:#555;font-weight:normal;margin-left:9px;}
.wrap_statemodal_top .btn_refresh{width:40px;height:40px;position:absolute;top:50%;right:20px;background:url(../img/sub/btn_refresh.png);background-size:40px 40px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.wrap_state_line{width:100%;height:50px;display:flex;padding:0 20px;line-height:50px;justify-content:space-between;background:#f2f2f2;}
.wrap_state_line .tt1{font-size:16px;color:#222;font-weight:bold;}
.wrap_state_line .tt2{display:flex;align-items:center;font-size:16px;color:#333;}
.wrap_state_line .tt2 .icon{width:20px;height:20px;margin-right:7px;}

.wrap_state_text{width:100%;height:45px;padding-left:20px;line-height:45px;border-bottom:#eaeaea solid 1px;}
.wrap_state_text .state{color:#555;font-size:16px;}
.wrap_state_text .state:before{width:14px;height:14px;display:inline-block;border-radius:14px;margin-right:10px;content:"";position:relative;top:2px;}
.wrap_state_text .state.st1:before{background:#7f7f7f;}
.wrap_state_text .state.st2:before{background:#92d050;}
.wrap_state_text .state.st3:before{background:#ff0018;}

.wrap_state_con{width:100%;padding:18px 20px 30px;}
.wrap_state_con dl{width:100%;display:flex;}
.wrap_state_con dl+dl{margin-top:14px;}
.wrap_state_con dt{width:65px;font-size:16px;color:#555;}
.wrap_state_con dd{font-size:16px;color:#888;}

.btfix_wrap{width:100%;height:calc(100% - 55px);text-align:center;padding:70px 20px 0;}
.btfix_wrap .tit{color:#333;font-size:32px;font-weight:bold;line-height:110%;}
.btfix_wrap .text1{font-size:16px;color:#555;margin-top:13px;}
.btfix_wrap .text1+.input1{margin-top:35px;}
.btfix_wrap .text1+.text1{margin-top:35px;}
.btfix_wrap .text1.color{color:#336699;}
.btfix_wrap .input1{width:100%;height:50px;padding:0 20px;border:#ddd solid 1px;color:#000;line-height:48px;}
.btfix_wrap .input1+.input1{margin-top:10px;}
.btfix_wrap .btn1{width:100%;height:50px;margin-top:20px;padding:0 20px;border:#336699 solid 1px;color:#336699;line-height:48px;text-align:center;}
.btfix_wrap .btn1.st2{border:0 none;background:#336699;color:#fff;}
.btfix_wrap .btn1.st3{border:0 none;background:#254b71;color:#fff;}
.btfix_wrap .btn1.st3+.btn1.st2{margin-top:7px}
.btfix_wrap .wrap-inj{width:100%;margin-top:15px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;}
.btfix_wrap .wrap-inj .input2{width:calc(100% - 100px - 10px);height:50px;border:#ddd solid 1px;padding:0 20px;color:#333;font-size:16px;}
.btfix_wrap .wrap-inj .btn-certi{width:100px;height:50px;line-height:50px;text-align:center;background:#336699;color:#fff;font-size:16px;}
.btfix_wrap .wrap-time{display:-webkit-box;display:-moz-flexbox;display:flex;align-items:center;margin-top:15px;}
.btfix_wrap .wrap-time span{display:block;}
.btfix_wrap .wrap-time .text2{color:#336699;font-size:16px;margin-right:11px;}
.btfix_wrap .wrap-time .time{color:#666;font-size:16px;}


.time.u_vs:before{content:'최신버전 :'; display:inline-block; font-size:16px; color:#222; margin-right:5px;}
.time.c_vs:before{content:'현재버전 :'; display:inline-block; font-size:16px; color:#222; margin-right:5px;}

/** 20200513 SYW add **/
.btfix_wrap.type2 input{
  font-size:16px;
}
.btfix_wrap.type2 textarea{
  font-size:16px;
}

.btfix_wrap.type2 .main_title{
  font-size:30px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
}

.btfix_wrap.type2 .sub_title{
  font-size:16px;
  color:#555;  
  padding-top:5px;
  margin-bottom:30px;
}


.btfix_wrap.type2 input:disabled{
  background:#ffe9d9;
  border-color:#ffac6e;
}






.info-custom{width:195px;height:35px;margin:40px auto 0;display:block;line-height:34px;border:#254b71 solid 1px;border-radius:35px;text-align:center;font-size:15px;color:#336699;}
.info-custom:before{width:15px;height:14px;display:inline-block;background:url(../img/member/icon_custom.png);background-size:15px 14px;content:"";margin-right:10px;position:relative;top:2px;}

.btfix{width:100%;height:55px;line-height:55px;text-align:center;background:#9ba0a4;color:#fff;font-size:17px;}
.btfix.dactv{
    display:none;
}

.cir-finish{width:70px;height:70px;margin:15px auto 0;background:url(../img/member/icon_finish.png);background-size:70px 70px;}

.contentwrap1{width:100%;height:calc(100% - 55px - 55px);overflow-y:auto;}
/* .contentwrap1.bg{background:#f7f7f7;} */
.contentwrap1.bg{background:#fff;}
.contentwrap1.bg2{background:#fff;}

.noticewrap{width:100%;}
.noticewrap li{width:100%;border-bottom:#ebebeb solid 1px;}
.noticewrap li a{width:100%;display:block;padding:27px 20px 17px;}
.noticewrap li a .date{font-size:13px;color:#999;}
.noticewrap li a .text{width:100%;display:block;position:relative;font-size:16px;color:#333;margin-top:10px;padding-right:29px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.noticewrap li a .text .new{width:16px;height:16px;position:absolute;top:50%;right:0;border-radius:16px;background:#ffc000;color:#fff;font-size:10px;line-height:16px;text-align:center;transform: translateY(-50%);}

.noticeviewtop{width:100%;padding:32px 20px 33px;background:#f7f7f7;border-bottom:#ebebeb solid 1px;}
.noticeviewtop .tit{display:block;font-size:18px;color:#333;line-height:160%;}
.noticeviewtop .date{display:block;font-size:16px;color:#999;line-height:110%;margin-top:18px;}
.noticeview{width:100%;padding:35px 20px 0;color:#333;font-size:16px;line-height:160%;}

.settingtop{width:100%;padding:36px 20px 40px;display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;}
.settingtop > div:first-child{display:-webkit-box;display:-moz-flexbox;display:flex;justify-content:space-between;flex-direction:column;}
.settingtop .nametext{display:-webkit-flex;display:-moz-flexbox;display:flex;align-items:baseline;}
.settingtop .nametext .name{display:block;font-size:16px;color:#222;}
.settingtop .nametext .name span{font-size:25px;}
.settingtop .nametext .nick{display:block;font-size:16px;color:#999;margin-left:9px;}
.settingtop .nametext .btn-set{width:16.3333px;height:17px;display:block;position:relative;top:2px;margin-left:18px;background:url(../img/sub/btn_setting.png);background-size:16.3333px 17px;}
.settingtop .tel{
  color:#222;
  font-size:17px; 
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.settingtop .btn-logout{
  height:30px;
  padding:0 15px;
  line-height:27px;
  border:#ddd solid 1px;
  border-radius:30px;
  font-weight: 500;
  font-size:16px;
  color:#333;
}
.settingtop .btn-logout.warn{
  border-color:#ff7811;
  color:#ff7811;
}



.settingline{width:100%;height:56px;line-height:56px;position:relative;justify-content:space-between;align-items:center;padding:0 20px 0 60px;font-size:16px;color:#333;border-top:#ebebeb solid 1px;vertical-align:middle;}



.settingline .icon{display:block;position:absolute;top:50%;left:30px;transform:translate(-50%,-50%);}
.settingline .iconpush{width:16px;height:18px;}
.settingline .iconappinfo{width:18px;height:18px;}
.settingline .iconcus{width:18.3333px;height:18px;} 
.settingline .iconlogout{width:18px;height:17.6666px;}
.settingline .iconpassword{width:15px;height:18px;}
.settingline .text1{display:block;height:56px;line-height:56px;float:left;}
.settingline *:last-child:not(.text1){float:right;}
.settingline .text2{display:-webkit-box;display:-moz-flexbox;display:flex;align-items:center;}
.settingline:after{clear:both;content:"";}
.settingline .custom_check{width:70.6666px;height:31.6666px;position:relative;top:10px;display:block;overflow:hidden;}
.settingline .custom_check .input1{width:0;height:0;position:absolute;top:-1px;left:-1px;}
.settingline .custom_check .input1+label{width:70.6666px;height:31.6666px;background:url(../img/sub/toggle_off.png);background-size:70.6666px 31.6666px;position:absolute;left:0;top:0;}
.settingline .custom_check .input1:checked+label{background-image:url(../img/sub/toggle_on.png);}
.settingline .icon-i{width:15px;height:15px;display:inline-block;margin-right:6px;position:relative;top:-1px;}
.settingline .icon-i2{width:15px; height:56px; display:inline-block; margin-right:6px; background:url(../img/sub/icon_i.png) no-repeat center; background-size:15px;}
.settingline .icon-i2.type2{
  background:url(../img/sub/icon_picwarning.png) no-repeat center; background-size:15px;
}
.settingline .btn_next{width:8px;height:15px;background:url(../img/member/btn_next.png);background-size:8px 15px;margin-top:20px;}

.inspectwrap{width:100%;height:100%;padding-top:50px;position:relative;text-align:center;}
.inspectwrap .logo{width:190px;margin:0 auto;}
.inspectwrap .text1{display:block;font-size:30px;color:#333;line-height:110%;margin-top:43px;}
.inspectwrap .time{display:block;font-size:16px;color:#555;line-height:110%;margin-top:16px;}
.inspectwrap .time span{color:#999;}
.inspectwrap .p1{display:block;font-size:16px;color:#555;line-height:160%;margin-top:40px;letter-spacing:.8px;}
.inspectbox{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);margin:34px auto 0;padding:16px 0 16px 25px;border-top:#e9e9e9 solid 1px;border-bottom:#e9e9e9 solid 1px;}
.inspectbox ul{width:100%;}
.inspectbox li{width:100%;padding-left:20px;position:relative;font-size:16px;color:#555;line-height:45px;text-align:left;}
.inspectbox li:before{width:7px;height:7px;border-radius:7px;background:#dadada;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);content:"";}
.inspectbox li+li{margin-top:12px;}
.inspectwrap_btn{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);height:50px;display:block;position:absolute;bottom:36px;left:50%;line-height:50px;text-align:center;color:#fff;font-size:16px;background:#336699;transform:translateX(-50%);}
.inspectwrap_btn.normal{
  position: inherit;
  bottom: 0px;
  margin-top:85px;
}

.inspectwrap_btn.normal.round{
  border-radius: 50px;
  width:calc(100% - 180px);
}

.inspectwrap_btn.normal.round.d-actv{
  background:#9ba0a4;
}

.ft-s15{
  font-size:20px!important;
}

.wrap_step{
  width:100%;
  height:auto;
  position:relative;
  /* background:#f7f7f7; */
  background:#fff;
  padding:50px 20px;
  padding-top:90px;
  text-align:center;
}
.wrap_step.bg2{background:#fff;}
/* org .wrap_step .tit{ color:#333; font-size:25px;}*/
/* org .wrap_step .tit span{color:#336699} */


.wrap_step .tit{
  color:#333;
  font-size:25px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
}


.wrap_step .tit span{color:#000; margin-right:4px;}
.wrap_step .sudongbox{width:100%;height:85px;margin-top:25px;padding:14px 0 0 20px;color:#999;font-size:16px;text-align:left;background:#fff;border:#e6e6e6 solid 1px;border-radius: 5px;}
.wrap_step .sudongbox input{width:100%;height:22px;display:block;margin-top:5px;text-align:left;font-size:20px;color:#000;}
.wrap_step .text1{display:block;margin-top:30px;font-size:16px;color:#555;letter-spacing:-1px; line-height: 1.8;}
.wrap_step .color1{color:#336699;}
.wrap_step .btn1{width:100%;height:55px;display:block;margin-top:76px;border-radius:5px;background:#ffc000;color:#fff;font-size:16px;line-height:55px;}
.wrap_step .scanimg{width:240px;margin:25px auto 0;}

.wrap_bottombtn{width:100%;display:flex;}
.wrap_bottombtn > *{height:55px;line-height:55px;text-align:center;color:#fff;font-size:17px;}
.wrap_bottombtn .btn_cancel{width:36%;background:#9ba0a4;}
.wrap_bottombtn .btn_next{width:64%;background:#254b71;}
.wrap_bottombtn .btn_next.ty2{width:100%;}

.wrap_checking{width:280px;margin:0 auto;margin-top:37px;display:flex;position:relative;align-items:center;justify-content:flex-start;text-align:left;}

.wrap_checking{width:280px;margin:0 auto;margin-top:37px;display:flex;position:relative;align-items:center;justify-content:flex-start;text-align:left;}

.wrap_checking+.wrap_checking{margin-top:30px;}
.wrap_checking .icon{width:48px; height:48px; margin-right:15px; position: relative;z-index: 1;}
.wrap_checking .icon .lds-spinner{transform-origin: 0px 0px;}



/** 20200506 org **/
/*
 .wrap_checking .text .sub_text1{display:block;font-size:13px;color:#ff6e00;}
.wrap_checking .text .sub_text2{display:block;width:225px;height:25px;margin-top:8px;line-height:25px;padding-left:10px;background:#fff;border-radius:5px;font-size:16px;color:#222;}
.wrap_checking .text .sub_text3{display:block;font-size:16px;color:#222;} 
.wrap_checking .text .sub_text4{display:block;margin-top:7px;font-size:13px;color:#999;}
.wrap_checking .btn-way{width:70px;height:30px;line-height:28px;text-align:center;position:absolute;top:50%;right:0;border-radius:30px;background:#fff;border:#ddd solid 1px;font-size:13px;color:#333;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
*/
.d_flex{
  display:flex;position:relative;align-items:center;justify-content:flex-start;text-align:left;
}
.wrap_checking .text .sub_text1{
  display:block;
  font-size:16px;
  color:#389cff;
  font-weight: 400;
  font-family: 'Noto Sans KR', sans-serif;
}
.wrap_checking .text .sub_text2{
  display:block;
  width:225px;
  height:25px;
  margin-top:6px;
  line-height:25px;
  padding-left:0px;
  background:#fff;
  border-radius:5px;
  font-size:16px;
  font-weight: 600;
  font-family: 'Noto Sans KR', sans-serif;
  color:#222;
}

.wrap_checking .text .sub_text3{
  display:block;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  font-size:18px;
  color:#222;
}
.wrap_checking .text .sub_text4{
  display:block;
  margin-top:0px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  font-size:16px;
  line-height: 2.1;
  color:#ff6e00;
}

.wrap_checking .text .sub_text4 i{
  display:inline-block;
  background:url(../img/sub/check_icon.png) no-repeat right center;
  background-size: 18px;
  width:18px;
  height:18px;
  position: relative;
  top:2px;
  left:3px;
  
}

.wrap_checking .btn-way{
  width:85px;
  height:30px;
  line-height:28px;
  text-align:center;
  position:absolute;
  font-family: 'Noto Sans KR', sans-serif;
  top:50%;
  right:0;  
  border-radius:30px;
  background:#fff;
  border:#000 solid 1px;
  font-size:16px;
  color:#000;
  -moz-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}

.btn-state{margin:50px auto 0;position:relative;font-size:13px;color:#555;}
.btn-state button{width:45px;height:45px;display:block;margin:0 auto 7px;border-radius:45px;background-image:url(../img/sub/icon_checking_stop.png);background-size:17px 17px;background-repeat:no-repeat;background-position:center center;}
.btn-state button.stop{background-color:#333;}
.btn-state button.stop2{background-color:#336699;}
.btn-state button.refresh{background-image:url(../img/sub/icon_checking_refresh.png);background-color:#c7c7c7;}

.barnumberbox{width:100%;height:48px;margin-top:16px;border:#336699 solid 2px;border-radius:5px;background:#fff;line-height:44px;text-align:center;font-size:18px;color:#333;}
.csinfobox{width:100%;padding:25px 20px;margin-top:49px;border-radius:7px;background:#fff;}
.csinfobox .tit{display:block;font-size:18px;color:#333;line-height:110%;}
.csinfobox .num{display:block;font-size:16px;color:#222;line-height:110%;margin-top:18px;}
.csinfobox .p1{display:block;font-size:14px;color:#666;line-height:160%;margin-top:20px;}

.buildtop{width:100%;height:40px;padding-left:20px;line-height:40px;text-align:left;font-size:16px;color:#222;background:#fafafa;}
.buildcon{width:100%;padding:21px 20px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.buildcon > .picwrap{width:calc((100% - 10px) / 2);border:#ededed solid 1px;position:relative;margin-bottom:10px;} 
.buildcon > .picwrap .pic:after{width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-40px 0 0 -20px;background:url(../img/sub/icon_magni.png);background-size:40px 40px;content:"";}
.buildcon > .picwrap .textbox{width:100%;height:39px;display:flex;position:relative;padding:0 9px;justify-content:space-between;align-items:center;background:#fff;border-top:#ededed solid 1px;} 
.buildcon > .picwrap .btn_add{width:11px;height:11px;display:block;background:url(../img/sub/icon_picadd.png);background-size:11px 11px;}
.buildcon > .picwrap .btn_picclose{width:10px;height:10px;display:block;background:url(../img/sub/icon_picclose.png);background-size:10px 10px;}
.buildcon > .picwrap .picntext{display:flex;position:absolute;font-size:13px;color:#333;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:110%;vertical-align:middle;align-self:center;}
.buildcon > .picwrap .icon_warning{width:14px;height:14px;display:inline-block;margin-right:6px;background:url(../img/sub/icon_picwarning.png);background-size:14px 14px;}
.buildcon > .picadd{width:calc((100% - 10px) / 2);border:#ededed dashed 1px;background:url(../img/sub/icon_picadd_b.png) center center no-repeat;background-size:25p 25px;}

.wrap_report{
  width:100%;padding:50px 20px 80px;
  /* background:#f7f7f7; */
  background:#fff;
  text-align:center;
}
/*
.wrap_report .tit{display:block;font-size:32px;color:#666;line-height:110%;}
.wrap_report .sub_text{display:block;font-size:16px;color:#555;line-height:110%;margin-top:15px;}
*/
.wrap_report .dl1{width:100%;margin-top:27px;}
.wrap_report .dl1 dt{width:100%;height:40px;position:relative;line-height:40px;font-size:16px;color:#222;background:#ddd;}
.wrap_report .dl1 dt .btncopy{height:20px;position:absolute;top:50%;right:15px;margin-top:-10px;padding:0 11px;line-height:20px;border-radius:20px;background:#fff;font-size:13px;color:#555;}
.wrap_report .dl1 dt .btncopy:after{width:11px;height:11px;margin-left:5px;display:inline-block;background:url(../img/sub/icon_copy.png);background-size:11px 11px;content:"";}
.wrap_report .dl1 dd{width:100%;height:48px;line-height:48px;font-size:16px;color:#333;background:#fff;}
.wrap_report .dl1 dd:not(:first-child){border-top:#dddddd solid 1px;}

.wrap_report .exampic{width:100%;margin-top:26px;border:#e3e3e3 solid 1px;}
.wrap_report .subcomment{display:block;margin-top:30px;font-size:16px;color:#555;letter-spacing:-1px;}
.wrap_report .subcomment.type2{
  color:#000;
  font-weight: 700;
}
.wrap_report .color1{color:#336699;font-weight:bold;}

/* .wrap_resisterpic{width:100%;margin-top:29px;display:flex;justify-content:space-between;flex-wrap:wrap;} */
.wrap_resisterpic.st2{margin-top:9px}
.wrap_resisterpic > .resister{
  width:calc((100% - 10px) / 2);
  height:139px;
  position:relative;
  margin-bottom:10px;
  border:#e3e3e3 dashed 1px;
  background:url(../img/sub/icon_picadd_b.png) center center no-repeat #fafafa;
  background-size:25p 25px;
}

.wrap_resisterpic.st2 > .resister.picwrap .pic{width:100%;height:100px;display:block;overflow:hidden;}
.wrap_resisterpic.st2 > .resister.picwrap .pic:after{width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-40px 0 0 -20px;background:url(../img/sub/icon_magni.png);background-size:40px 40px;content:"";}
.wrap_resisterpic.st2 > .resister.picwrap .textbox{width:100%;height:39px;display:flex;position:relative;padding:0 9px;justify-content:space-between;align-items:center;background:#fff;border-top:#ededed solid 1px;} 
.wrap_resisterpic.st2 > .resister.picwrap .btn_add{width:11px;height:11px;display:block;background:url(../img/sub/icon_picadd.png);background-size:11px 11px;}
.wrap_resisterpic.st2 > .resister.picwrap .btn_picclose{width:10px;height:10px;display:block;background:url(../img/sub/icon_picclose.png);background-size:10px 10px;}
.wrap_resisterpic.st2 > .resister.picwrap .picntext{display:flex;position:absolute;font-size:13px;color:#333;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:110%;vertical-align:middle;align-self:center;}
.wrap_resisterpic.st2 > .resister.picwrap .icon_warning{width:14px;height:14px;display:inline-block;margin-right:6px;background:url(../img/sub/icon_picwarning.png);background-size:14px 14px;}

.wrap-as{padding-bottom:95px;background:#f7f7f7;}

.aslist_head{width:100%;height:51px;display:flex;border-top:#254b71 solid 1px;background:#336699;}
.aslist_head > *,.aslist_con .aslist .aslistline > *{height:50px;display:block;line-height:50px;text-align:center;color:#fff;font-size:16px;}
.wrap-as .type1{width:36%;padding-left:20px;text-align:left !important;}
.wrap-as .type2{width:13%;}
.wrap-as .type3{width:18%;}
.wrap-as .type4{width:13%;}
.wrap-as .type5{width:20%;}

.aslist_con .aslist{width:100%;border-bottom:#eaeaea solid 1px;padding:25px 0;background:#ffffff;}
.aslist_con .aslist.confirm{background:#f4f4f4;}
.aslist_con .aslist .aslistline{width:100%;display:flex;line-height:110%;margin-bottom:18px;}
.aslist_con .aslist .aslistline > *{height:auto;line-height:110%;font-size:16px;color:#333;font-weight:bold;}
.aslist_con .aslist .aslistline > *.nocolor{color:#999;}
.aslist_con .aslist .aslisttext{width:100%;padding:0 20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.logbox{width:100%;padding:25px 20px;border-bottom:#eaeaea solid 1px;background:#fff;}
.logbox .text1{display:block;font-size:13px;color:#555;line-height:110%;}
.logbox .tit{display:block;font-size:19px;color:#000;line-height:110%;font-weight:bold;margin-top:10px}
.logbox .text2{display:block;color:#555;font-size:14px;line-height:110%;}
.logbox .tit+.text2{margin-top:17px;}
.logbox .text2+.text2{margin-top:13px;}

.jinstep{display:flex;justify-content:center;margin-top:30px;padding-bottom:40px;}
.jinstep .jincon{width:60px;height:60px;position:relative;border-radius:60px;background-color:#07ace4;background-position:center center;background-repeat:no-repeat;}
.jinstep .jingap{width:45px;height:60px;background:url(../img/sub/icon_jingap.png) center center;background-size:13px 16px;background-repeat:no-repeat;}
.jinstep .jincon.step1{background-image:url(../img/sub/icon_jinstep1.png);background-size:22px 25px;}
.jinstep .jincon.step2{background-image:url(../img/sub/icon_jinstep2.png);background-size:17.3333px 25px;}
.jinstep .jincon.step3{background-image:url(../img/sub/icon_jinstep3.png);background-size:13.6666px 25px;}
.jinstep .jincon .text{position:absolute;top:72px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;}
.jinstep .jincon .text > *{display:block;line-height:110%;font-size:13px;white-space:nowrap;}
.jinstep .jincon .text .tt1{color:#555;}
.jinstep .jincon .text .tt2{color:#333;margin-top:6px;}

.rturd1{width:100%;padding:20px 20px 25px;background:#fff;}
.rturd1 .text1{display:flex;justify-content:space-between;font-size:16px;line-height:100%;}
.rturd1 .text1 .tt1{color:#555;}
.rturd1 .text1 .tt2{color:#336699;}
.rturd1 textarea{width:100%;height:78px;padding:20px;display:block;margin-top:21px;background:#f7f7f7;border:#ddd solid 1px;}
.rturd1 .inputline{width:100%;display:flex;justify-content:space-between;margin-top:21px;}
.rturd1 .inputline .input1{width:calc(100% - 10px - 90px);height:40px;line-height:40px;padding-left:20px;background:#f7f7f7;border:#ddd solid 1px;}
.rturd1 .inputline .btn_help{width:90px;height:40px;line-height:40px;text-align:center;background:#7a838d;color:#fff;font-size:16px;}
.rturd1+.rturd1{border-top:#eaeaea solid 1px;}

.asdetail .wrap_asdetail{
  width:100%;padding:20px;background:#fff;   
  border-radius: 5px;

}

.asdetail .wrap_asdetail+.wrap_asdetail{border-top:#eaeaea solid 1px;}
.asdetail .tit{
  position: relative;
  z-index: 1;  
  display:flex;
  font-size:16px;
  /* color:#555; */
  color:#336699;
  font-weight:bold;
  margin-bottom:20px;
  justify-content:space-between;
  white-space:nowrap;
}
.asdetail .tit button{
  border:1px solid #ddd;
  color:#222;
  background:#fff;
  border-radius: 50px;
  font-size:14px;
  font-weight: bold;
  padding:5px 10px;  
  position: absolute;
  top:5px;
  right:15px;
  z-index: 2;
}

/* .asdetail .tit .tit_sub:before{width:1px;height:10px;display:inline-block;position:relative;margin:0 8px;top:1px;background:#d5d5d5;content:"";} */

.asdetail .textbox{width:100%;padding:15px;line-height:160%;border:#ddd solid 1px;font-size:16px;color:#333;}
.asdetail .textbox textarea{width:100%;height:76px;border:0 none;}
.asdetail .textbox2{width:100%;padding:15px;line-height:160%;border:#ddd solid 1px;font-size:16px;color:#333;background:#f7f7f7}
.asdetail .textbox3{width:100%;height:40px;margin-top:13px;padding-left:20px;line-height:40px;border:#ddd solid 1px;font-size:16px;color:#333;background:#f7f7f7}

.asdetail .wrap-radio{width:100%;display:flex;flex-wrap:wrap;}
.asdetail .wrap-radio label{width:50%;margin-bottom:5px;font-size:16px;color:#333;vertical-align:middle;}
.asdetail .wrap-radio input{
  width:17px;
  height:17px;
  display:inline-block;
  margin-right:10px;
  background:url(../img/common/input_radio.png);
  background-size:17px 17px;
  position: relative;
  top:-2px;
}
.asdetail .wrap-radio input:checked{background:url(../img/common/input_radio_check.png);background-size:17px 17px;}

.wrap-drop{width:100%;display:flex;justify-content:space-between;}
.wrap-drop .drop1{width:calc(100% - 10px - 90px);height:40px;border:#ddd solid 1px;position:relative;}
.wrap-drop .drop1:after{width:13px;height:7.3333px;position:absolute;top:50%;right:13px;background:url(../img/sub/icon_asdrop.png);background-size:13px 7.3333px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";}
.wrap-drop .btn-drop{width:90px;height:40px;line-height:40px;text-align:center;background:#254b71;color:#fff;font-size:16px;}
.wrap_drop2{
  width:100%;
  /* margin-top:13px; */
}
.wrap_drop2 .drop1{width:100%;height:40px;border:#ddd solid 1px;position:relative;}
.wrap_drop2 .drop1:after{width:13px;height:7.3333px;position:absolute;top:50%;right:13px;background:url(../img/sub/icon_asdrop.png);background-size:13px 7.3333px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";}

*:not(.tit)+.wrap-picbtn,*:not(.tit)+.textbox,*:not(.tit)+.textbox2,*:not(.tit)+.textbox3{margin-top:13px;}
.wrap-picbtn{width:100%;display:flex;justify-content:space-between;}
.wrap-picbtn > *{width:30%;height:63px;position:relative;overflow:hidden;border:#e3e3e3 dashed 1px;background:url(../img/sub/icon_aspicadd.png) center center no-repeat #fafafa;background-size:15.6666px 15.6666px;}
.wrap-picbtn > .pic:after{width:25px;height:25px;position:absolute;top:50%;left:50%;margin:-12.5px 0 0 -12.5px;background:url(../img/sub/icon_magni_s.png);background-size:25px 25px;content:"";}

.wrap_asptop{width:100%;padding:26px 20px 23px;display:flex;justify-content:space-between;align-items:center;}
.wrap_asptop+.wrap_asdetail{border-top:#eaeaea solid 1px;}
.wrap_asptop .tt1{display:block;color:#555;font-size:13px;line-height:110%;}
.wrap_asptop .tt2{display:block;color:#000;font-size:19px;line-height:110%;font-weight:bold;margin-top:9px;}
.wrap_asptop .btn_state{height:35px;line-height:33px;padding:0 15px;border:#000 solid 1px;border-radius:35px;font-size:14px;color:#000;}
.wrap_asptop .btn_state:before{
  width:14px;height:14px;
  /* display:inline-block; */
  position:relative;top:2px;margin-right:7px;background:url(../img/sub/icon_state1.png);background-size:14px 14px;content:"";
  display:none;
}
.wrap_asptop .div_state{height:35px;line-height:33px;padding:0 15px;border:#ff6e00 solid 1px;border-radius:35px;font-size:14px;color:#ff6e00;}
.wrap_asptop .div_state:before{width:14px;height:14px;display:inline-block;position:relative;top:2px;margin-right:7px;background:url(../img/sub/icon_state2.png);background-size:14px 14px;content:"";}


.btn_state.normal{
  position: relative; 
  height:30px;
  line-height: 1.5;
  z-index: 1; 
  padding:0px 7px;  
  min-width:95px;
  text-indent: 10px;
  border-color:#ffc000;
  font-size:16px;
}

.btn_state.normal:before{
  content: '';
  display: block;
  background: url(../img/sub/cp_icon01.png) no-repeat center left;
  background-size: 20px;
  width:20px;
  height:20px;
  position: absolute;
  top:50%;
  left:5px;
  transform: translateY(-50%);
}


.btn_state.warnning{
  position: relative; 
  height:30px;
  line-height: 1.5;
  z-index: 1; 
  padding:0px 7px;
  min-width:95px;
  text-indent: 10px;
  border-color:#ef5f4b;
}
.btn_state.warnning:before{
  content: '';
  display: block;
  background: url(../img/sub/cp_icon02.png) no-repeat center left;
  background-size: 20px;
  width:20px;
  height:20px;
  position: absolute;
  top:50%;
  left:5px;
  transform: translateY(-50%);
}




/*** 로그박스 ***/

/*<h2>#1027 <span>태양광</span></h2>
<p>헤리트 발전소</p>
<div class="log_content">
    <p>진단설비 : RTU01-HC-1000N-XX</p>
    <div class="log_result">
        <p>RTU-YYMMDD-HHMMSS-XXXX</p>
        <p>인버터 통신오류</p>
    </div>
</div>
</div>
*/
.log_view_wrap{
  width:100%;
  padding:0 20px;
  margin:0 auto;
  padding-bottom:20px;
  padding-top:20px;
}
.log_view_wrap h2{
  font-size:16px;
  font-weight: 400;
  
}
.log_view_wrap h2 span{
  color:#555;
}

.log_view_wrap .log_tit{
  font-size:19px;
  color:#000;
  padding:5px 0px 10px;
  font-weight: bold;
  background: url(../img/sub/add_title_icon.png) no-repeat left 9px;
  background-size: 21px;
  padding-left:23px;
}


.log_view_wrap .log_content{
  border:1px solid #ddd;
  border-radius: 5px;
  overflow:hidden;
}
.log_view_wrap .log_content >p{
  font-size:16px;
  color:#555;
  border-bottom:1px solid #ddd;
  padding:8px 15px;
}
.log_view_wrap .log_content .log_result{
  padding:8px 15px;
  position: relative;
  z-index: 1;
  padding-left:76px;
}

.log_view_wrap .log_content .log_result:before{
  content: '';
  display: block;
  width:48px;
  height:48px;
  background: url(../img/sub/icon_checking_error.png) no-repeat center;
  background-size: 48px;
  position: absolute;
  top:50%;
  left:15px;
  transform: translateY(-50%);
  z-index: 1;
}

.log_view_wrap .log_content .log_result p{
  font-size:16px;
  color:#ff6e00;
}

.log_result_report{
  background: #f7f7f7;
  font-size:16px;
  color:#a7a7a7;
  width:100%;
  height:100%;
  border-top:1px solid #ddd;
  padding:20px;
}


/*** 20200506 SYW ADD ***/
.jst_space{
  justify-content: space-between;
}
.custom-select-option.is-selected::before{
  display: none!important;
}
.custom-select-option.has-focus {
  background-color:#d8e7f5!important;  
}
.custom-select-panel{
  background-color:#f6f4f4!important;
  border-radius: 0px!important;
}

.bold_font{
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;    
}

.pt_0{
  padding-top:0px!important;
}
.mt-0{
  margin-top:0px!important;
}
.mt__1{
  margin-bottom:-1px;
}
.pt-5{padding-top:5px!important;}

.br_b5{
  border-radius: 0 0 5px 5px!important;
}
.br_bt5{
  border-radius: 5px 5px 0px 0px!important;
  overflow:hidden;
}
.br_none{
  border-radius: 0px!important;  
}
.light_font{
  font-weight: 400!important;
}

.top_loc_bar{
  padding:0px 10px; 
  padding-top:15px;
  text-align:center;
  position:fixed;
  top: 55px;
  width:100%;
  height:60px;
  z-index: 9999;
  background: rgba(255,255,255,0.9)
}
.top_loc_bar > span{
    display:inline-block;
    font-size:13px;
    font-weight:500;    
    width:40px;
    height:40px;
    vertical-align: middle;
    font-family: 'Noto Sans', sans-serif;
}

.top_loc_bar > span img{max-width:100%; height:20px; width:20px; display:inline-block; vertical-align: top; margin-top:4px;}
.top_loc_bar > span{border-radius: 20px; line-height: 2.1; color:#fff; text-align:center; position:relative; z-index:2; padding:5px 0px; background-color: #e2e2e2;}
.top_loc_bar > span.actv{width:45%; background-color:#336699; }
.top_loc_bar > span.prv{background-color: #91b1d2;}
.top_loc_bar > span.actv img{margin-right:5px;}
.top_loc_bar > i.blk{width:2.8%; padding:0px; height:3px; display:inline-block; background-color: #e2e2e2;}

.top_loc_bar > span.actv:after{font-size:16px; display:inline-block}
.top_loc_bar > span.actv:nth-child(1):after{content:'바코드 번호 입력';}
.top_loc_bar > span.actv:nth-child(3):after{content:'제품확인완료';}
.top_loc_bar > span.actv:nth-child(5):after{content:'설치사진 등록';}
.top_loc_bar > span.actv:nth-child(7):after{content:'동작 확인하기';}
 

/** rtu전원 공급 **/
.top_loc_bar.type2 > span.actv:nth-child(1):after{content:'RTU 전원 공급';}
.top_loc_bar.type2 > span.actv:nth-child(3):after{content:'제품 바코드 스캔';}
.top_loc_bar.type2 > span.actv:nth-child(5):after{content:'바코드 수동 입력';}
.top_loc_bar.type2 > span.actv:nth-child(7):after{content:'다섯번째 단계';}


.wrap_step >  h2{
  font-size:16px;
  font-family: 'Noto Sans KR', sans-serif;
}
.wrap_step .center_sub_title{ 
  margin-top:40px; 
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 18px; 
}
.wrap_step .center_sub_title:before{
  content:'';
  display:inline-block;
  vertical-align: top;
  margin-top:6px;
  margin-right:2px;
  width:16px;
  height:16px;
  background: url(../img/sub/barcode_icon.png) no-repeat center;
  background-size: 12px;
}

.wrap_step .barcode_num_content{ 
  border:1px solid #ff462d;
  min-width: 81%;
  color:#ff462d;
  font-weight:900;
  font-size:17px;
  min-height:50px;
  line-height: 50px;
  border-radius: 10px;
  margin-top:10px;
  font-family: 'Montserrat', sans-serif;
}

.wrap_step .barcode_num_content input{
  width:100%;
  height:50px;
  color:#ff462d;
  font-weight:900;
  font-size:17px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.wrap_step .barcode_num_content.type2 input{
  color:#000;
}


.wrap_step.success .barcode_num_content{
  color:#000;
  border-color:#959595;
}


.wrap_step .message_box{
  font-family: 'Noto Sans', sans-serif;
}
.wrap_step .message_box >  h3{
  font-family: 'Noto Sans KR', sans-serif;
  font-size:17px;
  margin-bottom:10px;
  font-weight: 700;
}

.wrap_step.success .message_box >  h3{
  color:#1f63a7;
}

.wrap_step .message_box > p{
  font-size:16px;
  font-weight:400!important;
  font-family: 'Noto Sans KR', sans-serif;
  padding:3px 0px;
}
.wrap_step .message_box  a{display:inline;font-family: 'Noto Sans KR', sans-serif;}





.wrap_step .message_box:before{
  margin-top: 25px;
  margin-bottom: 20px;
  width: 29px;
  height: 2px;
  background: #e7e7e7;
  content: '';
  display: inline-block;
}


.wrap_step .barcode_scan{
  border:1px solid #ccc; 
  display:inline-block;
  margin:0 auto;
  padding:25px 28px;
  min-height:127px;
  margin-top:30px;
  border-radius: 5px;
}

.wrap_step.success .barcode_scan{
  background:#f6f9fb;
}

.wrap_step .barcode_scan img{width:62px; display:inline-block;}
.wrap_step .barcode_scan .barcode_content{
  text-align:center;  
  padding-top:10px;
}

.wrap_step .barcode_scan p{
  font-family: 'Noto Sans KR', sans-serif;
  font-size:16px;
  font-weight:500;
  letter-spacing: -0.5px;
}

.wrap_step .barcode_scan p.cop_name{
  display:inline-block;
  padding-left:24px;
  background: url(../img/sub/add_title_icon.png)  no-repeat left center;
  background-size: 20px;
  font-size:18px;
}

.wrap_step .barcode_scan p.address{
  font-weight: 300;
  font-size:16px;
  letter-spacing:-0.5px;
}

.wrap_step .barcode_scan p.phone_numb{
  font-size:16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin-bottom:15px;
}

.wrap_resisterpic ul{
  width:100%;
  margin-top:29px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;

} 

.wrap_resisterpic ul li{
  width:calc((100% - 15px) / 2);
  /* height:179px; */
  position:relative;
  margin-bottom:20px;    
}
.wrap_resisterpic ul li.mr-0{
  margin-right:0px!important;
}
.wrap_resisterpic.type_3{
  margin:-8px;
}
.wrap_resisterpic.type_3 ul li{
  width:calc((100% - 60px) / 3);
  /* margin-right:15px; */
  margin:10px;
}
.wrap_resisterpic.type_3 ul{
  justify-content:left;
}

.wrap_resisterpic ul li .item_wrap{
  overflow:hidden;
}
.wrap_resisterpic ul li .desc{
  font-size:16px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  padding-top:5px;
  overflow:hidden;
  text-align: center;    
}

.wrap_resisterpic ul li .desc h2{
    font-size:16px;
    height:48px;
    display: flex;
    align-items: center;
    text-align: left;        
}
.wrap_resisterpic ul li .desc p{
    font-size: 16px;
    font-weight: 300;
    white-space: normal;
    text-align: left;    
    width:100%;         
    min-height:72px;
    display:flex;
    align-items: center;
}

.wrap_resisterpic ul li .thumb{
  border:#e3e3e3 dashed 1px;
  background:url(../img/sub/icon_picadd_b.png) center center no-repeat #fafafa;
  background-size:25px 25px;
  height:139px;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}
.wrap_resisterpic ul> li .thumb.actv{
  background-size:cover;
}

.wrap_resisterpic ul> li .thumb.test{
  background: url(../img/sub/sample_img.png) no-repeat center;
  background-size:cover;
  border-color:rgba(0,0,0,0);
}



.wrap_resisterpic ul> li .dell_img{
  width:30px;
  height:30px;
  background:url(../img/sub/x_icon.png) no-repeat center #fff;
  background-size:15px;
  border:1px solid #e5e5e5;
  border-radius: 30px;
  position: absolute;
  top:-13px;
  right:-13px;
  z-index: 999;
}


.wrap_resisterpic ul> li .substitute{    
    opacity:0.7;
    height:30px;
    padding-left:30px;
    padding-right:13px;
    border-radius: 30px;
    line-height: 2.2;
    background:#ff6e00 url(../img/sub/pic_icon.png) no-repeat 10px center; 
    background-size:17px;
    color:#fff;
    display:block;
    position:absolute;
    bottom:7px;
    left:7px;
    z-index: 99;
}
.wrap_resisterpic ul li.lowCount{
  margin-bottom:0px;
}


.normal_text_comp{
  font-family: 'Noto Sans KR', sans-serif;
  font-size:16px;
  font-weight: 400;
}

.normal_text_comp::before{
  margin-top: 15px;
  margin-bottom: 20px;
  width: 29px;
  height: 2px;
  background: #e7e7e7;
  content: '';
  display: inline-block;
}
.normal_text_comp >p {
  font-weight: 500;
  color:#000;
  font-size:19px;
  font-family: 'Noto Sans KR', sans-serif;
  padding-bottom:10px;
}


.btn-state.type1{
  height:43px;
  line-height: 2.3;
  width:77.8%;
  border: 1px solid #000;
  border-radius: 40px;
  font-size:17px;
  color:#000;
  font-weight: 700;
  font-family: 'Noto Sans KR', sans-serif;
}
.btn-state.type1 button{
  display:inline-block;
  background: url(../img/sub/x_icon.png) no-repeat center;
  background-size: 9px;
  border-radius: 19px;
  height:19px;
  width:19px;
  border:1px solid #000;
  margin-top:3px;
}

.btn-state.type1.ref button{
  border:0px;
  background: url(../img/sub/ref_icon.png) no-repeat center;
  background-size: 15px;
}



.wrap_checking.type2{
  width:92%;
  display:block;
}


.wrap_checking.type2 .sub_desc{
  background:#f6f9fb;
  border:1px solid #cbd9e2;
  margin-left:55px;
  padding:7px 10px;
  display:none;
}

.wrap_checking.type2 .sub_desc p{
  font-family: 'Noto Sans KR', sans-serif;
  font-size:16px;
}
.wrap_checking.type2 .sub_desc p:nth-child(2){
  font-weight: 700;  
}




.wrap_report .tit{display:block;font-size:32px;color:#666;line-height:110%;}


.wrap_report .tit{
  color:#333;
  font-size:25px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
}

.wrap_report .sub_text{
  display:block;
  font-family: 'Noto Sans KR', sans-serif;
  font-size:16px;
  color:#555;
  line-height:110%;
  margin-top:15px;
}


.wrap_report .dl1 dt{
  background:#fff;
  font-weight: 500;
  font-family: 'Noto Sans KR', sans-serif;
}

.wrap_report .dl1 dd{
  border:1px solid #f0f0f0;
  margin-bottom:-1px;
}

.wrap_report .dl1 dd.lastcnt_copy i{
  width:14px;
  height:16px;
  display:inline-block;
  background:url(../img/sub/copy_icon.png) no-repeat center;
  background-size: cover;
  margin-right:3px;
}



.wrap_asptop{width:100%;padding:26px 20px 23px;display:flex;justify-content:space-between;align-items:center;}
.wrap_asptop+.wrap_asdetail{border-top:#eaeaea solid 1px;}
.wrap_asptop .tt1{
  display:block;
  color:#222;
  font-size:13px;
  line-height:110%;
  font-size:16px;
  font-family: 'Montserrat', sans-serif;
}
.wrap_asptop .tt2{
  display:block;
  color:#000;
  font-size:19px;
  line-height:110%;
  font-weight:bold;
  font-family: 'Noto Sans KR', sans-serif;
  margin-top:9px;
  background: url(../img/sub/add_title_icon.png) no-repeat left center;
  background-size:21px;
  padding-left:23px;
}


.wrap_asptop+.wrap_asdetail{
  border:0px;
}

.asdetail .wrap_asdetail+.wrap_asdetail{
  border-top:0px;
}

.asdetail .tit{
  background:#d8e7f5;
  margin-bottom:0px;
  padding:9px 0px 9px 12px;
  border-radius: 5px 5px 0px 0px;
}

.asdetail .tit >span:nth-child(1){
  font-weight: 700;
  font-family: 'Noto Sans KR', sans-serif;
  color:#2b6095;
}

.asdetail .tit >span:nth-child(2){
  margin-right:10px;
  color:#254b71;
}

.asdetail .tit .tit_sub{
  color:#555;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  margin-left:10px;
}

.asdetail .textbox2{
  margin-top:0px;
  border-top:0px;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  background:#fff;
}
.asdetail .textbox3{
  margin-top:0px;
  border-top:0px;
  box-sizing: border-box;
  background:#fff;
  font-weight: 700;
  font-family: 'Noto Sans KR', sans-serif;
}

.asdetail .wrap-radio{
  border:1px solid #ddd;
  padding:7px 0px;
  justify-content: center;
}

.asdetail .wrap-radio label{
  display:inline-block;  
  width:auto;
  margin:0 10px;
}

.wrap-drop{
  border:1px solid #ddd;
  border-top:0px;
  padding-bottom:10px;
}
.wrap-drop .btn-drop{
  width:85px;
  border-radius:50px;
  height:28px;
  font-size:16px;
  line-height: 1.2;
  margin-top:12px;
  margin-right:10px;
  position: relative;
  z-index: 1;
}

.wrap-drop .btn-drop:before{
  content:'';
  display:inline-block;
  height:16px;
  width:1px; 
  background:#ddd;  
  position: absolute; 
  top: 6px;
  left: -11px;
}

.wrap-drop .drop1{
  border:0px;
  top: 10px;
  z-index: 999;
}
.wrap_resisterpic_wrap{
  padding:15px;  
  border:1px solid #ddd;
  border-radius: 0 0 5px 5px;
  position: relative;
  z-index: 1;
}
.wrap_resisterpic_wrap .wrap_resisterpic >ul{ margin-top:0px;}
/* .wrap_resisterpic_wrap .wrap_resisterpic >ul > li{height:130px;} */
.wrap-drop .drop1::after{
  background: url(../img/sub/icon_asdrop2.png) no-repeat;
  transform: translateY(-100%);
  top:50%;
}

.wrap_drop2 .drop1{
  z-index: 999;
}
.wrap_drop2 .drop1::after{
  background: url(../img/sub/icon_asdrop2.png) no-repeat;
  transform: translateY(-100%);
  top:50%;
}

.wrap_asdetail.type2 .wrap_drop2{
  margin-top:0px;
}


.wrap_checking .btn-way{
  border-width:2px;
}
.wrap_checking .btn-way.test{
  background:url(../img/sub/btn_br_bg01.gif),url(../img/sub/btn_br_bg02.gif),url(../img/sub/btn_br_bg03.gif);
  background-position: left center, right center, center center;
  background-repeat: no-repeat, no-repeat, repeat-x;
  border:0px;
}


.wrap_resisterpic_wrap .thumb > a{
  display:block;
  width:100%;
  height:100%;
  background-size: cover;
  background-position: center;
}

.wrap_resisterpic_wrap .thumb > a:after{
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  margin: -40px 0px 0px -20px;
  background: url(../img/sub/icon_magni.png) 0% 0% / 40px 40px;
}

.wrap_resisterpic .thumb > a{
  display:block;
  width:100%;
  height:100%;
  background-size: cover;
  background-position: center;
}

.wrap_resisterpic .thumb > a:after{
  width: 40px;
  height: 40px;
  position: absolute;
  top: 60%;
  left: 50%;
  content: "";
  margin: -40px 0px 0px -20px;
  background: url(../img/sub/icon_magni.png) 0% 0% / 40px 40px;
}

.wrap_resisterpic_wrap.none_type .thumb > a:after{
  margin-top:-20px;
}

.wrap_resisterpic_wrap .pic{width:100%;height:100px;display:block;overflow:hidden;}
.wrap_resisterpic_wrap .pic:after{width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-40px 0 0 -20px;background:url(../img/sub/icon_magni.png);background-size:40px 40px;content:"";}
.wrap_resisterpic_wrap .add_component{
  position: absolute;
  bottom:1px;
  left:1px;
  z-index: 9;
  width:calc(100% - 2px);
}
.wrap_resisterpic_wrap .textbox{
  width:100%;
  height:39px;
  display:flex;
  position:relative;
  padding:0 9px;
  justify-content:space-between;
  align-items:center;
  background:#fff;
  border-top:#ededed solid 1px;
} 
.wrap_resisterpic_wrap .btn_add{width:11px;height:11px;display:block;background:url(../img/sub/icon_picadd.png);background-size:11px 11px;}
.wrap_resisterpic_wrap .btn_picclose{width:10px;height:10px;display:block;background:url(../img/sub/icon_picclose.png);background-size:10px 10px;}
.wrap_resisterpic_wrap .picntext{display:flex;position:absolute;font-size:13px;color:#333;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:110%;vertical-align:middle;align-self:center;}
.wrap_resisterpic_wrap .icon_warning{width:14px;height:14px;display:inline-block;margin-right:6px;background:url(../img/sub/icon_picwarning.png);background-size:14px 14px;}




/** 스위치 **/

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 69px;
  height: 22px;  
  background-color: #bababa;
  border-radius: 22px;
  color:#fff;  
  cursor: pointer;    
  top:18px;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background-color: #bababa;
  border-radius: inherit;
  color:#fff;
  /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); */
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;

}
.switch-label:before, 
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;  
  font-size:12px;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #204a72; 
}

.warn.switch-input:checked ~ .warn.switch-label{
  background: #ff7811;
}

.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-input:checked ~ .switch-handle {
  left: 46px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}




/*** 사진 클릭시 모달 셀렉터 ***/
.sort_mask,
.pic_mask,
.pic_slide_mask{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0px; 
  left:0px;
  z-index: 99996;
  background:rgba(0,0,0,0.7);
}
.sort_modal,
.pic_modal,
.pic_slide_modal{  
  position:fixed;
  top:0px;
  left:0px;
  z-index: 99997;  
  display:none;
}
.sort_modal .button_wrap,
.pic_modal .button_wrap{
  border:1px solid #eaeaea;
  border-radius: 10px;
  position:fixed;
  top:50%;
  left:50%;
  width:78%;
  background: #fff;
  z-index: 99998;
  margin-left:-39%;
  margin-top:-45px;
}
.sort_modal button,
.pic_modal button{
  display: block;  
  padding:12px;
  font-size:14px;
  font-weight: 700;
  color:#555;
  width:100%;
  text-align: center;
}
.sort_modal button:nth-child(1),
.sort_modal button:nth-child(2),
.pic_modal button:nth-child(1){
  border-bottom:1px solid #eaeaea;
}

.pic_slide_modal{
    width:90%;
    left:5%;
    top:56px;    
    /* transform: translate(-50%, -60%);     */
    margin:0 auto;
}
.modal_slide_content p{ color:#fff;}
.modal_slide_content p.titls{font-size:16px!important; font-weight: 700; margin-top:10px; margin-bottom:5px; text-align:center;}
.modal_slide_content p.subj{font-size: 16px!important; font-weight: 500; text-align:center; margin-top:10px;}

.slide_modal_close{
    width:40px;
    height:40px;
    background:#000 url(../img/sub/icon_checking_stop.png) no-repeat center;
    border-radius: 40px;
    background-size: 20px;
    overflow: hidden;
    border:2px solid #fff;
    position: absolute;
    bottom: -20%;
    left:50%;
    transform: translateX(-50%);
}


/** 옵션 모달 **/
.opt_mask{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0px; 
  left:0px;
  z-index: 99996;
  background:rgba(0,0,0,0.5);
}
.opt_modal{  
  position:fixed;
  top:50%;
  transform: translateY(-50%) translateX(-50%);
  left:50%;
  z-index: 99997;  
  display:none;
  background: #fff;
  border:1px solid #eaeaea;
  border-radius: 10px;
  width:78%;
  overflow:hidden;
}

.opt_modal .opt_modal_title{
  font-size:18px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  text-align: center;
  padding:15px 0px;
}
.opt_modal .opt_modal_title .revers_ch{
  position: relative;
  z-index: 1;
  display:inline-block;  
} 


.opt_modal .opt_modal_title .revers_ch .opt_btn{
  position:inherit;
  left:0px;
  margin-top: 15px;
}

.opt_modal .button_wrap{
  padding-bottom: 25px;
}
.opt_modal .button_wrap button{
  display: block;  
  padding:12px;
  font-size:16px;
  font-weight: 600;
  color:#555;
  width:78%;
  margin:0 auto;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  background:#336699;  
  color:#fff;
  margin-bottom:10px;
  border-radius: 50px; 
}

.opt_modal .button_wrap button:nth-child(1){  
  background:#336699;  
}
.opt_modal .button_wrap button:nth-child(2){  
  background:#16487b;  
}
.opt_modal .button_wrap button:nth-child(2){  
  background:#10355b;  
}


.opt_modal .sub_btn_wrap{
  width:100%;
  font-size: 0px;
  letter-spacing: 0px;
  border-top:1px solid #ddd;  
}
.opt_modal .sub_btn_wrap button{
  width:50%;
  font-size:16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding:10px 0px;
}

.opt_modal .sub_btn_wrap button.actv{
  color:#336699;
}

.opt_modal .sub_btn_wrap button:nth-child(1):after{
  content:'';
  display:block;
  width:1px;
  height:100%;
  background: #ddd;
  position: absolute;
  top:0px;
  right:0px;
}




.mdfy_btns{
  padding:0px 4px;
  width:75px;
  height:30px;
  border:1px solid #eee;
  font-size:16px;
  border-radius: 30px;
  font-weight: 400;
  
}
.mdfy_btns i{
  display: inline-block;
  width:20px;
  height:20px;
  background: url(../img/sub/user_icon.png) no-repeat center;
  background-size: 13px;
  vertical-align: top;
  position: relative;
  top:3px;
  margin-right:3px;
}



.inner_wrap{padding:0px 10px; }
.inner_wrap .card_custom{
  border:1px solid #ddd;
  border-radius: 5px;
  overflow:hidden;
  background: #fff;
  padding:10px 19px;
  margin-bottom:10px;
}
.inner_wrap .card_custom h2{font-size:16px;}
.inner_wrap .card_custom h2 span{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  margin-right:5px;
}
.inner_wrap .card_custom .desc{
  margin-top:15px;
  color:#464646;
  font-size:13px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  width:100%;
  height:40px;
  line-height:20px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.inner_wrap .card_custom .gap{
  margin-top:15px;
  height:22px;
  line-height: 22px;
  position:relative;
  z-index: 1;
}
.inner_wrap .card_custom .gap >span{
  height:22px;
  line-height: 22px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.inner_wrap .card_custom .gap >span:nth-child(1){margin-right:15px;}
.inner_wrap .card_custom .gap >span:nth-child(1):after{
  content:'';
  display: block;
  width:1px; 
  height:11px;
  background: #ddd;
  position: absolute;
  top:50%;
  margin-top:-5px;
  right:-10px;  
}


.inner_wrap .card_custom .gap .basic_button{
  color:#fff;
  background: #336699;
  min-width:72px;
  border-radius: 22px;
  height:22px;
  font-size:14px;  
  line-height: 22px;
  position: absolute;
  right:0px;
  z-index: 2;
  min-width: 80px;
}

.inner_wrap .card_custom .gap .basic_button.type3{
  background: #ff7e40;
}
.inner_wrap .card_custom .gap .basic_button.type2{
  background: #39b54a;
}






.vert__menu{width:80%; margin:0 auto; margin-top:35px;}
.vert__menu.list_type{
  width:100%;  
  margin-top:0px;
}
.vert__menu li{
  text-align: left;
  font-size:16px;
  position: relative;
  z-index: 1;
  padding-left:63px;
  height:52px;
  margin-bottom:15px;
}

.vert__menu.list_type li{
  border-bottom:1px solid #ddd;
  margin-bottom:0px;
  height:75px;
  max-height: 75px;
  padding-top:0px;
  padding-left:93px;
}

.vert__menu li p:nth-child(1){
  padding-top:1px;
  font-weight: 700;
  
}

.vert__menu.list_type li p:nth-child(1){
  padding-top:12px;
}

.vert__menu li p:nth-child(2){
  font-weight: 300;
}
.vert__menu.list_type.bluetooth li{
  height:auto;
  max-height:100%;
  padding-top:10px;
  padding-bottom:10px;
}

.vert__menu.list_type.bluetooth li p:nth-child(1){
  padding-top:0px;  
}

.vert__menu.list_type.bluetooth li p:nth-child(2){
  width:90%;
  white-space: normal;
  word-break: break-word;
}
.vert__menu li:after{
  content:''; 
  display: inline-block; 
  width:52px; 
  height:52px;
  border-radius: 52px;
  border:1px solid #c3d4e6;
  position: absolute;
  top:50%;
  left:0px;
  z-index: 1;
  transform: translateY(-50%);
}

.vert__menu.list_type li:after{

}

.vert__menu li:nth-child(1):after{
  background: #dce6f0 url(../img/sub/step_icon01.png) no-repeat center;
  background-size:30px;
}
.vert__menu li:nth-child(2):after{
  background: #dce6f0 url(../img/sub/step_icon02.png) no-repeat center;
  background-size:25px;
}
.vert__menu li:nth-child(3):after{
  background: #dce6f0 url(../img/sub/step_icon03.png) no-repeat center;
  background-size:27px;
}


.vert__menu.list_type li:after{
  background: url(../img/sub/list_type_icon.png) no-repeat center;
  background-size: 25px;
  border:1px solid #336699;
  left: 25px;
}



.rturd_inner{
  border-radius: 5px;
  overflow:hidden;
  background: #d8e7f5;  
}
.rturd_inner .text1{
  position: relative;
  top:10px;
  padding:0px 10px;  
}

.rturd_inner .cnt_01 .tt1{
  color:#254b71;
  font-weight: 500;
}
.rturd_inner .cnt_01{
  padding:10px 10px;
  position: relative;
  z-index: 1;
}
.rturd_inner .t_field{
  margin-top:0px;
  background: #fff;  
  border:1px solid #ddd;
  border-top:0px;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  padding:10px;
}
.rturd_inner .t_field textarea{
  background-color:transparent;
  border: 0px;
  margin-top:0px;  
}
.rturd_inner .t_field input{
  background-color:transparent!important;
  border: 0px!important;
}

.rturd_inner .t_field .btn_help{
  background: #517497;
  border-radius: 40px;
  height:36px;
  line-height: 36px;
  margin-top:2px;
}
.rturd_inner .t_field .btn_wrap_z{
  position: relative;
  z-index: 1;
}
.rturd_inner .t_field .btn_wrap_z:before{
  content: '';
  display: block;
  width:1px;
  height:20px;
  background-color: #ddd;
  position:absolute;
  top:50%;
  left: -10px;
  transform: translateY(-50%);
}


.opt_btn{
  position: absolute;
  top:50%;
  right:10px;
  z-index: 1;
  transform: translateY(-50%);
  width:20px;
  height:20px;
  background:url(../img/sub/gear_icon.png) no-repeat center;
  background-size: cover;  
  font-size: 0px;
}



/** header 드롭 메뉴 있을 경우 **/
.drop_actv{
  position: relative;
  z-index: 1;
}


.drop_actv .top_drop_menu{
  display:none;
  position: absolute;
  top:30px; 
  right: 0px;
  z-index:1;
  background:#fff;
  border-radius:5px;
  overflow:hidden;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);

}
.drop_actv .top_drop_menu >li{
  border-bottom:1px solid #ddd;
  display:block;
  padding:5px 10px;
}
.drop_actv .top_drop_menu a{
  color:#555;
  white-space: nowrap;
}
.drop_actv .top_drop_menu a:hover{
  font-weight: 500;
}




 


/*** 타이틀 블릿 ****/
.bullet_type01{
  position: relative;
  z-index: 1;
  text-indent:20px;
}
.bullet_type01:before{
  content:'';
  display:inline-block;
  width:15px;
  height:15px;
  background: url(../img/sub/pic_icon2.png) no-repeat center center;
  background-size: 15px;
  position: absolute;
  top:50%;
  left:20px;
  transform: translateY(-40%);
}

.bullet_type01.icon_02:before{
  content:'';
  display:inline-block;
  width:15px;
  height:15px;
  background: url(../img/sub/blt_icon.png) no-repeat center center;
  background-size: 9px;
  position: absolute;
  top:50%;
  left:20px;
  transform: translateY(-40%);
}



/** appbar 신규 상태 정보 **/

.top_menu_opt_btn{
  font-size: 16px;
  color:#fff;
  position: relative;
  z-index: 1;
}
.top_menu_opt_btn:after{
  content:'';
  display:inline-block;
  width:15px;
  height:15px;
  background: url(../img/sub/blt_icon2.png) no-repeat center center;
  background-size: 9px;   
  position: relative; 
  top:2px;
}
.top_menu_opt_btn.off:after{
  content:'';
  display:inline-block;
  width:15px;
  height:15px;
  background: url(../img/sub/blt_icon_off2.png) no-repeat center center;
  background-size: 9px;   
  position: relative; 
  top:2px;
  
}
.top_menu_opt_btn.off{
  padding-right:0px;
  color:#4d8cc7;
}
.top_menu_opt_btn.off .wifi_symbol_wrap{
  display: none;  
}

/** 고객정보 수정 **/
.btn_inpt_wrap {}
.btn_inpt_wrap .input1{
  width:50%;
}

.btn_inpt_wrap .search_btn{
  width:calc(50% - 14px);
  background:#336699;
  height: 50px;
  line-height: 2.5;
  color:#fff;
  font-size:14px;
  margin-left:10px;
}

.btn_inpt_wrap .search_btn:before{
  content:'';
  display:inline-block;
  width:20px;
  height:20px;
  background:url(../img/sub/zoom_icon.png) no-repeat center;
  background-size:20px;
  margin-right:10px;
  transform: translateY(5px);
}

.btn_inpt_wrap .search_btn.type2{
  width:35%;
  margin-left:0px;
  font-size:18px;
  background-color: #07ace4;
}

.btn_inpt_wrap .search_btn.type2:before{
  background-size: 24px;
  width:24px;
  height:24px;
}

.btn_inpt_wrap .search_btn.type2.type3{
  width:55%;
  border-radius:5px;
}



/***
주소 모달
**/

.address_modal_mask{
  position:fixed;
  top:0px;
  left:0px;
  z-index:9999998;
  background:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  display:none;
}
.address_modal{
  width:85%;
  background:#fff;
  position: fixed;
  top:50%;
  left:50%;  
  z-index: 9999999;
  transform: translate(-50%, -50%);
  border-radius: 5px;  
  display:none;
}
.address_modal .address_modal_inner{
  position: relative;
  z-index: 1;
  padding:20px;
}

.address_modal .address_modal_inner .close_btn{
  width:40px;
  height:40px;
  position: absolute;
  top:-20px;
  right:-20px;
  z-index: 9;  
  border-radius: 40px;
  background:#000 url(../img/sub/x_icon2.png) no-repeat center;
  background-size: 15px;
  cursor: pointer;
}

.sch_content{
  position: relative;
  z-index: 1;
}
/*
.address_modal .address_modal_inner .sch_content:after{
  content:'';
  display:inline-block;
  width:30px;
  height:30px;
  background:url(../img/sub/zoom_icon_actv.png) no-repeat center;
  background-size:30px;
  margin-right:10px;
  transform: translateY(-50%);
  position: absolute;
  top:50%;
  right:5px;
  z-index: 9;
}
*/

.submit_button{
  display:block;
  width:30px;
  height:30px;
  background:url(../img/sub/zoom_icon_actv.png) no-repeat center;
  background-size:30px;
  margin-right:10px;
  transform: translateY(-50%);
  position: absolute;
  top:50%;
  right:5px;
  z-index: 9;
}

.address_modal .address_modal_inner .sch_content .input1{
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: #ddd solid 1px;
  color: #000;
  line-height: 48px;
}
.sch_result{  
  overflow-y:auto;
  /* border-radius: 5px; */
  padding-top:109px;
  height:100%;
}

.sch_result .sch_result_line{
  /* border:1px solid #ddd; */
  overflow: hidden;
  /* border-radius: 0 0 5px 5px; */
  border-top:0px;
}

.sch_top_section {
  position: fixed;
  top:55px;
  left:0px;
  z-index: 2;
  width:100%;
  background:#fff;
  padding:0px 20px;
  padding-top:30px;
}
.sch_top_section .inner_title{
  height:35px;
  line-height: 35px;
  font-size:18px;
  font-weight: 500;  
  background:#d8e7f5;
  text-indent:20px;
  color:#254b71;
  text-align: left;
}
.title_sub{
  height:35px;
  line-height: 35px;
  font-size:30px;
  font-weight: 700;  
}

.sch_result_card_wrap{
  padding:10px;
  /* border:1px solid #ddd; */
  border-top:0px;
  /* overflow-y:auto; */
  /* max-height:220px; */
}
.sch_result .sch_result_card{
  padding:10px;
  border-bottom:1px solid #ddd;
}
.sch_result .sch_result_card:last-child{
  border-bottom:0px;
}

.sch_result .sch_result_card .input_radio_type01{
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background: url(../img/common/input_radio.png) no-repeat center;
  background-size: 20px;
  position: relative;
  top: 15px;  
  vertical-align: top;  
}

.address_respon{
  line-height: 32px!important;
  padding:15px 20px!important;
}

.address_respon:read-only{
  background:#e5e5e5;
  border-color:#909090;
}

.sch_result .sch_result_card input:checked{
  background: url(../img/common/input_radio_check.png) no-repeat center;
  background-size: 17px 17px;
}

.sch_result .sch_result_card .desc{
  display: inline-block;
  width:calc(100% - 35px);
  text-align: left;
}

.sch_result .sch_result_card .desc p{
  font-size: 16px;
}

.mt-15{margin-bottom:15px;}

.title_icon_content{
  width:35px;
  height:35px;
  background:#ededed url(../img/sub/address_title_icon.png) no-repeat center;
  background-size: 20px;
  border-radius: 30px;
  display:inline-block;  
  vertical-align: top;
  margin-right:7px;
}


/******** 로딩 ********/
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: scale(.6);
}
.lds-spinner div {
  transform-origin: 40px 40px;  
  animation: lds-spinner 1.2s linear infinite;  
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  border-radius: 18px;  
  width: 6px;
  height: 18px;
  border-radius: 50px;
  background: #1d456c;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;    
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

.lds-spinner div:nth-child(5):after{
  height:5px;
  /* top: 15px; */
  display:none;
}
.lds-spinner div:nth-child(6):after{
  height:7px;
  /* top: 12px; */
}
.lds-spinner div:nth-child(7):after{
  height:9px;
  /* top: 10px; */
}
.lds-spinner div:nth-child(8):after{
  height:11px;
  /* top: 8px; */
}
.lds-spinner div:nth-child(9):after{
  height:13px;
  /* top: 6px; */
}

@keyframes lds-spinner {
  0% {
    opacity: 1;    
  }
  80% {
    opacity: 0;    
  }
}




/*** 와이파이 에니메이션 **/

.wifi_inner{
  padding-right:20px;
  overflow:hidden;
}
.wifi_symbol_wrap{
  position:absolute;
  top:0px;
  right:0px;
  z-index: 9;
  width:15px;
  height:15px;;
}

.wifi-symbol {
  display: none;
}
.wifi-symbol [foo], 
.wifi-symbol {
  display: block;
  position: relative;
  top: 53px;
  z-index: 999999;
  display: inline-block;
  width: 15px;
  height: 15px;
  /* margin-top: -187.5px; */
  margin-top: 22px;
  margin-left: 71px;
  -ms-transform: rotate(45deg) translate(-100px);
  -moz-transform: rotate(45deg) translate(-100px);
  -o-transform: rotate(45deg) translate(-100px);
  -webkit-transform: rotate(45deg) translate(-100px);
  transform: rotate(45deg) translate(-100px);  
}
.wifi-symbol .wifi-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-color: #fff;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-border-radius: 0 100% 0 0;
  border-radius: 0 100% 0 0;
  opacity: 0;
  -o-animation: wifianimation 3s infinite;
  -moz-animation: wifianimation 3s infinite;
  -webkit-animation: wifianimation 3s infinite;
  animation: wifianimation 3s infinite;
}
.wifi-symbol .wifi-circle.first {
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.wifi-symbol .wifi-circle.second {
  width: 10px;
  height: 10px;
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.wifi-symbol .wifi-circle.third {
  width: 5px;
  height: 5px;
}

@keyframes wifianimation {
  0% { opacity: 1;}  
  6% { opactiy: 0.1;}
  100% {opactiy: 1;}
}

@-o-keyframes wifianimation {
  0% { opacity: 1;}  
  6% { opactiy: 0.1;}
  100% {opactiy: 1;}
}
@-moz-keyframes wifianimation {
  0% { opacity: 1;}  
  6% { opactiy: 0.5;}
  100% {opactiy: 1;}
}
@-webkit-keyframes wifianimation {
  0% { opacity: 1;}  
  6% { opactiy: 0.5;}
  100% {opactiy: 1;}
}



/**** 20200515 ****/
.top_content_history{
  position: relative;
  z-index: 2;
}

.top_content_history.actv .history_back,
.top_content_history.actv .value_remove{
  display: block;
}

.top_content_history.actv input{
  text-indent:30px;
}

.top_content_history .history_back{
  display: none;
  width:30px;
  height:30px;
  background: url(../img/sub/icon_back_gray.png) no-repeat center;
  position: absolute;
  top:50%;
  left:10px;
  background-size: 25px;
  transform: translateY(-50%);
  z-index: 2;
}
.top_content_history .value_remove{
  display: none;
  width:40px;
  height:40px;
  background: url(../img/sub/icon_checking_stop_gray.png) no-repeat center;
  position: absolute;
  background-size: 20px;
  top:50%;
  transform: translateY(-50%);
  right:10px;
  z-index: 2;
}

.samp_test li .desc h2{
  justify-content: center;
}
.samp_test li .desc p{
  display:none!important;
}

.samp_test li .thumb.pic_01{background:url(../img/sample/1_001.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_02{background:url(../img/sample/1_002.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_03{background:url(../img/sample/placeholder.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_04{background:url(../img/sample/3_010.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_05{background:url(../img/sample/3_011.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_06{background:url(../img/sample/4_013.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_07{background:url(../img/sample/4_014.png) no-repeat center; background-size: cover;}

.samp_test li .thumb.pic_sl_01{background:url(../img/sample/1_001.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_02{background:url(../img/sample/1_002.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_03{background:url(../img/sample/1_101_solar_light.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_04{background:url(../img/sample/2_102.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_05{background:url(../img/sample/2_103.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_06{background:url(../img/sample/2_004.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_07{background:url(../img/sample/2_005.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_08{background:url(../img/sample/2_006.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_09{background:url(../img/sample/2_104.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_10{background:url(../img/sample/2_008.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_11{background:url(../img/sample/2_009.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_12{background:url(../img/sample/3_010.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_13{background:url(../img/sample/3_011.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_14{background:url(../img/sample/4_013.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sl_15{background:url(../img/sample/4_014.png) no-repeat center; background-size: cover;}

.samp_test li .thumb.pic_sh_01{background:url(../img/sample/1_001.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_02{background:url(../img/sample/1_002.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_03{background:url(../img/sample/1_101_solar_heat.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_04{background:url(../img/sample/2_005.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_05{background:url(../img/sample/2_006.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_06{background:url(../img/sample/2_104.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_07{background:url(../img/sample/2_105.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_08{background:url(../img/sample/2_108.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_09{background:url(../img/sample/2_109.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_10{background:url(../img/sample/3_010.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_11{background:url(../img/sample/3_011.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_12{background:url(../img/sample/4_013.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_sh_13{background:url(../img/sample/4_014.png) no-repeat center; background-size: cover;}

.samp_test li .thumb.pic_eh_01{background:url(../img/sample/1_001.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_02{background:url(../img/sample/1_002.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_03{background:url(../img/sample/1_101_earth_heat.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_04{background:url(../img/sample/2_104.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_05{background:url(../img/sample/2_111.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_06{background:url(../img/sample/2_112.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_07{background:url(../img/sample/2_113.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_08{background:url(../img/sample/2_114.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_09{background:url(../img/sample/3_010.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_10{background:url(../img/sample/3_011.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_11{background:url(../img/sample/4_013.png) no-repeat center; background-size: cover;}
.samp_test li .thumb.pic_eh_12{background:url(../img/sample/4_014.png) no-repeat center; background-size: cover;}






.sam_test li:nth-child(1) .thumb{background:url(../img/sub/samp01.png) no-repeat center; background-size: cover;}
.sam_test li:nth-child(2) .thumb{background:url(../img/sub/samp02.png) no-repeat center; background-size: cover;}
.sam_test li:nth-child(3) .thumb{background:url(../img/sub/samp03.png) no-repeat center; background-size: cover;}
.sam_test li:nth-child(4) .thumb{background:url(../img/sub/samp04.png) no-repeat center; background-size: cover;}
.sam_test2 li:nth-child(1) .thumb{background:url(../img/sub/samp05.png) no-repeat center; background-size: cover;}
.sam_test2 li:nth-child(2) .thumb{background:url(../img/sub/samp06.png) no-repeat center; background-size: cover;}
.sam_test2 li:nth-child(3) .thumb{background:url(../img/sub/samp07.png) no-repeat center; background-size: cover;}
.sam_test2 li:nth-child(4) .thumb{background:url(../img/sub/samp08.png) no-repeat center; background-size: cover;}



/************ 20200522 add *************/
.content__wrap{
  padding:15px;
}
.content__wrap .system_box{
  border:1px solid #ddd;
  padding:15px;
  border-radius: 5px;
  margin-bottom:15px;
}
.content__wrap .system_box:last-child{
  margin-bottom:0px;
}
.content__wrap .system_box .system_info{}
.content__wrap .system_box .system_info .system_state{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom:10px;
}
.content__wrap .system_box .system_info .system_state .state_icon{  
  color:#fff;
  height:24px;
  line-height: 1.4;
  max-width:66px;
  border-radius: 22px;
  overflow: hidden;
  width:100%;
  font-size:16px;
  text-align:center;
}
.content__wrap .system_box .system_info .system_state .state_icon.d_actv{ background-color:#747474;}
.content__wrap .system_box .system_info .system_state .state_icon.warn{ background-color:#ff7e40;}
.content__wrap .system_box .system_info .system_state .state_icon.primary{ background-color:#336699;}
.content__wrap .system_box .system_info .system_state .stat_date{
  font-family: 'Montserrat', sans-serif;
  font-size:16px;
  color:#000;
}
.content__wrap .system_box .system_info .system_state .stat_date:before{
  content:'';
  width:15px;
  height:15px;
  display:inline-block;
  background:url('../img/sub/timer_icon.png') no-repeat center;
  background-size: 15px;
  transform: translateY(3px);
  margin-right: 3px;
}

.content__wrap .system_box .system_info .desc{}
.content__wrap .system_box .system_info .desc .title{
  font-size:18px;
  margin-bottom:10px;
}
.content__wrap .system_box .system_info .desc .subj{
  font-size:16px;
  color:#464646;
}
.content__wrap .system_box .system_info .desc .agent_data{
  margin-top:10px;
}
.content__wrap .system_box .system_info .desc .agent_data .charge{
  font-weight: 100;
  font-size:16px;
  color:#000;
  margin-right:10px;
}
.content__wrap .system_box .system_info .desc .agent_data .charge:before{
  content:'담당';
  font-size:16px;
  font-weight: 500;
  color:#000;
  margin-right:5px;
}
.content__wrap .system_box .system_info .desc .agent_data .period{
  border:1px solid #000;
  border-radius: 20px;
  font-size:16px;
  padding:0px 5px;
  margin-right:5px;
}

.content__wrap .system_box .system_info .desc .agent_data .period.warn{
  color:#ff7e40;
  border-color:#ff7e40;
}
.content__wrap .system_box .system_info .desc .agent_data .period.primary{
  color:#336699;
  border-color:#336699;
}

.content__wrap .system_box .system_info .desc .agent_data .date{
  font-family: 'Montserrat', sans-serif;
  font-size:16px;
  color:#000;
}

.content__wrap .system_box .system_info .desc .agent_data .date.warn{ color:#ff7e40; }
.content__wrap .system_box .system_info .desc .agent_data .date.primary{ color:#336699; }


.ft-back.primary{
  background:#265079!important;
}



.inpt_titie{
  font-size:16px;
  color:#336699;
  text-align: left;
  margin-bottom:10px;
  margin-top:15px;
}

.inpt_titie.type2{
  margin-top:20px;
}


.middle_btn{
  min-width:150px;  
  height:35px;
  line-height: 2.2;
  border:1px solid #336699;
  position: absolute;
  top:50%;
  left:50%;
  z-index: 999;
  border-radius:35px;
  transform: translate(-50%, 50%);
  font-size:16px;
}
.middle_btn:before{
  content: '';
  width:20px;
  height:20px;
  display: inline-block;
  background: url(../img/sub/copy_icon.png) no-repeat center;
  background-size: 15px;
  transform: translateY(5px);
  margin-right:3px;
}

/********  20200525 **********/
.selector_area{
  display: flex;
  height:48px;
  background:#f7f7f7;
  align-items: center;
  padding:0px 25px;
  border-top:1px solid #a5a5a5;
}

.selector_area button{
  border:1px solid #336699;
  width:25%;
  margin-right:3%;
  height:30px;
  line-height: 28px;
  border-radius: 30px;
  font-size:16px;
  text-align: center;
  background:#fff;
}
.selector_area button:nth-child(1){
  width:17.3%;
}
.selector_area span:last-child{
  margin-right:0px;
}

.selector_area button.active{
  background:#ff6e00;
  border-color:#ff6e00;
  color:#fff;
}


.sort_area{
  position: relative;
  z-index: 9;
  height:38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0px 10px;
}

.sort_area .my_info_chk{
  height:38px;
  max-height:38px;    
  padding-left:17px;
  position: relative;
  z-index: 1;
  font-size:16px;  
  line-height: 38px;
}
.sort_area .my_info_chk input{}
.sort_area .my_info_chk input:before{
  content: '';
  display:inline-block;
  width:15px;
  height:15px;
  border:1px solid #336699;
  background:#f7f7f7;
  position: absolute;
  top:50%;
  left:0px;
  transform: translateY(-50%);
}
.sort_area .my_info_chk input:checked:before{
  vertical-align: top;
  content:'';
  display:inline-block;
  text-align: center;
  line-height: 1.4;
  width:15px;
  height:15px;
  border:1px solid #336699;
  background:url('../img/sub/check_box_on.png') no-repeat center;
  background-size: 20px;
  color:#336699;
}
.sort_area .sort_content_wrap{
  display: flex;
  align-items: center;
}
.sort_area .sort_content{  
  color:#336699;  
  min-width:85px;
  margin-right:10px;  
  padding-left:20px;
  position: relative;
  font-size:16px;
  z-index: 1;;
  
}
.sort_area .sort_content:before{
  content: '';
  display: block;
  background: url('../img/sub/icon_asdrop_on.png') no-repeat left center;
  width:12px;
  height:12px;
  background-size: 12px;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left:0px;

}
.sort_area .sort_content.actv:before{
  transform: translateY(-50%) rotate(180deg);
}

/* .sort_area .sort_content .custom-select-container .custom-select-opener{
  background: url('../img/sub/icon_asdrop_on.png') no-repeat left center;
  padding-left:20px;
  background-size: 12px;
} */

.sort_area .sort_item{
  display: inline-flex;
  width:20px;
  height:20px;
  background: url('../img/sub/sort_icon.png') no-repeat center;
  background-size: 17px;
}


.status_icon{
  position: absolute;
  top:-3px;
  left:8px;
  width:20px;
  height:20px;
  text-align: center;
  line-height: 1.5;
  border-radius: 20px;
  overflow: hidden;
  border:1px solid #fff;
  background: #ffc000;
  font-style: normal;
  color:#fff;
  font-size:12px;
  font-weight: 300;
}

.main_list .system_info{
  position: absolute;
  top:0px; 
  right:0px;
  display: flex;
  flex-direction: column;
  text-align: right;  
}


.main_list .system_info > span{
  margin-bottom:5px;
}
.main_list .system_info > span.item02{
  color:#336699!important;
}
.main_list .system_info > span.item03{
  color:#f32819!important;
}
.main_list .system_info > span.item03:before{
  content:'';
  display: inline-block;
  width:15px;
  height:15px;
  position: relative;
  top:2px;
  margin-right:3px;
  background: url('../img/sub/calendar_icon.png') no-repeat center;
  background-size: 100%;
}

.drag_icon_menu{
  width:93px;
  height:93px;
  position: fixed;
  right:25px;
  bottom: 25px;
  z-index: 99999;
  background: #254b71;
  border-radius: 93px;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  -webkit-box-shadow: 0px 10px 21px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 21px -8px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 21px -8px rgba(0,0,0,0.75);
}
.drag_icon_menu span{
  color:#fff;
  font-size:16px;
}
.drag_icon_menu span i{
  font-style: normal;
  color:#ffc000;
}
.drag_icon_menu span:nth-child(1){
  width:21px;  
  margin: 0 auto;
  margin-top:15px;
  height:21px;
  background: url('../img/sub/myloc_icon.png') no-repeat center;
  background-size: 21px;
}

.batch_upload{  
  border-radius: 25px;
  padding:0px 10px;
  height: 30px;
  line-height: 1.6;
  text-align: center;
  background: #fff;;
  color: #254b71;
  font-size:16px;
  border:1px solid #254b71;  
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right: 15px;
  font-weight: 500;
}

.title_bg{
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding-right:15px;
}
.btn_type3{
  color:#fff;
  background:#ff7e40 url("../img/sub/btn_setting_wh.png") no-repeat;
  background-position: 6px center;
  background-size: 15px;
  height:25px;
  line-height: 25px;
  border-radius:25px;
  padding-left:25px;
  padding-right:10px;
}

.btn_type3.d_actv{
  background:#bdbdbd url("../img/sub/btn_setting_wh.png") no-repeat;
  background-position: 6px center;
  background-size: 15px;
}


.top_lock_wrap{
  position:fixed;
  top:55px;
  width:100%;
  z-index: 2;
  background:#fff;
}
.info_content_wrap{  
  position: relative;
  z-index: 3;
  background:#fff;  
  overflow:hidden;  
}

.data_list{
  padding:15px;
  padding-bottom:0px;
}
.data_list .table_head_wrap{}
.data_list .table_body_wrap{
  margin-top:-1px;
  overflow-y:auto;
  max-height:129px;
}
.data_list table{
  width:100%;
}
.data_list table th{
  font-size:14px;
  text-align:center;
  background-color: #fdf0e6;
  border:1px solid #ddd;
  padding:5px;
  height:44px;
  max-height:74px;
}
.data_list table td{
  text-align:center;
  font-size:14px;
  border:1px solid #ddd;
  padding:5px;
  color:#464646;
}

.info_box_wrap{
  padding:0px 15px;
  margin-bottom:5px;  
}
.info_box_wrap .infow_box_content{
  border-radius: 5px;
  overflow:hidden;
}

.info_box_wrap .title{
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  font-weight: 500;
  background: #d8e7f5;
  padding:0px 15px;
  color: #254b71;
  text-align: left;
  display: flex;  
}
.info_box_wrap .title .title_status{
  color:#000;
  margin-left:40px;
}
.info_box_wrap .title .title_status:before{
  content:'';
  width:20px;
  height:20px;
  border-radius: 20px;
  display:inline-block;
  background:#ff7e40 url('../img/sub/exclamation_mark.png') no-repeat center;
  background-size: 4px;
  vertical-align: middle;
  position: relative;
  top:-2px;
  margin-right:5px;
}
.info_box_wrap .title .title_status span{
  color:#ff7e40;
}

.info_box_wrap .info_content{
  border:1px solid #ddd;
  border-top:0px;
  padding:10px 15px;
  border-radius: 0px 0px 5px 5px;  
  max-height:94px;
  overflow-y: auto;
}

.info_box_wrap .info_content p{
  font-size:14px;
  color:#464646;
  margin-bottom:5px;
}

.info_box_wrap .info_content .no_data{
  
}
.info_box_wrap .info_content p:last-child{
  margin-bottom:0px;
}
.rog_data_wrap{
  padding:0px 15px;
  margin-bottom:15px;  
}
.rog_data_wrap .rog_data{
  background:#000;
  border-radius: 5px;
  padding:15px 10px;
  overflow-y: auto;
}
.rog_data_wrap .rog_data p{
  color:#b5b5b5;
  font-size:14px;
  margin-bottom:5px;
}
.rog_data_wrap .rog_data p span{
  color:#029e27;
}

.rog_data_wrap .rog_data p span i{
  background:#83821d;
  font-style: normal;
  color:#fff;
}

.rog_data_wrap.type2{  
  max-height:calc(100% - 230px);
  overflow-y:auto;
  padding:0px;
  border-radius: 5px;
  background:#000;
  width:calc(100% -  40px);
  margin:0 auto;
  margin-bottom:0px;
}
.rog_data_wrap.type2 .rog_data{
  max-height:100%;
  height:100%;
}


.content_box.type2{
  padding:0px 20px;
  margin-top:25px;
} 
.content_box .inner_box{
  display: flex;
  justify-content: space-between;
  padding:0px 20px;
  align-items: center;
  height:50px;
  border-bottom:1px solid #eaeaea;
  position: relative;
  z-index: 2;
}

.content_box .inner_box.type2{
  padding:0px;
}

.content_box .inner_box.disabled{
  opacity: .5;
}

.content_box .inner_box .lk_select{
  display:flex;
  align-items: center;
}
.content_box .inner_box .lk_select.type2{
  width:100%;
  justify-content: center;
}
.content_box .inner_box .lk_select.type2 select{
  width:100%!important;
  max-width:100%;
  min-width:100%;
  margin-left:0px;
  padding-right:10px;
 
}

.content_box .inner_box .lk_select.type2 .select_box_type2{
  position: relative;
  z-index: 1;
  width:100%!important;
  max-width:100%;
  min-width:100%;
  text-align: left;
  margin-left:0px;
  text-indent:15px;
}
.content_box .inner_box .lk_select.type2 .select_box_type2:after{
  width:15px;
  height:15px;
  content: '';
  display: block;
  background: url(../img/common/btn-detail2.png) no-repeat center;
  background-size: 10px;
  position: absolute;
  top:50%;
  right:10px;
  transform: translateY(-50%);
}

.content_box .inner_box .lk_select .inpt01{
  display: inline-block!important;
  border:1px solid #ddd!important;
  text-indent:10px;
  max-width:45px;
  color:#555;
  height:30px;
  line-height: 28px;
  border-radius: 5px;
}
.content_box .inner_box .lk_select .lk_info{
  display: inline-block;
  max-width:150px;
  min-width: 150px;
  text-align:left;
  line-height: 115%;
  margin-left:10px;
  font-size:14px;
  color:#555;
}

.content_box .my_info_chk{
  height:38px;
  max-height:38px;    
  padding-left:17px;
  position: relative;
  z-index: 1;
  font-size:16px;  
  line-height: 34px;
  color:#555;
}
.content_box .my_info_chk input{}
.content_box .my_info_chk input:before{
  content: '';
  display:inline-block;
  width:15px;
  height:15px;
  border:1px solid #ddd;
  background:#f7f7f7;
  position: absolute;
  top:50%;
  left:0px;
  transform: translateY(-50%);
}

.content_box .my_info_chk input:checked:before{
  vertical-align: top;
  content:'';
  display:inline-block;
  text-align: center;
  line-height: 1.4;
  width:15px;
  height:15px;
  border:1px solid #336699;
  background:url('../img/sub/check_box_on.png') no-repeat center;
  background-size: 20px;
  color:#336699;
}

.content_box .lk_select{
  color:#555;  
}
.content_box .lk_select >span{
  white-space: nowrap;
}
.content_box .lk_select select{
  
  height:30px;
  line-height:28px;
  border-color:#ddd;
  min-width:50px;
  padding:0px 35px 0px 10px;
  font-size:14px;
  background:url("../img/common/btn-detail2.png") no-repeat 85% center;
  background-size:14px;
  color:#222;
  
}
.content_box .inner_box .lk_select .select_box_type2{
  position:relative;
  z-index: 1;
  min-width:80px;
  text-align: left;
  text-indent: 10px;
}
.content_box .inner_box .lk_select .select_box_type2:after{
  width:15px;
  height:15px;
  content: '';
  display: block;
  background: url(../img/common/btn-detail2.png) no-repeat center;
  background-size: 10px;
  position: absolute;
  top:50%;
  right:10px;
  transform: translateY(-50%);
}

.select_box_type2{
  margin-left:10px;
  border-radius: 5px;
  border:1px solid #ddd;
  height:30px;
  line-height:28px;
  border-color:#ddd;
  min-width:50px;
}
.select_box_type2 .custom-select-opener{
  padding:0px;
}
.select_box_type2 .custom-select-container.customSelect ,
.select_box_type2 .custom-select-container.customSelect .custom-select-panel{
  z-index:2;
}
.select_box_type2 .custom-select-container.customSelect.is-open ,
.select_box_type2 .custom-select-container.customSelect.is-open .custom-select-panel{
  z-index:99;
}



/**** 20200617 ****/
.pa-5{padding:5px!important;}
.pa-10{padding:10px!important;}
.pa-15{padding:15px!important;}
.pa-20{padding:20px!important;}
.pa-25{padding:25px!important;}


.pt-5{padding-top:5px!important;}
.pt-10{padding-top:10px!important;}
.pt-15{padding-top:15px!important;}
.pt-20{padding-top:20px!important;}
.pt-25{padding-top:25px!important;}

.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px!important;}
.mt-15{margin-top:15px!important;}
.mt-20{margin-top:20px!important;}
.mt-25{margin-top:25px!important;}
.mt-30{margin-top:30px!important;}
.mt-35{margin-top:35px!important;}
.mt-40{margin-top:40px!important;}



.counted_box{
  width:100%;
  padding:15px 0px;
  font-size:20px;
  font-weight: 500;
}



/**** 20200623 ****/
.bt_ty1{
  border-top:1px solid #ddd;
}

.justify-space-between{
  justify-content: space-between!important;
}

.modal{
  width:100%;
  height:100%;  
  position:fixed;
  top:0;  
  left:0;
  background:rgba(0,0,0,0.5);
}
.modal .wrap_modal_2{
  width:calc(100% - 80px);
  max-height:calc(100% - 60px);
  position:absolute;
  top:50%;
  left:50%;
  padding-top:26px; 
  padding-bottom:26px; 
  background:#fff;
  border-radius:10px;  
  -moz-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  text-align:center;  
}

.modal .wrap_modal_2.overflow-y-auto{
  overflow-y:auto;
}


.modal .wrap_modal_2.st2{text-align:left;padding:0;}
.modal .wrap_modal_2 .tit{display:block;font-size:25px;color:#336699;line-height:110%;font-weight:bold;}
.modal .wrap_modal_2 .subtext{display:block;font-size:16px;color:#555;line-height:160%;margin-top:35px;}
.modal .wrap_modal_2 .input1{width:calc(100% - 40px);height:45px;margin:20px auto 0;padding-left:20px;line-height:43px;border:#ddd solid 1px;}
.modal .wrap_modal_2 .input1+.input1{margin-top:8px;}
.modal .wrap_modal_2 .wrap-modalbtn{margin:0 auto; width:calc(100% - 40px);display:flex;margin-top:25px; justify-content: space-between;}
.modal .wrap_modal_2 .wrap-modalbtn.solo{
  justify-content: center;
}
.modal .wrap_modal_2 .wrap-modalbtn > *{width:48%; height:40px;line-height:40px; border-radius: 40px; text-align:center;font-size:16px;color:#fff; background-color:#727272; font-weight: bold;}
.modal .wrap_modal_2 .wrap-modalbtn.st2 > *{width:100%;}
.modal .wrap_modal_2 .wrap-modalbtn > *:first-child{}
.modal .wrap_modal_2 .wrap-modalbtn > .actv{
  background-color: #336799;
  color:#fff;
}
.modal .wrap_modal_2 .wrap-modalbtn .color1{color:#336699;}



.section_1{
  width:100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


.title_label{
  display:flex;
}
.quantity_input{
  margin-left:10px;
  width:60px;
  border:1px solid #ddd;
  position: relative;
  z-index: 1;
  display:flex;
  height:40px;  
  text-align:center;
}

.quantity_input input{
  text-align: center;
  width:100%;
}

.quantity{
  margin-left:10px;
  min-width:80px;
  border:1px solid #ddd;
  position: relative;
  z-index: 1;
  display:flex;
}

.quantity:after{
  width: 13px;
  height: 7.3333px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(../img/sub/icon_asdrop.png);
  background-size: 13px 7.3333px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}
.quantity .custom-select-opener{
  padding-left:0px;
}

.section_2{
  display:flex;
  justify-content: space-between;
  width:100%;
  flex-wrap:wrap;
  border-top:1px solid #ddd;
}
.grid_col_6{
  display:flex;
  width:50%;
  max-width:50%;  
  align-items: center;    
}



.grid_col_6 label{
  display:flex;
  white-space: nowrap;
  margin-left:10px;
}
.grid_col_6 .input_wrap{
  display:flex;
  width:100%;
  max-width:100%;
  flex-wrap:nowrap;
  margin-left:10px;
}
.grid_col_6 .input_wrap input{
  border:1px solid #ddd!important;
  height:40px;
  line-height: 40px;
  width:100%;
  text-indent: 10px;
}

.grid_col_6.disabled{
  color:#ddd;
}

.grid_col_6.disabled .input_wrap{
  background:#eee;
}
.grid_col_6.disabled .input_wrap input{
  color:#ccc;
}


.section_3 .select_content{
  position: relative;
  z-index: 1;
  border:1px solid #ddd;
}
.select_content.actv{
  z-index:9;
}
.section_3 .select_content:after{
  width: 13px;
  height: 7.3333px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(../img/sub/icon_asdrop.png);
  background-size: 13px 7.3333px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}
.section_3 .select_content .custom-select-opener span,
.section_3 .select_content .custom-select-panel{
  text-align:left!important;  
}
.section_3 .select_content .custom-select-panel{
  text-indent:10px;
}

#st2.st2{
  position: relative;
  z-index: 1;
}
.log_search{
  height:45px;  
  width:calc(100% - 65px);
  position: absolute;
  top:5px;
  right:0px;
  z-index: 1;
}
.log_search .search_log{
  width:45px;
  height:45px;
  background:url(../img/sub/zoom_icon.png) no-repeat center;
  background-size: 50%;
  position:absolute;
  top:0px;
  right:0px;
  z-index: 9;
  -webkit-transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.log_search .search_log_close{
  width:45px;
  height:45px;
  background:url(../img/sub/x_icon2.png) no-repeat center;
  background-size: 30%;
  position:absolute;
  top:0px;
  right:0px;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
  -ms-transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.log_search .search_log_close.actv{
  visibility: visible;
  opacity: 1;
}
.log_search .search_log.actv{
  top:0px;
  /* left:55px; */
  right:calc(100% - 45px);
  background:url(../img/sub/zoom_icon_actv.png) no-repeat center;
  background-size: 50%;
  
}
.log_search .sch_input_wrap{
  height:45px;  
  width:0px;
  position: absolute;
  overflow:hidden;
  top:0px;
  right:45px;
  z-index: 2;
  background: #f5f5f5;
  -ms-transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.log_search .sch_input_wrap .up_btn{
  width:45px;
  height:45px;
  
  position: absolute;
  top:0px;
  right:46px;
  z-index: 9;
  background:url(../img/member/btn_next.png) no-repeat center;
  background-size: 10px;
  transform: rotate(-90deg);
  border-top:1px solid #ddd;
}
.log_search .sch_input_wrap .dw_btn{
  border-bottom:1px solid #ddd;
  width:45px;
  height:45px;
  position: absolute;
  top:0px;
  right:0px;
  z-index: 9;
  background:url(../img/member/btn_next.png) no-repeat center;
  background-size: 10px;
  transform: rotate(90deg);
}

.log_search .sch_input_wrap input{
  width:calc(80% - 45px);  
  display:block;
  height:45px;  
  margin-left:45px;
  background: #f5f5f5;  
}

.log_search .sch_input_wrap.actv{
  width:calc(100% - 45px);
}