@charset "UTF-8";

/*reset*/
*{margin:0; padding:0; hyphens:none; word-break:keep-all; font-family: 'Noto Sans KR', sans-serif; outline:none;}
html{height:100%;}
body{font-size:25px; margin:0; padding:0; height:100%;}
a{text-decoration:none; color:#000;}
ul, li{list-style:none;}
p, span, h1, h2, h3{margin:0; padding:0; hyphens:none; word-break:keep-all;}
/*reset end*/
body{
    position:relative;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x:hidden;
}

/*--------------------------------------------------------------*/

body{font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:500; background:#f4e9df; color:#222222; letter-spacing:-0.35px; overflow-x:hidden;}

.header{position:fixed; width:100%; height:85px; background:#f4e9df; border-bottom:1px solid #bcbcbc; z-index:9997;}
.header .left{position:absolute; top:28px; left:50px;}
.header .left img{width:170px; float:left; border-right:1px solid #6782b0; padding:0 20px 0 0; margin:0 20px 0 0;}
.header .left p{float:left; font-size:20px; color:#6782b0; font-weight:500; margin-top:-2px;}
.header .left:after{content:""; display:block; clear:both;}/*clearfix*/

.header .right{position:absolute; top:0; right:0;}
.header .right .logout{float:right; padding:28px 50px 0 100px; cursor:pointer;}
.header .right .logout img{width:30px; float:left;}
.header .right .logout p{float:left; color:#6782b0; font-size:15px; padding:3px 0 0 6px;}
.header .right ul{float:right;}
.header .right ul li{float:right; line-height:83px;}
.header .right ul li a{cursor:pointer; color:#aaaaaa; font-size:16px; margin:0 16px; line-height:83px; display:block;}
.header .right ul li a.this{color:#6782b0; border-bottom:3px solid #6782b0;}
.header .right:after{content:""; display:block; clear:both;}/*clearfix*/
.header .right .logout:after{content:""; display:block; clear:both;}/*clearfix*/

/*------------------------------------------------------------------------*/
/*목록페이지*/
.wrap{width:88%; padding-top:185px; max-width:1600px; margin:0 auto;}
.wrap ul.ls > li{float:left; font-size:14px; display:block; line-height:1; cursor:pointer; padding:28px 0 26px;}
.wrap ul.ls > li img{width:16px; display:block; margin:0px auto;}

.wrap ul.ls > li:nth-child(1){width:10%;}
.wrap ul.ls > li:nth-child(2){width:11%;}
.wrap ul.ls > li:nth-child(3){width:11%;}
.wrap ul.ls > li:nth-child(4){width:12%;}
.wrap ul.ls > li:nth-child(5){width:15%;}
.wrap ul.ls > li:nth-child(6){width:15%;}
.wrap ul.ls > li:nth-child(7){width:8%;}
.wrap ul.ls > li:nth-child(8){width:8%;}
.wrap ul.ls > li:nth-child(9){width:5%; text-align:center;}
.wrap ul.ls > li:nth-child(10){width:5%; text-align:center;}

.wrap ul.ls:after{content:""; display:block; clear:both;}/*clearfix*/

.wrap .head{margin-bottom:12px; padding:0 40px; background:rgba(255,255,255,0.5);}
.wrap .list-wrap ul.list{margin-bottom:3px; background:rgba(255,255,255,0.5); padding:0 40px;}
.wrap .list-wrap ul.list:hover{background:rgba(255,255,255,1);}
.wrap ul.head > li{position:relative; color:#777777;}
.wrap ul.head > li .info-pop{
    z-index:9995; display:none;
    position:absolute; top:58px; left:37%; width:190px; 
    padding:15px 18px; background:#fff;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
    box-shadow:0 2px 6px 0 rgba(173, 159, 148, 0.5);
}
.wrap ul.head > li .info-pop p{line-height:1.5; float:left; font-size:13px; color:#222222;}
.wrap ul.head > li .info-pop p img{margin:0; display:inline-block; float:left;}
.wrap ul.head > li .info-pop p span{display:inline-block; float:left; margin:-2px 0 0 1px;}
.wrap ul.head > li .info-pop p:nth-child(1){width:100%;}
.wrap ul.head > li .info-pop p:nth-child(2), .wrap ul.head > li .info-pop p:nth-child(3){width:45%; padding-top:12px;}
.wrap ul.head > li .info-pop:after{content:""; display:block; clear:both;}/*clearfix*/
.wrap ul.head > li .info-pop p:after{content:""; display:block; clear:both;}/*clearfix*/

.wrap .sort{cursor:pointer; text-align:right; width:100%; position:relative; margin:0 0 30px;} 
.wrap .sort .putt p{font-size:14px; padding:0 20px 0 0;}
.wrap .sort .putt span{display:block; position:absolute; top:3px; right:0; width:15px; height:15px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-drop.png") no-repeat center; background-size:cover;}
.wrap .sort .putt span.open{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.wrap .sort ul.val{display:none; box-shadow:0 2px 6px 0 rgba(173, 159, 148, 0.5); position:absolute; top:30px; right:0; z-index:9995; padding:20px 25px; background:#fff;}
.wrap .sort ul.val.open{display:block;}
.wrap .sort ul.val li{line-height:2.5; float:none; width:100%;}
.wrap .sort ul.val li:hover{color:#6782b0;}

.wrap .pagi{width:100%; margin:0px auto; padding:70px 0 200px; text-align:center;}
.wrap .pagi ul{display:inline-block;}
.wrap .pagi ul li{line-height:30px; width:30px; margin:0 5px; background:transparent; padding:0; display:inline-block;}
.wrap .pagi ul li a{color:#777777; font-size:14px; display:block;}
.wrap .pagi ul li a.this{border-radius:50%; background:#6782b0; color:#fff;}
.wrap .pagi a.btns{display:inline-block; width:30px; height:21px; cursor:pointer;}
.wrap .pagi a.btns{position:relative;}
.wrap .pagi a.btn1{margin-right:24px;}
.wrap .pagi a.btn2{margin-left:24px;}
.wrap .pagi a.btn1 span{width:16px; height:16px; background:grey; position:absolute; top:8px; left:7px; display:block; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/arrw-left.png") no-repeat center; background-size:cover;}
.wrap .pagi a.btn2 span{width:16px; height:16px; background:grey; position:absolute; top:8px; left:7px; display:block; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/arrw-right.png") no-repeat center; background-size:cover;}

.search{position:fixed; bottom:0; right:0; width:100%; z-index:9997;}
.search .searchbtn{cursor:pointer; background:rgba(103,130,176,0.6); position:absolute; bottom:0; right:0; transition:all ease 0.6s; -webkit-transition:all ease 0.6s; -moz-transition:all ease 0.6s;}
.search .searchbtn.open{right:-117px; transition:all ease 0.6s; -webkit-transition:all ease 0.6s; -moz-transition:all ease 0.6s;}
.search .searchbtn img{width:36px; display:block; padding:43px 20px 38px;}

.search .searchbar{
    width:100%; background:rgba(103,130,176,0.6); padding:28px 0; 
    position:absolute; /*bottom:0; left:100%;*/ left:0; bottom:-116px;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
    transition:all ease 0.6s; -webkit-transition:all ease 0.6s; -moz-transition:all ease 0.6s;
}
.search .searchbar.open{
    /*left:0%;*/ bottom:0; transition:all ease 0.6s; -webkit-transition:all ease 0.6s; -moz-transition:all ease 0.6s;
}
.search .searchbar p{cursor:pointer; position:absolute; top:28px; right:0px;padding:22px;}
.search .searchbar p .cls{width:16px; display:block;}
.search .searchbar .inn{width:88%; margin:0 auto; max-width:1600px;}
.search .searchbar .inn img{position:absolute; top:42px; left:180px; width:33px;}
.search .searchbar .inn .inputWrap input{font-size:15px; padding: 0 0 0 15px; height:60px; border:none; border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.search .searchbar .inn .inputWrap{width:70%; float:left;}
.search .searchbar .inn .inputWrap .inputInn{width:100%;}
.search .searchbar .inn .inputWrap #fsearch{width:calc(100% - 2%);}
.search .searchbar .inn .inputWrap .inputInn{background:transparent; display:none;}
.search .searchbar .inn .inputWrap .inputInn input{width:18%; float:left; margin-right:2%;}

.search .searchbar .inn ul.filterWrap{width:30%; float:right; background:#dedede; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.search .searchbar .inn ul.filterWrap li{cursor:pointer; width:33.3333%; color:#fff; float:left; text-align:center; height:60px; line-height:60px;}
.search .searchbar .inn ul.filterWrap li.this{background:#3c5889; color:#fff;}

.search .searchbar .inn:after{content:""; display:block; clear:both;}/*clearfix*/
.search .searchbar .inn ul:after{content:""; display:block; clear:both;}/*clearfix*/
.search .searchbar .inn .inputWrap .inputInn:after{content:""; display:block; clear:both;}/*clearfix*/

.blanket{display:none; width:100vw; height:100vh; background:rgba(34,34,34,0.7); position:fixed; top:0; left:0; z-index:9998;}
.blanket.show{display:block;}
.alarm-pop{display:none; width:800px; margin:0 auto; z-index:9999; background:#f4e9df; position:fixed; top:calc(50% - 602px/2); left:calc(50% - 800px/2); padding:50px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.alarm-pop.show{display:block;}
.alarm-pop ul > li{float:left; font-size:14px; display:block; line-height:1; cursor:pointer; padding:28px 0 26px;}
.alarm-pop ul > li img{width:16px; display:block; margin:0px auto;}

.alarm-pop ul > li:nth-child(1){width:20%;}
.alarm-pop ul > li:nth-child(2){width:16%;}
.alarm-pop ul > li:nth-child(3){width:22%;}
.alarm-pop ul > li:nth-child(4){width:22%;}
.alarm-pop ul > li:nth-child(5){width:15%;}
.alarm-pop ul > li:nth-child(6){width:5%;}
.alarm-pop ul:after{content:""; display:block; clear:both;}/*clearfix*/

.alarm-pop .head{margin-bottom:12px; padding:0 40px; background:rgba(255,255,255,0.5);}
.alarm-pop .list-wrap{height:300px; overflow-y:scroll;}
.alarm-pop .list-wrap ul.list{margin-bottom:3px; background:rgba(255,255,255,0.5); padding:0 40px;}
.alarm-pop ul.head > li{position:relative; color:#777777;}
.alarm-pop .btns{text-align:center;}
.alarm-pop .btns a{cursor:pointer; font-size:15px; margin:50px 7px 0; font-weight:bold; color:#fff; width:250px; height:60px; line-height:60px; display:inline-block; background:#3c5889;}
.alarm-pop .btns a:nth-child(2){background:#777777;}

/*------------------------------------------------------------------------*/
/*등록페이지*/
.regiswrap{margin-top:70px;}
.regiswrap.regiswrap1{margin-top:0;}
.regiswrap .regis-head{background:rgba(255,255,255,0.5); position:relative;}
.regiswrap .regis-head h2{font-size:19px; line-height:1; color:#6782b0; font-weight:bold; padding:25px 50px;}
.regiswrap .regis-head a.plus{display:block; width:15px; height:15px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-plus.png") no-repeat center; background-size:cover; position:absolute; top:28px; right:50px; cursor:pointer;}

.regiswrap ul.d1{background:rgba(255,255,255,0.5); margin-top:2px; padding:45px 50px;}
.regiswrap ul.d1 li{position:relative; margin-bottom:30px;}
.regiswrap ul.d1 li h5, .regiswrap ul.d1 li p{float:left;}
.regiswrap ul.d1 li p input[type="text"], .regiswrap ul.d1 li p a, .regiswrap ul.d1 li p b{float:left;}
.regiswrap ul.d1 li p a#addrs_btn{float:none; position:absolute; top:0; right:0; line-height:45px; padding:0 45px; background:#6782b0; color:#fff; cursor:pointer;}
.regiswrap ul.d1 li p b{line-height:45px; padding:0 4px; font-weight:500;}
.regiswrap ul.d1 li p b.dash{margin:0 1%;}
.regiswrap ul.d1 li h5, .regiswrap ul.d1 li p, .regiswrap ul.d1 li a{display:block;}
.regiswrap ul.d1 li h5{width:12%; line-height:45px; font-size:15px; font-weight:bold;}
.regiswrap ul.d1 li p{width:88%;}
.regiswrap ul.d1 li a.reset{width:30px; height:30px; margin:7.5px 0 7.5px 2px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-reset.png") no-repeat center; background-size:cover;}
.regiswrap ul.d1 li p input[type="text"]{width:100%; border:1px solid #6782b0; line-height:43px; padding:0 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.regiswrap ul.d1 li p strong{position:relative;}
.regiswrap ul.d1 li p strong.pos{width:100%; display:block; float:left;}

.regiswrap ul.d1 li p strong select{
    line-height:43px; height:45px; border:1px solid #6782b0; padding:0 25px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    width:15%;
}
.regiswrap4 ul.d1 li p strong select{width:50%;}
.regiswrap ul.d1 li p strong img{pointer-events:none; width:18px; position:absolute; top:1px; right:12px;}

.regiswrap ul.d1 li:after{content:""; display:block; clear:both;}/*clearfix*/
.regiswrap ul.d1 li p:after{content:""; display:block; clear:both;}/*clearfix*/

.regiswrap ul.d1 li p #regis_addrs{margin-bottom:15px;}
.regiswrap ul.d1 li p input[type="text"].datepick{width:50%;}

.regiswrap ul.d1 li p #regis_mobile1, .regiswrap ul.d1 li p #regis_mobile2, .regiswrap ul.d1 li p #regis_mobile3,
.regiswrap ul.d1 li p #regis_tel1, .regiswrap ul.d1 li p #regis_tel2, .regiswrap ul.d1 li p #regis_tel3{width:20%;}

.regiswrap ul.d1 li p #regis_placefee, .regiswrap ul.d1 li p #regis_contractfee, .regiswrap ul.d1 li p #regis_balancefee,
.regiswrap ul.d1 li p #regis_payfee, .regiswrap ul.d1 li p #regis_payyear, .regiswrap ul.d1 li p #regis_paidfee, 
.regiswrap ul.d1 li p #regis_maintenancefee0, .regiswrap ul.d1 li p #regis_maintenancefee1, .regiswrap ul.d1 li p #regis_maintenancefee{width:50%;}

.regiswrap ul.d1 li p span.help{font-size:12px; display:block; color:#777777;}
.regiswrap ul.d1 li p:after{content:""; display:block; clear:both;}/*clearfix*/

.regiswrap .subwrap{background:rgba(255,255,255,0.5); padding:45px 50px; margin-top:2px; position:relative;}
.regiswrap .subwrap ul.d1{background:transparent; padding:0;}
.regiswrap .subwrap h4{padding-bottom:47px; color:#777777; font-size:17px;}
.regiswrap .subwrap a.del-btn{cursor:pointer; display:block; width:15px; height:15px; position:absolute; top:51px; right:50px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-clsbtn2.png") no-repeat center; background-size:cover;}

.regiswrap ul.col2 li{width:50%; float:left;}
.regiswrap ul.col2 li h5{width:24%;}
.regiswrap ul.col2 li p{width:76%;}
.regiswrap ul.col2 li p input[type="text"].datepick{width:80%;}
.regiswrap ul.col2 li p #regis_contractfee, .regiswrap ul.col2 li p #regis_balancefee{width:80%;}
.regiswrap ul.col2 li p strong{float:left; width:100%; display:block; margin-top:15px;}
.regiswrap ul.col2:after{content:""; display:block; clear:both;}/*clearfix*/
.regiswrap ul.col2 li p:after{content:""; display:block; clear:both;}/*clearfix*/

.regiswrap ul.d1 li:nth-last-child(1), .regiswrap1 ul.d1 li:nth-last-child(1),
.regiswrap2 ul.btwn li, .regiswrap3 ul.col2 li:nth-last-child(1), .regiswrap3 ul.col2 li:nth-last-child(2){margin:0;}

.regiswrap ul.d1 li p #regis_col{width:15%; float:none;}
.regiswrap3 ul.d1 li p b{float:none;}
.regiswrap3 ul.d1:nth-child(5) li p strong{display:block; margin-top:15px;}

/* The container */
.container {
  width:70px; display: inline-block; position: relative; padding: 0 0 0 30px; cursor: pointer; font-size: 14px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none; line-height:45px; font-weight:normal;
  }
  
  /* Hide the browser's default checkbox */
  .container input {
    position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute; top: 12px; left: 0; height: 20px; width: 20px; border:1px solid #6782b0; background-color: transparent;
  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
    /*background-color: #ccc;*/
  }
  
  /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark {
    background-color: #6782b0;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: ""; position: absolute; display: none;
  }
 
  .regis_btns{padding:70px 0 200px;}
  .regis_btns a{
    cursor:pointer; font-size:15px; margin:0px 15px 0 0; 
    font-weight:bold; color:#fff; width:250px; height:60px; line-height:60px; 
    display:inline-block; background:#3c5889; text-align:center;
  }
  .regis_btns a:nth-child(2){background:#fff; color:#222;}

/*------------------------------------------------------------------------*/
/*상세페이지*/
.detailwrap{margin-top:70px;}
.detailwrap.detailwrap1{margin-top:0;}
.detailwrap .detail-head{background:rgba(255,255,255,0.5); position:relative;}
.detailwrap .detail-head h2{font-size:19px; line-height:1; color:#6782b0; font-weight:bold; padding:25px 50px;}

.detailwrap div.d1{background:rgba(255,255,255,0.5); margin-top:2px; padding:45px 50px;}
.detailwrap div.d1 .dlit{position:relative; margin-bottom:30px;}

.detailwrap div.d1 .dlit h5, .detailwrap div.d1 .dlit p, .detailwrap div.d1 .dlit p span, .detailwrap div.d1 .dlit p strong{float:left;}
.detailwrap div.d1 .dlit p strong{width:100%;}
.detailwrap div.d1 .dlit p b{float:left; line-height:45px; padding:0 2px; font-weight:500;}
.detailwrap div.d1 .dlit p b.dash{margin:0 0.2%;}
.detailwrap div.d1 .dlit h5, .detailwrap div.d1 .dlit p{display:block;}
.detailwrap div.d1 .dlit h5{width:12%; line-height:45px; font-size:15px; font-weight:bold;}
.detailwrap div.d1 .dlit p{width:88%; line-height:45px;}

.detailwrap div.d1 .dlit:after{content:""; display:block; clear:both;}/*clearfix*/
.detailwrap div.d1 .dlit p:after{content:""; display:block; clear:both;}/*clearfix*/

.detailwrap div.d1 .dlit p #detail_addrs{margin-bottom:15px; margin-right:4px;}

.detailwrap div.d1 .dlit p #detail_mobile1, .detailwrap div.d1 .dlit p #detail_mobile2, .detailwrap div.d1 .dlit p #detail_mobile3,
.detailwrap div.d1 .dlit p #detail_tel1, .detailwrap div.d1 .dlit p #detail_tel2, .detailwrap div.d1 .dlit p #detail_tel3{width:auto;}

.detailwrap div.d1 .dlit p #detail_placefee, .detailwrap div.d1 .dlit p #detail_contractfee, .detailwrap div.d1 .dlit p #detail_balancefee,
.detailwrap div.d1 .dlit p #detail_payfee, .detailwrap div.d1 .dlit p #detail_payyear{width:auto;}

.detailwrap div.d1 .dlit p #detail_open1, 
.detailwrap div.d1 .dlit p #detail_open2, 
.detailwrap div.d1 .dlit p #detail_locate1,
.detailwrap div.d1 .dlit p #detail_locate3,
.detailwrap div.d1 .dlit p #detail_contract1,
.detailwrap div.d1 .dlit p #detail_contractbefore,
.detailwrap div.d1 .dlit p #detail_balancebefore{margin-right:4px;}

.detailwrap .subwrap{background:rgba(255,255,255,0.5); padding:45px 50px; margin-top:2px; position:relative;}
.detailwrap .subwrap div.d1{background:transparent; padding:0;}
.detailwrap .subwrap h4{padding-bottom:47px; color:#777777; font-size:17px;}
.detailwrap .subwrap div.d1 .dlit p a{display:block; width:15px; height:15px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-bell1.png") no-repeat center; background-size:cover; position:absolute; top:16px; right:0px;}

.detailwrap .subwrap div.d1 .dlit.bellOn p a{background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-bell2.png") no-repeat center; background-size:cover;}
.detailwrap .subwrap div.d1 .dlit.bellOn p #detail_maintenancedate{color:#ea502b;}

.detailwrap div.col2 .dlit{width:50%; float:left;}
.detailwrap div.col2 .dlit h5{width:24%;}
.detailwrap div.col2 .dlit p{width:76%;}
.detailwrap div.col2 .dlit p #detail_contractfee, .detailwrap div.col2 .dlit p #detail_balancefee{width:auto;}
.detailwrap div.col2 .dlit p strong{float:left; width:100%; display:block; margin-top:15px; font-weight:normal;}
.detailwrap div.col2:after{content:""; display:block; clear:both;}/*clearfix*/
.detailwrap div.col2 .dlit p:after{content:""; display:block; clear:both;}/*clearfix*/

.detailwrap div.d1 .dlit:nth-last-child(1), 
.detailwrap1 div.d1 .dlit:nth-last-child(1),
.detailwrap2 div.btwn .dlit, 
.detailwrap3 div.col2 .dlit:nth-last-child(1), 
.detailwrap3 div.col2 .dlit:nth-last-child(2){margin:0;}
.detailwrap3 div.d1 .dlit p strong{float:left; display:block; width:100%; margin-top:15px;}
.detailwrap3 div.d1 .dlit p strong span{font-weight:400;}
.detailwrap3 div.d1 .dlit p strong span:nth-child(2){margin-right:4px;}

.detail_btns{padding:70px 0 200px;}
.detail_btns a{
  cursor:pointer; font-size:15px; margin:0px 15px 0 0; 
  font-weight:bold; color:#fff; width:250px; height:60px; line-height:60px; 
  display:inline-block; background:#3c5889; text-align:center;
}
.detail_btns a:nth-child(2){background:#fff; color:#222;}
.detail_btns a:nth-child(3){float:right; background:#777777; color:#fff;}
.detail_btns:after{content:""; display:block; clear:both;}/*clearfix*/

/*------------------------------------------------------------------------*/
/*로그인*/
.loginwrap{width:600px; margin:0 auto; padding-top:290px;}

.loginwrap ul{padding:0px; margin-bottom:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.loginwrap ul li{position:relative;}
.loginwrap ul li:nth-child(1){margin-bottom:15px;}
.loginwrap ul li p, .loginwrap ul li input[type="text"], .loginwrap ul li input[type="password"]{float:left; padding:0 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.loginwrap ul li p{width:14%; text-align:left; font-size:15px; font-weight:bold; line-height:45px; padding:0;}
.loginwrap ul li input[type="text"], .loginwrap ul li input[type="password"]{width:86%; height:45px; line-height:45px; border:1px solid #6782b0; background:transparent;}
.loginwrap ul li:after{content:""; display:block; clear:both;}/*clearfix*/
.loginwrap span.findpw{display:block; text-align:right; cursor:pointer; font-weight:400;}
.loginwrap .loginbtn{margin-top:30px; cursor:pointer; display:block; width:100%; text-align:center; font-size:15px; font-weight:bold; line-height:60px; background:#3c5889; color:#fff;}
.loginwrap ul li.pwtog span.eye{display:block; width:20px; height:20px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-eye1.png") no-repeat center / cover; cursor:pointer; position:absolute; top:13px; right:13px;}
.loginwrap ul li.pwtog span.eye.add{background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-eye2.png") no-repeat center / cover;}

.loginwrap ul li input[type="password"]::focus{
  -webkit-ime-mode:active !important;
  -moz-ime-mode:active !important;
  -ms-ime-mode:active !important;
  ime-mode:active !important;
}
.loginwrap ul li input[type="password"]{
  -webkit-ime-mode:active !important;
  -moz-ime-mode:active !important;
  -ms-ime-mode:active !important;
  ime-mode:active !important;
}

.findpw-bg{display:none; width:100vw; height:100vh; background:rgba(34,34,34,0.7); position:fixed; top:0; left:0; z-index:9998;}
.findpw-bg.show{display:block;}
.findpw-pop{display:none; width:716px; margin:0 auto; z-index:9999; background:#f4e9df; position:fixed; top:calc(50% - 290px/2); left:calc(50% - 716px/2); padding:50px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.findpw-pop.show{display:block;}
.findpw-pop p{text-align:center; font-size:15px; margin-bottom:30px;}
.findpw-pop #find_pw{width:100%; height:45px; border:1px solid #6782b0; background:transparent; padding:0 25px;}
.findpw-pop .btns{text-align:center; display:flex; margin:40px auto 0;}
.findpw-pop .btns a{cursor:pointer; font-size:15px; margin:0px 15px 0 0; font-weight:bold; color:#fff; width:50%; height:60px; line-height:60px; display:inline-block; background:#3c5889;}
.findpw-pop .btns a:nth-child(2){background:#777777; margin:0px 0 0 0 ;}

/*------------------------------------------------------------------------*/
/*설정페이지*/
.settwrap{margin-top:70px;}
.settwrap.settwrap1{margin-top:0;}
.settwrap .sett-head{background:rgba(255,255,255,0.5); position:relative;}
.settwrap .sett-head h2{font-size:19px; line-height:1; color:#6782b0; font-weight:bold; padding:25px 50px;}
.settwrap .sett-head a.plus{display:block; width:15px; height:15px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-plus.png") no-repeat center; background-size:cover; position:absolute; top:28px; right:50px; cursor:pointer;}

.settwrap ul.d1{background:rgba(255,255,255,0.5); margin-top:2px; padding:45px 50px;}
.settwrap ul.d1 li{position:relative; margin-bottom:30px;}
.settwrap ul.d1 li h5, .settwrap ul.d1 li p{float:left;}
.settwrap ul.d1 li h5, .settwrap ul.d1 li p{display:block;}
.settwrap ul.d1 li h5{width:12%; line-height:45px; font-size:15px; font-weight:bold;}
.settwrap ul.d1 li p{width:88%; position:relative;}
.settwrap ul.d1 li p input[type="text"], .settwrap ul.d1 li p input[type="password"]{width:100%; border:1px solid #6782b0; line-height:43px; padding:0 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.settwrap ul.d1 li p span{line-height:45px;}
.settwrap ul.d1 li p span.eye{display:block; width:20px; height:20px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-eye1.png") no-repeat center / cover; cursor:pointer; position:absolute; top:13px; right:13px;}
.settwrap ul.d1 li p span.eye.add{background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-eye2.png") no-repeat center / cover;}

.settwrap ul.d1 li:after{content:""; display:block; clear:both;}/*clearfix*/
.settwrap ul.d1 li p:after{content:""; display:block; clear:both;}/*clearfix*/

.settwrap .subwrap{background:rgba(255,255,255,0.5); padding:45px 50px; margin-top:2px; position:relative;}
.settwrap .subwrap ul.d1{background:transparent; padding:0;}
.settwrap .subwrap h4{padding-bottom:47px; color:#777777; font-size:17px;}
.settwrap .subwrap a.del-btn{cursor:pointer; display:block; width:15px; height:15px; position:absolute; top:51px; right:50px; background:url("https://rpiprfipncvv15063467.cdn.ntruss.com/image/ico-clsbtn1.png") no-repeat center; background-size:cover;}

.sett_btns{padding:70px 0 200px;}
.sett_btns a{
  cursor:pointer; font-size:15px; margin:0px 15px 0 0; 
  font-weight:bold; color:#fff; width:250px; height:60px; line-height:60px; 
  display:inline-block; background:#3c5889; text-align:center;
}
.sett_btns a:nth-child(2){background:#fff; color:#222;}