@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap');
@font-face {
	font-family: 'Interop';
	src: url('https://raw.githubusercontent.com/payw-org/Interop/main/web/fonts/Interop-Regular.woff2')
		format('woff2'),
	  url('https://raw.githubusercontent.com/payw-org/Interop/main/web/fonts/Interop-Regular.woff')
		format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }


/* ################################################
	메인페이지
*/
#header {transition:0.2s;}
#header.active {background-color:#0C1830;}
#header .header_height .header_menu {height:100%;}
#header .header_height .gnb {height:100%;}
#header .header_height .gnb > ul {height:100%; align-items:center;}
#header .header_height .gnb > ul .login {width:160px; background-color:#fff; height:100%; text-align:center; transition:0.2s;}
#header .header_height .gnb > ul .login a {color:#081634; height:100%; text-align:center; gap:7px; font-weight:800; transition:0.2s;}
#header .header_height .gnb > ul .login a img {width:16px; height:16.9px; transition:0.2s;}
#header .header_height .gnb > ul .login a .ico_login_h {display:none;}
#header .header_height .gnb > ul .login a .ico_user {width:18px; height:18px;}
#header .header_height .gnb > ul .login a p span {font-size:1.4rem; font-weight:600;}
#header .header_height .gnb > ul .login:hover a {color:#fff;}
#header .header_height .gnb > ul .login:hover a .ico_login {display:none;}
#header .header_height .gnb > ul .login:hover a .ico_login_h {display:block;}
#header .header_height .gnb > ul .login .user-hide-box {background-color:#0C1830; padding:0 13px 20px; box-sizing:border-box; display:none;}
#header .header_height .gnb > ul .login .user-hide-box ul { gap:5px;}
#header .header_height .gnb > ul .login .user-hide-box ul > li > a {font-size:1.4rem; font-weight:500; line-height:1.68rem; color:#fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius:4px; height:33px;}
#header .header_height .gnb > ul .login .user-hide-box ul > li:hover a {background-color:#fff; color:#0C1830; font-weight:700;}

#main .size {padding:0;}
#main #fullpage .section1 {background-image:url('/assets/images/main_bg_1.jpg');}
#main #fullpage .section1 h1 {font-size:12rem; font-weight:700; line-height:12rem; color:rgba(255, 255, 255, 1); text-shadow: 0px 4px 10px rgba(0, 32, 96, 0.2); font-family: 'IBM Plex Sans', sans-serif; text-align:center; letter-spacing:-0.5rem;}
#main #fullpage .section1 p {font-size:3.6rem; font-weight:400; line-height:4.68rem; color:rgba(164, 233, 255, 1); font-family: 'IBM Plex Sans', sans-serif; text-align:center;}
#main #fullpage .section2, #main #fullpage .section3, #main #fullpage .section4 {font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Noto Sans KR', sans-serif;}
#main #fullpage .section2 .inner {width:100%; position:relative}
#main #fullpage .section2 .left {width:55.5%; height:100vh;}
#main #fullpage .section2 .left .txt-area {width:fit-content; margin:0 auto;}
#main #fullpage .section2 .left .top h2 {font-size:7rem; line-height:8.4rem; color:rgba(0, 0, 0, 1);}
#main #fullpage .section2 .left .mid {margin-top:60px;}
#main #fullpage .section2 .left .mid p,#main #fullpage .section2 .left .btm p {font-size:2rem; font-weight:400; line-height:3.2rem; color:#333333;}
#main #fullpage .section2 .left .mid p span {font-weight:700;}
#main #fullpage .section2 .left .btm {margin-top:35px;}
#main #fullpage .section2 .left .txt-block {display:block;}
#main #fullpage .section2 .right {width:44.5%; height:100vh; background-image:url('/assets/images/main_bg_2.jpg');}
#main #fullpage .section2 .right .position-box {width:30.5%; position:absolute; top:50%; left:49.8%; transform:translateY(-50%);}
#main #fullpage .section3 {background-image:url('/assets/images/main_bg_3.jpg');}
#main #fullpage .section3 .size {/*max-width:1400px;*/ width:100%;  min-width:1400px; /*max-width:70%;*/ margin:0 auto; padding:0 40px; box-sizing:border-box;}
#main #fullpage .section3 .size .inner {top:90px;}
#main #fullpage .section3 .tit-area {width:23.72%; box-sizing:border-box;}
#main #fullpage .section3 .tit-area h2 {font-size:7rem; line-height:8.4rem; letter-spacing:-0.2rem; font-weight:800; color:#fff; padding-bottom:32px;}
#main #fullpage .section3 .tit-area p {font-size:2rem; line-height:3rem; letter-spacing:-0.1rem; font-weight:400; color: rgba(255, 255, 255, 0.8);}
/* #main #fullpage .section3 .cont-area {width:76.28%;} */
#main #fullpage .section3 ul {gap:24px;}
#main #fullpage .section3 li {width:340px; /*width:34%;*/ height:560px; border:1px solid rgba(255, 255, 255, 0.1); border-radius:30px; background-color:transparent; transition:0.3s; backdrop-filter:blur(6px); box-sizing:border-box; position:relative;}
#main #fullpage .section3 li.li2 {position:relative; top:-103px;}
#main #fullpage .section3 li > div {height:100%; text-align:center;}
#main #fullpage .section3 li .img-box {margin-bottom:30px;}
#main #fullpage .section3 li .txt-box h3 {font-size:3.6rem; font-weight:800; line-height:4.32rem; letter-spacing:-0.25rem; color:#fff; padding-bottom:10px;}
#main #fullpage .section3 li .txt-box p {font-size:1.6rem; font-weight:300; line-height:1.92rem; color:rgba(255, 255, 255, 0.5);}
#main #fullpage .section3 li .hide-txt-box {display:none; position:absolute; bottom:70px; text-align:left;}
#main #fullpage .section3 li .hide-txt-box p {font-size:1.8rem; font-weight:400; line-height:2.7rem; letter-spacing:-0.2rem; color:#fff;}
#main #fullpage .section3 li .back-img {width:100%; height:100%; display:none; position:absolute; border-radius:30px; z-index:-1; box-sizing:border-box; background-size:cover; background-repeat:no-repeat;}
#main #fullpage .section3 li.li1 .back-img {background-image:url('/assets/images/main_section3_1.jpg'); box-shadow: 5px 5px 20px 0px #00000080;}
#main #fullpage .section3 li.li2 .back-img {background-image:url('/assets/images/main_section3_2.jpg'); box-shadow: 5px 5px 20px 0px #00000080;}
#main #fullpage .section3 li.li3 .back-img {background-image:url('/assets/images/main_section3_3.jpg'); box-shadow: 5px 5px 20px 0px #00000080;}
#main #fullpage .section3 li.hover {border:none; transition:.7s; backdrop-filter:blur(0);}
#main #fullpage .section3 li:hover > div { background: linear-gradient(0deg, rgba(12, 24, 48, 0.6) 30.45%, rgba(12, 24, 48, 0) 77.5%);}
#main #fullpage .section3 li.hover .hide-txt-box {display:block;}  
#main #fullpage .section4 {background-image:url('/assets/images/main_bg_44.jpg');}
#main #fullpage .section4 .right {width:55.5%; height:100vh; /*background-color:rgba(0, 0, 0, 0.6);*/ margin-left:auto; padding-left:110px; box-sizing:border-box;}
#main #fullpage .section4 .right .txt-box h3 {font-size:6rem; font-weight:800; line-height:7.2rem; letter-spacing:-0.2rem; color:#fff;}
#main #fullpage .section4 .right .txt-box ul {gap:40px; margin-top:70px;}
#main #fullpage .section4 .right .txt-box ul > li > div p {font-size:2rem; font-weight:600; line-height:2.4rem; position:relative; color:#fff;}
#main #fullpage .section4 .right .txt-box ul > li > div p:not(.tit):after {position:absolute; display:block; content:''; clear:both; right:100%; top:50%; margin-top:-2px; width:4px; height:4px; background:rgba(255, 255, 255, 0.5); border-radius:2px;}
#main #fullpage .section4 .right .txt-box ul > li > div p:not(.tit) {padding-left:20px;}
#main #fullpage .section4 .right .txt-box ul li div p.tit {width:110px;}
#main #fullpage .section:not(.section1) .animate {opacity:0.3;}
#main #fullpage .section .animate1, #main #fullpage .section .animate2, #main #fullpage .section .animate3 {opacity:0;}

