@charset "utf-8";

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

/*박스타입*/
.box-type01{width: 100%; height: 187px; background: url("/images/01_Potal/common/boxtype-bg.png") no-repeat; background-size: cover; padding: 40px 70px; box-sizing: border-box; display: flex; justify-content: flex-start;}
.box-type01 .img-wrap{position: relative; width: 100px;}
.box-type01 .img-ico01{display: block; width: 87px; height: 87px; background: url("/images/01_Potal/common/boxtype-ico01.png") no-repeat; position: absolute; top:11px; left:0;}
.box-type01 .img-ico02{display: block; width: 87px; height: 87px; background: url("/images/01_Potal/common/boxtype-ico02.png") no-repeat; position: absolute; top:11px; left:0;}
.box-type01 .img-ico03{display: block; width: 87px; height: 87px; background: url("/images/01_Potal/common/boxtype-ico03.png") no-repeat; position: absolute; top:11px; left:0;}
.box-type01 .list-box{ padding: 0 0 0 60px;}
.box-type01 .list-box.txt{ padding: 20px 0 0 90px; line-height: 160%;}
.box-type01 .list-box h5.tit{font-size:22px; color: #2c3d45; font-weight: 500; padding-bottom: 15px;}
.box-type01 .list-box ul.list{}
.box-type01 .list-box ul.list li{font-size:15px; color: #666666; padding:0 0 3px 17px; font-weight: 400; position: relative;}
.box-type01 .list-box ul.list li:last-child{padding: 0 0 0px 17px;}
.box-type01 .list-box ul.list li:before{content: ""; width: 5px; height: 5px; background: #c99c1f; border-radius: 50%; position: absolute; top:7px; left:2px; display: inline-block;}
.box-type01 .list-box ul.list li span.impor{color: #d5660c;}
.box-type01 .list-box p.text-type{padding: 0 0 3px 50px;}
.box-type01 .list-box p.text-type span{color: #d5660c;}

.txt-imgbox-wrap{padding: 40px 0;}
.txt-imgbox{display: flex; justify-content: space-between;}
.txt-imgbox li{width: 80%; position: relative;}
.txt-imgbox li:last-child{width: 20%;}
.txt-imgbox li:last-child span.img{width: 146px; height: 146px; background: url("/images/01_Potal/contents/01/0102img-02.png") no-repeat; display: block; position: absolute; top:-35px; right:0;}
.txt-imgbox li:last-child span.img02{width: 146px; height: 146px; background: url("/images/01_Potal/contents/01/0102img-03.png") no-repeat; display: block; position: absolute; top:-35px; right:0;}

/*블릿*/
.H4BI{font-size:24px; color: #427585; font-weight: 600; position: relative; padding: 0 0 0 20px;}
.H4BI:before{content: ""; width: 14px; height: 28px; background: url("/images/01_Potal/common/h4tit-ico.png") no-repeat; position: absolute; top:0px; left:0;}
.H5BI{font-size:20px; color: #426168; position: relative; padding: 0 0 0 15px;}
.H5BI:before{content: ""; width: 7px; height: 12px; background: url("/images/01_Potal/common/h5tit-ico.png") no-repeat; position: absolute; top:5px; left:2px;}
.H6BI{font-size:16px; font-weight: 500; color: #444444; position: relative; padding: 0 0 0 25px;}
.H6BI:before{content: ""; width: 17px; height: 10px; background: url("/images/01_Potal/common/h6-ico.png") no-repeat; position: absolute; top:6px; left:2px;}
.H6BI-re{ font-size:17px; color: #000000; position: relative; padding: 0 0 0 10px; display: inline-block;}
.H6BI-re:before{content: ""; width: 100%; height: 16px; background: #f1f1f1; position: absolute; bottom:-5px; left:5px; z-index: -1;}


ul.list-type01 li{font-size:15px; color: #666666; padding: 0 0 5px 30px; position: relative;}
ul.list-type01 li:last-child{padding: 0 0 0px 30px;}
ul.list-type01 li:before{content: ""; width: 5px; height: 5px; background: #50504f; border-radius: 50%; position: absolute; top:7px; left:16px;}
ul.list-type01 li ul.depth-02{padding: 7px 0 0 0;}
ul.list-type01 li ul.depth-02 li{font-size:15px; padding: 0 0 5px 20px; position: relative;}
ul.list-type01 li ul.depth-02 li:last-child{padding: 0 0 0px 20px;}
ul.list-type01 li ul.depth-02 li:before{content: ""; width: 7px; height: 2px; background: #585857; position: absolute; top:9px; left:3px;}

/* 테이블 스타일 */
.table-wrap .scroll-guide{display:none; position:relative; padding:10px 20px; background:#f6f6f6; margin-bottom:5px; text-align:center;}
.table-wrap .scroll-guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.table-wrap .scroll-guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.table-wrap .scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:12px;}
.table-wrap .scroll-guide p:before{content:"좌우스크롤 하시면 자세한 내용을 확인하실수 있습니다.";}

.table-wrap .scroll-table{overflow-x:auto;}

.table-wrap table.type01{position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #426168;}
.table-wrap table.type01 thead th{background:#fafafa; color:#000; text-align:center; letter-spacing:-0.03em; padding:10px; font-size:14px; border-right:1px solid #d2d2d2; border-bottom:1px solid #426168; font-weight:500;}
.table-wrap table.type01 thead th:last-child{border-right:none;}

.table-wrap table.type01 tbody th{letter-spacing:-0.02em; padding:10px; color:#303338; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; font-size:14px; background:#fafafa; font-weight:500;}
.table-wrap table.type01 tbody th:last-child{border-right:none;}
.table-wrap table.type01 tbody td{letter-spacing:-0.02em; padding:10px; color:#6f6f6f; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; font-size:14px; text-align:center;}
.table-wrap table.type01 tbody td:last-child{border-right:none;}

.table-wrap table.type01 tbody td span.vertical{padding: 7px; display: inline-block;}

/*customer box*/
.customer-box{width:100%; border:solid 1px #d9d9d9; padding: 20px 0 0px 0;}
.customer-box .top{display: flex; justify-content: space-between; border-bottom:solid 1px #b1b1b1; padding: 0 20px 20px 20px;}
.customer-box .top .left-txt{font-size:15px; font-weight: 400; color: #000000; position: relative; padding: 0 0 0 35px;}
.customer-box .top .left-txt:before{content: ""; width: 27px; height: 27px; background: url("/images/01_Potal/common/customer-ico01.png") no-repeat; position: absolute; top:-3px; left:0;}
.customer-box .top .right-txt{display: flex; justify-content: flex-start;}
.customer-box .top .right-txt span{display: inline-block; margin-left: 20px;}
.customer-box .top .right-txt span.name{position: relative; padding: 0 0 0 25px;}
.customer-box .top .right-txt span.name:before{content: ""; width: 18px; height: 16px; background: url("/images/01_Potal/common/customer-ico02.png") no-repeat; position: absolute; top:3px; left:0;}
.customer-box .top .right-txt span.tel{position: relative; padding: 0 0 0 25px;}
.customer-box .top .right-txt span.tel:before{content: ""; width: 16px; height: 17px; background: url("/images/01_Potal/common/customer-ico03.png") no-repeat; position: absolute; top:3px; left:0;}
.customer-box .bottom{width: 100%; height: 100%; background: #f8f8f8; padding: 20px 20px; box-sizing: border-box; display: flex; justify-content: space-between; }

.customer-box .bottom .radio-box{display: flex; justify-content: flex-start; padding: 3px 0 0 0;}
.customer-box .bottom .radio-box span{padding-left: 15px;}
.customer-box .bottom .radio-box span:first-child{padding-left: 3px;}
.customer-box .bottom .radio-box input[type="radio"]{vertical-align: middle;}
.customer-box .bottom .radio-box label{vertical-align: middle;}
.customer-box .bottom .search-box{position: relative; width: 25%; padding: 0 70px 0 0;}
.customer-box .bottom .search-box input[type="search"]{width: 100%; display: block; padding: 5px 10px;}
.customer-box .bottom .search-box a.btn{background: #313d4d; color: #fff; text-align: center; padding: 5px 10px 6px 10px; position: absolute; top:0; right:0; display: block;}


/*인풋텍스트,셀렉트,라디오 공통*/
input[type="number"],
input[type="text"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; -webkit-appearance none; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
/*input[type="text"]:focus{border:1px solid #0942a1;}*/
input[type="text"]::placeholder{color:#b1b1b1; opacity:1; font-size:16px;}
input[type="password"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; -webkit-appearance none; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
/*input[type="password"]:focus{border:1px solid #0942a1;}*/
input[type="password"]::placeholder{color:#b1b1b1; opacity:1; font-size:16px;}
input[type="date"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; -webkit-appearance none; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.chk-select{position:relative; display:inline-block; vertical-align:top;}
.chk-select:before{position:absolute; top:50%; right:13px; margin-top:-6px; line-height:120%; content:"▼"; font-size:10px; color:#888;}
.chk-select select{width:100%; height:38px; color:#4d4d4d; padding:0px 30px 0px 5px; border:1px solid #d1d1d1; font-size:14px; text-align:left; text-align-last:left; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.chk-select select::-ms-expand{display:none;}
textarea{width:100%; border:1px solid #d1d1d1; box-sizing:border-box; padding:10px; font-size:16px; -webkit-appearance: none; -webkit-border-radius:0;}
textarea:focus{border:1px solid #0942a1;}

.contin-flex-ct{display: flex; justify-content: center;}

.radios {display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;}
.radios input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.radios input[type="radio"] + label{display:inline-block; position:relative; padding-left:20px; font-size:14px; color:#4d4d4d; line-height:120%; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radios input[type="radio"] + label:before {content:''; position: absolute; left:0; top:0px; width:14px; height:14px; text-align:center; background:#fff; border:1px solid #a3a3a3; border-radius:50%; }
.radios input[type="radio"] + label:after {}
.radios input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.radios input[type="radio"]:checked + label{color:#333353;}
.radios input[type="radio"]:checked + label:before {}
.radios input[type="radio"]:checked + label:after { content:''; position:absolute; top:4px; left:4px; width:8px; height:8px; background:#333353; border-radius:100%; }

.checks{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.checks input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:24px; font-size:14px; line-height:120%; color:#47495a; font-weight:500; letter-spacing:-0.03em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before {content:''; position: absolute; left:0px; top:-1px; width:16px; height:16px; text-align:center; background:#fff; border:1px solid #cecece; border-radius:4px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label{color:#373737;}
.checks input[type="checkbox"]:checked + label:before {background:#fff; border-color:#0942a1;}
.checks input[type="checkbox"]:checked + label:after{content:''; position:absolute; top:0px; left:0px; width:18px; height:18px; background:url(/images/board/solu-icon-check.png) no-repeat center #0942a1; background-size:10px; border-radius:4px;}

.filebox{position:relative; box-sizing:border-box;}
.filebox .filename{display:block; width:100%;}
.filebox .filename:focus{border:1px solid #dcdcdc;}
.btn-wrap .btn_file{display:inline-block; line-height:32px; background:#efefef; color:#444444; font-weight:500; font-size:14px; width:100px; text-align:center;border: 1px solid #b5b5b5;box-sizing: border-box;    border-radius: 5px;cursor:pointer;}
.filebox .btn_file{display:inline-block; line-height:32px; background:#efefef; color:#444444; font-weight:500; font-size:14px; width:100px; text-align:center;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.filebox.active .btn_file{background:#0942a1;}


/* paging-num */
.paging-num-box{position: relative;}
.paging-num{text-align:center; font-size:0px;}
.paging-num li{position:relative; display:inline-block; vertical-align:top; box-sizing:border-box;}
.paging-num li a{width:40px; height:40px; display:block; color:#666666; display:block; line-height:36px; font-size:15px; box-sizing:border-box;}
.paging-num li a:hover{color:#111566; text-decoration:underline;}
.paging-num li.active{border-color:#111566;}
.paging-num li.active a{font-weight:600; background: #333; color:#fff; border-radius: 50%; vertical-align: middle; }

.paging-num li.first{margin-right: 10px;}
.paging-num li.first a{background:url("/images/01_Potal/board/paging-first.png") no-repeat center;}
.paging-num li.first a:hover{background:url("/images/01_Potal/board/paging-first.png") no-repeat center;}
.paging-num li.prev{margin-right:10px;}
.paging-num li.prev a{background:url("/images/01_Potal/board/paging-prev.png") no-repeat center;}
.paging-num li.next{margin-left:10px;}
.paging-num li.next a{background:url("/images/01_Potal/board/paging-next.png") no-repeat center;}
.paging-num li.last a{background:url("/images/01_Potal/board/paging-last.png") no-repeat center;}
.paging-num li.last{margin-left: 10px;}
.paging-num.img li:nth-last-child(3){border-right:none;}
.paging-num.img li a img{width:32px; height:32px;}

.board-btn-wrap{}
/*수정*/
/*
.board-btn-wrap a{width: 75px; background: url("/images/01_Potal/board/replay-ico.png") 25% 8px #d8d8d8 no-repeat; padding: 7px 0 7px 22px; border:solid 1px #d6d6d6; color:#444444; text-align: center; display: inline-block;}
.board-btn-wrap a.modify{background: url("/images/01_Potal/board/modify-ico.png") 25% 8px #d8d8d8 no-repeat;}
.board-btn-wrap a.delete{background: url("/images/01_Potal/board/delete-ico.png") 25% 8px #d8d8d8 no-repeat;}
.board-btn-wrap a.list{background: url("/images/01_Potal/board/list-ico.png") 25% 12px #d8d8d8 no-repeat;}
*/


.ps-r{position: absolute; top:0; right:0;}


/* 순서도 박스 */
.levelBox{width:100%; overflow: hidden; padding:20px; box-sizing: border-box; border:1px dashed #cccccc; background:#f7f7f7; position: relative;}
.levelBox.levelNoBg{padding: 0; border:none; background: none;}
.levelBox > ol{overflow: hidden; border:1px solid #d6d6d6; height:max-content;}
.levelBox li.lbBox{float: left; transition: all .3s ease-in-out;  box-sizing: border-box; background:#fff; position:relative; padding:20px 30px; text-align: center; letter-spacing: -0.5px; color:#555555;}
.levelBox li.lbBox.line1{padding-top:50px;}
.levelBox li.lbArr:before{content:''; display: block; position: absolute; right:0; top:0;  width:1px; height:100%; background:#b3b3b3;}
.levelBox li.lbArr:after{content:''; display: block; position: absolute; right:0; top:22px;  margin-right:-11px; width:22px; height:22px; background:url("/images/01_Potal/contents/01/listArrow.png") center no-repeat; z-index: 2;}
.levelBox.type02 li.lbArr:after{top:50%; margin-top:-11px;}
.levelBox.lb3 li.lbBox{width:33.333%;}
.levelBox.lb4 li.lbBox{width:20%;}
.levelBox.lbH200 li.lbBox{height:200px;}
.levelBox.lbH120 li.lbBox{height:150px;}
.levelBox.lbH150 li.lbBox{height:150px;}
.levelBox.lb4.twoLineLevel li.lbBox{height:155px;}
.levelBox.lb5 li.lbBox{width:20%;}
.levelBox.lb6 li.lbBox{width:16.66666%;height:200px;}
.levelBox.lb7 li.lbBox{width:25%;}
.levelBox li.lbBox dt{font-size:14px; color:#fff;  text-align: center; background: #1659c7; width: 20px; height: 20px; margin-bottom: 10px; border-radius: 50px; padding: 3px;}
.levelBox li.lbBox dd{color:#555; border-top:1px dashed #d7d7d7; padding:15px 0 ; text-align: left; font-size:15px; letter-spacing: -1px;}
.levelBox li.lbBox dd:last-child{padding-bottom: 0;}


/*본인인증*/
.certi-box{ margin-top: 60px;}
.certi-box h5.tit{ background: #f7f7f7; border-bottom:solid 1px #e1e1e1; font-size:22px; font-weight: 500; color: #111111; text-align: center; padding: 35px 20px; box-sizing: border-box;}
.certi-box h5.tit span.txt{font-size:15px; font-weight: 300; color: #555555; display: block; text-align: center; padding-top: 20px; line-height: 170%;}

.certi-box .certi-list{display: flex; justify-content: space-around; }
.certi-box .certi-list li{width: 50%; border:solid 1px #e1e1e1; border-top:solid 1px #333333; padding: 70px 0px; box-sizing: border-box; position: relative;}
.certi-box .certi-list li:first-child{margin-right: 50px;}
.certi-box .certi-list li span{display: block;}
.certi-box .certi-list li span.ico{width: 98px; height: 115px; background: url("/images/01_Potal/board/mobile-ico.png") no-repeat center; display: block; margin: 0 auto;}
.certi-box .certi-list li:last-child span.ico{width: 98px; height: 115px; background: url("/images/01_Potal/board/ipin-ico.png") no-repeat center; }

.certi-box .certi-list li span.tit{font-size:20px; font-weight: bold; text-align: center; color: #111111; padding-top: 70px;}
.certi-box .certi-list li span.txt{font-size:15px; text-align: center; color: #555555; padding: 20px 0 50px 0;}
.certi-box .certi-list li a.btn{width: 100%; background: #5590a2; font-size:15px; color: #fff; text-align: center; padding: 20px 20px; display: block; margin:0 auto; box-sizing: border-box; position: absolute; bottom:0;}



@media all and (max-width:1200px){
  .box-type01{background: none; border:solid 2px #d9d9d9; border-radius: 10px;}
}

@media screen and (max-width:1000px){
    /* 순서도 박스 */
    /*.levelBox li.lbBox{padding:40px 5px 10px;}*/
    .levelBox.lb3 li.lbBox{width:27%;}
    .levelBox.lb6 li.lbBox{width:27%;height:250px;}
    .levelBox.lb7 li.lbBox{width:20%;}

    /*박스타입*/
    .box-type01 .img-wrap{width: 50px;}
    .box-type01 .img-wrap .img-ico01{background-size: 75px; width: 75px; top:35px;}
    .box-type01{padding: 25px 25px; height: auto;}
    .box-type01 .list-box ul.list li{letter-spacing: -0.5px;}

  /*페이징*/
  .paging-num li.first a{background-size: 32px;}
  .paging-num li.prev a{background-size: 32px;}
  .paging-num li.next a{background-size: 32px;}
  .paging-num li.last a{background-size: 32px;}

  /*본인인증*/
  .certi-box h5.tit{font-size:20px; padding: 20px 20px;}
  .certi-box h5.tit span.txt{line-height: 140%;}
  .certi-box .certi-list{padding: 20px 0px;}
  .certi-box .certi-list li:first-child{margin-right: 30px;}
  .certi-box .certi-list li{padding: 30px 0px; box-sizing: border-box;}
  .certi-box .certi-list li span.ico{width: 60px; background-size: 60px;}
  .certi-box .certi-list li:last-child span.ico{width: 60px; background-size: 60px;}
  .certi-box .certi-list li span.tit{font-size:18px; padding-top: 10px;}
  .certi-box .certi-list li span.txt{font-size:14px; padding: 10px 15px 20px 15px;}
  .certi-box .certi-list li span.txt br{display: none;}
  .certi-box .certi-list li a.btn{width: 100%; font-size:14px; padding: 5px 15px;}


  .txt-imgbox li{width: 70%;}
  .txt-imgbox li br{display: none;}
  .txt-imgbox li:last-child span.img{position: relative; top:0px; background-size: 100px;}

}

@media screen and (max-width:768px) {
    .levelBox li.lbBox{padding:15px 20px;}
    .levelBox li.lbArr:after{top:17px;}


}

@media all and (max-width:680px){
  .box-type01 .img-wrap{display: none;}
  .box-type01 .list-box{padding: 0 0 0 0px;}
  .box-type01 .list-box.txt{padding: 0px 0 0 0px;}
  .box-type01 .list-box h5.tit{font-size:18px;}
  .box-type01 .list-box ul.list li{font-size:14px;}
  .box-type01 .list-box p.text-type{padding: 0 0 0px 0px;}

  /*블릿*/
  .H4BI{font-size:20px; font-weight: 500; padding: 0 0 0 15px;}
  .H4BI:before{background-size: 10px; width: 10px; top:3px;}
  .H5BI{font-size:17px; font-weight: 500;}
  .H6BI{font-size:15px; font-weight: 500;}
  .H6BI-re{font-size:15px; font-weight: 500;}
  .H6BI-re:before{height: 10px; bottom:0px;}

  ul.list-type01 li{font-size:14px; padding: 0 0 5px 25px;}
  ul.list-type01 li:last-child{padding: 0 0 0px 25px;}
  ul.list-type01 li ul.depth-02 li{font-size:14px; padding: 0 0 5px 16px;}
  ul.list-type01 li ul.depth-02 li:last-child{ padding: 0 0 0px 16px;}

  /*customer box*/
  .customer-box .top{flex-flow: wrap; padding:0 15px 15px 15px; }
  .customer-box .top .left-txt{font-size:14px; padding: 0 0 0 25px;}
  .customer-box .top .right-txt span{margin:15px 0 0 6px; font-size:13px;}
  .customer-box .top .left-txt:before{background-size: 22px; top:0px;}
  .customer-box .top .right-txt span.name{padding: 0 0 0 20px;}
  .customer-box .top .right-txt span.name:before{background-size: 15px; top:4px;}
  .customer-box .top .right-txt span.tel{margin-left: 15px; padding: 0 0 0 20px;}
  .customer-box .top .right-txt span.tel:before{background-size: 15px;}

  .customer-box .bottom{flex-flow: wrap; padding: 15px 15px;}
  .customer-box .bottom .radio-box span{font-size:13px;}
  .customer-box .bottom .search-box{width: 100%; margin-top: 15px;}
  .customer-box .bottom .search-box input[type="search"]{padding: 3px 10px;}
  .customer-box .bottom .search-box a.btn{padding:3px 12px 4px 12px; font-size:13px; }

  /*페이징*/
  .paging-num li.first a{background-size: 28px;}
  .paging-num li.prev a{background-size: 28px;}
  .paging-num li.next a{background-size: 28px;}
  .paging-num li.last a{background-size: 28px;}

  /*수정*/
/*  .board-btn-wrap a{width: 75px; background: url("/images/01_Potal/board/replay-ico.png") 45% 8px #d8d8d8 no-repeat;}
  .board-btn-wrap a.modify{background: url("/images/01_Potal/board/modify-ico.png") 45% 8px #d8d8d8 no-repeat;}
  .board-btn-wrap a.delete{background: url("/images/01_Potal/board/delete-ico.png") 45% 8px #d8d8d8 no-repeat;}
  .board-btn-wrap a.list{background: url("/images/01_Potal/board/list-ico.png") 45% 12px #d8d8d8 no-repeat;}*/

}

@media screen and (max-width:640px) {
    /* 순서도 박스 */
    .levelBox li.lbBox{width:100% !important; height:auto !important; padding:20px !important;}
    .levelBox li.lbArr:before{width:100%; height:1px; top:auto; bottom:0; left:0;}
    .levelBox li.lbArr:after{transform: rotate(90deg);left:50%; margin-left:-11px; top:auto; bottom:-11px;}
    .levelBox.type02 li.lbArr:after{top:auto; margin-top:0; bottom:-11px;}
}


@media all and (max-width:1000px){
    .table-wrap table.type01 thead th{font-size:14px; padding:8px;}

    .table-wrap table.type01 tbody th{font-size:14px; padding:8px;}
    .table-wrap table.type01 tbody td{font-size:14px; padding:8px;}

    /*인풋텍스트,셀렉트,라디오 공통*/
    input[type="text"]{padding-left:10px;}
    input[type="password"]{padding-left:10px;}
	input[type="date"]{padding-left:10px;}
    .chk-select select{padding:0px 25px 0px 5px;}
    textarea{padding:5px; font-size:14px;}

    /*서브*/
    .sub-top h4.h4Bl span{font-size:32px;}
    .sub-top .subtit-wrap a.print{width: 40px; background-size: 40px;}
    h5.h5Bl{font-size:20px;}
    h5.h5Bl .necessary{font-size:20px;}

    .ps-r{position: relative; text-align: center; margin-top: 20px;}

    .paging-num li a{width:32px; height:32px; line-height:32px; font-size:14px;}

    .paging-num.img li a img{width:27px; height:27px;}
}

@media all and (max-width:680px){

    .table-wrap .scroll-guide{display:block;}

    .table-wrap table.type01 thead th{font-size:13px; padding:6px;}

    .table-wrap table.type01 tbody th{font-size:13px; padding:6px;}
    .table-wrap table.type01 tbody td{font-size:13px; padding:6px;}

    .table-wrap table.scroll{width:680px;}
    .table-wrap table.scroll.w1000{width:1000px;}
    .table-wrap table.scroll.w1200{width:1200px;}

    .table-wrap table.respon colgroup{display:none;}
    .table-wrap table.respon thead {display:none;}
    .table-wrap table.respon tbody {overflow:hidden;}
    .table-wrap table.respon tbody th{display:none;}
    .table-wrap table.respon [data-cell-header]:before {content:attr(data-cell-header); float:left; font-weight:600 ; font-size:14px; position:absolute; left:0; top:0;box-sizing:border-box; padding:10px 0px; box-sizing:border-box; z-index:2;}

    .table-wrap table.respon tbody tr{border-top:1px solid #E6E6E6; padding:5px 0px; display:block; overflow:hidden; width:100%;}
    .table-wrap table.respon tbody tr:first-child {border-top:0;}
    .table-wrap table.respon tbody td{position:relative; width:100%; box-sizing:border-box;float:left; text-align:left; padding:8px 8px 8px 20px; font-size:13px;}
    .table-wrap table.respon tbody td[data-cell-header]:before{width:65px; padding-left:15px; text-align:left; box-sizing:border-box; font-size:13px;}
    .table-wrap table.respon tbody td[data-cell-header]:after{position:absolute; left:0; top:0; width:70px; height:99%; display:block; content:""; z-index:1; background:#f7f7f7;}

    .table-wrap table.respon tbody tr:hover{background:none;}
    .table-wrap table.respon tbody tr td{border-bottom:1px solid #d1d1d1; border-right:none;}
    .table-wrap table.respon tbody tr td:last-child{border-bottom:none;}

    /*블릿*/
    .sub-top h4.h4Bl span{font-size:25px; padding: 0 10px 10px 10px;}
    .sub-top .subtit-wrap a.print{width:30px; background-size: 30px; top:0;}
    h5.h5Bl{font-size:18px;}
    h5.h5Bl .necessary{font-size:18px;}

    ul.list-style.depth01 li{font-size:14px; padding: 0 0 5px 15px;}
    ul.list-style.depth01 li:before{width: 10px; background-size: 10px;}
    ul.list-style.depth01 li ul.list-style.depth02 li{font-size:13px; padding: 0 0 5px 11px;}
    ul.list-style.depth01 li ul.list-style.depth02 li:before{width: 2px; height: 2px; top:10px;}

    /*탭메뉴*/

    div.tab-box ul.tabmenu li{width:50%;}
    div.tab-box ul.tabmenu li a{padding: 10px 10px; font-size: 14px;}
    div.tab-box ul.tabmenu li:nth-child(3) a{ border-left:solid 1px #d6d6d6;  }
    div.tab-box ul.tabmenu li:nth-child(3) a:hover{border-left:solid 2px #0181dc;}
    div.tab-box ul.tabmenu li:nth-child(7) a{ border-left:solid 1px #d6d6d6; }
    div.tab-box ul.tabmenu li:nth-child(7) a:hover{border-left:solid 2px #0181dc;}
    div.tab-box ul.tabmenu li a.blank:after{top:14px;}

    /*버튼스타일*/


    /*인풋텍스트,셀렉트,라디오 공통*/
    input[type="text"]{height:34px; font-size:16px; padding:0px 7px;}
    input[type="password"]{height:34px; font-size:16px; padding:0px 7px;}
	input[type="date"]{height:34px; font-size:16px; padding:0px 7px;}
    .chk-select select{height:34px; font-size:16px;}
    textarea{padding:5px; font-size:16px;}

    .radios input[type="radio"] + label{font-size:13px;}
    .radios input[type="radio"] + label:before{top:1px;}
    .radios input[type="radio"]:checked + label:after {top:5px;}

    .checks input[type="checkbox"] + label{font-size:13px; padding-left:20px;}
    .checks input[type="checkbox"] + label:before{width:13px; height:13px;}
    .checks input[type="checkbox"]:checked + label:after{width:15px; height:15px;}

    .filebox{}
    .filebox .btn_file{width:85px; line-height:34px; font-size:13px;}

    .board-btn-wrap{float: none;}
    .board-btn-wrap a{width:100%; margin-left: 0px; margin-bottom: 10px; box-sizing: border-box;}

    .paging-num li a{width:28px; height:28px; line-height:28px; font-size:13px;}

    .paging-num.img li a img{width:24px; height:24px;}
    .paging-num li.prev{margin-right: 10px;}
    .paging-num li.next{margin-left: 10px;}

  /*본인인증*/
  .certi-box{margin-top: 0px;}

}

@media all and (max-width: 480px){

    .sub-top h4.h4Bl span{font-size:22px;}
    .sub-top .subtit-wrap a.print{width:25px; background-size: 25px;}
    .box-type01 .list-box h5.tit{font-size:17px;}

    /*블릿*/
    .H4BI{font-size:18px;}
    .H5BI{font-size:16px;}
    .H6BI{font-size:14px;}
    .H6BI-re{font-size:14px;}
    ul.list-type01 li{font-size:13px;}
    ul.list-type01 li:before{top:8px;}
    ul.list-type01 li ul.depth-02 li{font-size:13px;}

    /*customer box*/
  .customer-box .bottom .radio-box{justify-content: space-between; flex-flow: wrap;}
  .customer-box .bottom .radio-box span{width:40%; padding-left: 0px;}
  .customer-box .bottom .radio-box span:first-child{padding-left: 0px;}


  /*본인인증*/
  .certi-box .certi-list{flex-flow: wrap; padding: 20px 20px;}
  .certi-box .certi-list li{width: 100%;}
  .certi-box .certi-list li:first-child{margin-right: 0px;}
  .certi-box .certi-list li:last-child{border-top:solid 1px #e1e1e1; margin-top: 20px; padding-top: 20px; }
  .certi-box .certi-list li span.ico{width: 58px; background-size: 58px;}
  .certi-box .certi-list li:last-child span.ico{width: 58px; background-size: 58px;}
  .certi-box .certi-list li span.tit{font-size:16px;}
  .certi-box .certi-list li span.txt{font-size:13px;}

  .txt-imgbox{justify-content: space-around;}
  .txt-imgbox li:last-child span.img{position: relative; top:0px; background-size: 80px;}

  /*수정*/
  .board-btn-wrap a img{width: 65px;}
}



/* btn */

.btn-wrap{border-top:1px solid #d1d1d1; padding-top:20px;}
.btn-wrap.img a{display:inline-block;}

.btn-wrap.type01 a{display: inline-block; border:solid 1px #d6dbe5; border-radius:30px; padding: 8px 15px; box-sizing: border-box; background-color: #fff;}
.btn-wrap.type01.sky a{background:#f3f5f9;}
.btn-wrap.type01 a span{font-size:15px; color: #000000; display: inline-block; position: relative; padding-right:30px;}
.btn-wrap.type01 a:hover span{text-decoration: underline;}
.btn-wrap.type01 a span:after{width: 18px; height:18px;}
.btn-wrap.type01 a.write span:after{content: ""; background: url("/images/common/btn-icon-write.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.list span:after{content: ""; background: url("/images/common/btn-icon-list.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.modi span:after{content: ""; background: url("/images/common/btn-icon-modi.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.del span:after{content: ""; background: url("/images/common/btn-icon-del.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.cancel span:after{content: ""; background: url("/images/common/btn-icon-cancel.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.down span:after{content: ""; background: url("/images/common/btn-icon-down.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.check span:after{content: ""; background: url("/images/common/btn-icon-check.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.detail span:after{content: ""; background: url("/images/common/btn-icon-detail.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.scut span:after{content: ""; background: url("/images/common/btn-icon-scuts.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.loca span:after{content: ""; background: url("/images/common/btn-icon-loca.png") no-repeat; position: absolute; top:2px; right:0;}
.btn-wrap.type01 a.home span:after{content: ""; background: url("/images/common/btn-icon-home.png") no-repeat; position: absolute; top:2px; right:0;}

.btn-wrap.type02 a{font-size:15px; color: #fff; background: linear-gradient(90deg, rgba(81,117,193,1) 30%, rgba(0,144,141,1) 75%); border-radius: 5px; padding: 12px 25px 12px 15px; box-sizing: border-box; display: inline-block;}
.btn-wrap.type02 a span{display: inline-block; padding-right: 30px; position: relative;}
.btn-wrap.type02 a span:after{content: ""; width: 19px; height: 9px; background: url("/images/common/btn-B-golico.png") no-repeat; position: absolute; top:7px; right:0;}
.btn-wrap.type02 a.go-link02{background: #fff; border:solid 2px #5644a1; color: #5644a1; position: relative;}
.btn-wrap.type02 a.go-link02 span:after{content: ""; width: 19px; height: 9px; background: url("/images/common/btn-B02-golico.png") no-repeat;}
.btn-wrap.type02 a.go-link03{background: #5644a1; color: #fff;}

.btn-wrap.small-type a{width:34px; height:34px; border:1px solid #d6dbe5; border-radius:50%; display:inline-block; text-indent:-9999px;}
.btn-wrap.small-type a.write{background:url("/images/common/btn-icon-write.png") no-repeat center;}
.btn-wrap.small-type a.list{background:url("/images/common/btn-icon-list.png") no-repeat center;}
.btn-wrap.small-type a.modi{ background:url("/images/common/btn-icon-modi.png") no-repeat center;}
.btn-wrap.small-type a.del{background:url("/images/common/btn-icon-del.png") no-repeat center;}
.btn-wrap.small-type a.cancel{background:url("/images/common/btn-icon-cancel.png") no-repeat center;}
.btn-wrap.small-type a.down{background:url("/images/common/btn-icon-down.png") no-repeat center;}
.btn-wrap.small-type a.check{background:url("/images/common/btn-icon-check.png") no-repeat center;}
.btn-wrap.small-type a.detail{background:url("/images/common/btn-icon-detail.png") no-repeat center;}
.btn-wrap.small-type a.scut{background:url("/images/common/btn-icon-scuts.png") no-repeat center;}
.btn-wrap.small-type a.loca{background:url("/images/common/btn-icon-loca.png") no-repeat center;}
.btn-wrap.small-type a.home{background:url("/images/common/btn-icon-home.png") no-repeat center;}

.btn-wrap a.nor{display:inline-block; font-size:14px; line-height:100%; border-radius:8px; padding:10px 30px; background:#014099; color:#fff;}

.btn-wrap input[type="submit"]{display:inline-block; font-size:16px; line-height:100%; border-radius:8px; padding:10px 30px; background:#014099; color:#fff; border:none; cursor:pointer; font-family:'Pretendard-Regular';}


@media all and (max-width:680px){
    .btn-wrap.img a{transform: scale(0.9);}

    .btn-wrap.type01 a{padding:5px 15px;}
    .btn-wrap.type01 a span{font-size:14px; padding-right: 22px;}
	.btn-wrap.type01 a.write span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.list span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.modi span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.del span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.cancel span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.down span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.check span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.detail span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.scuts span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.loca span:after{background-size: 14px; width: 14px; top:5px;}
	.btn-wrap.type01 a.home span:after{background-size: 14px; width: 14px; top:5px;}

    .btn-wrap.type02 a{padding:10px 15px 10px 10px; font-size:14px;}

	.btn-wrap.small-type a{width:24px; height:24px;}
	.btn-wrap.small-type a.write{background-size:14px;}
	.btn-wrap.small-type a.list{background-size:14px;}
	.btn-wrap.small-type a.modi{background-size:14px;}
	.btn-wrap.small-type a.del{background-size:14px;}
	.btn-wrap.small-type a.cancel{background-size:14px;}
	.btn-wrap.small-type a.down{background-size:14px;}
	.btn-wrap.small-type a.check{background-size:14px;}
	.btn-wrap.small-type a.detail{background-size:14px;}
	.btn-wrap.small-type a.scut{background-size:14px;}
	.btn-wrap.small-type a.loca{background-size:14px;}
	.btn-wrap.small-type a.home{background-size:14px;}
}

@media all and (max-width:480px){
    .btn-wrap.img a{transform: scale(0.8);}

    .btn-wrap.type01 a{padding: 2px 10px;}
    .btn-wrap.type01 a span{font-size:13px; padding-right: 20px;}

    .btn-wrap.type02 a{padding:5px 15px 5px 10px ; font-size:14px;}
    .btn-wrap.type02 a span:after{background-size: 16px; width: 16px;}
    .btn-wrap.type02 a.go-link02{border:solid 1px #5644a1;}
    .btn-wrap.type02 a.go-link02 span:after{background-size: 16px; width: 16px;}
}

/* 탭 메뉴 */
.tap-box{width: 100%;}
.tap-box ul.taps.depth4{width:100%; display: flex; align-items: stretch; justify-content: flex-start; flex-flow: wrap; margin:0px -1%;}
.tap-box .taps.depth4 li{width:18%; margin:0px 1% 10px 1%;}
.tap-box .taps.depth4.list2 li{width:50%;}
.tap-box .taps.depth4.listf li{width:33.33333%;}
.tap-box .taps.depth4 li a{position:relative; text-align:center; border:1px solid #c5c5c5; border-radius:6px; display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:15px; color:#6f6f6f; background:#fff; padding:15px 0px; box-sizing:border-box; transition:0.1s ease-in-out;}
.tap-box .taps.depth4 li a:hover{text-decoration: underline;}
.tap-box .taps.depth4 li a.active{background:#424242; border-color:#424242; color:#fff;}
  background:linear-gradient(90deg, rgba(4,211,154,1) 0%, rgba(5,173,207,1) 100%);}

.tap-box .taps.depth5{width: 100%; border-bottom:solid 1px #c7c7c7; display:flex; flex-wrap: wrap; justify-content:flex-start; }
.tap-box .taps.depth5 li{width:25%;}
.tap-box .taps.depth5 li a{display:block; width:100%; font-size:16px; color:#555555;
background: #fff; padding: 20px 20px; box-sizing: border-box; position: relative; transition:0.1s ease-in-out;}
.tap-box .taps.depth5 li a span{display:inline-block; position: relative; box-sizing: border-box;}
.tap-box .taps.depth5 li a:hover span{color:#0ebd8d; text-decoration: underline;}
.tap-box .taps.depth5 li.active a:before{position:absolute; left:0px; bottom:-1px; width:100%; height:2px; background:#04d39a; content:""; z-index:9;}
.tap-box .taps.depth5 li.active a span{color:#0ebd8d; padding: 0 0 0 30px; background:url("/images/common/sub-depth5-ico.png") no-repeat left;}

tap-box .tabs.depth5.list3 li {width: 33.333%;}

.tap-box ul.taps.depth6{width: 100%; display: flex; justify-content: flex-start; flex-flow: wrap;}
.tap-box ul.taps.depth6 li{width: auto; margin:2px;}
.tap-box ul.taps.depth6 li a{display:block; border-radius:8px; width:100%; font-size:15px; color: #666666; padding:10px 20px; line-height:100%; box-sizing:border-box; border:dashed 1px #c7c7c7; text-align:center; transition:0.1s ease-in-out;}
.tap-box ul.taps.depth6 li:last-child a{border-right: dashed 1px #c7c7c7;}
.tap-box ul.taps.depth6 li a:hover{color:#4eacbd; border:solid 1px #4eacbd;}
.tap-box ul.taps.depth6 li a.active{color:#fff; border:solid 1px #4eacbd; background:#4eacbd;}

@media all and (max-width:1400px){
    .tap-box .taps.depth4 li a{font-size:15px; padding:15px 5px;}
	.tap-box .taps.depth4 li a:after{top:15px;}

    .tap-box .taps.depth5 li a{font-size:15px;}
}

@media all and (max-width:1000px){
    .tap-box .taps.depth4 li a{border-radius:0px 0px 0px 0px;}
	.tap-box .taps.depth4 li a:after{background-size:15px; width:15px; height:15px; top:18px; right:10px;}
	.tap-box .taps.depth4 li a:hover:after{background-size:15px; width:15px; height:15px; top:18px; right:10px;}
	.tap-box .taps.depth4 li a.active:after{background-size:15px; width:15px; height:15px; top:18px; right:10px;}
}

@media all and (max-width:680px){
    .tap-box ul.taps.depth4{flex-flow: wrap; justify-content: space-between; }
    .tap-box .taps.depth4 li{width:48%;}
    .tap-box .taps.depth4 li a{padding: 10px 5px;}
    .tap-box .taps.depth4 li a.active:after{top: 15px;}
    .tap-box .taps.depth4 li a:hover:after{top: 15px;}
	.tap-box .taps.depth4 li:nth-child(2n) a{border-right:1px solid #c7c7c7;}

    .tap-box .taps.depth5{flex-flow: wrap; justify-content: space-between;}
    .tap-box .taps.depth5 li{width: 48%;}
    .tap-box .taps.depth5 li a{padding: 10px 20px 10px 10px;}

    .tap-box .taps.depth5 li:nth-child(3) a, .tap-box .taps.depth5 li:nth-child(4) a{padding-top: 0px;}

    .tap-box .taps.depth5 li a span{padding: 0 0 0 24px;}
    .tap-box .taps.depth5 li a span:before{background-size: 15px; width: 15px; top:4px; left: 3px;}
    .tap-box .taps.depth5 li.active a span:before{background-size: 15px; width: 15px; top:4px; left: 3px;}
    .tap-box .taps.depth5 li a span:hover:before{background-size: 15px; width: 15px; top:4px; left: 3px;}

    .tap-box .taps.depth6{justify-content: space-between;}
    .tap-box .taps.depth6 li{width: 48%; padding-bottom: 10px;}
    .tap-box .taps.depth6 li a{border:dashed 1px #c7c7c7; padding: 5px 10px;}
}

@media all and (max-width:480px){
    .tap-box .taps.depth4 li{width: 100%;}
    .tap-box .taps.depth4 li a{font-size:14px; border-right:1px solid #c7c7c7;}

    .tap-box .taps.depth5 li{width: 100%;}
    .tap-box .taps.depth5 li a{font-size:14px;}

    .tap-box .taps.depth6 li{width: 100%;}
    .tap-box .taps.depth6 li a{font-size:14px;}
}


/* 박스타이틀 */
.contentbox-tit{width:100%;  padding:20px; box-sizing: border-box; position: relative; background:#f2f8ff;}
.contentbox-tit .box-con{padding: 0 0 0 60px; box-sizing: border-box; position: relative;}
.contentbox-tit .box-con:before{content: ""; width:44px; height:44px; background:url("/images/common/ticket-icon.png") no-repeat center #014099; position:absolute; top:0; left:0; border-radius:6px;}

.contentbox-tit .box-con .tit{font-size:22px; color: #111111; line-height:120%;}
.contentbox-tit .box-con .txt{font-size:15px; line-height:160%; color: #000; display: block;}

@media all and (max-width:680px){
    .contentbox-tit{padding:20px 20px;}
    .contentbox-tit .box-con .tit{font-size:20px;}
}

@media all and (max-width:480px){
    .contentbox-tit{padding:15px 10px;}
    .contentbox-tit:before{content: none;}
    .contentbox-tit .box-con .tit{font-size:18px;}
    .contentbox-tit .box-con .txt{font-size:14px;}
	.contentbox-tit .box-con .txt br{display:none;}

}

/* 블릿 */
h4.cont-title, .person_view .name h4{}
h4.cont-title p, .person_view .name h4 p{font-size:20px; font-weight:900; position:relative; color:#014099; display:inline-block; padding-bottom:5px;}
h4.cont-title p:before, .person_view .name h4 p:before{position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#014099; content:"";}
.tour_view h4 {font-size: 25px; color: #5289c1; margin-bottom: 30px;}
.tour_view h5 {margin-bottom: 20px;}
h4.cont-title span{color: #555555;}
h5.cont-title, .person_view .info h5, .person_view .info h4, .tour_view h5{font-size:18px;color: #0955a8; padding: 0 0 0 25px; box-sizing: border-box; position:relative;}
h5.cont-title:before, .person_view .info h5::before, 
.person_view .info h4::before, .tour_view h5::before{content: ""; width: 18px; height: 17px; background: url("/images/common/h5-bullet-ico.png") no-repeat; position:absolute; top:2px; left:0;}
h6.cont-title{font-size:16px; color: #21957b; padding: 0 0 0 25px; box-sizing: border-box; position: relative;}
h6.cont-title:before{content: ""; width: 18px; height: 18px; background: url("/images/common/h6-bullet-ico.png") no-repeat; position:absolute; top:0; left:0;}

.cont-list.step01 li, .person_view .basic_box > ul > li{font-size:15px; color: #000; padding:0px 0px 5px 10px; box-sizing: border-box; position: relative;}
.cont-list.step01 li:before, .person_view .basic_box > ul > li:before{content:""; width:3px; height:3px; background:#000; position:absolute; top:8px; left:0;}
.cont-list.step02, .person_view .basic_box > ul > li > ul{padding: 5px 0 5px 0;}
.cont-list.step02 li, .person_view .basic_box > ul > li > ul > li{font-size:15px; color: #666666; padding: 0 0 5px 12px; position: relative;}
.cont-list.step02 li:before, .person_view .basic_box > ul > li > ul > li:before{content: ""; width: 4px; height: 4px; background: #a6a6a6; border-radius: 100%; position:absolute; top:9px; left:0;}
.cont-list.step01 li span.c-blue, .cont-list.step02 li span.c-blue{color:#2865a7;}
.num-list.step01 li{font-size:15px; color: #333333; width: 100%; display: flex; justify-content: flex-start; padding-bottom: 10px; align-items: baseline;}
.num-list.step01 li span{display: inline-block;}
.num-list.step01 li span.num{font-size:13px; color: #fff; background: #5644a1; padding: 0px 4px; box-sizing: border-box; border-radius: 3px; line-height: 15px;}
.num-list.step01 li .txt{padding: 0px 0 0 10px;}
.cont-list.flexType {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.cont-list.flexType.list2 li {width:49%;}
.cont-list li.flexCnt {display: flex; align-items: center; justify-content: flex-start; gap:5px 10px; flex-wrap: wrap;}
.cont-list li.flexCnt::before {position:static; margin-right:10px;}

@media all and (max-width:1000px){
	h4.cont-title p, .person_view .name h4 p{font-size:18px;}
}


@media all and (max-width:680px){
    h4.cont-title, .person_view .name h4{font-size:20px;} 
    h5.cont-title, .person_view .info h5, .person_view .info h4{font-size:16px; padding: 0 0 0 22px;}
    h5.cont-title:before, .person_view .info h5::before, .person_view .info h4::befor{width: 16px; background-size: 16px; top:2px;}
    ul.cont-list.step01 li{font-size:14px;}
    ul.cont-list.step01 li ul.cont-list.step02 li{font-size:14px;}
    h6.cont-title{font-size:15px; padding: 0 0 0 22px;}
    h6.cont-title:before{background-size: 16px; width: 16px; top:2px;}
    .num-list.step01 li span.num{font-size:12px;}
    .num-list.step01 li .txt{font-size:14px; padding: 0px 0 0 5px;}

    .cont-list.flexType li {width:100% !important;}
}

@media all and (max-width:480px){
    h4.cont-title, .person_view .name h4{font-size:18px;}
}


/* txtBoxWrap */
.txtBoxWrap{width:100%; display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap;}
.txtBoxWrap .tbwList{width:32%; text-align:center; box-sizing: border-box; background-color: #f9f9f9; border:1px dashed #c7c7c7;}
.txtBoxWrap .tbwList.list4{width:24%;}
.txtBoxWrap .tbwList.list5{width:19%;}
.txtBoxWrap .tbwList.list2{width:49%;}
.txtBoxWrap .tbwList.list1{width:100%;}
.txtBoxWrap .tbwList dt{width:100% ;color:#111;  padding:20px 30px; box-sizing: border-box; color:#111; text-align: left; font-family:'NotokrB'; color:#000; display: flex; align-items: center; justify-content: space-between;}
.txtBoxWrap .tbwList dd{text-align: left; padding:20px 30px; box-sizing: border-box; background-color:#fff; border-top:1px dashed #c7c7c7;}
.txtBoxWrap .tbwList dd p{color:#666; letter-spacing: -1px;}
.txtBoxWrap .tbwList .tel{padding-left:24px; background:url('/images/common/telIcon.png') left center no-repeat; color:#666;}
.txtBoxWrap .tbwList .fax{padding-left:24px; background:url('/images/common/faxIcon.png') left center no-repeat; color:#666; margin-left: 25px; position: relative; display: inline-block;}
.txtBoxWrap .tbwList .fax::before{content:''; display: block; position:absolute; left:-25px; top:50%; width:2px; height:12px; background-color:#b9b9b9; margin-top:-6px;}

.txtBoxWrap.headType dl{display: flex; align-items: center; justify-content: space-between;}
.txtBoxWrap.headType dl dt{ border:none; width:auto; flex-shrink: 0;}
.txtBoxWrap.headType dl dd{background-color:transparent; border:none; width:auto;}
.txtBoxWrap.headType dl dd ul{justify-content: flex-end;}
.txtBoxWrap.headType dl dd ul.flexType li{width: auto;}
.txtBoxWrap.headType dl dd ul li::before{display:none;}


@media screen and (max-width:680px){
	.txtBoxWrap .tbwList{width: 100% !important;}
	.txtBoxWrap .tbwList dt,
	.txtBoxWrap .tbwList dd{padding:20px 15px;}
	.txtBoxWrap .tbwList dd p{font-size:14px;}
	.txtBoxWrap.headType dl dd ul li{text-align: right; margin:5px 0; padding-left:0;}
	.txtBoxWrap .tbwList .fax::before{display: none;}
}
	 

/* 텍스트박스형 */
.txt-box, .person_view .info .budget_linkbox{font-size:15px; color: #555555; width: 100%; padding: 20px 20px; box-sizing: border-box; border:dashed 1px #cccccc; border-radius: 5px;}
.txt-box.bg-g{background-color: #f9f9f9; color: #333333;}
.img-txt-box{width: 100%; border:dashed 1px #cccccc; border-radius: 5px; display: flex; justify-content: flex-start;}
.img-txt-box div.img{width: 20%;}
.img-txt-box div.img img{ width: 100%; height: 100%;}
.img-txt-box .txt{ width: 80%; display: inline-block; font-size:15px; color: #555555; padding: 20px 20px; box-sizing: border-box;}
.img-txt-box .txt .tit{font-size:22px; color: #000000; padding-bottom: 15px;}
.tit-box-con{width: 100%; border:dashed 1px #cccccc; border-radius: 5px; padding: 30px 30px; box-sizing: border-box;}
.tit-box-con h5.tit{font-size:22px; color: #000000; padding-bottom: 15px;}
.tit-box-con .txt{font-size:15px; color: #555555; display: block; padding-bottom: 15px;}

@media all and (max-width:680px){
    .txt-box{padding: 10px 10px; font-size:14px;}
    .img-txt-box div.img{width: 45%;}
    .img-txt-box .txt{width: 55%;}

    .tit-box-con{padding: 20px 20px;}
    .tit-box-con h5.tit{font-size:20px; padding-bottom: 10px;}
    .tit-box-con .txt{font-size:14px; padding-bottom: 10px;}
}

@media all and (max-width:480px){
   
    .img-txt-box{flex-flow: wrap;}
    .img-txt-box div.img{width: 100%;}
    .img-txt-box .txt{width: 100%;}

    .tit-box-con h5.tit{font-size:18px; padding-bottom: 5px;}
    .tit-box-con .txt{padding-bottom: 5px;}
}


/* 준비중 */
.preparing{text-align:center;}
.preparing .cont{padding:80px 0px; background:#f9f9f9; box-sizing:border-box;}
.preparing .cont:before{width:40px; height:46px; display:inline-block; margin-bottom:10px; content:""; background:url('/images/common/preparing-img.png') center no-repeat;}
.preparing .cont .btxt{display:block; font-size:30px; color:#000; line-height:120%; letter-spacing:-0.02em; font-weight:900;}
.preparing .cont .stxt{display:block; font-size:15px; color:#000; line-height:120%; letter-spacing:-0.02em;}

@media all and (max-width:680px){
	.preparing .cont .btxt{font-size:26px;}
	.preparing .cont .stxt{font-size:14px;}
}

@media all and (max-width:480px){
	.preparing .cont{padding:20px;}
	.preparing .cont .btxt{font-size:22px;}
}

/* .question .ques-list */
.question{overflow:hidden;}
.question.ques-rank .ques-list{float:left; width:78%; border-top:1px solid #e9e9e9;}
.question.ques-rank .ranking{float:right; width:20%;}

.question .ques-list .search{padding:15px 20px; border-bottom:1px solid #e9e9e9;}
.question .ques-list .search .input-select{position:relative; padding-right:240px; margin-bottom:15px;}
.question .ques-list .search .input-select .tinput-btn{position:relative; padding-right:50px; background:#f5f5f5; border:1px solid #e1e1e1; overflow:hidden; border-radius:4px;}
.question .ques-list .search .input-select .tinput-btn input[type="text"]{width:100%; height:36px; border:none; background:none;}
.question .ques-list .search .input-select .tinput-btn .search-btn{position:absolute; top:0px; right:0px; width:50px; height:36px; background:#f5f5f5; display:block; background:url('/images/common/icon-searchD.png') no-repeat center;}
.question .ques-list .search .input-select .chk-select{position:absolute; top:0px; right:126px; width:100px; height:36px;}
.question .ques-list .search .input-select .chk-select select{border-radius:6px; padding-left:10px;}
.question .ques-list .search .input-select .write-btn{position:absolute; top:0px; right:0px; width:110px; line-height:36px; text-align:center; background:#3e3e3e; display:block; color:#fff; border-radius:6px;}
.question .ques-list .search .input-select .write-btn span{padding-left:24px; font-size:14px; background:url('/images/common/icon-writeW.png') no-repeat left;}
.question .ques-list .keyword{}
.question .ques-list .keyword .item{display:inline-block; margin-right:10px; background:#eeeeee; padding:5px 15px; border-radius:16px;}
.question .ques-list .keyword .item span{font-size:14px; line-height:100%;}

.question .ques-list .list{}
.question .ques-list .list li{padding:26px 20px 26px 140px; border-bottom:1px solid #e9e9e9;}
.question .ques-list .list li a{display:block; position:relative;}
.question .ques-list .list li a .img{position:absolute; top:0px; left:-120px; display:block; width:96px; height:96px; background:#f5f5f5; border-radius:50%; text-align:center; line-height:96px; font-size:28px;}
.question .ques-list .list li a .img img{width:100%; height:100px; object-fit:cover; border-radius:50%;}

.question .ques-list .list li a .img.adop{}
.question .ques-list .list li a .img.adop:after{font-size:14px; padding:8px 0px; color:#fff; line-height:100%; display:block; background:#f35892; border-radius:6px; text-align:center; content:"답변채택 완료";margin-top:5px;}

.question .ques-list .list li a .btxt{font-size:16px; font-weight:600; margin-bottom:10px; padding-top:8px; display:block; line-height:120%; letter-spacing:-0.02em; color:#000;}
.question .ques-list .list li a .stxt{font-size:14px; display:block; line-height:140%; letter-spacing:-0.02em; color:#666; margin-bottom:10px;}

.question .ques-list .list li .infos{border-top:1px solid #e9e9e9; padding-top:16px;}
.question .ques-list .list li .infos .info{padding:6px 10px; margin-right:6px; line-height:100%; display:inline-block; vertical-align:middle; border:1px solid #e9e9e9; border-radius:14px;}
.question .ques-list .list li .infos .info.author{background:#e9e9e9; color:#3e3e3e;}
.question .ques-list .list li .infos .info span{font-weight:900; color:#000;}

.question .ques-list .list li .infos .date{font-size:14px; color:#3e3e3e; line-height:100%; display:inline-block; vertical-align:middle;}

/* .question .ranking */
.question .ranking{}
.question .ranking .rank{position:relative; padding:25px; border:1px solid #e1e1e1; border-radius:6px; margin-bottom:15px;}
.question .ranking .rank:last-child{margin-bottom:0px;}
.question .ranking .rank:before{position:absolute; bottom:20px; right:20px; width:54px; height:54px; content:""; background:#000;}
.question .ranking .rank.great:before{background:url('/images/common/icon-rank-great.png') no-repeat center;}
.question .ranking .rank.many:before{background:url('/images/common/icon-rank-many.png') no-repeat center;}
.question .ranking .rank .tit{position:relative; font-size:15px; margin-bottom:15px; line-height:160%; display:inline-block; padding:0px 5px; color:#000;}
.question .ranking .rank .tit:before{position:absolute; bottom:0px; left:0px; width:100%; height:10px; background:#d5f3ff; content:""; z-index:-1;}
.question .ranking .rank .tit strong{font-size:20px; font-style:italic;}

.question .ranking .rank .list{padding-left:34px;}
.question .ranking .rank .list li{position:relative; margin-bottom:10px; line-height:140%;}
.question .ranking .rank .list li:last-child{margin-bottom:0px;}
.question .ranking .rank .list li:before{position:absolute; top:0px; left:-26px; width:20px; line-height:20px; background:#eee; display:block; content:"0"; text-align:center; font-size:13px; color:#3e3e3e; border-radius:50%;}
.question .ranking .rank .list li:nth-child(1):before{content:"1"; background:#4fc3f0; color:#fff;}
.question .ranking .rank .list li:nth-child(2):before{content:"2";}
.question .ranking .rank .list li:nth-child(3):before{content:"3";}
.question .ranking .rank .list li:nth-child(4):before{content:"4";}
.question .ranking .rank .list li:nth-child(5):before{content:"5";}

/* .question .ques-view */
.question .ques-view{}
.question .ques-view{border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e;}
.question .ques-view .title-infos{border-bottom:1px solid #e9e9e9; padding:15px 20px;}
.question .ques-view .title-infos .title{font-size:24px; margin-bottom:15px; line-height:120%; color:#000; letter-spacing:-0.03em; font-weight:900;}
.question .ques-view .title-infos .infos{}
.question .ques-view .title-infos .infos .info{padding:6px 10px; border:1px solid #e9e9e9; display:inline-block; vertical-align:middle; margin-right:5px; line-height:100%; border-radius:15px; font-size:14px; color:#666;}
.question .ques-view .title-infos .infos .info span{color:#000;}
.question .ques-view .title-infos .infos .info.author{background:#e9e9e9;}
.question .ques-view .title-infos .infos .tag{padding:6px 10px; display:inline-block; vertical-align:middle; margin-right:5px; line-height:100%; border-radius:15px; font-size:14px; color:#fff;}
.question .ques-view .title-infos .infos .tag.share{background:#439eb8;}
.question .ques-view .title-infos .infos .tag.favor{background:#eaa141;}
.question .ques-view .title-infos .infos .tag.decla{background:#e97ea6;}

.question .ques-view .cont{padding:30px 20px; border-bottom:1px solid #e9e9e9;}
.question .ques-view .cont .tags{margin-bottom:20px;}
.question .ques-view .cont .tags .tag{padding:6px 10px; border:1px solid #e9e9e9; background:#e9e9e9; display:inline-block; vertical-align:middle; margin-right:5px; line-height:100%; border-radius:15px; font-size:14px; color:#666;}
.question .ques-view .cont .btxt{font-size:14px; color:#666;}

.question .ques-view .ripple{}
.question .ques-view .ripple .write{padding:30px 20px; border-bottom:1px solid #e9e9e9;}
.question .ques-view .ripple .write .tit{font-size:18px; color:#3e3e3e; line-height:120%; letter-spacing:-0.03em; margin-bottom:15px;}
.question .ques-view .ripple .write .tit strong{}
.question .ques-view .ripple .write textarea{font-size:14px; width:100%; height:100px; border-radius:6px; margin-bottom:10px;}
.question .ques-view .ripple .write .btns{}
.question .ques-view .ripple .write .btns .btn{display:inline-block; vertical-align:middle; padding:8px 10px; background:#3e3e3e; border-radius:6px;}
.question .ques-view .ripple .write .btns .btn span{color:#fff; font-size:14px; font-weight:600;}
.question .ques-view .ripple .write .btns .btn:hover span{text-decoration:underline;}
.question .ques-view .ripple .write .btns .btn.attach span{padding-left:24px; background:url('/images/common/icon-detailW.png') no-repeat left;}
.question .ques-view .ripple .write .btns .btn.commen span{padding-left:24px; background:url('/images/common/icon-writeW.png') no-repeat left;}

.question .ques-view .ripple .view{}
.question .ques-view .ripple .view .list{}
.question .ques-view .ripple .view .list li{position:relative; padding:20px 20px 20px 100px; border-bottom:1px solid #e9e9e9;}
.question .ques-view .ripple .view .list li:last-child{border-bottom:none;}
.question .ques-view .ripple .view .list li .tag{position:absolute; top:18px; left:20px; width:60px; height:60px; line-height:60px; background:#e9e9e9; display:block; border-radius:50%; text-align:center; font-size:18px; color:#666; overflow:hidden;}
.question .ques-view .ripple .view .list li .tag img{width:100%; height:100%; object-fit:cover;}
.question .ques-view .ripple .view .list li .tit-date{margin-bottom:10px;}
.question .ques-view .ripple .view .list li .tit-date .tit{display:inline-block; vertical-align:middle; font-size:18px; color:#3e3e3e; padding-right:10px; font-weight:600; line-height:100%;}
.question .ques-view .ripple .view .list li .tit-date .date{display:inline-block; vertical-align:middle; font-size:14px; color:#3e3e3e; padding-left:10px; border-left:1px solid #e9e9e9; line-height:100%;}
.question .ques-view .ripple .view .list li .btxt{font-size:14px; color:#666; line-height:140%;}
.question .ques-view .ripple .view .list li .btxt .adop{font-size:14px; color:#000; line-height:100%; background:#f35892; padding:6px 10px; display:inline-block; vertical-align:middle; color:#fff; border-radius:6px; margin-left:5px;}
.question .ques-view .ripple .view .list li .write-btn{font-size:14px; color:#000; line-height:100%; background:#e9e9e9; padding:6px 10px; display:inline-block; vertical-align:middle; color:#666; border-radius:6px; margin-top:5px;}

.question .ques-view .ripple .view .list li.reply{padding:20px 20px 20px 220px;}
.question .ques-view .ripple .view .list li.reply:before{position:absolute; top:18px; left:100px; width:26px; height:26px; background:url('/images/common/icon-rippleD.png') no-repeat center; content:"";}
.question .ques-view .ripple .view .list li.reply .tag{left:140px;}



/* 팝업창 */
.info-pop.type01 {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; background: #4286b5; border: 4px solid #4286B5; border-bottom: 0; border-top: 0; padding-top: 5px; box-sizing: border-box;}
.info-pop::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; content: ""; font-weight: 900; background: rgb(4, 211, 154); background: linear-gradient(90deg, rgba(4, 211, 154, 1) 0%, rgba(5, 173, 207, 1) 100%); z-index: 10;}
.cont-title.tit {font-size: 18px; color: #fff; padding: 8px 10px 13px 10px; line-height: 120%;}
.info-pop.type01 .in-con {position: relative; background: #fff; padding: 40px 15px; text-align: center;}
.info-pop.type01 .close-btn {position: absolute; top: 16px; right: 10px; width: 17px; height: 17px; background: url(/images/common/pop-close.png) no-repeat center; background-size: 100%;}
.info-pop .in-con {}
.info-pop .in-con a {position: relative; display: inline-block; width: calc(100% / 4 - 40px); font-family: 'NotorkL';color: #666; letter-spacing: -0.05em; font-weight: normal; transform: translateY(0); transition: 0.3s ease;}
.info-pop .in-con a span {display: inline-block; padding: 47px 10px 0 10px;}
.info-pop .in-con a:hover {font-weight: bold; transform: translateY(-5px);}
.info-pop .in-con a:after {opacity: 0; content: ''; position: absolute; top: -9px; left: 35px; width: 5px; height: 5px; border-radius: 50%; background-color: #4286B5; transition: 0.3s ease;}
.info-pop .in-con a:hover:after {opacity: 1; top: 20px; left: 64px;}
.info-pop .in-con a.link span {content: ''; background: url(/images/common/urlIcon.png) no-repeat top center; transition: 0.3s ease;}
.info-pop .in-con a.kakao {content: ''; background: url(/images/common/sharingKakao.png) no-repeat top center;}
.info-pop .in-con a.facebook {content: ''; background: url(/images/common/sharingFace.png) no-repeat top center;}
.info-pop .in-con a.naver {content: ''; background: url(/images/common/sharingNaver.png) no-repeat top center;}

/* reser-steps */
.reser-steps{margin:0px -0.5%;}
.reser-steps:after{clear:both; content:""; display:block;}
.reser-steps li{width:24%; margin:0px 0.5%; float:left; padding:15px; box-sizing:border-box; text-align:center; border-radius:8px; border:1px solid #014099;}
.reser-steps li .num{background:#014099; display:inline-block; padding:5px 20px; margin-bottom:15px; line-height:100%; border-radius:12px; color:#fff; font-size:14px;}
.reser-steps li .btxt{font-size:15px; line-height:100%; color:#014099;}

.reser-steps li.active{background:#014099;}
.reser-steps li.active .num{background:#fff; color:#014099;}
.reser-steps li.active .btxt{color:#fff;}

/* cont-box */
.cont-box{padding:30px; background:#f6f6f6;}
.cont-box .btxt{font-size:14px; color:#555; line-height:140%;}

.cont-box.agree{height:120px; overflow-y:auto;}

.cont-box .half{font-size:0px;}
.cont-box .half .btxt{width:50%; font-size:14px; display:inline-block; vertical-align:top;}
.cont-box .half .btxt br{display:none;}
.cont-box .half .btxt .type{display:inline-block; padding:5px 10px; margin-right:5px; line-height:100%; background:#344257; color:#fff; border-radius:15px;}

	@media all and (max-width:1400px){

	}	

	@media all and (max-width:1000px){
		.cont-box{padding:20px;}

		.cont-box .half .btxt{width:100%; display:block; margin-bottom:20px;}
		.cont-box .half .btxt:last-child{margin-bottom:0px;}
	}

	@media all and (max-width:680px){
		.reser-steps li{padding:10px;}
		.reser-steps li .num{width:100%; padding:5px; box-sizing:border-box;}
	}

	@media all and (max-width:480px){
		.reser-steps li{padding:10px 5px;}
		.reser-steps li .num{ font-size:12px; margin-bottom:10px;}
		.reser-steps li .btxt{font-size:13px;}

		.cont-box{padding:10px;}
		.cont-box .half .btxt br{display:block;}
		.cont-box .half .btxt .type{display:inline-block; margin-bottom:5px;}

	}


/* 테이블 스타일 */
.table-wrap table.type02{position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #426168;}
.table-wrap table.type02 thead th{background:#5b5c5e; color:#fff; text-align:center; letter-spacing:-0.03em; padding:5px; font-size:14px; border-right:1px solid #d2d2d2; border-bottom:1px solid #426168; font-weight:500;}
.table-wrap table.type02 thead th:last-child{border-right:none;}

.table-wrap table.type02 tbody th{letter-spacing:-0.02em; padding:10px; color:#303338; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; font-size:14px; background:#fff; font-weight:500;}
.table-wrap table.type02 tbody td{letter-spacing:-0.02em; padding:10px; color:#292929; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; font-size:14px; text-align:center;}
.table-wrap table.type02 tbody td:last-child{border-right:none;}

/* calendar-sels */
.calendar-sels{}
.calendar-sels:after{clear:both; content:""; display:block;}
.calendar-sels .calendar{width:34%; float:left;}
.calendar-sels .calendar .month-sel{text-align:center; overflow:hidden; margin-bottom:10px;}
.calendar-sels .calendar .month-sel .btn{background:#fff; display:inline-block; width:24px; height:24px; border-radius:50%; border:1px solid #d9d9d9; vertical-align:middle; box-sizing:border-box;}
.calendar-sels .calendar .month-sel .btn.prev{vertical-align:middle; float:left;}
.calendar-sels .calendar .month-sel .btn.prev:before{content:"◀"; line-height:24px; display:block; font-size:7px; color:#5b5c5e;}
.calendar-sels .calendar .month-sel .btn.next{vertical-align:middle; float:right;}
.calendar-sels .calendar .month-sel .btn.next:before{content:"▶"; line-height:24px; display:block; font-size:7px; color:#5b5c5e;}
.calendar-sels .calendar .month-sel .month{display:inline-block; font-size:17px; font-weight:600; color:#000;}

.calendar-sels .calendar table{width:100%;}
.calendar-sels .calendar table thead{}
.calendar-sels .calendar table thead tr{}
.calendar-sels .calendar table thead tr th{font-size:14px; text-align:center; padding:10px; color:#555; border:1px solid #ddd; background:#f6f6f6;}
.calendar-sels .calendar table thead tr th:first-child{color:#eb6f38;}
.calendar-sels .calendar table thead tr th:last-child{color:#2a87e7;}

.calendar-sels .calendar table tbody tr{}
.calendar-sels .calendar table tbody tr td{font-size:14px; text-align:center; color:#888; border:1px solid #ddd; background:#fff;}
.calendar-sels .calendar table tbody tr td a{padding:10px 0px; display:block; border-radius:4px;}
.calendar-sels .calendar table tbody tr td.pastDay a{background-color: lightgray}
.calendar-sels .calendar table tbody tr td.futureDay a:hover{color:#e15a4e; font-weight:600; text-decoration:underline;}
.calendar-sels .calendar table tbody tr td.today a:hover{color:#e15a4e; font-weight:600; text-decoration:underline;}
.calendar-sels .calendar table tbody tr td.choiceDay a{background:#e15a4e; color:#fff; font-weight:600;}

.calendar-sels .sels.prep{position:relative}
.calendar-sels .sels.prep:before{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; content:""; background:url("../images/common/preparing-img.png") center no-repeat rgba(0,0,0,0.6); box-sizing:border-box;}


	@media all and (max-width:1000px){
		.calendar-sels .calendar{width:100%; float:none; margin-bottom:30px;}
	}

	@media all and (max-width:680px){

	}

	@media all and (max-width:480px){

	}


.calendar-sels .sels{width:64%; float:right;}
.calendar-sels .sels .title-info{overflow:hidden;}
.calendar-sels .sels .title-info .cont-title{float:left;}
.calendar-sels .sels .title-info .info{float:right; padding:3px 20px; background:#f6f6f6; border-radius:15px;}
.calendar-sels .sels .title-info .info .btxt{line-height:100%; color:#000; margin-right:30px; font-size:13px; display:inline-block; vertical-align:middle;}
.calendar-sels .sels .title-info .info .btxt:last-child{margin-right:0px;}

.calendar-sels .sels .sel-time{}
.calendar-sels .sels .sel-time .list{margin:0px -1%;}
.calendar-sels .sels .sel-time .list:after{clear:both; content:""; display:block;}
.calendar-sels .sels .sel-time .list li{float:left; margin:0px 1%; width:31.3333333%; border:1px solid #e7e7e7; box-sizing:border-box; margin-bottom:10px;}
.calendar-sels .sels .sel-time .list li .sel{border-bottom:1px solid #e7e7e7; padding:10px; background:#f6f6f6;}
.calendar-sels .sels .sel-time .list li .sel .radios label{font-size:14px; letter-spacing:-0.03em;}
.calendar-sels .sels .sel-time .list li .sel .radios input[type="radio"] + label:before{top:0px;}
.calendar-sels .sels .sel-time .list li .sel .radios input[type="radio"]:checked + label:after {top:4px;}
.calendar-sels .sels .sel-time .list li .num{padding:5px; font-size:14px; text-align:center;}

.calendar-sels .sels .type-sel{border:1px solid #e7e7e7; padding:10px 20px;}

.calendar-sels .sels .type-sel.quarter:after{clear:both; content:""; display:block;}
.calendar-sels .sels .type-sel.quarter .radios{width:33.333333333%; float:left;}
.calendar-sels .sels .type-sel.quarter .radios label{font-size:14px;}
.calendar-sels .sels .type-sel.quarter .radios input[type="radio"] + label:before{top:0px;}
.calendar-sels .sels .type-sel.quarter .radios input[type="radio"]:checked + label:after {top:4px;}

	@media all and (max-width:1000px){
		.calendar-sels .sels{width:100%; float:none;}
	}

	@media all and (max-width:680px){
		.calendar-sels .sels .sel-time .list li{width:48%;}

		.calendar-sels .sels .type-sel.quarter .radios{width:50%; margin-bottom:10px;}
	}

	@media all and (max-width:480px){

		.calendar-sels .sels .title-info{margin-bottom:10px;}
		.calendar-sels .sels .title-info .cont-title{float:none; margin-bottom:10px;}
		.calendar-sels .sels .title-info .info{float:none;}

		.calendar-sels .sels .type-sel.quarter .radios{width:100%; float:none;}
	}


.table-wrap tbody td .num{display:inline-block; vertical-align:middle;}
.table-wrap tbody td .btn{display:inline-block; width:22px; height:22px; line-height:22px; vertical-align:middle; border:1px solid #b1b1b1; background:#e3e3e3; text-align:center; color:#000; font-size:16px; border-radius:4px;}

.table-wrap tbody td .impor-type01{display:inline-block; vertical-align:middle; font-size:12px; color:#fff; padding:5px 10px; line-height:100%; background:#344257; border-radius:11px; margin-left:5px;}

.impor-txt{padding:3px 20px; background:#f6f6f6; border-radius:15px; display:inline-block; font-size:14px;}
.board-write .impor-txt{padding:0px 0px; font-size:14px;}
.total-price{font-size:15px; color:#014099; line-height:100%; padding:10px; border:1px solid #014099; text-align:center;}
.speak-box{padding:30px 15px 25px 15px; text-align:center; background:#f2f8ff;}
.speak-box .sp-txt{position:relative; padding-left:60px; font-size:18px; color:#000; text-decoration:underline; display:inline-block;}
.speak-box .sp-txt:before{position:absolute; top:-20px; left:0px; width:50px; height:50px; display:block; background:url("/images/common/speak-icon.png") no-repeat center; content:"";}


/* sms-payment */
.sms-payment{width:1024px; padding:0px 80px; margin:0px auto; background:#fff; box-sizing:border-box;}
.sms-payment .text-top{background:#014099; text-align:center; padding:28px; border-bottom:8px solid #0d3367;}
.sms-payment .text-top .btxt{font-size:22px; line-height:100%; color:#fff;}

.sms-payment .cont-box{}

	@media all and (max-width:1000px){
		.sms-payment{width:100%; padding:0px 20px;}

		.sms-payment .cont-box .fl{float:none;}
		.sms-payment .cont-box .fr{float:none;}
	}

	@media all and (max-width:680px){
		.speak-box .sp-txt{font-size:16px;}
	}

	@media all and (max-width:480px){
		.impor-txt{font-size:13px;}
		.board-write .impor-txt{font-size:13px;}

		.sms-payment{padding:0px 15px;}

		input[type="text"].w30p{width:100% !important;}
		.tel-input.w60p{width:100% !important;}
	}


.input-btn{display:inline-block; font-size:14px; line-height:100%; padding:12px 10px; background:#505050; color:#fff; vertical-align:top;}

/* payment-pop */
.payment-pop{padding:20px; background:#d6eaff;}
.payment-pop .in-cont{border:1px solid #b9cce1; background:#fff; text-align:center; padding:50px 30px;}
.payment-pop .in-cont:before{display:inline-block; width:52px; height:59px; content:""; vertical-align:top; background:url("/images/common/payment-icon.png") no-repeat center;}

.payment-pop .in-cont .btxt{font-size:16px; line-height:160%; padding:0px 40px; color:#000;}

.payment-pop .in-cont .txt-list{text-align:left;}
.payment-pop .in-cont .txt-list li{position:relative; font-size:16px; padding:15px 0px 15px 30px; line-height:140%; color:#000; border-bottom:1px solid #e9e9e9;}
.payment-pop .in-cont .txt-list li:before{position:absolute; top:19px; left:10px; width:10px; height:10px; display:block; background:url("/images/common/check-icon.png") no-repeat center; content:"";}

/* freeswim-info */
.freeswim-info{background:#f2f8ff; padding:20px 45px 0px 45px; text-align:center;}
.freeswim-info .title{margin-bottom:15px; font-size:18px; color:#000; line-height:120%; text-decoration:underline;}
.freeswim-info .title:before{display:inline-block; width:44px; height:42px; content:""; vertical-align:top; margin-bottom:10px; background:url("/images/common/app-icon.png") no-repeat center;}

.freeswim-info .date{background:#fff; padding:20px 10px;}
.freeswim-info .date .tit{display:inline-block; margin-right:20px; padding:5px 15px; background:#014099; color:#fff; border-radius:15px;}
.freeswim-info .date .btxt-stxt{display:inline-block;}
.freeswim-info .date .btxt-stxt .btxt{position:relative; font-size:15px; color:#014099; padding-right:10px;}
.freeswim-info .date .btxt-stxt .btxt:before{position:absolute; top:50%; right:0px; width:1px; height:10px; margin-top:-5px; background:#014099; display:block; content:"";}
.freeswim-info .date .btxt-stxt .stxt{font-size:15px; color:#000; padding-left:10px;}

	@media all and (max-width:680px){
		.freeswim-info{padding:20px 15px 0px 15px;}

		.freeswim-info .date .tit{margin-right:0px; margin-bottom:10px;}

		.freeswim-info .date .btxt-stxt{display:block;}
		.freeswim-info .date .btxt-stxt.mg20r{margin-right:0px; margin-bottom:5px;}
	}

	@media all and (max-width:480px){

	}

/* .table-wrap .sel-time */
.table-wrap .sel-time{position:relative; display:inline-block; border:1px solid #dedede; border-radius:17px; overflow:hidden;}
.table-wrap .sel-time .radios{padding:5px 10px;}
.table-wrap .sel-time .num{padding:5px 10px; background:#f2f8ff;}

	@media all and (max-width:680px){
		.freeswim-info{padding:20px 15px 0px 15px;}

		.freeswim-info .date .tit{margin-right:0px; margin-bottom:10px;}

		.freeswim-info .date .btxt-stxt{display:block;}
		.freeswim-info .date .btxt-stxt.mg20r{margin-right:0px; margin-bottom:5px;}
	}

	@media all and (max-width:480px){
		.table-wrap .sel-time.mg10r{margin-right:0px;}
		.table-wrap .sel-time .num{width:100%; box-sizing:border-box; text-align:center;}
	}

/* join-txts */
.join-txts{border:1px solid #b8cbe0; padding:30px 40px;}
.join-txts .tit-txts{position:relative; padding-left:70px;}
.join-txts .tit-txts:before{position:absolute; top:5px; left:0px; width:55px; height:55px; display:block; background:url("/images/common/rock-icon.png") no-repeat center; content:"";}
.join-txts .tit-txts .tit{font-size:18px; color:#000; line-height:120%; letter-spacing:-0.02em; text-decoration: underline;}
.join-txts .tit-txts .btxt{font-size:14px; color:#888; line-height:140%; letter-spacing:-0.023em;}

	@media all and (max-width:680px){
		.join-txts{padding:20px;}
	}

	@media all and (max-width:480px){
		.join-txts{padding:10px; text-align:center;}
		
		.join-txts .tit-txts{padding-left:0px;}
		.join-txts .tit-txts:before{position:relative; top:auto; left:auto; display:inline-block; margin-bottom:10px;}

		.join-txts .tit-txts .tit{font-size:16px; text-align:left;}
		.join-txts .tit-txts .btxt{font-size:13px; text-align:left;}
	}


/* login-wrap */
.login-wrap{}
.login-wrap:after{clear:both; content:""; display:block;}
.login-wrap .title{font-size:24px; font-weight:900; text-decoration:underline; color:#000; letter-spacing:-0.02em;}

.login-wrap .idpass{width:55%; float:left; margin-right:5%;}
.login-wrap .idpass .inputs-btn{padding-left:60px; margin-bottom:15px;}
.login-wrap .idpass .inputs-btn .tit-input{position:relative; margin-bottom:10px;}
.login-wrap .idpass .inputs-btn .tit-input .tit{position:absolute; top:4px; left:-60px; font-size:14px; color:#000;}
.login-wrap .idpass .inputs-btn .tit-input input[type="text"]{width:100%; height:30px; font-size:16px;}
.login-wrap .idpass .inputs-btn .tit-input input[type="password"]{width:100%; height:30px; font-size:16px;}
.login-wrap .idpass .inputs-btn .tit-input input[type="password"]::placeholder{color:#b1b1b1; opacity:1; font-size:16px; font-family: 'Pretendard-Regular', 'Malgun Gothic', sans-serif;}

.login-wrap .idpass .inputs-btn .login-btn{display:block; width:100%; background:#014099; padding:10px 0px; line-height:100%; color:#fff; font-size:13px; text-align:center;}

.login-wrap .idpass .join-find{padding-left:60px; text-align:center; font-size:0px;}
.login-wrap .idpass .join-find .btn{display:inline-block; vertical-align:middle; line-height:100%; color:#898989; font-size:13px;}
.login-wrap .idpass .join-find .btn.join{padding-right:10px; border-right:1px solid #898989;}
.login-wrap .idpass .join-find .btn.find{padding-left:10px;}

.login-wrap .sns{width:32.5%; float:left; margin-right:5%; display:none;}
.login-wrap .sns .btns{margin-bottom:20px;}
.login-wrap .sns .btns .btn{display:block; text-align:center; padding:10px 0px;}
.login-wrap .sns .btns .btn span{padding-left:30px;}
.login-wrap .sns .btns .btn.naver{background:#00a042; color:#fff;}
.login-wrap .sns .btns .btn.naver span{background:url("/images/common/naver-icon.png") no-repeat left;}
.login-wrap .sns .btns .btn.kakao{background:#fee500; color:#000;}
.login-wrap .sns .btns .btn.kakao span{background:url("/images/common/kakao-icon.png") no-repeat left;}
.login-wrap .sns .btxt{font-size:13px; color:#666; line-height:160%;}

.login-wrap .nonmem{width:40%; float:left;}
.login-wrap .nonmem .btxt{font-size:13px; color:#666;}
.login-wrap .nonmem .btn.certi{display:inline-block; padding:10px 15px; color:#fff; background:#4a505a;}

.n-txts{background:#f9f9f9; padding:15px 20px;}
.n-txts .list{}
.n-txts .list li{position:relative; padding-left:10px; color:#333; margin-bottom:10px; font-size:14px;}
.n-txts .list li:last-child{margin-bottom:0px;}
.n-txts .list li:before{position:absolute; top:7px; left:0px; width:3px; height:3px; background:#000; content:"";}

/* join-step */
.join-step{position:relative; margin:0px -3%;}
.join-step:after{clear:both; content:""; display:block;}
.join-step li{position:relative; width:14%; margin:0px 3%; float:left; text-align:center; box-sizing:border-box;}
.join-step li:last-child{margin-bottom:0px;}
.join-step li:before{position:absolute; top:50%; right:-42px; width:24px; height:24px; margin-top:-12px; border:1px solid #dddddd; border-radius:4px; content:"▶"; font-size:6px; line-height:24px;}
.join-step li:last-child:before{display:none;}
.join-step li p{width:100%; padding:10px; background:#f9f9f9; border:1px solid #e2e2e2; display:inline-block; text-align:center; border-radius:4px; box-sizing:border-box; font-size:14px;}
.join-step li.active p{background:#424242; border-color:#424242; color:#fff; }

/* memcate-btnx */
.memcate-btns{text-align:center;}
.memcate-btns .btn{width:260px; height:auto; box-sizing:border-box; padding:45px; border:1px solid #c0cdde; border-radius:12px; display:inline-block; margin:0px 20px; vertical-align:top;}
.memcate-btns .btn:first-child{margin-left:0px;}
.memcate-btns .btn:last-child{margin-right:0px;}
.memcate-btns .btn:before{width:40px; height:40px; margin-bottom:20px; background:#023f9a; display:inline-block; content:"";}
.memcate-btns .btn .tit{font-size:18px; color:#000; line-height:120%; display:block; margin-bottom:15px;}
.memcate-btns .btn .btxt{font-size:13px; color:#888; line-height:140%; display:block;}

.memcate-btns .btn.common:before{background:url("/images/common/memcate-icon-common.png") no-repeat center;}
.memcate-btns .btn.instr:before{background:url("/images/common/memcate-icon-instra.png") no-repeat center;}
.memcate-btns .btn.mobile:before{background:url("/images/common/memcate-icon-mobile.png") no-repeat center;}
.memcate-btns .btn.ipin:before{background:url("/images/common/memcate-icon-ipin.png") no-repeat center;}

.memcate-btns .btn:hover{background:#f1f8ff; border-color:#023f9a;}

	@media all and (max-width:1000px){
		.join-step{margin:0px -2%;}
		.join-step li{width:16%; margin:0px 2%;}
		.join-step li:before{right:-23px; width:16px; height:16px; margin-top:-8px; line-height:16px;}

	}

	@media all and (max-width:680px){
		.login-wrap .title{font-size:20px;}

		.memcate-btns .btn{width:180px; padding:15px; margin:0px 10px;}

		.n-txts{padding:10px;}

		.join-step li:before{right:-15px; width:12px; height:12px; margin-top:-6px; line-height:12px; border:none;}
		.join-step li p{padding:5px 0px; font-size:13px;}
	}

	@media all and (max-width:480px){
		.n-txts .list li{font-size:13px;}

		.login-wrap .idpass{width:100%; margin-right:0px; float:none; margin-bottom:30px;}

		.login-wrap .nonmem{width:100%; float:none;}

		.join-step{margin:0px 0%;}
		.join-step li{width:33.3333333333%; margin:0px 0%;}
		.join-step li:before{display:none;}

		.memcate-btns .btn{width:120px; padding:10px; margin:0px 5px;}
		.memcate-btns .btn:before{margin-bottom:10px;}
		.memcate-btns .btn .tit{font-size:14px; margin-bottom:10px;}
		.memcate-btns .btn .btxt{font-size:12px;}
		.memcate-btns .btn .btxt br{display:none;}
	}


/* tb-btn */
.tb-btn{display:inline-block; padding:5px; font-size:13px; line-height:100%; background:#f2f6fc; border:1px solid #2552a1; color:#2552a1; border-radius:20px; margin-bottom:10px;}
.tb-btn:last-child{margin-bottom:5px;}




/* S.사이트맵 */
.siteMap{width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.siteMap .smDiv{position:relative; border-top:6px solid #e5e5e5; margin-bottom:30px; width:calc(33.3333% - 30px);}
.siteMap .smDiv:before{position:absolute; top:-6px; left:0px; width:120px; height:6px; background-color:#4d5bbc; content:''; display: block;}
.siteMap .smDiv:after{position:absolute; top:-6px; left:0px; width:50px; height:6px; background-color:#25476d; content:''; display: block;}
.siteMap .smDiv .smdTit{font-size:20px; color:#111;position:relative;  padding:15px; width:100%; box-sizing:border-box;}
.siteMap .smDiv .smdUl{padding:15px; background:#f6f8f9; overflow:hidden;}
.siteMap .smDiv .smdUl .smdLi{margin-bottom:10px;}
.siteMap .smDiv .smdUl .smdLi:last-child{margin-bottom:0px;}
.siteMap .smDiv .smdUl .smdLi .sdlTit{box-sizing:border-box;}
.siteMap .smDiv .smdUl .smdLi .sdlTit > a{position:relative; display:block; width:100%; padding:5px 0px 5px 12px;  box-sizing:border-box; font-size:15px; color:#000; transition:all .3s ease-in-out;}
.siteMap .smDiv .smdUl .smdLi .sdlTit > a:before{position:absolute; top:12px; left:0px; width:5px; height:2px; background-color:#000; content:''; display: block;}
.siteMap .smDiv .smdUl .smdLi .smdUl2{padding:10px 15px; background:#fff;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2{position:relative; padding-left:10px; margin:5px 0;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2:before{position:absolute; content:''; display: block; width:3px; height:3px; background:#000; top:8px; left:0;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a{color:#555; display: inline-block; box-sizing: border-box; transition: all .3s ease-in-out; position: relative;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a:before{content:''; display:block; position:absolute; width:100%; height:2px; font-size:14px; background-color:#b5ceea; bottom:0; left:0; opacity: 0; transition: all .3s ease-in-out;}

.siteMap .smDiv .smdUl .smdLi .sdlTit.activeOn > a{ background-color:#45495b; color:#fff;}
.siteMap .smDiv .smdUl .smdLi .sdlTit:hover > a{ background-color:#45495b; color:#fff; text-decoration:underline;}
.siteMap .smDiv .smdUl .smdLi .sdlTit:hover > a:before{display:none;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a:hover{text-decoration:underline;}

.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2.activeOn > a{font-family:'NotokrM'; color:#2281ce;}
.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2.activeOn > a:before{opacity: 1;}

@media screen and (max-width:1000px){
	.siteMap .smDiv{width:calc(33.3333% - 10px);}
}

@media screen and (max-width:680px){
	.siteMap .smDiv{width:calc(50% - 10px);}

	.siteMap .smDiv .smdTit{font-size:16px; padding:10px;}
	.siteMap .smDiv .smdUl{padding:10px;}
	.siteMap .smDiv .smdUl .smdLi .sdlTit > a{font-size:14px;}
	.siteMap .smDiv .smdUl .smdLi .smdUl2{padding:5px 10px;}
	.siteMap .smDiv .smdUl .smdLi .smdUl2 .smdLi2 > a{font-size:13px;}
}

@media screen and (max-width:480px){
	.siteMap .smDiv{width:calc(100% - 0px);}
}                             

input[type=password]::placeholder {
  color: #000;
  font-size: 16px;
}
.licFile{display:none;}
.licFileItem{padding-bottom:10px;}                 
.licFileItem span{display:block;}         
.licFileItem a{display:block;}         

.filebox a{display:block;}                   