@charset "utf-8"; 


/* 단계박스 : s */
.ui-progress--bar ol { margin-top: 70px; margin-bottom: 40px; font-size: 0; letter-spacing: 0; word-spacing: 0; } 
.ui-progress--bar ol li { display: inline-block; position: relative; width: calc(100% / 4 - -1px); margin-top: -1px; margin-left: -1px; border: 1px solid #ededed; text-align: center; } 
.ui-progress--bar ol li::marker { display: none; } 
.ui-progress--bar ol li:before { display: inline-block; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; z-index: 1; margin-top: -15px; margin-right: -17px; border: 1px solid #F0F0F0; border-radius: 50%; background-color: #fff; background-color: #F0F0F0; content:''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-0.00585938 9.25586L3.84375 5.49414L-0.00585938 1.75L1.04883 0.677734L6.00586 5.49414L1.04883 10.3281L-0.00585938 9.25586Z' fill='black'/%3E%3C/svg%3E%0A"); } 
.ui-progress--bar ol li:last-child:before { display:none; } 

.ui-progress--bar ol li .link,.ui-progress--bar ol li .link.ov { display: block; position: relative; width: 100%; height: 100%; padding: 25px 20px; border: 1px solid transparent; transition: 0.3s; } 


.ui-progress--bar ol li.ov .link { border: 1px solid #3F908C; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07); } 
.ui-progress--bar ol li.ov { background-color: #FFF; } 
.ui-progress--bar ol li.ov strong { color: #222; } 

.ui-progress--bar ol li:after,
.ui-progress--bar ol li .link:before { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: transparent; content: ''; } 
.ui-progress--bar ol li.ov:after { background-color: #3F908C; } 
.ui-progress--bar ol li.ov.cate2:after { background-color: #395FAD; } 
.ui-progress--bar ol li.ov.cate2 .link { border-color: #395FAD; } 

.ui-progress--bar ol li strong { display: block; width: 100%; height: 100%; color: #222; font-weight:bold; font-size: 16px; line-height: 130%; letter-spacing: -0.8px; text-align: center; } 
.ui-progress--bar ol li strong b { display: block; margin-bottom: 3px; color: #555; font-weight: 400; font-size: 15px; line-height: 130%; letter-spacing: -0.75px; text-align: center; } 


.ui-progress--bar ol li .link .title-wrap { display: flex; justify-content: center; align-items: center; height: 40px; } 

.ui-progress--bar ol li .link .status { padding: 4px 10px 3px; border-radius: 5px; color: #fff; } 
.ui-progress--bar ol li .link .status1 { border: 1px solid #3F908C !important; background-color: #3F908C !important; } 
.ui-progress--bar ol li .link .status2 { border: 1px solid #395FAD !important; background-color: #395FAD !important; } 

.ui-progress--bar ol li .link .status::before,
.ui-progress--bar ol li .link .status1::before,
.ui-progress--bar ol li .link .status2::before { display: none; } 

@media (max-width:980px) { 
.ui-progress--bar ol li strong b { display: block; margin-right: 0; margin-bottom: 5px; line-height: 1; } 
 } 

@media (max-width:640px) { 
.ui-progress--bar ol li strong { font-size: 15px; } 
 } 

@media (max-width:580px) { 
.ui-progress--bar ol li { display: block; width: 100%; } 
.ui-progress--bar ol li strong { font-size: 17px; } 
.ui-progress--bar ol li:before { top: auto; bottom: -15px; left: 50%; margin-top: 0; margin-right: 0; margin-left: -17px; transform: rotate(90deg); } 
 } 

@media (max-width:430px) { 
.ui-progress--bar ol li .link { padding: 23px 0; } 
.ui-progress--bar ol li strong { font-size: 16px; } 
 } 
/* 단계박스 : e */


.ui-progress--bar ol li { width: calc(100% / 7 - -1px); } 
.ui-progress--bar ol li strong { margin-bottom: 11px; } 
.ui-progress--bar ol li .link:hover,
.ui-progress--bar ol li .link:focus { border: 1px solid #3F908C; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07); } 

.ui-progress--bar ol li .link:before { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: transparent; content: ''; } 
 .ui-progress--bar ol li .link:hover:before,
 .ui-progress--bar ol li .link:focus:before { background-color: #3F908C; } 
 .ui-progress--bar ol li .link.cate2:hover,
 .ui-progress--bar ol li .link.cate2:focus { border: 1px solid #395FAD; } 
 .ui-progress--bar ol li .link.cate2:hover:before,
 .ui-progress--bar ol li .link.cate2:focus:before { background-color: #395FAD; } 


 .ui-progress--bar.mng ol li {width: calc(100% / 7 - 1px);}
 .ui-progress--bar.mng ol li .link .title-wrap{word-break: keep-all;font-size: 15px;line-height: 1.2;}

@media (max-width:1480px) { 
.ui-progress--bar ol li { width: calc(100% / 4 - -1px); } 
.ui-progress--bar.mng ol li {width: calc(100% / 4 - 1px);}
 } 
 @media (max-width:850px) { 
.ui-progress--bar ol li strong { line-height: 110%; } 
.ui-progress--bar ol li strong b { margin-bottom: 10px; font-size: 14px; } 
.ui-progress--bar ol li:before { right: 6px; width: 20px; height: 20px; } 
.ui-progress--bar ol li strong { font-size: 15px; } 
.ui-progress--bar.mng ol li {width: calc(100% / 3 - 1px);}
 } 
@media (max-width:630px) { 
.ui-progress--bar ol li,.ui-progress--bar.mng ol li  { width: 100%; } 
.ui-progress--bar ol li strong { margin-bottom: 5px; line-height: 130%; } 
.ui-progress--bar ol li strong b { margin-bottom: 5px; font-size: 15px; } 
.ui-progress--bar ol li .link .title-wrap { display: block; height: auto; } 
.ui-progress--bar ol li:before { top: auto; right: 0; bottom: -15px; left: 50%; width: 30px; height: 30px; margin-top: 0; margin-right: 0; margin-left: -17px; transform: rotate(90deg); } 


 } 
 .fe-btn-lg { min-width: 10px; } 

.tablefo { display: flex; align-items: center; } 
 table { position: relative; width: 100%; font-size: 1.2em; } 
 thead th { color: #888; text-align: left; white-space: nowrap; border-bottom: 1px solid #ccc; } 
 th, td,.table > tbody > tr > td { padding: .5em 1em; background-color: #fff; text-align: right; border-bottom: 1px solid #e5e7ee; } 
 .table.type1 > tbody > tr > td { text-align: left; } 
 .table.type2 > tbody > tr > td,.table.type2 > tbody > tr > td > div { text-align: center; } 
 th:first-child,
 td:first-child { text-align: left; } 
 .table.type2 .checkbox-box,.table.type2 .tablefo { justify-content: center; } 
 .checkok { display: none; } 

 #sbusm { display: block; } 

 #sbusm[disabled] { background-color: #eee; } 

 table .radio-inline input[type=radio] { margin-top: -1px; } 
 table .btn[onclick^="goZipCodePopup"] { margin-top: 0; } 

 /*테이블 공통*/
 .table-bordered { border-color: #003F9E; } 
 .table thead th { background-color: #F8F8F8; font-size: 15px; text-align: center; border-top: #003F9E; word-break: break-all !important; } 
 

 .table tbody > tr > th { width: 40%; height: 54px; padding: 0 5px; padding-left: 14px; margin-top: -15px; background-color: #fff; color: #363c5a; font-weight: bold; font-size: 15px; letter-spacing: -1px; vertical-align: middle; border-color: #e5e7ee; } 

.co-name { display: block; padding: 0 5px; padding-left: 14px; color: #363c5a; font-weight: bold; font-size: 15px; line-height: 1.3; letter-spacing: -1px; vertical-align: middle; } 
.help-block.cusb { margin-top: 0; color: #222; font-weight: 700; font-size: 15px; line-height: 1.3; letter-spacing: 0.15px; font-style: normal; } 
.help-block.cusb .fa { width: 21px; height: 21px; margin-right: 7px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%23222222'/%3E%3Cpath d='M9 5.5C9 4.67157 9.67157 4 10.5 4C11.3284 4 12 4.67157 12 5.5V10.5C12 11.3284 11.3284 12 10.5 12C9.67157 12 9 11.3284 9 10.5V5.5Z' fill='white'/%3E%3Ccircle cx='10.5' cy='15.5' r='1.5' fill='white'/%3E%3C/svg%3E%0A"); } 
table .form-control-static .form-group { padding-top: 0; padding-bottom: 0; } 
table .form-control-static .form-group #zip_view { margin-top: 0; margin-bottom: 0; } 
.tablefo .checkbox-box { margin-top: 2px; margin-left: 5px; } 
.table .arrow { display: inline-block; padding: 9px 12px 9px 15px; margin-left: 10px; border-radius: 5px; background: #EFF6FB; color: #003F9E; font-weight: 700; font-size: 15px; line-height: normal; letter-spacing: 0.45px; font-style: normal; } 
.table.a02-1 thead > tr > th br.mo { display: none; } 
.table.a03 tbody > tr > th { width: auto; } 




@media (max-width: 1230px) { 
.table.a02-1 thead > tr > th br.mo { display: block; } 
 } 
@media (max-width: 975px) { 

.table.type2.a02-1,
.table.type2.a02-1 thead,
.table.type2.a02-1 tbody,
.table.type2.a02-1 tr,
.table.type2.a02-1 th,
.table.type2.a02-1 td { display: block; } 

.table.type2.a02-1 { width:100%; overflow:hidden; border-collapse: separate; } 

 .table.type2.a02-1 colgroup,
 .table.type2.a02-1 thead th { display:none; } 
 .table.type2.a02-1 tbody tr { display:block; border-bottom:1px solid #d9d9d9; } 
 .table.type2.a02-1 tbody tr:after { display:block; clear:both; height:0; content:"."; visibility:hidden; } 
 .table.type2.a02-1 tbody tr:nth-child(odd) { background:#f8f8f8; } 
 .table.type2.a02-1 tbody td { display:block; width:100%; padding: 0; text-align:left; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-left: none; border-right: none; } 
 .table.type2.a02-1 tbody tr td:last-child { border-bottom:none; } 
 .table.type2.a02-1 td.subject[data-cell-header]:before,
 .table.type2.a02-1 [data-cell-header]:before { display: block; width: 100%; padding: 15px 10px; background-color: #fff; color:#222; font-weight:bold; font-size:16px; content:attr(data-cell-header); border-bottom: 1px solid #e5e7ee; } 
 .table.type2.a02-1 .checkbox { display:none; } 
.table.a02-1 tfoot > tr > th,.table tbody > tr > th,.table tfoot>tr>td { border-left: none; border-right: none; } 
 .table.type2.a02-1 > tbody > tr > td, .table.type2 > tbody > tr > td > div { text-align: left; } 
 .table.type2.a02-1 > tbody > tr > td > div { display: flex; align-items: center; min-height: 54px; padding: 0 15px; } 
 .table.type2.a02-1 .tablefo, .table.type2 .checkbox-box { justify-content: flex-start; } 
 .table.type2 tfoot { display: block; } 
 } 

 @media (max-width: 750px) { 
table,
thead,
tbody,
tr,
th,
td { display: block; } 
 .table tbody > tr > th { display: flex; align-items: center; width: 100%; margin-top: 0; } 
.visible { display: block !important; } 
th { cursor: pointer; } 
.table.type1 td:first-child, .table.type1 th:first-child { border-right: none; } 
.table.type1 td:last-child, .table.type1 th:last-child { border-left: none; } 

.table.type2 { width:100%; overflow:hidden; border-collapse: separate; } 
 .table.type2 colgroup,
 .table.type2 thead th { display:none; } 
 .table.type2 tbody tr { display:block; border-bottom:1px solid #d9d9d9; } 
 .table.type2 tbody tr:after { display:block; clear:both; height:0; content:"."; visibility:hidden; } 
 .table.type2 tbody tr:nth-child(odd) { background:#f8f8f8; } 
 .table.type2 tbody td { display:block; width:100%; padding: 0; text-align:left; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-left: none; border-right: none; } 
 .table.type2 tbody tr td:last-child { border-bottom:none; } 
 .table.type2 td.subject[data-cell-header]:before,
 .table.type2 [data-cell-header]:before { display: block; width: 100%; padding: 15px 10px; background-color: #fff; color:#222; font-weight:bold; font-size:16px; content:attr(data-cell-header); border-bottom: 1px solid #e5e7ee; } 
 .table.type2 .checkbox { display:none; } 
 .co-name br { display: none; } 
 .table.type1 > tbody > tr > td { min-height: 54px; border-right: none; border-left: none; } 
.table tfoot > tr > th,.table tbody > tr > th,.table tfoot>tr>td { border-left: none; border-right: none; } 
 .table.type1 tbody tr td + .checkbox-box { display: flex; align-items: center; } 

 .table.type2 > tbody > tr > td, .table.type2 > tbody > tr > td > div { text-align: left; } 
 .table.type2 > tbody > tr > td > div { display: flex; align-items: center; min-height: 54px; padding: 0 15px; } 
 .table.type2 .tablefo, .table.type2 .checkbox-box { justify-content: flex-start; } 
 .table.type1 > tbody > tr > td.mo { display: flex; align-items: center; } 
 .table.type1 > tbody > tr .tablefo.mo { display: block; } 
 } 
 @media (max-width: 560px) { 
 .table.type1 .checkbox-box { display: block; } 
 .table.type1 .checkbox-box .radio-inline, .table.type1 .checkbox-box .checkbox-inline { display: block; margin-left: 0; } 
 } 

 @media (max-width: 420px) { 
 .table.a02 .arrow { display: block; margin-top: 5px; margin-left: 0; text-align: center; } 
 } 

 @media (max-width: 360px) { 
 .co-name { padding-top: 7.5px; padding-bottom: 7.5px; } 
 .table.type2 .checkbox-box { display: block; width: 100%; padding: 7.5px 0; } 
 .table.type2 .checkbox-box .checkbox-inline { display: block; width: 100%; margin-left: 0; } 
 } 

 

 .top-wrap { margin-top: 61px; } 
 
 .top-wrap .title-wrap { display: block; position: relative; padding: 18px 36px 17px; margin-bottom: 10px; background-color: #003F9E; } 
 
 .top-wrap .title-wrap:after { position: absolute; top: 0; right: 30px; width: 370px; height: 100%; content: ''; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='370' height='75' viewBox='0 0 370 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1' clip-path='url(%23clip0_210_5852)'%3E%3Cpath d='M175.542 185.657C164.825 181.423 165.268 177.718 153.133 176.924C127.269 175.336 129.926 168.279 114.425 165.809C109.73 165.103 103.619 164.927 98.3928 159.281C92.9896 153.459 84.9292 139.345 87.0551 127.524C89.5352 114.116 83.7778 114.733 79.6147 108.823C75.6288 103.265 75.9831 93.9145 82.1834 78.5653C85.815 69.3911 90.5095 62.3339 94.0526 51.3954C98.6585 37.6341 96.0898 33.3116 100.164 24.4902C104.239 15.5806 108.313 15.1395 115.842 5.43599C124.966 -6.20824 134.797 -6.12003 147.552 -16.3528C151.095 -19.2639 154.638 -17.9407 154.816 -15.2943C155.613 -6.47289 145.338 -2.85612 136.569 3.23064C125.497 10.9935 132.672 23.6081 120.005 32.1648C110.882 38.3398 106.542 46.4555 106.453 52.6304C106.453 55.8061 109.199 56.9529 112.653 54.7476C116.197 52.454 116.551 49.0137 119.651 45.3969C124.523 39.663 129.571 36.5755 135.417 41.1626C138.695 43.7208 145.604 55.2768 137.012 61.0107C134.355 62.6868 130.28 61.8929 126.383 62.6868C122.397 63.5689 120.537 65.8625 123.814 69.3911C127.711 73.6253 129.837 73.0078 137.898 72.0375C146.135 70.9789 147.641 66.5682 158.89 65.5097C170.316 64.4511 176.605 62.5104 181.388 56.6C185.286 51.9247 189.449 53.1597 190.866 55.7179C191.84 57.4822 191.84 60.0404 190.689 61.8047C188.917 64.3629 185.374 66.48 183.071 68.4207C180.945 70.185 176.428 75.3896 173.239 81.9174C171.025 86.5046 167.216 90.1213 162.965 92.2385C157.119 95.1495 150.033 95.8552 142.238 96.0317C125.143 96.4727 118.588 89.9449 114.779 97.7959C112.742 101.766 116.994 103.089 120.802 109.881C123.283 114.204 121.777 119.144 126.117 120.467C132.672 122.496 137.72 109.881 146.047 107.323C152.424 105.382 157.739 106.264 160.573 108.823C166.242 113.851 166.419 125.672 173.859 136.169C177.048 140.668 185.02 144.638 188.563 144.373C193.346 144.02 193.169 141.021 196.978 140.844C200.875 140.668 204.772 146.314 203.532 152.136C201.849 160.428 193.612 161.222 185.109 160.163C176.694 159.105 169.342 152.047 163.762 142.609C159.864 136.169 158.181 132.993 152.601 132.729C146.755 132.552 145.692 139.521 138.961 141.815C133.912 143.579 130.9 140.933 124.7 142.873C121.865 143.755 119.562 144.726 118.411 147.99C117.171 151.342 118.411 154.959 123.637 155.488C133.115 156.37 141.529 145.343 152.778 148.607C170.051 153.547 165.71 172.601 180.768 173.925C191.486 174.807 191.043 167.485 199.458 167.485C206.544 167.485 210.087 173.483 209.998 177.365C209.998 182.393 206.721 185.833 202.469 188.039C196.712 191.038 188.386 190.862 175.277 185.657H175.542Z' fill='white'/%3E%3Cpath d='M323.661 23.9143C317.33 20.6525 311.615 20.2999 305.899 22.4156C295.436 26.2945 286.379 21.7985 282.51 9.01597C279.345 -1.65087 275.036 -1.03378 265.012 -5.3534C261.935 -6.58759 254.9 -6.05865 249.537 -2.9732C245.316 -0.592999 244.261 6.45945 243.118 11.3962C242.59 13.8645 241.799 17.2144 244.085 18.1842C247.778 19.6828 250.856 18.1842 251.471 15.3632C253.23 7.60548 257.187 4.87265 263.869 5.22527C274.421 5.75421 272.574 14.9224 270.288 21.1814C266.067 32.0246 259.121 34.3166 247.075 37.1376C239.777 38.8126 230.72 38.46 224.477 27.5287C222.191 23.6498 217.531 16.8618 219.553 8.39888C221.487 0.0240898 222.191 -2.62058 226.851 -6.32312C228.61 -7.73361 233.622 -10.4664 232.479 -13.4637C231.687 -15.5795 225.972 -15.315 223.51 -13.4637C221.048 -11.6125 215.332 -4.11922 210.408 3.28585C201.967 15.9803 208.65 28.1457 214.189 34.0522C216.915 36.8732 218.762 45.4242 213.75 47.1874C203.022 50.8899 196.076 45.6006 190.976 39.8704C185.876 34.1403 182.887 28.851 183.238 20.2999C183.59 11.7488 182.975 7.9581 191.592 0.376713C195.548 -3.06136 196.252 -8.08623 195.285 -9.9375C194.317 -11.7888 191.328 -11.1717 187.195 -8.43885C176.292 -1.3864 172.599 5.84236 170.049 11.6606C166.708 19.3302 167.851 26.8234 172.335 32.5535C175.764 36.8732 180.776 42.9559 177.699 47.9808C174.709 52.9175 168.554 55.6503 160.113 52.9175C148.946 49.3913 143.67 38.3718 141.384 27.8813C138.483 14.8342 152.639 4.7845 162.839 -4.29554C173.039 -13.4637 170.489 -24.1306 175.589 -29.3317C184.381 -38.1473 197.747 -44.3182 211.639 -38.8526C219.465 -35.9434 233.006 -42.7314 244.085 -42.9959C254.988 -43.2603 263.342 -30.7422 273.541 -26.5108C280.136 -23.7779 285.412 -26.5108 292.182 -23.3372C312.758 -13.9045 306.954 -9.76119 315.747 0.288555C319.616 4.69634 332.63 7.69363 338.609 16.421C341.247 20.388 342.126 29.3799 339.048 30.6141C333.597 32.818 329.728 27.0879 323.485 23.9143H323.661Z' fill='white'/%3E%3Cpath d='M363.365 87.6787C357.108 88.7324 357.645 93.1227 356.662 96.8983C354.785 104.098 350.495 106.996 347.366 106.381C344.06 105.679 342.361 101.201 341.825 98.3032C341.021 94.0007 347.724 90.4885 353.98 85.3958C366.582 75.1225 359.075 47.6393 350.316 44.2149C345.132 42.1954 339.68 48.9564 341.468 53.6979C343.255 58.615 345.49 63.62 341.914 68.3615C338.339 73.0152 335.39 75.7372 332.351 74.0688C325.559 70.381 328.508 64.6736 329.67 61.776C332.262 54.9272 335.033 50.4491 332.172 41.3173C331.368 38.6831 329.67 36.488 327.614 34.8197C322.609 30.7806 316.979 29.4635 312.957 33.2392C311.437 34.6441 310.722 36.5758 312.063 38.7709C312.867 40.1758 317.515 45.4442 313.493 47.9905C312.063 48.9564 310.722 48.693 308.935 47.8149C307.058 46.8491 304.823 45.2686 302.142 42.9856C288.736 31.2196 268.805 33.1514 264.247 39.3856C261.297 43.5124 261.029 49.4832 264.783 52.732C272.38 59.2297 282.122 58.176 289.54 58.5272C293.204 58.7028 299.461 60.7224 299.014 65.1127C298.478 70.4688 285.876 68.5371 282.032 67.8346C278.904 67.22 274.078 64.4102 269.52 68.1859C267.911 69.5029 266.749 72.2249 266.838 75.5615C266.838 78.5469 269.788 81.8835 272.916 83.7275C281.049 88.469 290.523 84.5177 296.422 83.2884C301.963 82.147 314.029 80.7421 315.191 87.0641C315.727 90.2251 314.029 91.8934 309.471 91.5422C306.611 91.2788 303.661 91.8056 300.891 92.5958C296.958 93.6495 294.188 96.5471 295.349 100.235C296.78 104.713 301.427 106.82 306.7 107.172C309.918 107.347 314.744 107.347 317.336 107.172C319.124 106.996 321.984 107.172 323.235 110.684C324.129 113.142 324.307 117.357 318.23 118.06C315.549 118.411 307.147 119.903 301.159 118.235C298.925 117.533 297.673 116.479 296.869 115.425C294.098 111.65 294.724 109.542 291.506 106.03C289.719 104.186 284.803 104.537 281.943 107.172C279.441 109.455 278.189 113.318 279.709 120.869C280.871 126.401 284.892 129.123 288.557 130.879C301.248 137.026 313.761 127.718 318.498 133.777C319.213 134.743 320.196 137.201 319.392 138.343C317.783 140.713 311.973 140.187 309.65 140.626C304.913 141.591 299.371 146.86 305.449 150.46C310.275 153.27 317.425 151.074 322.609 150.899C325.648 150.811 327.972 151.162 328.151 154.762C328.151 155.553 328.151 156.343 327.525 157.045C326.989 157.748 324.754 158.977 322.341 159.24C318.677 159.592 313.493 159.679 309.918 161.962C306.879 163.806 302.678 171.445 311.616 173.465C314.208 173.992 317.694 175.221 318.945 176.714C321.537 179.787 321.179 184.353 321.626 187.163C322.341 192.343 320.554 196.119 317.068 196.119C315.102 196.119 313.94 192.782 313.761 191.202C313.135 186.285 313.225 182.772 311.437 180.665C308.667 177.504 303.036 181.192 301.874 186.021C301.159 189.094 301.785 190.763 302.41 192.782C306.075 205.163 295.707 216.929 283.373 218.948C278.815 219.739 276.312 225.885 278.189 228.87C281.049 233.348 302.053 223.426 309.471 218.07C318.587 211.485 327.525 206.48 331.457 196.382C333.781 190.499 340.663 185.67 346.294 181.631C353.891 176.275 357.823 166.88 358.628 159.328C359.075 154.762 357.287 152.743 354.07 153.357C349.333 154.148 348.35 156.518 347.188 160.997C345.847 166.353 345.221 170.128 342.093 170.48C339.054 170.831 337.803 169.25 337.893 166.089C337.982 162.84 339.412 158.45 341.11 154.85C343.255 150.372 347.724 147.123 351.478 145.543C354.874 144.138 358.449 142.996 361.935 141.152C368.28 137.816 368.191 134.04 367.923 131.143C367.387 124.996 362.471 123.855 357.645 127.104C351.21 131.406 345.936 134.04 344.596 129.035C343.613 125.611 349.065 123.416 352.371 122.099C356.304 120.606 362.113 117.708 365.51 113.318C369.264 108.489 370.157 101.552 369.979 98.391C369.621 90.1373 367.208 87.3275 363.722 87.8543L363.365 87.6787Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_210_5852'%3E%3Crect width='370' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); 
 } 
 
 .top-wrap .title-wrap .num { display: inline-block; width: 40px; height: 40px; padding-top: 2px; margin-right: 12px; border-radius: 100%; background-color: #fff; color: #003F9E; font-weight: 700; font-size: 24px; line-height: 150%; letter-spacing: -1px; text-align: center; font-style: normal; } 
 
 .top-wrap .title-wrap .m-tit { color: #FFF; font-weight: 700; font-size: 24px; line-height: 150%; letter-spacing: -1px; font-style: normal; } 
 
 .top-wrap .txt-wrap { display: block; padding: 39px 43px 38px; border: 1px solid #003F9E; } 
 .top-wrap .txt-wrap .index { margin-top: 0; } 
 .que-wrap .ques { display: flex; margin-top: 60px; margin-bottom: 15px; } 
.que-wrap .ques .num { margin-right: 12px; color: #003F9E; font-weight: 700; font-size: 36px; line-height: 1; letter-spacing: -1px; font-style: normal; } 
.que-wrap .ques .ind { max-width: 92%; margin-top: 3px; color: #222; font-weight: 600; font-size: 20px; line-height: 150%; letter-spacing: -1px; font-style: normal; } 
.que-wrap .ques-info { display: block; padding: 38px 43px 37px; margin-bottom: 36px; background-color: #F9F9F9; } 


.ques-info .list-1st { display: block; margin-top: 7px; } 

.ques-info .list-1st .info { padding-left: 0; margin-top: 2px; color: #444; font-weight: 400; font-size: 16px; line-height: 22px; font-style: normal; } 

.ques-info .list-1st .info .num { display: inline-block; position: relative; min-width: 8px; z-index: 1; margin-right: 6px; border-radius: 100%; color: #fff; font-weight: 400; font-size: 13px; line-height: 22px; letter-spacing: 0.13px; text-align: center; font-style: normal; } 

.ques-info .list-1st .info::before { position: absolute; top: 3px; left: -4px; width: 17px; height: 17px; z-index: 1; border-radius: 100%; background-color: #003F9E; content: ''; } 

.que-wrap .imgbox { display: block; margin-top: 40px; margin-bottom: 20px; border: none; } 
.que-wrap .pic_btn a { display: none; } 
 .pic_btn a:hover { background-color: #3f61b2; color: #fff; transition: all 300ms ease-out; } 

 @media (max-width: 1530px) { 
 .que-wrap .ques { display: block; } 
 .que-wrap .ques .num { display: block; margin-right: 0; } 
 .que-wrap .ques .ind { max-width: 100%; } 
 } 

@media (max-width: 767px) { 
 .que-wrap .pic_btn a { display:block; width: 60%; padding: 10px 40px; margin: 10px auto 0; border: 1px solid #ddd; background: #fff; text-align: center; } 
 } 

 @media (max-width: 595px) { 
 .top-wrap .title-wrap .num { width: 30px; height: 30px; padding-top: 0; font-size: 20px; } 
 .top-wrap .title-wrap .m-tit { font-size: 20px; } 
 } 

 @media (max-width: 560px) { 
 .top-wrap .title-wrap,.top-wrap .txt-wrap,.que-wrap .ques-info { padding: 20px; } 
 .que-wrap .ques { margin-top: 30px; } 
 .que-wrap .ques { font-size: 16px; } 
 .que-wrap .ques .num { font-size: 25px; } 
 .que-wrap .ques .ind { margin-top: 0; } 
 .que-wrap .ques .ind { font-size: 18px; } 
 } 
@media (max-width: 450px) { 
 .que-wrap .pic_btn a { width:100%; } 
 } 



 /*c*/
 .table.co1 .mo .radio-inline { width: 25%; text-align: center; } 
 .table.type2.c02 .first .checkbox-box { justify-content: center; } 
 .table.type2.c02 .tablefo,.table.type2.c02 .checkbox-box { justify-content: flex-start; } 
 .table.type2.c02 .checkbox-box .radio-inline { margin-right: 10px; margin-left: 0; } 
 @media (max-width: 975px) { 
 .table.type2.c02 .first .checkbox-box { margin-top: 0 !important; margin-left: 10px; } 
 .table.type2.c02 .checkbox-box { padding-top: 7.5px; padding-bottom: 7.5px; } 
 } 
 @media (max-width: 660px) { 
 .table.type2.c02 .mo { padding: 7.5px 15px; flex-wrap: wrap; } 
 .table.type2.c02 .mo .tablefo { width: 50%; } 
 } 
 @media (max-width: 570px) { 
 .table.type1.c01 tbody > tr > th.mo { display: block; height: auto; padding: 7.5px 15px; } 
 .table.type1.c01 tbody > tr > th.mo .radio-inline { display: block; width: 100%; margin-left: 0; } 
 } 
 @media (max-width: 470px) { 
 .table.type2.c02 .checkbox-box .radio-inline { width: 100%; } 
 } 

/*d*/
.table.type1.d01 tbody > tr > th.mo { display: block; height: auto; padding: 7.5px 15px; margin-top: 0; } 
.table.type1.d01 tbody > tr > th.mo .radio-inline { display: block; width: 100%; margin-left: 0; } 

/*e*/
@media (max-width: 580px) { 
 .table.type1.e01 tbody > tr > th { height: auto; padding-top: 7.5px; padding-bottom: 7.5px; flex-wrap: wrap; } 
 .table.type1.e01 tbody > tr > th .radio-inline { display: block; width: 100%; margin-left: 0; } 
 .table.type1.e01 tbody > tr > th .radio-inline:nth-child(2) { margin-top: 5px; } 
 .table.type2.e02 > tbody > tr > td > div.mo { padding-top: 7.5px; padding-bottom: 7.5px; flex-wrap: wrap; } 
 .table.type2.e02 .mo .tablefo { width: 50%; } 
 } 

 /*g*/
 @media (max-width: 480px) { 
 .table.type2.g01 > tbody > tr > td > .checkbox-box { height: auto; padding-top: 7.5px; padding-bottom: 7.5px; flex-wrap: wrap; } 
 .table.type2.g01 > tbody > tr > td > .checkbox-box .radio-inline { display: block; width: 100%; margin-left: 0; } 

 .fe-btn_wrap.text-sb.g { display: block; } 
 .fe-btn_wrap.g .fe-btn { display: block; width: 100%; } 
 } 


 /*해양바이오산업 실태조사 > 신청완료 및 뉴스레터 신청*/
 .mcnt-wrap { padding: 67px 30px 71px; background-image: url(/mbiob/images/prog/mcnt3.jpg); } 
 .mcnt-wrap .h2 { padding-top: 0; padding-bottom: 15px; color: #FFF; font-weight: 400; font-size: 30px; line-height: 130%; font-family: 'ONEMobile'; text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); font-style: normal; } 
 .mcnt-wrap .help-block.check { color: #FFF; font-weight: 400; font-size: 15px; line-height: 150%; text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); font-style: normal; } 
 .mcnt-wrap .help-block.check .fa { background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.320312 5.59601L4.08355 8.46823L10.1263 1.56222L8.9314 0.518066L3.86615 6.30693L1.28195 4.33446L0.320312 5.59601ZM15.6803 1.56222L14.4854 0.518066L9.43206 6.29344L8.8346 5.81579L7.84282 7.05513L9.62565 8.48172L15.6803 1.56222Z' fill='white'/%3E%3C/svg%3E%0A"); } 
 .mcnt-wrap p.index { margin-top: 8px; color: #FFF; font-weight: 400; font-size: 15px; line-height: 150%; text-align: center; text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); font-style: normal; } 



 /*해양바이오 실태조사 메인 : s*/
.research-main { display: block; padding: 65px 63px; background-color: #F5F9FC; } 
.research-main .m-title { color: #003F9E; font-weight: bold; font-size: 34px; line-height: 150%; letter-spacing: -0.34px; } 
.research-main .index { margin-bottom: 32px; color: #444; font-weight: 400; font-size: 16px; line-height: 22px; } 
.research-main .dec-box { padding: 44px 53px; margin-bottom: 35px; border: 1px solid #E3EAF0; background: #FFF; } 
.research-main .s-title { display: block; margin-bottom: 15px; color: #222; font-weight: bold; font-size: 20px; line-height: 150%; letter-spacing: -0.2px; } 
.don-wrap { display: block; display: flex; margin-bottom: 13px; } 
.don-wrap .don { display: inline-block; width: 50%; min-height: 134px; margin-right: 10px; border: 1px solid #DDD; background: #FFF; text-align: center; } 
.don-wrap .don-link { display: flex; justify-content: center; align-items: center; min-height: 84px; padding: 24px 10px; } 
.don-wrap .don3 .don-link .link5 { color: #222; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: -0.32px; } 
.don-wrap .don:last-child { margin-right:0; } 
.don-wrap .don-tit { display: block; width: 100%; padding: 16px 30px; background-color: #3C465A; color: #fff; font-weight: 700; font-size: 16px; line-height: 100%; letter-spacing: -0.48px; } 

.don-wrap .don-link .link { padding: 0 10px; } 
.don-wrap .don-link img.link { display: block; width: 146px; height: 33px; object-fit: contain; } 

.don-wrap .don3 { } 
.don-wrap .don3 .mo { display: none; } 

@media (max-width: 1380px) { 
 .don-wrap .don3 { top: -5px; } 
 } 

 @media (max-width: 1160px) { 
 .don-wrap .don-link img.link { width: 126px; height: 29px; } 
 .don-wrap .don3 .mo { display: block; padding: 0 5px; } 
 } 
 @media (max-width: 1050px) { 
 .don-wrap .don-link .link { padding: 0 5px; } 
 .research-main { padding: 30px; } 
 } 


@media (max-width: 940px) { 
 .don-wrap .don-link { 
 flex-direction: column; flex-wrap: wrap; } 
 .don-wrap .don-link { padding: 5px; } 
 .don-wrap .don-link img.link { margin-bottom: 3px; } 
 .don-wrap .don-tit { padding: 16px 5px; } 
 .research-main .dec-box { padding: 25px; } 
 .research-main .m-title { font-size: 24px; line-height: 1.2; } 
 } 


@media (max-width: 740px) { 
 .don-wrap .don3 { top: 0; } 
 } 

@media (max-width: 600px) { 
 .don-wrap { display: block; } 
 .don-wrap .don { display: block; width: 100%; margin-right: 0; } 
 .don-wrap .don-tit { padding: 10px 5px; } 
.don-wrap .don-link { flex-direction: row; flex-wrap: nowrap; } 
.don-wrap .don { min-height: 92px; } 
.don-wrap .don-link { min-height: 56px; } 
.don-wrap .don1,.don-wrap .don2 { margin-bottom: 5px; } 
 } 
 @media (max-width: 400px) { 
 .research-main { padding: 20px; } 
 } 

 @media (max-width: 370px) { 
 .don-wrap .don-link { 
 flex-direction: column; 
 flex-wrap: wrap; } 
 } 

 /*해양바이오 실태조사 가이드라인 : s*/
 .point1 { color: #D14709; } 
 .point2 { color: #0075FF; } 
.b { font-weight: bold; } 

.guide-line { } 
.guide-line .h2 { margin-bottom: 29px; color: #222; font-weight: 400; font-size: 25px; line-height: normal; font-family: 'ONEMobile'; font-style: normal; text-transform: capitalize; } 
.list-3st { margin-top: 0; } 
.list-3st > li { margin-top: 0; } 
.list-3st > dd::before, .list-3st > li::before { position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background: rgb(0, 63, 158); content: ''; } 
.guide-line .s-tit { margin-bottom: 12px; color: #003F9E; font-weight: 700; font-size: 19px; line-height: 1; } 
.guide-line .list-2st li { } 

.guide-line .dec-box { display: block; padding: 85px 99px; margin-top: 76px; background-color: #F9F9F9; } 
.guide-line .dec-box .title { display: block; width: 100%; height: 100%; padding: 24px 10px; background-color: #222; color: #FFF; font-weight: 700; font-size: 20px; line-height: 150%; letter-spacing: -1px; text-align: center; text-align: center; } 
.box-wrap { display: block; padding: 50px; border: 1px solid #ddd; background-color: #fff; } 
.box-wrap .box { display: inline-block; width: calc(100%/2 - 2px); } 

.box-wrap .box { display: block; position: relative; width: 100%; height: 100%; z-index: 1; } 
.box-wrap .box:after { position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background-size: 100%; content: ''; background-position: center; background-repeat: no-repeat; } 

.box-wrap .box1 { padding-right: 50px; border-right: 1px solid #ddd; } 
.box-wrap .box1:after { right:50px; background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.06'%3E%3Cpath d='M102.426 17.5737C91.0931 6.24052 76.0257 0 60 0C43.9743 0 28.9069 6.24052 17.5737 17.5737C6.24052 28.9048 0 43.9743 0 60C0 76.0257 6.24052 91.0931 17.5737 102.426C28.9069 113.759 43.9743 120 60 120C76.0257 120 91.0931 113.759 102.426 102.426C113.759 91.0931 120 76.0257 120 60C120 43.9743 113.759 28.9069 102.426 17.5737ZM109.861 59.941C109.893 87.481 87.481 109.895 59.941 109.861C32.5379 109.829 10.1706 87.4621 10.139 60.059C10.1074 32.519 32.519 10.1074 60.059 10.139C87.4621 10.1706 109.829 32.5379 109.861 59.941Z' fill='%23ED1B24'/%3E%3Cpath d='M81.7546 72.2496L69.5053 60.0002L81.7546 47.7508C84.3115 45.194 84.3115 41.047 81.7546 38.488L81.5124 38.2458C78.9555 35.6889 74.8085 35.6889 72.2496 38.2458L60.0002 50.4951L47.7508 38.2458C45.194 35.6889 41.047 35.6889 38.488 38.2458L38.2458 38.488C35.6889 41.0448 35.6889 45.1919 38.2458 47.7508L50.4951 60.0002L38.2458 72.2496C35.6889 74.8064 35.6889 78.9534 38.2458 81.5124L38.488 81.7546C41.0448 84.3115 45.1919 84.3115 47.7508 81.7546L60.0002 69.5053L72.2496 81.7546C74.8064 84.3115 78.9534 84.3115 81.5124 81.7546L81.7546 81.5124C84.3115 78.9555 84.3115 74.8085 81.7546 72.2496Z' fill='%23ED1B24'/%3E%3C/g%3E%3C/svg%3E%0A"); } 

.box-wrap .box2 { padding-left: 50px; } 
.box-wrap .box-tit { display: block; margin-bottom: 16px; font-weight: 700; font-size: 24px; line-height: 1.2; } 
.box-wrap .box2:after { bottom:-60px; background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.07'%3E%3Cpath d='M102.426 17.5737C91.0931 6.24052 76.0257 0 60 0C43.9743 0 28.9069 6.24052 17.5737 17.5737C6.24052 28.9048 0 43.9743 0 60C0 76.0257 6.24052 91.0931 17.5737 102.426C28.9069 113.759 43.9743 120 60 120C76.0257 120 91.0931 113.759 102.426 102.426C113.759 91.0931 120 76.0257 120 60C120 43.9743 113.759 28.9069 102.426 17.5737ZM109.861 59.941C109.893 87.481 87.481 109.895 59.941 109.861C32.5379 109.829 10.1706 87.4621 10.139 60.059C10.1074 32.519 32.519 10.1074 60.059 10.139C87.4621 10.1706 109.829 32.5379 109.861 59.941Z' fill='%230075FF'/%3E%3Cpath d='M81.9791 42.007L53.7124 70.2736L44.6707 61.2319C42.1139 58.6751 37.9669 58.6751 35.4079 61.2319C32.851 63.7888 32.851 67.9358 35.4079 70.4948L49.081 84.1679C51.6379 86.7248 55.7849 86.7248 58.3439 84.1679L91.2419 51.2699C93.7988 48.713 93.7988 44.566 91.2419 42.007C88.6851 39.4501 84.538 39.4501 81.9791 42.007Z' fill='%230075FF'/%3E%3C/g%3E%3C/svg%3E%0A"); } 

.box-wrap1 { display: flex; align-items: flex-start; margin-bottom: 53px; } 


.box-wrap .depth1 { position: relative; } 
.box-wrap .num { } 
.box-wrap .num .ico { } 
.box-wrap .num .ico1 { } 
.box-wrap .num .ico2 { } 
.dep-tit { color: #222; font-weight: 400; font-size: 20px; } 
.dep-txt { color: #444; font-weight: 400; font-size: 16px; line-height: 22px; } 
.box-wrap .num1 { } 
.box-wrap .num2 { } 

.box-wrap2 { display: block; margin-bottom: 53px; } 

 .box-wrap .depth1 { position: relative; } 

.box-wrap .num { } 

.box-wrap .num .ico { } 

.box-wrap .num .ico1 { } 

.box-wrap .num .ico2 { } 

.dep-tit { color: #222; font-weight: 400; font-size: 20px; } 

.dep-txt { color: #444; font-weight: 400; font-size: 16px; line-height: 22px; } 

.box-wrap .num1 { } 

.box-wrap .num2 { } 

.box-wrap2 { } 

.box-wrap .depth1 { position: relative; } 
.box-wrap .depth1 li { width: 266px; } 
.box-wrap .depth1 .route { margin-top: 0; position: relative; background-color: #fff; text-align: center; line-height: 1.2; z-index: 2; } 

.box-wrap .depth1 .route::before { height: 85px; position: absolute; content: ''; left: 50%; top: -29px; width: 10px; z-index: 0; transform: translate(-50%,0); background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg width='10' height='85' viewBox='0 0 10 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 85L9.33013 77.5L0.669876 77.5L5 85ZM4.25 3.27835e-08L4.25 78.25L5.75 78.25L5.75 -3.27835e-08L4.25 3.27835e-08Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A"); z-index: -1; } 

.box-wrap .depth1 .route::after { height: 100%; 
 position: absolute; 
 content: ''; 
 left: 0; 
 top: 0; 
 width: 100%; 
 background-position: center; 
 background-repeat: no-repeat; 
 background-size: 100%; 
 background-color: #fff; 
 z-index: -1; } 


.box-wrap .num { display: flex; flex-direction: column; align-items: center; text-align: center; } 
.box-wrap .num .ico { display: block; width: 66px; height: 66px; margin-bottom: 11px; border-radius: 100%; background-repeat: no-repeat; background-position: center; } 
.box-wrap .num .ico1 { 
 background-color: #E6F3FA; 
 background-image: url("data:image/svg+xml,%3Csvg width='30' height='29' viewBox='0 0 30 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94061 11.4575L1 13.9194L5.64135 20.8306L10.2827 16.1553L5.94061 11.4575Z' fill='%23E6F3FA' stroke='%233C465A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8047 3.65946L16.4026 1C16.4026 1 22.608 3.8345 25.7982 10.9264L19.6832 13.3205L14.8047 3.65946Z' stroke='%233C465A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.04629 17.4199C12.4223 21.7958 18.9664 22.7049 22.8455 21.6773C23.8788 17.7925 22.9641 11.254 18.5881 6.87803C14.2178 2.49642 7.67363 1.58735 3.7889 2.615C2.75561 6.49973 3.67033 13.0439 8.04065 17.4142L8.04629 17.4199Z' fill='%23E6F3FA' stroke='%233C465A' stroke-width='1.5'/%3E%3Cpath d='M7.36914 10.384C8.35726 10.6494 9.59383 10.2823 10.5255 9.35068C11.4571 8.41902 11.8185 7.18246 11.5588 6.19434' stroke='%233C465A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.35693 5.25146L6.82617 5.78787' stroke='%233C465A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.0012 22.4451C28.8657 22.2644 28.7189 22.095 28.5551 21.9313C26.7596 20.1357 24.0549 19.9324 22.5135 21.4739C20.972 23.0154 21.1753 25.72 22.9708 27.5156C23.1346 27.6793 23.3096 27.8261 23.4846 27.9616C23.6597 26.6912 24.2921 25.3869 25.3593 24.3197C26.4264 23.2525 27.7307 22.6201 29.0012 22.4451Z' fill='%23E6F3FA' stroke='%233C465A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9802 12.1685L13.4727 13.6704' stroke='%233C465A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.906 15.0933L16.3984 16.5952' stroke='%233C465A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

.box-wrap .num .ico2 { 
 background-color: #0075FF; 
 background-image: url("data:image/svg+xml,%3Csvg width='36' height='28' viewBox='0 0 36 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12.5452L9.44038 7.67236L17.8773 12.5452V22.2873L9.44038 27.1601L1 22.2873V12.5452Z' fill='%230075FF' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.877 12.5452L26.3173 7.67236L34.7542 12.5452V22.2873L26.3173 27.1601L17.877 22.2873V12.5452Z' fill='%230075FF' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.668 13.6104V21.0692' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.31836 20.7764L9.72956 24.5911' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.69816 10.0771L3.34961 13.9963' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.3184 7.67225V1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

.dep-tit { color: #222; font-weight: 400; font-size: 20px; line-height: 1.2; } 
.dep-txt { margin-top: 4px; color: #444; font-weight: 400; font-size: 16px; line-height: 22px; } 
.box-wrap .num1 { margin-bottom: 37px; } 
.box-wrap .num2 { margin-top: 46px; position: relative; } 
.box-wrap .num2:after { position: absolute; content: ''; right: -43px; top: -100px; width: 62px; height: 259px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='62' height='259' viewBox='0 0 62 259' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-6.49114e-06 129.5L61.5 258.105L61.5 0.895236L-6.49114e-06 129.5Z' fill='url(%23paint0_linear_206_5365)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_206_5365' x1='-6.49114e-06' y1='129.5' x2='59.2222' y2='129.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DCDCDC'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); } 
.box-wrap .num2 .dep-txt { padding: 14px 46px; background-color: #F9F9F9; margin-top: 5px; } 
.depth2 { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: calc(100% - 369px); } 
 .box-wrap .depth1 li .depth2 li { width: 100%; } 
.depth2 .info-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } 
.info-wrap .info { position: relative; width: calc(50% - 2px); display: inline-block; margin: 15px 0; } 
.info-wrap .info .dep-inner { padding-left: 78px; } 
.info-wrap .info5,
.info-wrap .info6,
.info-wrap .info7 { width: 49%; } 
.info-wrap .info .ico { display: block; width: 66px; height: 66px; border-radius: 100%; background-color: #3C465A; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; top: 50%; 
 transform: translate(0, -50%); } 

.info-wrap .info1 .ico { 
 background-image: url("data:image/svg+xml,%3Csvg width='33' height='25' viewBox='0 0 33 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.23633 10.1572H28.7629V20.2331C28.7629 22.1543 27.2071 23.7204 25.2755 23.7204H7.72372C5.80252 23.7204 4.23633 22.1647 4.23633 20.2331V10.1572Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.01844 5.375H23.9704C26.612 5.375 28.7525 7.51546 28.7525 10.1571H4.23633C4.23633 7.51546 6.37679 5.375 9.01844 5.375Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12.6421H4.2368' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.9985 12.6421H28.7617' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6435 5.3749H15.3673L14.7617 1H18.2491L17.6435 5.3749Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

.info-wrap .info2 .ico { 
 background-image: url("data:image/svg+xml,%3Csvg width='24' height='33' viewBox='0 0 24 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.96131 4.4502H16.6455C19.9335 4.4502 22.6068 7.12351 22.6068 10.4115V26.057C22.6068 29.345 19.9335 32.0184 16.6455 32.0184H6.96131C3.67331 32.0184 1 29.345 1 26.057V10.4115C1 7.12351 3.67331 4.4502 6.96131 4.4502Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M9.85065 24.2824V20.0723H5.64062V15.9493H9.85065V11.7393H13.9679V15.9493H18.1779V20.0723H13.9679V24.2824H9.85065Z' fill='%233C465A'/%3E%3Cpath d='M12.8419 13.3262V17.039H16.5547V19.1358H12.8419V22.8486H10.7451V19.1358H7.03227V17.039H10.7451V13.3262H12.8419ZM14.3761 11.792H9.21087V15.5048H5.49805V20.67H9.21087V24.3828H14.3761V20.67H18.0889V15.5048H14.3761V11.792Z' fill='white'/%3E%3Cpath d='M19.7886 1H3.81836V5.69714H19.7886V1Z' fill='%233C465A' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

.info-wrap .info3 .ico { 
 background-image: url("data:image/svg+xml,%3Csvg width='32' height='29' viewBox='0 0 32 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.91 15.7827L9.95789 16.7348C9.16447 17.5282 7.98316 17.634 7.31903 16.9758C6.66079 16.3116 6.76658 15.1362 7.56 14.3369L8.06544 13.8315L2.00605 8.67717C0.472103 7.14322 0.718944 4.39857 2.56438 2.55901C4.40395 0.719448 7.14272 0.472606 8.67667 2.00655L13.8368 8.06594L14.3423 7.5605C15.1357 6.76708 16.317 6.66129 16.9811 7.31954C17.6453 7.98366 17.5336 9.16498 16.7402 9.9584L15.7881 10.9105' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M20.155 15.2657C20.4606 15.5713 20.9602 16.0708 21.2658 16.3765L26.7433 21.854C27.0489 22.1596 27.3545 22.7767 27.4251 23.2293L28.0598 27.3609C28.1303 27.8135 27.8188 28.125 27.3663 28.0544L23.2346 27.4197C22.7821 27.3492 22.165 27.0436 21.8594 26.7379L16.3818 21.2604C16.0762 20.9548 15.5766 20.4552 15.271 20.1496L10.9102 15.7887L15.7941 10.9048L20.155 15.2657Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7941 10.9048L10.9102 15.7829' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.2591 17.2169C29.5574 17.2169 30.61 16.1644 30.61 14.866C30.61 13.5677 29.5574 12.5151 28.2591 12.5151C26.9607 12.5151 25.9082 13.5677 25.9082 14.866C25.9082 16.1644 26.9607 17.2169 28.2591 17.2169Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M12.3919 27.7955C13.6902 27.7955 14.7428 26.743 14.7428 25.4446C14.7428 24.1463 13.6902 23.0938 12.3919 23.0938C11.0935 23.0938 10.041 24.1463 10.041 25.4446C10.041 26.743 11.0935 27.7955 12.3919 27.7955Z' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A"); 
 } 

.info-wrap .info4 .ico { 
 background-image: url("data:image/svg+xml,%3Csvg width='23' height='33' viewBox='0 0 23 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0814 1H7.83734L1 15.9046H12.1741L5.98957 31.905L21.99 10.8159H13.6255L19.0814 1Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

.info-wrap .info5 .ico { 
 background-image: url("data:image/svg+xml,%3Csvg width='28' height='32' viewBox='0 0 28 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.436 1.76961C14.5695 0.0776696 8.95045 1.17545 5.06295 5.06295C1.17545 8.95045 0.0776696 14.5695 1.76961 19.436C6.63606 21.1279 12.2551 20.0358 16.1483 16.1483C20.0358 12.2608 21.1336 6.64172 19.436 1.77527V1.76961Z' fill='%233C465A'/%3E%3Cpath d='M1.76961 19.436C0.0776696 14.5695 1.17545 8.95045 5.06295 5.06295C8.95045 1.17545 14.5695 0.0776696 19.436 1.76961V1.77527C21.1336 6.64172 20.0358 12.2608 16.1483 16.1483C12.2551 20.0358 6.63606 21.1279 1.76961 19.436ZM1.76961 19.436L12.3117 8.89952' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.227 11.9549C21.3606 10.263 15.7415 11.3551 11.854 15.2426C7.96651 19.1301 6.86873 24.7492 8.56632 29.6156C13.4328 31.3076 19.0518 30.2154 22.9393 26.3279C26.8268 22.4404 27.9246 16.8214 26.227 11.9549Z' fill='%233C465A'/%3E%3Cpath d='M8.56632 29.6156C6.86873 24.7492 7.96651 19.1301 11.854 15.2426C15.7415 11.3551 21.3606 10.263 26.227 11.9549C27.9246 16.8214 26.8268 22.4404 22.9393 26.3279C19.0518 30.2154 13.4328 31.3076 8.56632 29.6156ZM8.56632 29.6156L19.1028 19.0792' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

.info-wrap .info6 .ico { 
 background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4248 18.4493H29V12.5564H24.4248C24.2494 11.9852 24.0176 11.4422 23.7461 10.9219L26.981 7.68703L22.813 3.51899L19.5781 6.75954C19.0578 6.48808 18.5148 6.25621 17.9436 6.08089V1.5H12.0507V6.07524C11.4852 6.25056 10.9366 6.48243 10.4219 6.75389L7.18703 3.51333L3.01899 7.68138L6.25389 10.9163C5.98243 11.4366 5.75056 11.9795 5.57524 12.5507H1V18.4436H5.57524C5.75621 19.0092 5.98243 19.5578 6.25389 20.0724L3.01899 23.3073L7.18703 27.4754L10.4219 24.2405C10.9422 24.5119 11.4852 24.7438 12.0507 24.9191V29.4943H17.9436V24.9191C18.5148 24.7438 19.0578 24.5119 19.5781 24.2405L22.813 27.4754L26.981 23.3073L23.7461 20.0724C24.0176 19.5521 24.2494 19.0092 24.4248 18.4436V18.4493ZM14.9972 19.1845C12.9612 19.1845 11.3155 17.5331 11.3155 15.5028C11.3155 13.4725 12.9669 11.8155 14.9972 11.8155C17.0275 11.8155 18.6789 13.4669 18.6789 15.5028C18.6789 17.5388 17.0275 19.1845 14.9972 19.1845Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

.info-wrap .info7 .ico { 
 background-image: url("data:image/svg+xml,%3Csvg width='27' height='33' viewBox='0 0 27 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 10.975C26 10.5871 25.9192 10.2155 25.7791 9.87609C25.6337 9.53673 25.429 9.23507 25.1758 8.98189C24.9226 8.72871 24.6156 8.51863 24.2816 8.37857C23.9423 8.23313 23.576 8.15771 23.1827 8.15771H3.81728C3.42943 8.15771 3.05775 8.23852 2.71838 8.37857C2.3844 8.51863 2.07735 8.72871 1.82418 8.98189C1.571 9.23507 1.36091 9.54211 1.22086 9.87609C1.07541 10.2155 1 10.5818 1 10.975V21.2907H26V10.975Z' fill='%233C465A' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.89899 27.6055L9.61349 28.9091L9.32261 30.2127L9.03711 31.5163H11.2672H13.4974H15.7329H17.963L17.6721 30.2127L17.3866 28.9091L17.1011 27.6055' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.2816 27.0338C24.2816 27.0338 24.9226 26.6836 25.1758 26.4305C25.429 26.1773 25.6391 25.8702 25.7791 25.5363C25.9192 25.2023 26 24.8306 26 24.4374V21.2969H1V24.4374C1 24.8252 1.07541 25.1969 1.22086 25.5363C1.36091 25.8756 1.571 26.1773 1.82418 26.4305C2.07735 26.6836 2.14005 26.7049 2.47403 26.8449C2.81339 26.985 3.45773 27.0338 3.85097 27.0338H24.2762' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6834 1.5H6.32227V16.9116H20.6834V1.5Z' fill='%233C465A' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10.9727 6.55811H16.0308' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10.9727 10.2085H16.0308' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
 } 

 .box-wrap3 { padding: 0; border: none; width: 100%; height: 100%; object-fit: cover; } 
 .box-wrap3 .imgbox { border: none; } 


 @media (max-width: 1430px) { 
 .depth2 { width: calc(100% - 329px); } 
 .info-wrap .info5, .info-wrap .info6, .info-wrap .info7 { width: calc(50% - 2px); } 
 } 

 @media (max-width: 1372px) { 
.box-wrap .box2:after { bottom: -72px; } 
 } 
 @media (max-width: 1270px) { 
 .box-wrap .depth1 .route b { display: block; } 
 .info-wrap .info .ico { width: 60px; 
 height: 60px; } 
 .info-wrap .info .dep-inner { padding-left: 66px; } 
 .dep-tit { font-size: 18px; } 
 .box-wrap .depth1 .route b { display: block; } 
 
 } 

 @media (max-width: 1210px) { 
 .guide-line .dec-box { padding: 50px; margin-top: 35px; } 
 .box-wrap1,.box-wrap2 { margin-bottom: 35px; } 
 .guide-line .dec-box .title { font-size: 18px; padding: 10px } 
 .box-wrap { padding: 30px; } 
 .box-wrap3 { padding: 0; } 
 .box-wrap .box2 { padding-left: 30px; } 
 .box-wrap .box1 { padding-right: 30px; } 
 .box-wrap .box1:after { right: 30px; } 
 } 

 @media (max-width: 1100px) { 
 .box-wrap .depth1 li { width: 100%; } 
 .box-wrap .num2 { margin-bottom: 46px; } 
 .depth2 { width: 100%; position: relative; top: auto; transform: translate(0,0); } 
 .box-wrap .num2:after { right: auto; 
 top: 35px; 
 transform: rotate(90deg); } 
 .box-wrap .num .ico { display: none; } 
 .dep-tit { font-size: 17px; } 
 .dep-txt { margin-bottom: 0; } 
 } 

 @media (max-width: 1023px) { 
 .box-wrap .box2:after { bottom: -95px; } 
 } 
 @media (max-width: 855px) { 
 .guide-line .dec-box { padding: 30px; } 
 .box-wrap .box:after { width: 80px; height: 80px; } 
 .box-wrap .box2 { padding-left: 15px; } 
 .box-wrap .box1 { padding-right: 15px; } 
 .box-wrap1, .box-wrap2 { margin-bottom: 30px; } 
 } 
 @media (max-width: 781px) { 
 .box-wrap .box2:after { bottom: 118px; } 
 .box-wrap .box-tit { font-size: 21px; } 
 .num-list > li { font-size: 15px; } 
 } 
 @media (max-width: 680px) { 
 .info-wrap .info { width: 100%; display: block; margin: 8PX 0; } 
 .info-wrap .info5, .info-wrap .info6, .info-wrap .info7 { width: 100%; } 
 } 
 @media (max-width: 646px) { 
 .box-wrap .box:after { display: none; } 
 .box-wrap .box2 { padding-left: 0; } 
 .box-wrap .box1 { padding-right: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; border-right: none; } 
 } 


 @media (max-width: 620px) { 
 .box-wrap1 { flex-direction: column; } 
 } 
 @media (max-width: 545px) { 
 .info-wrap .info .ico { width: 40px; 
 height: 40px; 
 background-size: 50%; } 
 .info-wrap .info .dep-inner { padding-left: 46px; } 
 .info-wrap .info { margin: 4px 0; } 
 .dep-tit { font-size: 16px; } 
 .dep-txt { font-size: 15px; } 
 .box-wrap .num2 .dep-txt { padding: 14px; } 
 .box-wrap .num2:after { top: 24px; } 
 } 



 @media (max-width: 490px) { 
 .guide-line .dec-box { padding: 20px; } 
 .box-wrap { padding: 15px; } 
 .box-wrap .box-tit { font-size: 19px; margin-bottom: 4px; } 
 .guide-line .dec-box .title { font-size: 16px; } 
 .box-wrap1, .box-wrap2 { margin-bottom: 20px; } 
 } 
 @media (max-width: 380px) { 
 .info-wrap .info .ico { display:none; } 
 .info-wrap .info .dep-inner { padding-left: 0; } 
 .dep-inner { position: relative; } 
 .dep-inner::before { position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background-color: #3C465A; content: ''; } 
 .dep-tit { padding-left: 7px; } 
 .dep-txt { line-height: 1.2; } 

 } 






 .pic_btn a { display: none; } 
.pic_btn a:hover { background-color: #3f61b2; color: #fff; transition: all 300ms ease-out; } 

@media (max-width: 767px) { 
 .pic_btn { width: 50%; } 
 .pic_btn a { display:block; width: 100%; padding: 10px; margin: 10px auto 0; border: 1px solid #ddd; background: #fff; text-align: center; } 
 .box-wrap3 .imgbox { padding: 10px !important; } 
 } 

@media (max-width: 450px) { 
 .pic_btn a { width:100%; } 
 .pic_btn { width: 100%; } 
 }