/* main 애니메이션 */
#main #fullpage .section.onload .animate {animation:ani1 1s ease; opacity:1;}
#main #fullpage .section.onload .animate1 {animation:ani2 1s ease 0.5s; transform:translateY(0); opacity:1;}
#main #fullpage .section.onload .animate2 {animation:ani2 1s ease 1s; transform:translateY(0); opacity:1;}
#main #fullpage .section.onload .animate3 {animation:ani2 1s ease 1.5s; transform:translateY(0); opacity:1;}
@keyframes ani1 {
    0% {opacity:0; transform:translateY(100px);}
    100% {opacity:1; transform:translateY(0);}
}

@keyframes ani2 {
    0% {opacity:0; transform:translateY(100px);}
    100% {opacity:1; transform:translateY(0);}
}

/* 반응형 */
/* @media screen and (max-width:1500px) {
    #main #fullpage .section3 .tit-area {width:23.72%; padding-right:10px; box-sizing:border-box;}
    #main #fullpage .section3 .tit-area h2 {font-size:7rem; line-height:8.4rem; letter-spacing:-0.2rem; font-weight:800; color:#fff; padding-bottom:32px;}
    #main #fullpage .section3 .tit-area p {font-size:2rem; line-height:3rem; letter-spacing:-0.1rem; font-weight:400; color: rgba(255, 255, 255, 0.8);}
    #main #fullpage .section3 .cont-area {width:76.28%;}
} */


/* ################################################
    서브비쥬얼
*/
#subVisual {position:relative; font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Noto Sans KR', sans-serif;}
#subVisual .img-box {background-image:url('/assets/images/sub_visual.jpg'); width:100%; height:500px; font-size:0;}
#subVisual .txt-box {max-width:1480px; padding:0 40px; box-sizing:border-box; margin:0 auto; }
#subVisual .txt-box h3 {font-size:5rem; font-weight:700; line-height:6rem; color:#fff; position:absolute; top:50%; transform:translateY(-50%); margin-top:20px;}
#subVisual .subV-gnb {background-color: rgba(12, 24, 48, 0.5); position:absolute; bottom:0; width:100%;}
#subVisual .subV-gnb ul {max-width:1480px; padding:0 40px; box-sizing:border-box; margin:0 auto;}
#subVisual .subV-gnb ul > li {width:20%; border-left:1px solid rgba(255, 255, 255, 0.1);}
#subVisual .subV-gnb ul > li:last-child { border-right:1px solid rgba(255, 255, 255, 0.1); }
#subVisual .subV-gnb ul > li > a {width:100%; height:60px; font-size:1.4rem; font-weight:700; line-height:1.68rem; color:#fff; position:relative; padding:0 10px; box-sizing:border-box; transition:.3s;}
#subVisual .subV-gnb ul > li.active > a {background-color:#fff; color:#0C1830; font-weight:800;}
#subVisual .subV-gnb ul > li:hover > a {background-color:#fffbfb2e;}
#subVisual .subV-gnb ul > li.active:hover > a {background-color:#fff; }
#subVisual .subV-gnb.nav-fixed {position:fixed; top:0; left:0; width:100%; height:60px; background-color: rgb(12, 24, 48); z-index:1;}


