@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/Gimjae/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/Gimjae/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/Gimjae/common/boxtype-ico02.png") no-repeat; position: absolute; top:11px; left:0;}
.box-type01 .img-ico03{display: block; width: 87px; height: 87px; background: url("http://183.111.144.100:7059/Gimjae/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/Gimjae/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/Gimjae/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/Gimjae/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/Gimjae/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/Gimjae/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:15px;  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:15px; color:#303338; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; background:#fafafa; font-weight:500;}
.table-wrap table.type01 tbody td{letter-spacing:-0.02em; padding:12px; color:#292929; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;  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;}

/*버튼스타일*/
.btn-wrap{}
.btn-wrap a.type01{padding: 10px 55px 10px 20px; background: #224a58; color: #fff; font-size:15px; display: inline-block; text-align: left; position: relative;}
.btn-wrap a.type01:before{content: ""; width: 7px; height: 100%; padding: 0 13px; background: url("/images/Gimjae/common/btnlink-ico.png") #103643 center no-repeat; position: absolute; top:0; right:0;}
.btn-wrap a.type01.c-st{background: #7cb329;}
.btn-wrap a.type01.c-st:before{ content: ""; width: 7px; height: 100%; padding: 0 13px; background: url("/images/Gimjae/common/btnlink-ico.png") #6ba01c center no-repeat; position: absolute; top:0; right:0;}
.btn-wrap a.type01.blank{background: #224a58;}
.btn-wrap a.type01.blank:before{ content: ""; width: 13px; height: 100%; padding: 0 13px; background: url("/images/Gimjae/common/btnblank-ico.png") #103643 center no-repeat; position: absolute; top:0; right:0;}
.btn-wrap a.type01.blank02{background: #7cb329;}
.btn-wrap a.type01.blank02:before{ content: ""; width: 13px; height: 100%; padding: 0 13px; background: url("/images/Gimjae/common/btnblank-ico.png") #6ba01c center no-repeat; position: absolute; top:0; right:0;}

.btn-wrap a.small-type{padding: 7px 35px 7px 20px; background: #666666; color: #fff; font-size:15px; display: inline-block; text-align: left; position: relative;}
.btn-wrap a.small-type:before{content: ""; width:16px; height: 100%; background: url("/images/Gimjae/common/btndw-ico.png") center no-repeat; padding: 0 10px; position: absolute; top:0; right:0; }
.btn-wrap a.small-type.view{background: #5590a2;}
.btn-wrap a.small-type.view:before{content: ""; width:14px; height: 100%; background: url("/images/Gimjae/common/btnvw-ico.png") center no-repeat; padding: 0 10px; position: absolute; top:0; right:0;}
.btn-wrap a.small-type.link{background: #224a58;}
.btn-wrap a.small-type.link:before{content: ""; width:15px; height: 100%; background: url("/images/Gimjae/common/btnlink02-ico.png") center no-repeat; padding: 0 10px; position: absolute; top:0; right:0;}

/*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/Gimjae/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/Gimjae/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/Gimjae/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="text"]{width: 100%; height: 32px; 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="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:'Noto Sans KR','Malgun Gothic',sans-serif;}
/*input[type="text"]:focus{border:1px solid #0942a1;}*/
input[type="text"]::placeholder{color:#b1b1b1; opacity:1; font-size:14px;}
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;}
/*input[type="password"]:focus{border:1px solid #0942a1;}*/
input[type="password"]::placeholder{color:#666; opacity:1;}
.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:16px; 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:3px; 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:7px; 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:16px; 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:0px; 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(../_Img/layout/checks-icon.jpg) no-repeat center #0942a1; border-radius:4px;}

.filebox{position:relative; padding-right:100px; box-sizing:border-box;}
.filebox .filename{display:block; width:100%;}
.filebox .filename:focus{border:1px solid #dcdcdc;}
.filebox .btn_file{position:absolute; top:0px; right:0px; display:block; line-height:38px; 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/Gimjae/board/paging-first.png") no-repeat center;}
.paging-num li.first a:hover{background:url("/images/Gimjae/board/paging-first.png") no-repeat center;}
.paging-num li.prev{margin-right:10px;}
.paging-num li.prev a{background:url("/images/Gimjae/board/paging-prev.png") no-repeat center;}
.paging-num li.next{margin-left:10px;}
.paging-num li.next a{background:url("/images/Gimjae/board/paging-next.png") no-repeat center;}
.paging-num li.last a{background:url("/images/Gimjae/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/Gimjae/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/Gimjae/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/Gimjae/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;}

    /*버튼타입*/
  .btn-wrap a.type01{padding:7px 45px 7px 20px; font-size:14px; }
  .btn-wrap a.type01:before{background-size: 5px; width: 5px; padding: 0 10px;}
  .btn-wrap a.type01.c-st:before{background-size: 5px; width: 5px; padding: 0 10px;}
  .btn-wrap a.type01.blank:before{padding: 0 10px; width: 5px; background-size: 10px;}
  .btn-wrap a.type01.blank02:before{padding: 0 10px; width: 5px; background-size: 10px;}

  .btn-wrap a.small-type{font-size: 14px; padding: 5px 35px 5px 15px;}
  .btn-wrap a.small-type:before{background-size: 12px; width: 12px;}
  .btn-wrap a.small-type.view:before{background-size: 12px; width: 12px;}
  .btn-wrap a.small-type.link:before{background-size: 12px; width: 12px;}

  /*페이징*/
  .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;}

  /*버튼타입*/
  .btn-wrap a.type01{padding:5px 35px 7px 15px; font-size:13px; }
  .btn-wrap a.type01:before{width: auto; background-size: 4px;}
  .btn-wrap a.type01.c-st:before{width: auto; background-size: 4px;}
  .btn-wrap a.type01.blank:before{width:auto; background-size: 9px;}
  .btn-wrap a.type01.blank02:before{width:auto; background-size: 9px;}

  .btn-wrap a.small-type{font-size:13px; padding: 5px 27px 5px 10px;}
  .btn-wrap a.small-type:before{background-size: 10px; width: 5px;}
  .btn-wrap a.small-type.view:before{background-size: 10px; width: 5px;}
  .btn-wrap a.small-type.link:before{background-size: 10px; width: 5px;}

  /*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; }
  .customer-box .bottom .search-box input[type="text"]{height: 28px;}

  /*페이징*/
  .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/Gimjae/board/replay-ico.png") 45% 8px #d8d8d8 no-repeat;}
  .board-btn-wrap a.modify{background: url("/images/Gimjae/board/modify-ico.png") 45% 8px #d8d8d8 no-repeat;}
  .board-btn-wrap a.delete{background: url("/images/Gimjae/board/delete-ico.png") 45% 8px #d8d8d8 no-repeat;}
  .board-btn-wrap a.list{background: url("/images/Gimjae/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;}
    .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:13px; padding:0px 7px;}
    input[type="password"]{height:34px; font-size:13px; padding:0px 7px;}
    .chk-select select{height:34px; font-size:13px;}
    textarea{padding:5px; font-size:13px;}

    .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{padding-right:85px;}
    .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{width:100%;}
  .txt-imgbox li:last-child{display:none;}  
.txt-imgbox li:last-child span.img{position: relative; top:0px; background-size: 80px; display:none;}
 .txt-imgbox-wrap {padding:10px 0;}

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

}