/* ################################################
    콘텐츠(=서브) 페이지
*/
/* ========================================================
	공통 스타일
======================================================== */
.nice-select:focus {border-width:2px;}
table caption {font-size:0;}
.sel-box .nice-select:after {background-image:url('/assets/images/ico_sel_down.svg'); border-bottom:none; border-right:none; margin-top:-4px; width:10px; height:5.5px; background-position:center; background-size:cover; background-repeat:no-repeat; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.sel-box .nice-select.open:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.popup{display: none; position: fixed; left: 0; top: 0; z-index:1000; width: 100%; height: 100%;}
.popup .pop_wrap{display: flex; width:1200px; height: 100%; margin:0 auto; justify-content: center; align-items: center;}
.popup .size{width: 100%; max-width: 905px; margin: 0 auto;}
.popup .pop_inner{width:100%; background-color: #fff; padding: 50px 40px 50px; box-sizing: border-box; position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.popup .pop_cont{margin-top: 20px;}
.popup .btnSet{margin-top: 40px;}
.small_modal{display: block;}
.small_modal .size{max-width: 480px;}
.small_modal .pop_inner{padding: 35px;}
.small_modal .pop_cont{margin-top: 0; text-align: center;}
.small_modal .txt_box p{font-size: 1.9rem; text-align: center; font-weight:500; font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Noto Sans KR', sans-serif;}
.small_modal .btnSet{margin-top: 30px;}
.btns {height:50px; padding:5px 10px; border-radius:5px; box-sizing:border-box; transition:.3s;}
.btns > a {display:block; color:#fff; font-size:1.4rem; font-weight:900;}
.btn.lime{background-color: #0C1830;}
.btn.gr{background-color: #444949;}
.btnSet .btn{margin-left: 5px; font-size:1.4rem; padding:0 10px; box-sizing: border-box; height:40px; line-height:40px; min-width:120px; color:#fff; text-align:center; font-weight:700; text-decoration:none; white-space:nowrap; display:inline-block; vertical-align:baseline; cursor:pointer; text-align:center; border-radius: 5px; outline: none; border: none;}
.btnSet .btn:first-child{margin-left: 0;}
.btn-navy {width:120px; height:50px; line-height:40px; padding:5px 10px; background-color:#0C1830; border-radius:5px; box-sizing:border-box; transition:.3s;}
.btn-navy .go-btn {position:relative; padding-left:10px; display:block;  color:#fff; font-size:1.4rem; font-weight:900;}
.btn-calc {width:180px; padding:0;}
.reset-btn {width:120px; height:50px; border-radius:5px; box-sizing:border-box; background-color:#666666; transition:.3s; color:#fff; font-size:1.4rem; font-weight:700;}
.reset-btn:hover {background-color:#333333; box-shadow: 2px 2px 10px 0px #0000001A;color:#fff;}
.btn-navy:hover {background-color:#002060; box-shadow: 2px 2px 10px 0px #0000001A;}
.copy-btn {width:87px; height:30px; display:block; box-sizing:border-box; font-size:1.3rem; line-height:30px; font-weight:700; color:#fff; background-color:#666666; border-radius:5px; text-align:center; transition:.3s;}
.prev-btn {position:relative; width:100%; height:100%; padding-left:20px; color:#fff; font-size:1.4rem; font-weight:900;}
.prev-btn:hover {color:#fff;}
.prev-btn:before {position:absolute; display:block; content:''; clear:both; background-image:url('/assets/images/ico_mypage_prev.svg'); background-repeat:no-repeat; width:15px; height:15px; left:14px; top:50%; margin-top:-7.5px;}
.copy-btn:hover {background-color:#333333; box-shadow: 2px 2px 10px 0px #0000001A; color:#fff;}
.show-btn {position:relative; width:100%; height:100%; padding-left:20px; color:#fff; font-size:1.4rem; font-weight:900;}
.show-btn:before {position:absolute; display:block; content:''; clear:both; background-image:url('/assets/images/ico_calc.svg'); background-repeat:no-repeat; width:20px; height:20px; left:38px; top:50%; margin-top:-10px; background-size:20px 20px;}
.show-btn.active:before { background-image:url('/assets/images/ico_pay_finish.svg');}
.show-btn.pay-finish {border:none !important; padding-left:36px;}
/* .show-btn.pay-finish:before { background-image:url('/assets/images/ico_pay_finish.svg');position:absolute; display:block; content:''; clear:both;  background-repeat:no-repeat; width:20px; height:20px; left:38px; top:50%; margin-top:-10px; background-size:20px 20px;} */
.show-btn:hover {color:#fff;}
.btn-box.finish {position:relative;}
.btn-box.finish:before { background-image:url('/assets/images/ico_pay_finish.svg');position:absolute; display:block; content:''; clear:both;  background-repeat:no-repeat; width:20px; height:20px; left:52px; top:50%; margin-top:-10px; background-size:20px 20px; z-index:1;}
.title {font-size:2rem; font-weight:700; line-height:2.4rem; color:#0C1830;}


#sub { font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Noto Sans KR', sans-serif;}
#sub .container {width:100%; max-width:1480px; padding:0 40px; margin:0 auto; box-sizing:border-box;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.pb80 {padding-bottom:80px;}
.pb100 {padding-bottom:100px;}
.height100 {height:100%;}
.mt17 {margin-top:17px;}
.mt37 {margin-top:37px;}
.fw500 {font-weight:500;}
.br0 {border-right:0 !important;}
.ml3 {margin-left:3px;}
.mr5 {margin-right:5px;}
.tit-point {font-size:1.5rem; font-weight:700; color:#5AD2D2;}



/* loan (대출현황조회)  index페이지*/
.loan .index .tit-area p {font-size:1.6rem; line-height:1.92em; font-weight:500; color:#333333;}
.loan .index .tit-area p > span {font-size:2.4rem; line-height:2.88rem; font-weight:800; color:#002060;}
.tit-area select ~ .nice-select {width:100%; min-width:168px; height:50px; line-height:38px; padding:5px 10px; font-family: 'Interop';}
.loan .index .cont-area {background-color:#f9f9f9; padding:25px 30px; box-sizing:border-box; border-radius:10px;}
.loan .index .cont-area .top-txt .txt-area .txt-wrap {font-size:1.6rem; line-height:2.08rem; font-weight:500; color:#666666;}
.loan .index .cont-area .top-txt .txt-area .txt-wrap span {font-weight:700; color:#333333;}
.loan .index .cont-area .top-txt .left .txt-area .txt-wrap > p {padding-right:10px; position:relative;}
.loan .index .cont-area .top-txt .left .txt-area .txt-wrap > p:after {position:absolute; content:''; display:block; clear:both; width:1px; height:12px; background-color:#e3e3e3; top:50%; margin-top:-6px; left:100%;}
.loan .index .cont-area .top-txt .left .txt-area .txt-wrap span {font-weight:700; color:#333333; padding-left:10px;}
.loan .index .cont-area .top-txt .txt-area .txt-wrap .copy-btn {width:87px; height:30px; display:block; box-sizing:border-box; font-size:1.3rem; line-height:30px; font-weight:700; color:#fff; background-color:#666666; border-radius:5px; text-align:center; margin-left:14px; transition:.3s;}
.loan .index .cont-area .top-txt .txt-area .txt-wrap .copy-btn:hover {background-color:#333333;}
.loan .index .cont-area .des-txt {border:1px solid #e8e8e8; border-radius:5px; margin-top:10px; box-sizing:border-box; background-color:#fff;}
.loan .index .cont-area .des-txt .show-box {padding:20px 30px 15px; transition:.3s; border-radius:5px 5px 0 0;}
.loan .index .cont-area .des-txt .des-list li:not(:last-child) {padding-right:30px; border-right:1px solid #e8e8e8;}
.loan .index .cont-area .des-txt .des-list li:not(:first-child) {padding-left:30px;}
.loan .index .cont-area .des-txt .des-list li:nth-of-type(3) > div {width:164px;}
.loan .index .cont-area .des-txt .des-list li > div > p {font-size:1.6rem; line-height:2.08rem; font-weight:500; color:#0c1830;}
.loan .index .cont-area .des-txt .des-list li > div > span {font-size:2rem; line-height:2.6rem;}
.loan .index .cont-area .des-txt .des-list li:nth-child(odd) > div > span {font-weight:600; color:#666666;}
.loan .index .cont-area .des-txt .des-list li:nth-child(even) > div > span {font-weight:700; color:#002060;}
.loan .index .cont-area .des-txt .des-list li > div > span > i {font-weight:400; font-style:normal;}
.loan .index .cont-area .des-txt .btn-box:hover {background-color:#002060; box-shadow: 2px 2px 10px 0px #0000001A;}
.loan .index .cont-area .des-txt .btn-box img {width:15px; height:15px;}
.loan .index .cont-area .des-txt .btm-box > a {display:block; height:32px; background-color:#F3F3F3; transition:.3s; border-radius:0 0 5px 5px;}
.loan .index .cont-area .des-txt:hover .btm-box > a {background-color:#0C1830;}
.loan .index .cont-area .des-txt .btm-box > a > div > p {font-size:1.4rem; line-height:1.82rem; font-weight:700; color:#0C1830;}
.loan .index .cont-area .des-txt:hover .btm-box > a > div > p {color:#fff;}
.loan .index .cont-area .des-txt .btm-box > a > div > .circle {width:18px; height:18px; border-radius:9px; background-color:#0C1830; position:relative; font-size:0; transition:.3s;}
.loan .index .cont-area .des-txt .btm-box > a > div > .circle:after {display:block; content:''; clear:both; position:absolute; background-image:url('/assets/images/ico_mypage_arr_down.svg'); background-position:center; background-repeat:no-repeat; width:8px; height:4px; top:50%; margin-top:-2px; left:50%; margin-left:-4px; transition:.3s;}
.loan .index .cont-area .des-txt .hide-box {padding:30px; display:none;}
.loan .index .cont-area .des-txt .hide-box .table-area-box > p {font-size:1.6rem; font-weight:500; line-height:2.08rem; color:#0C1830;}
.box.current-list .table-area {border:1px solid #B8B8B8; border-radius:5px;}
.box.current-list .table-area tr th:first-child {border-radius:5px 0 0 0;}
.box.current-list .table-area tr th:last-child {border-radius:0 5px 0 0;}

.box.current-list .table-area .list tr td:not(:last-child) {border-bottom:1px solid #e8e8e8;}
.box.current-list .table-area tr th:not(:last-child), .box.current-list .table-area tr td:not(:last-child) {border-right:1px solid #e8e8e8;}
.box.current-list .table-area tbody tr:not(:last-child) {border-bottom:1px solid #e8e8e8;}
.loan .index .box .table-area .list:not(.list8) {border-bottom:1px solid #e8e8e8;}
.box.current-list .table-area tr th {font-size:1.4rem; font-weight:700; color:#111111; background-color:#fbfbfb; height:50px; line-height:49px; text-align:center;}
.box.current-list .table-area tr td {font-size:1.4rem; font-weight:500; color:#444444; padding:0 15px; box-sizing:border-box; height:50px;}
.loan .index .cont-area .des-txt.active {border-color:#c3cddf;}
.loan .index .cont-area .des-txt.active .show-box {background-color:#F3F7FC;}
.loan .index .cont-area .des-txt.active .btm-box > a {background-color:#0C1830;}
.loan .index .cont-area .des-txt.active .btm-box > a > div > p {display:none;}
.loan .index .cont-area .des-txt.active .btm-box > a > div > .circle {background-color:#fff;}
.loan .index .cont-area .des-txt.active .btm-box > a > div > .circle:after {background-image:url('/assets/images/ico_mypage_arr_up.svg');}

/* loan (대출현황조회)  view페이지*/
.loan .view .cont-area .cont-box {border:1px solid #C3CDDF; border-radius:10px; margin-top:15px;}
.loan .view .cont-area .cont-box .tit-txt {background-color:#F3F7FC; height:60px; box-sizing:border-box; padding:10px 30px; border-radius:10px 10px 0 0;}
.loan .view .cont-area .cont-box .tit-txt > h3 {font-size:2.2rem; font-weight:800; line-height:2.86rem; color:#002060;}
.loan .view .cont-area .cont-box .tit-txt .status-box > a {width:80px; height:40px; padding:5px 10px; border-radius:5px; border-width:2px; border-style:solid; display:block; text-align:center; line-height:28px; box-sizing:border-box; font-weight:800; font-size:1.4rem;}
.loan .view .cont-area .cont-box .tit-txt .status-box > .overdue {border-color:#CF0A0A; color:#CF0A0A;}
.loan .view .cont-area .cont-box .tit-txt .status-box > .repay {border-color:#003ebb; color:#003ebb;}
.loan .view .cont-area .cont-box .des-area {padding:0 30px; box-sizing:border-box;}
.loan .view .cont-area .cont-box .des-area .top-wrap {padding:10px 0; box-sizing:border-box; border-bottom:1px solid #E8E8E8;}
.loan .view .cont-area .cont-box .des-area .top-wrap .txt-wrap {text-align:right;}
.loan .view .cont-area .cont-box .des-area .top-wrap .txt-wrap p {font-size:1.4rem; font-weight:700; line-height:1.82rem; color:#333333; padding-right:10px; position:relative;}
.loan .view .cont-area .cont-box .des-area .top-wrap .txt-wrap p:after {position:absolute; content:''; clear:both; display:block; width:1px; height:12px;  background-color:#e3e3e3; top:50%; margin-top:-6px; left:100%;}
.loan .view .cont-area .cont-box .des-area .top-wrap .txt-wrap span {padding-left:10px;}
.loan .view .cont-area .cont-box .des-area .top-wrap .txt-wrap:first-child span {font-size:2rem; font-weight:600; line-height:2.6rem; color:#666666;}
.loan .view .cont-area .cont-box .des-area .top-wrap .txt-wrap:first-child span > i {font-style:normal; font-size:1.6rem; font-weight:400; line-height:2.08rem;}
.loan .view .cont-area .cont-box .des-area .top-wrap .txt-wrap:last-child span {font-size:1.6rem; font-weight:700; line-height:2.08rem; color:#002060;}
.loan .view .cont-area .cont-box .des-area .des-wrap {padding:10px 0 15px; box-sizing:border-box; letter-spacing:-0.1rem;}
.loan .view .cont-area .cont-box .des-area .des-wrap .txt-wrap p {font-size:1.6rem; font-weight:700; color:#333333; padding-right:10px; position:relative;}
.loan .view .cont-area .cont-box .des-area .des-wrap .txt-wrap span {padding-left:10px;}
.loan .view .cont-area .cont-box .des-area .des-wrap .txt-wrap p:after {position:absolute; content:''; clear:both; display:block; width:1px; height:12px;  background-color:#e3e3e3; top:50%; margin-top:-6px; left:100%;}
.loan .view .cont-area .cont-box .des-area .des-wrap .left .txt-wrap span {font-size:1.6rem; line-height:2.08rem; font-weight:400; color:#666666;}
.loan .view .cont-area .cont-box .des-area .des-wrap .left .bold > p {color:#111111;}
.loan .view .cont-area .cont-box .des-area .des-wrap .left .bold > span {font-weight:700; color:#002060;}
.loan .view .cont-area .cont-box .des-area .des-wrap .right .txt-wrap span {font-size:2rem; font-weight:700;}
.loan .view .cont-area .cont-box .des-area .des-wrap .right .txt-wrap span > i {font-size:1.6rem; font-weight:400; line-height:2.08rem; font-style:normal;}
.loan .view .cont-area .cont-box .des-area .des-wrap .right .txt-wrap:first-child span {color:#666666;}
.loan .view .cont-area .cont-box .des-area .des-wrap .right .txt-wrap:last-child span {color:#002060;}
.box.current-list .table-area .list9 {width:120px;}
.box.current-list .table-area .list9 a {display:block; width:63px; height:30px; font-size:1.3rem; font-weight:700; line-height:30px; color:#fff; background-color:#666666; transition:.3s; border-radius:5px; text-align:center;}
.box.current-list .table-area .list9 a {display:block; width:63px; height:30px; font-size:1.3rem; font-weight:700; line-height:30px; color:#fff; background-color:#666666; transition:.3s; border-radius:5px; text-align:center;}
.box.current-list .list9 > p {padding:0;}
.box.current-list .table-area .list:not(.list9) {border-right:1px solid #e8e8e8;}
.box.current-list .current .table-area .list > h4 {background-color:#F4F6F8;}
.box.current-list .current .table-area tr th {background-color:#F4F6F8;}
.loan .view .section3 .box .table-area .list:not(.list8) {border-right:1px solid #e8e8e8;}
.loan .view .section3 .box .table-area .list1 {width:120px;}
.loan .view .section3 .box .table-area .list2 {width:150px;}
.loan .view .section3 .box .table-area .list3 {width:180px;}
.loan .view .section3 .box .table-area .list4 {width:180px;}
.loan .view .section3 .box .table-area .list5 {width:380px;}
.loan .view .section3 .box .table-area .list6 {width:150px;}
.loan .view .section3 .box .table-area .list7 {width:120px;}
.loan .view .section3 .box .table-area .list8 {width:120px;}


/* release (출고하기)  index페이지*/
.srch-area .srch-wrap {width:563px; margin:0 auto; padding:10px; box-sizing:border-box; border-radius:35px; background-color:#f9f9f9;;}
.srch-area .srch-wrap .ipt-box {width:calc(100% - 55px); height:50px; border-radius:25px; padding:10px 20px; box-sizing:border-box; background-color:#fff;}
.srch-area .srch-wrap input {border:none; padding:0; height:100%; width:100%; font-size:1.6rem; font-weight:400;  font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Noto Sans KR', sans-serif;}
.srch-area .srch-wrap input::placeholder {color:#999999;}
.srch-area .srch-wrap input:focus {border:none; outline:none;}
.srch-area .srch-wrap .ipt-box:focus-within {border:1px solid #0c1830;}
.srch-area .srch-wrap .img-box {width:50px; height:50px; border-radius:25px; background-color:#0c1830;}
.srch-area .srch-wrap .calendar_wrap > .calendar:focus-within {border:1px solid #0c1830 !important;}
.release .cont-area .cont-wrap > p {font-size:1.6rem; font-weight:500; line-height:1.92rem; color:#333333; padding-bottom:5px}
.pagenate {padding:30px 0 77px;}
.pagenate .pagination { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center;  -webkit-box-align: center; -moz-box-align: center; -ms-flex-align:center; -webkit-align-items: center; align-items:center; gap:4px;}
.pagenate .pagination li a:hover {color:#002060; background-color:#f3f7fc;}
.pagenate .pagination li a {display:block; position:relative; width:36px; height:36px; border-radius:18px; box-sizing:border-box;font-size:1.5rem; font-weight:500; color:#333333; text-align:center; line-height:36px;}
.pagenate .pagination li a[rel="prev"] {background-image:url('/assets/images/ico_page_prev.svg'); background-position:center; background-repeat:no-repeat; border:1px solid #e8e8e8; font-size:0;}
.pagenate .pagination li a[rel="prev"]:hover {background-image:url('/assets/images/ico_page_prev_on.svg'); background-color:#fff;}
.pagenate .pagination li a[rel="next"] {background-image:url('/assets/images/ico_page_next.svg'); background-position:center; background-repeat:no-repeat; border:1px solid #e8e8e8; font-size:0;}
.pagenate .pagination li a[rel="next"]:hover {background-image:url('/assets/images/ico_page_next_on.svg'); background-color:#fff;}
.pagenate .pagination li a > span.first {display:block; width:100%; height:100%; border-radius:18px; background-image:url('/assets/images/ico_page_start.svg'); background-position:center; background-repeat:no-repeat; background-size:10px 9px; border:1px solid #e8e8e8; font-size:0;}
.pagenate .pagination li a > span.first:hover {background-image:url('/assets/images/ico_page_start_on.svg'); background-size:unset; background-color:#fff;}
.pagenate .pagination li a > span.last {background-image:url('/assets/images/ico_page_end.svg'); background-position:center; background-repeat:no-repeat; background-size:10px 9px; border:1px solid #e8e8e8; font-size:0; width:100%; height:100%; display:block; border:1px solid #e8e8e8; font-size:0; border-radius:18px;} 
.pagenate .pagination li a > span.last:hover {background-image:url('/assets/images/ico_page_end_on.svg'); background-size:unset; background-color:#fff;}
.pagenate .pagination > li.active > a {color:#fff; background-color:#002060; font-weight:700;} 
.release .info-area .txt-area {padding:27px 28px; box-sizing:border-box; background-color:#F4F6F8; border-radius:5px;}
.release .info-area .txt-area .img-box {width:50px; height:50px;}
.release .info-area .txt-area .txt-box p {font-size:1.6rem; font-weight:500; line-height:2.4rem; color:#0c1830;}
.release .info-area .txt-area .txt-box .bold {font-weight:700;}
.release .info-area .txt-area .txt-box .point {font-weight:800; color:#5AD2D2;}
.release .prev-btn {padding-left:0;}
.release .prev-btn:before {display:none;}


/* release (출고하기)  view페이지*/
.tbl-area {border:1px solid #B8B8B8; border-radius:5px; box-sizing:border-box;}
.tbl-area .list h4 {font-size:1.4rem; font-weight:700; padding:15px; box-sizing:border-box;}
.tbl-area1 .list > h4 { height:50px; background-color:#F4F6F8; color:#0c1830; text-align:center;}
.tbl-area1 .list > p {font-size:1.4rem; font-weight:500; padding:15px; box-sizing:border-box; height:50px; color:#666666;}
.tbl-area .list:first-child > h4 {border-radius:5px 0 0 0;}
.tbl-area1 .list:last-child > h4 {border-radius:0 5px 0 0;}
.tbl-area1 .list:not(:last-child) {border-right:1px solid #e8e8e8;}.tbl-area {border:1px solid #B8B8B8; border-radius:5px; box-sizing:border-box;}
.tbl-area table tr th {font-size:1.4rem; font-weight:700; padding:15px; box-sizing:border-box;}
.tbl-area1 table tr th { height:50px; background-color:#F4F6F8; color:#0c1830; text-align:center;}
.tbl-area1 table tr td {font-size:1.4rem; font-weight:500; padding:15px; box-sizing:border-box; height:50px; color:#666666;}
.tbl-area table thead tr th:first-child {border-radius:5px 0 0 0;}
.tbl-area1 table thead tr th:last-child {border-radius:0 5px 0 0;}
.tbl-area1 table thead tr th:not(:last-child) {border-right:1px solid #e8e8e8;}
.tbl-area1 table tbody tr td:not(:last-child) {border-right:1px solid #e8e8e8;}
.tbl-area1 table tbody tr:not(:last-child) {border-bottom:1px solid #e8e8e8;}


.regist_date{position: relative; /*padding-right: 276px;*/ box-sizing: border-box;}
.calendar_wrap{display:flex; align-items:center; gap:5px; width: 100%;}
.calendar{/*float:left; width: calc(50% - 100px); width: -webkit-calc(50% - 100px);*/ position:relative; display:inline-block; height:100%;}
.calendar input[type="text"]{width: 100%; max-width: 100%; margin:0;}
.calendar + span{/*float:left;*/ width: 20px; height: 40px; line-height: 40px; display:block; text-align: center;}
.calendar span.calendar_icon{display: block; width: 24px; height: 24px; cursor:pointer; position:absolute; right:10px; top:50%; margin-top:-13px; font-size: 0; text-indent: -9999px; color:#333; background-image: url('/assets/images/ico_calendar.svg'); background-repeat: no-repeat; background-position: 50% 50%; padding: 0; line-height: initial; box-shadow: none; border-radius: 0; border: 0; background-color: transparent;}

.tbl-area2 .list h4 {width:120px; background-color:#F9F9F9; border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.tbl-area2 tr th { background-color:#F9F9F9; border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.tbl-area2 tr th p {width:fit-content; position:relative;}
.tbl-area2 tr th p .dot {position:absolute; width:5px; height:5px; border-radius:2.5px; background-color:#5AD2D2; top:0; right:-10px;}
.tbl-area2 tr td {height:50px;}
.tbl-area2 .list:first-child h4 {border-radius:5px 0 0 0;}
.tbl-area2 tr:first-child th {border-radius:5px 0 0 0;}
.tbl-area2 .list:last-child h4 {border-bottom:none; border-radius:0 0 0 5px;}
.tbl-area2 tr:last-child th {border-bottom:none; border-radius:0 0 0 5px;}
.tbl-area2 .list .td-box {width:580px; padding:4px 15px; box-sizing:border-box; border-bottom:1px solid #E8E8E8;}
.tbl-area2 tr .td-box {padding:4px 15px; box-sizing:border-box; border-bottom:1px solid #E8E8E8; width: 100%; height:100%;}
.tbl-area2 .list:last-child .td-box {width:1280px; border-bottom:none;}
.tbl-area2 tr:last-child .td-box { border-bottom:none;}
.tbl-area2 .list .td-box .ipt-box, .tbl-area2 .list2 .left .td-box .calendar_wrap p {border:1px solid #e8e8e8; border-radius:5px; height:50px; box-sizing:border-box; padding:5px 10px;}
.tbl-area2 tr .td-box .ipt-box, .tbl-area2 .tr2 .td-box .calendar_wrap p {border:1px solid #e8e8e8; border-radius:5px; height:50px; box-sizing:border-box;}
.tbl-area2 tr .td-box .ipt-box, .tbl-area2 .tr2 .td-box .calendar_wrap p input { padding:5px 10px; box-sizing:border-box;}
.tbl-area2 .list .td-box .ipt-box:focus-within {border:2px solid #88bfff;}
.tbl-area2 tr .td-box .ipt-box:focus-within {border:2px solid #88bfff;}
.tbl-area2 .list .td-box .calendar:focus-within {border:2px solid #88bfff !important;}
.tbl-area2 tr .td-box .calendar:focus-within {border:2px solid #88bfff !important;}
.tbl-area2 .list .td-box input {border:none; width:100%; height:100%; outline:none;}
.tbl-area2 tr .td-box input {border:none; width:100%; height:100%; outline:none;}
.tbl-area2 .list .td-box input:focus {border:none !important; outline:none !important;}
.tbl-area2 tr .td-box input:focus {border:none !important; outline:none !important;}
.tbl-area2 .list1 .left, .tbl-area2 .list2 .left {border-right:1px solid #e8e8e8;}
.tbl-area2 .tr1 th, .tbl-area2 .tr2 .th {border-right:1px solid #e8e8e8;}
.tbl-area2 .list1 .right .td-box .ipt-box {width:160px;}
.tbl-area2 .tr1 .right .td-box .ipt-box {width:160px;}
.tbl-area2 .list2 .left .td-box .calendar_wrap p {width:160px;}
.tbl-area2 .tr2 .td-box .calendar_wrap p {width:160px;}
.tbl-area2 .list2 .left .td-box .calendar_wrap input[type="text"] {font-size:1.6rem; font-weight:500; color:#333333; font-family: 'Interop'; letter-spacing:-0.1rem;}
.tbl-area2 .tr2 .td-box .calendar_wrap input[type="text"] {font-size:1.6rem; font-weight:500; color:#333333; font-family: 'Interop'; letter-spacing:-0.1rem;}
.tbl-area2 .list .td-box .radio_box label:not(.radio_box label.error) {font-size:1.4rem; font-weight:500;}
.tbl-area2 tr .td-box .radio_box label:not(.radio_box label.error) {font-size:1.4rem; font-weight:500;}
.tbl-area2 .list1 .td-box .txt-box {font-size:1.6rem; font-weight:500; color:#666666;}
.tbl-area2 .tr1 .td-box .txt-box {font-size:1.6rem; font-weight:500; color:#666666;}
.tbl-area2 .td-box input[type="text"]::placeholder, .tbl-area2 .td-box input[type="text"] {font-size:1.6rem; font-weight:500; color:#333333; font-family: 'Interop'; letter-spacing:-0.1rem;}
.tbl-area2 .radio_box label:before {border-color:#081634;}
.tbl-area2 .radio_box label:after {background-color:#fff;}
.tbl-area2 .radio_box input[type="radio"]:checked ~ label:before {background-color:#081634;}

.tbl3-tit-area.tit-area .txt-wrap span {font-size:1.6rem; font-weight:500; line-height:2.08rem; color:#666666;}
.tbl3-tit-area.tit-area .txt-wrap i {font-style:normal; font-size:1.6rem; font-weight:700; line-height:2.08rem; color:#333333}
.tbl3-tit-area.tit-area .txt-wrap p {font-size:1.6rem; font-weight:700; line-height:2.08rem; color:#333333;}

.tbl-area3 .tbl-area3-wrap {padding:21px 26px; box-sizing:border-box; background-color:#F3F7FC; border:1px solid #c3cddf; border-radius:5px;}
.tbl-area3 .tbl-area3-wrap > .list {padding:0 40px; box-sizing:border-box;}
.tbl-area3 .tbl-area3-wrap > .list1 {padding:0 40px 0 0;}
.tbl-area3 .tbl-area3-wrap > .list > span {display:block; font-size:1.6rem; font-weight:500; line-height:2.08rem; color:#0c1830;}
.tbl-area3 .tbl-area3-wrap > .list > p {font-size:2rem; font-weight:700; line-height:2.6rem; color:#002060; margin-top:5px;}
.tbl-area3 .tbl-area3-wrap > .list > p > i {font-style:normal; font-weight:400;}
.tbl-area3 .tbl-area3-wrap > .list1 > p {font-weight:600; color:#666666;}
.tbl-area3 .tbl-area3-wrap > .list1, .tbl-area3 .tbl-area3-wrap > .list2, .tbl-area3 .tbl-area3-wrap > .list3 {position:relative;}
.tbl-area3 .tbl-area3-wrap > .list1:after, .tbl-area3 .tbl-area3-wrap > .list2:after, .tbl-area3 .tbl-area3-wrap > .list3:after {position:absolute; content:''; display:block; clear:both; left:100%; top:50%; transform:translate(-50%, -50%);}
.tbl-area3 .tbl-area3-wrap > .list1:after {width:1px; height:50px; background-color:#E8E8E8;}
.tbl-area3 .tbl-area3-wrap > .list2:after, .tbl-area3 .tbl-area3-wrap > .list3:after {width:28px; height:28px; background-color:#fff; border-radius:14px; background-position:center; background-repeat:no-repeat;}
.tbl-area3 .tbl-area3-wrap > .list2:after {background-image:url('/assets/images/ico_plus.svg');}
.tbl-area3 .tbl-area3-wrap > .list3:after {background-image:url('/assets/images/ico_equal.svg'); background-size:11px;}
.release .info-area .txt-area .txt-box .pay-finish {display:flex; width:62px; height:23px; align-items:center; justify-content:center; background-color:#0c1830; border-radius:4px; font-size:1.5rem; font-weight:700; color:#fff; margin:0 3px 0 5px;}
.release .view .section3 {display:none;}

/* 출고신청내역 index 페이지 */
.request .srch-area .srch-wrap {width:897px;}
.request .srch-area .srch-wrap > .ipt-box {width:461px;}
.request .srch-area .srch-wrap > p {font-size:1.6rem; font-weight:700; color:#0c1830;}
.request .srch-area .srch-wrap .calendar_wrap > .calendar {width:130px; height:50px; border-radius:25px; box-sizing:border-box;}
.request .srch-area .srch-wrap .calendar_wrap > .calendar > input[type="text"] {border-radius:25px; padding:10px; box-sizing:border-box; font-size: 1.6rem; font-weight: 500; color: #333333; font-family: 'Interop'; letter-spacing: -0.1rem;}
.request .out-list .table-area .list1 {width:100px;}
.request .out-list .table-area .list2 {width:120px;}
.request .out-list .table-area .list4 {width:150px;}
.request .out-list .table-area .list5 {width:150px;}
.request .out-list .table-area .list6 {width:280px;}
.request .out-list .table-area .list7 {width:150px;}
.request .out-list .table-area .list8 {width:100px;}
.request .out-list .table-area .list9 {width:100px; border-right:1px solid #e8e8e8;}
.request .out-list .table-area .list10 {width:100px;}
.box.current-list .current .table-area tr  td a {display:block; width:63px; height:30px; font-size:1.3rem; font-weight:700; line-height:30px; color:#fff; background-color:#666666; transition:.3s; border-radius:5px; text-align:center;}
.box.current-list .current .table-area tr  td a:hover {background-color:#333333; box-shadow: 2px 2px 10px 0px #0000001A;}

/* 출고신청내역 view 페이지 */
.request .view .section3 {display:block;}
.request .view .section2 .tbl-area2 .list .td-box p {font-family: 'Interop';}
.request .view .section2 .tbl-area2 .list1 .td-box p, .request .view .section2 .tbl-area2 .list2 .left .td-box p, .request .view .section2 .tbl-area2 .list3 .td-box p {font-size:1.6rem; font-weight:500; color:#333333;}
.request .view .section2 .tbl-area2 .list2 .right .td-box p {font-weight:700;}
.request .view .section4 .status-area > div {height:65px; border-radius:6px;}
.request .view .section4 .status-area p {font-size:2rem; font-weight:700; color:#fff; letter-spacing:0;}
.request .view .section4 .status-area .deposit {background-color: #666666;}
.request .view .section4 .status-area .deposit a {width:94px; height:33px; border-radius:4px; border:1px solid rgba(255, 255, 255, 0.2); font-size:1.4rem; font-weight:500; color:#fff; letter-spacing:0;}
.request .view .section4 .status-area .release {background-color:#333333; /*display:none;*/}
.request .view .section4 .status-area .release p {color:#5ad2d2;}
.request .view .section4 .status-area .finish {background-color:#999999; /*display:none;*/}

/* 담보현황조회 index 페이지 */
.collateral .cont-area .tit-area p {font-size:1.6rem; font-weight:500; line-height:1.92rem; color:#333333;}
.collateral .cont-area .tit-area span {font-size:2.4rem; font-weight:800; line-height:2.88rem; color:#002060;}
.collateral .cont-area .tit-area .btn-navy {height:40px; padding:0;}
.collateral .cont-area .tit-area .btn-navy > a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; font-size:1.4rem; font-weight:900;}

/*  창고료조회 index 페이지 */
.storage .srch-area .srch-wrap {width:324px;}
.storage .srch-area .srch-wrap .sel-box .nice-select {height:50px; line-height:48px; border-radius:25px; border-width:0; box-sizing:border-box;}
.storage .srch-area .srch-wrap .sel-box:first-child .nice-select {width:140px;}
.storage .srch-area .srch-wrap .sel-box:nth-of-type(2) .nice-select {width:100px;}
.storage .srch-area .srch-wrap .sel-box .nice-select .current {font-size:1.6rem; font-weight:700; color:#0c1830;}
.storage .section2 .cont-area {border:1px solid #C3CDDF; box-sizing:border-box; border-radius:10px;}
.storage .section2 .cont-area .top-box {background-color:#F3F7FC; padding:15px 30px; box-sizing:border-box; border-radius:10px 10px 0 0;}
.storage .section2 .cont-area .top-box .left {margin-right:13px;}
.storage .section2 .cont-area .top-box .left p {font-size:2.2rem; font-weight:800; line-height:2.86rem; color:#002060;}
.storage .section2 .cont-area .top-box .left span {font-size:1.6rem; font-weight:400; line-height:2.08rem;}
.storage .section2 .cont-area .top-box .right p {font-size:2rem; font-weight:800; line-height:2.6rem; color:#333333;}
.storage .section2 .cont-area .top-box .right span {font-weight:400;}
.storage .section2 .cont-area .btm-box {padding:30px 30px 15px; box-sizing:border-box;}
.storage .section2 .cont-area .btm-box .info-box .list {box-sizing:border-box;}
.storage .section2 .cont-area .btm-box .info-box .list > p {font-size:1.6rem; font-weight:500; line-height:2.08rem; color:#0c1830;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(1) {padding-right:40px;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(1) > span, .storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(3) i, .storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(3) span {font-size:1.8rem; font-weight:500; line-height:2.34rem; color:#666666;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(2) > span {font-size:2rem; font-weight:700; line-height:2.6rem; color:#002060;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(2), .storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(3) {padding:0 40px;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(1), .storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(2) {position:relative;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(1):after, .storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(2):after {position:absolute; display:block; clear:both; content:''; width:1px; height:48px; background-color:#E8E8E8; left:100%; top:50%; margin-top:-24px; margin-left:-0.5px;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(3) i {font-style:normal;}
.storage .section2 .cont-area .btm-box .info-box .list:nth-of-type(3) .copy-btn {margin-left:15px;}
.storage .section2 .cont-area .btm-box .txt-box {margin-top:15px; margin-left:-5px;}
.storage .srch-area .srch-wrap .sel-box .nice-select.open {border-radius:25px 25px 0 0;}
.storage .srch-area .srch-wrap .sel-box .nice-select ul.list {border-radius:0 0 25px 25px; margin-top:0; box-shadow:none; background-color:#F9F9F9; box-sizing:content-box;}
.storage .srch-area .srch-wrap .sel-box .nice-select ul.list li {font-size:1.6rem; font-weight:700; color:#0c1830;}
.storage .srch-area .srch-wrap .sel-box .nice-select:focus {border-color:transparent;}
.storage .srch-area .srch-wrap .sel-box .nice-select.open ul  {border:1px solid #0c1830; border-top:none}
.storage .srch-area .srch-wrap .sel-box .nice-select .option:hover, .storage .srch-area .srch-wrap .sel-box .nice-select .option.focus, .storage .srch-area .srch-wrap .sel-box .nice-select .option.selected.focus {background-color:#fff;}
.storage .srch-area .srch-wrap .sel-box .nice-select:before {position:absolute; display:block;  content:''; clear:both; width:100%; height:100%; border-radius:25px 25px 0 0; left:0; top:0;}
.storage .srch-area .srch-wrap .sel-box .nice-select.open:before {border:1px solid #0c1830; border-bottom:none;}

/* 내 정보수정 inedex 페이지 */
.modify .section1 {width:800px; margin:0 auto;}
.modify .section1 .sel-box .nice-select {height:50px; line-height:48px; border:1px solid #e8e8e8; width:100%; color:#333333; }
.modify .section1 .sel-box .nice-select, .modify .section1 input, .modify .section1 input::placeholder, .modify .section1 .cont-area ul > li > .list > p, .modify .section1 .cont-area ul > li > .list7 .email-box span {font-size:1.6rem; font-weight:500; font-family: 'Interop'; letter-spacing:-0.1rem;}
.modify .section1 input {border:none; background-color:transparent; width:100%; height:100%; font-size:1.6rem; font-weight:500; color:#333333; font-family: 'Interop'; letter-spacing:-0.1rem; padding:5px 10px; box-sizing:border-box;}
.modify .section1 input:focus {border:none; outline:none;}
.modify .section1 input::placeholder {color:#999999;}
.modify .section1 .nice-select:focus {border:2px solid #88bfff;}
.modify .section1 .cont-area ul > li > .list {padding:15px; border-radius:5px; background-color:#f9f9f9;}
.modify .section1  h5 {font-size:1.6rem; font-weight:700; line-height:2.08rem; color:#0c1830; width:fit-content; position:relative;}
.modify .section1 .dot {position:absolute; width:5px; height:5px; border-radius:2.5px; background-color:#5AD2D2; top:0; right:-10px;}
.modify .section1 .cont-area ul > li > .list > p {background-color:#f1f1f1; line-height:2.08rem; color:#333333; padding:5px 10px;}
.modify .section1 .cont-area ul > li > .list > p, .modify .section1 .cont-area ul > li > .list .ipt-box {height:50px; box-sizing:border-box; border-radius:5px;}
.modify .section1 .cont-area ul > li > .list .ipt-box {background-color:#fff; border:1px solid #e8e8e8;}
.modify .section1 .cont-area ul > li > .list .ipt-box:focus-within {border:2px solid #88bfff;}
.modify .section1 .cont-area ul > li > .list7 .check_box label {top:-5px; font-size:1.5rem; font-weight:500; color:#666666; letter-spacing:-0.1rem;}
.modify .section1 .check_box label:before {width:24px; height:24px; margin-top:-12px; box-sizing:border-box; border-color:#0C1830;}
.modify .section1 .cont-area ul > li > .list input[readonly], .modify .section1 .cont-area ul > li > .list input[readonly="readonly"], .modify .section1 .cont-area ul > li > .list input:read-only {background:#F1F1F1;}
.modify .section1 .cont-area ul > li > .list .edit-box {display:none;}
.modify .section1 .cont-area ul > li > .list5 .edit-box .ipt-box {width:640px;}
.modify .section1 .cont-area ul > li > .list7 .email-box > div {width:241.33px;}
.modify .section1 .cont-area ul > li > .list7 .email-box span {color:#666666;}
.modify .section1 .cont-area ul > li > .list8 .zipcode {width:200px;}
.modify .section1 .cont-area ul > li > .list8 .address {width:380px;}
.modify .section1 .cont-area .check_box label {font-size:1.6rem; font-weight:500; line-height:2.08rem; color:#0c1830; letter-spacing:-0.05rem;}
.modify .section1 .cont-area ul > li > .list9 .check_box label span {font-weight:700; padding-right:3px;}
.modify .section1 .cont-area ul > li > .list9 .detail-btn {width: 78px; height: 26px; box-sizing: border-box; border-radius: 4px; border: 1px solid rgba(8, 22, 52, 0.2); padding: 6px 5px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 600; color: #0c1830;}
.modify .section1 .btn-area .btn-navy {width:180px; color:#fff; font-size:1.4rem; font-weight:800; position:relative;}
.modify .section1 .btn-area .btn-navy > span {padding-left:23px;}
.modify .section1 .btn-area .btn-navy:after {width:20px; height:20px; position:absolute; display:block; content:''; clear:both; background-image:url('/assets/images/ico_modify.svg'); background-repeat:no-repeat; background-position:center; background-size:20px 20px; left:40px; top:50%; margin-top:-10px;}

/* 내 정보수정 view (회원탈퇴) 페이지 */
.modify .section1.view .out-list > div {box-sizing:border-box;}
.modify .section1.view .out-list .out-list1 {padding:20px 15px; background-color:#F4F6F8;}
.modify .section1.view .out-list .out-list2, .modify .section1.view .out-list .out-list3 {padding:15px; background-color:#f9f9f9;}
.modify .section1.view .out-list .out-list1 ul > li {position:relative; padding-left:15px; font-size:1.6rem; font-weight:500; color:#666666; font-family: 'Interop'; letter-spacing:-0.05rem;}
.modify .section1.view .out-list .out-list1 ul > li > a {font-weight:700; color:#002060;}
.modify .section1.view .out-list .out-list1 ul > li > a:hover {color:#002060;}
.modify .section1.view .out-list .out-list1 ul > li .dot {left:0; top:50%; margin-top:-2.5px; right:unset}
.modify .section1.view .out-list .out-list3 .ipt-box {height:50px; box-sizing:border-box; border:1px solid #e8e8e8; border-radius:5px;}
.modify .section1.view .btn-area .btn-navy {width:120px; position:static;}