@charset "utf-8";

/* sub-visual */
.sub-visual {height:580px; display:flex; flex-direction:column; align-items:center; background-repeat:no-repeat; background-size:cover; background-position:center center; padding-top:100px; overflow:hidden; position:relative;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image:url('../img/sub/sub-visual05.jpg');}
.sub-visual0 {display:none;}

.sub-visual .title {height:1%; flex:1 1 auto; text-align:center; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.sub-visual .title h2 {font-size:64px; line-height:1.1em; color:#fff; margin-bottom:18px;}
.sub-visual .title ul {display:flex; justify-content:center; align-items:center;}
.sub-visual .title ul li {font-size:20px; line-height:1.8em; color:#fff; padding-right:28px; position:relative;}
.sub-visual .title ul li:last-child {padding-right:0;}
.sub-visual .title ul li:after {content:''; width:10px; height:10px; background:url('../img/sub/sub-depth.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-5px; right:10px;}
.sub-visual .title ul li:last-child:after {display:none;}

.sub-visual .title ul li img {display:block;}

.lnb {background:#F8F8F8; height:80px; border-radius:20px 20px 0 0; width:100%; max-width:1760px; margin:0 auto; overflow:hidden;}
.lnb ul {display:flex; height:100%;}
.lnb ul li {width:100%; text-align:center;}
.lnb ul li a {font-size:20px; line-height:1.6em; color:#333; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:5px; transition:all 0.4s; border-right:1px solid #ddd;}
.lnb ul li:last-child a {border-right:0;}
.lnb ul li.active a {background:#102C65; color:#fff; font-weight:600;}
.lnb ul li a:hover {background:#102C65; color:#fff;}

.sub-title {margin:150px 0 120px; text-align:center; position:relative; overflow:hidden;}
.sub-title h3 {font-size:50px; line-height:1.28em; color:#000;}
.sub-title .depth {margin-top:60px;}
.sub-title .depth ul {display:flex; margin:0 -5px; justify-content:center;}
.sub-title .depth ul li {padding:0 5px;}
.sub-title .depth ul li a {width:230px; height:72px; border:1px solid #666; border-radius:36px; font-size:18px; font-weight:500; line-height:1.6em; display:flex; align-items:center; justify-content:center; text-align:center; transition:all 0.4s;}
.sub-title .depth ul li.active a,
.sub-title .depth ul li a:hover {background:#102C65; border-color:#102C65; color:#fff;}

/* sub */
.real-cont {padding-bottom:220px;}

.cnt-col {display:flex; margin-bottom:150px;}
.cnt-col:last-child {margin-bottom:0;}
.cnt-tit {width:100%; max-width:420px;}
.cnt-tit h4 {font-size:40px; font-weight:600; line-height:1.35em; color:#000; position:relative; padding-top:20px;}
.cnt-tit h4:before,
.cnt-tit h4:after {content:''; width:10px; height:10px; border-radius:50%; position:absolute; top:0;}
.cnt-tit h4:before {left:0; background:#102C65;}
.cnt-tit h4:after {left:15px; background:#0068B7;}
.cnt-tit p {font-size:26px; font-weight:500; color:#666; line-height:1.8em;}
.cnt-txt {width:1%; flex:1 1 auto;}
.cnt-txt > p {font-size:26px; line-height:1.7em; color:#333;}
/* sub 01 01 */
.greeting {overflow:hidden; position:relative;}
.greeting .img-box {margin-bottom:80px; position:relative;}
.greeting .img-box img {border-radius:20px; overflow:hidden;}
.greeting .img-box h4 {padding:0 160px; font-size:40px; font-weight:600; line-height:1.35em; color:#000; position:absolute; top:50%; transform:translateY(-50%); z-index:1;}
.greeting .img-box h4 strong {color:#0068B7;}
.greeting .col {position:relative;}
.greeting .col .row p {font-size:26px; line-height:1.7em; color:#333; margin-bottom:44px;}
.greeting .col .row p:last-child {margin-bottom:0;}
.greeting .txt {margin-top:90px; text-align:right;}
.greeting .txt p {font-size:28px; font-weight:500; line-height:1.5em; color:#666; margin-bottom:0 !important;}
.greeting .txt h5 {font-size:30px; font-weight:600; color:#000;}
/* sub 01 02 01 */
.establishment {position:relative; overflow:hidden;}
.establishment .img-box {border:1px solid #ddd; border-radius:20px; padding:60px; text-align:center; margin-top:60px;}
.establishment .table table	{width:100%; border-collapse:collapse; border-spacing:0; background:#fff; border-radius:20px 20px 0 0; overflow:hidden; text-align:center;}
.establishment .table table	thead {text-align:center;}
.establishment .table table	thead tr:first-child th {background:#102C65; color:#fff; font-size:26px; font-weight:600; color:#fff; line-height:1.7em; padding:4px; border-right:1px solid rgba(255,255,255,0.3);}
.establishment .table table	thead tr:last-child th {background:#fff; color:#102c65; font-size:22px; font-weight:500; line-height:1.8em; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.establishment .table table	thead th span {font-size:22px; font-weight:400;}
.establishment .table tfoot {display:table-header-group; background:#EEF3F8; text-align:center;}
.establishment .table tfoot th {font-size:24px; font-weight:500; color:#102c65; line-height:1.75em; padding:19px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.establishment .table tfoot td {font-size:22px; font-weight:500; color:#333; line-height:1.54em; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.establishment .table tbody th {font-size:24px; font-weight:500; color:#102C65; line-height:1.75em; padding:10px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.establishment .table tbody td {font-size:22px; color:#666; line-height:1.5em; padding:23px 20px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.establishment .table tbody td strong {font-weight:500; color:#333;}
.establishment  .table tbody td.tal {text-align:left;}
/* sub 01 02 02 */
.his-txt {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ddd;}
.his-txt h3 {font-size:48px; line-height:1.2em; color:#000; margin-bottom:18px;}
.his-txt p {font-size:28px; line-height:1.4em; color:#666;}

.history .col {display:flex;}
.history .img-box {width:100%; max-width:670px; position:relative;}
.history .img-box .imgs {position:sticky; top:120px; left:0; width:100%; height:450px; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:20px; overflow:hidden;}
.history.on01 .img-box .imgs {background-image:url('../img/sub/history01.jpg');}
.history.on02 .img-box .imgs {background-image:url('../img/sub/history02.jpg');}
.history.on03 .img-box .imgs {background-image:url('../img/sub/history03.jpg');}
.history.on04 .img-box .imgs {background-image:url('../img/sub/history04.jpg');}
.history .img-box .imgs .txt {opacity:0; position:absolute; width:100%; height:100%; top:0; left:0; padding:80px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end;}
.history.on01 .img-box .imgs .txt01 {opacity:1;}
.history.on02 .img-box .imgs .txt02 {opacity:1;}
.history.on03 .img-box .imgs .txt03 {opacity:1;}
.history.on04 .img-box .imgs .txt04 {opacity:1;}
.history .img-box .imgs .txt h4 {font-size:46px; font-weight:600; color:#000; line-height:1.6em; color:#000;}
.history .img-box .imgs .txt h4 strong {font-size:72px; line-height:1.2em;}
.history .img-box .imgs .txt p {font-size:30px; font-weight:500; line-height:1.4em; color:#666;}
.history .row {width:1%; flex:1 1 auto; padding-left:80px; position:relative;}
.history .row .txt-box {padding-bottom:220px; position:relative;}
.history .row .txt-box:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; left:10px; top:12px;}
.history .row .txt-box04:before {height:calc(100% + 208px);}

.history .row .txt-box .inner {position:relative; display:flex; margin-bottom:60px;}
.history .row .txt-box .inner:last-child {margin-bottom:0;}
.history .row .txt-box .year {width:100%; max-width:240px; font-size:26px; color:#102c65; font-weight:600; line-height:1.4em; padding-left:45px; padding-top:4px; padding-right:10px;}
.history .row .txt-box .year:before {content:''; width:20px; height:20px; background:url('../img/sub/history-icon.png') no-repeat; background-size:cover; position:absolute; top:12px; left:0;}
.history .row .txt-box .txt {width:1%; flex:1 1 auto;}
.history .row .txt-box .txt p {font-size:26px; line-height:1.7em; color:#333;}

.history .mob-img {display:none;}
/* sub 01 02 03 */
.configuration {overflow:hidden; position:relative;}
.configuration .cnt01 .img-box {padding:50px; text-align:center; border:1px solid #ddd; border-radius:20px; margin-bottom:60px;}
.configuration .cnt01 .txt-box p {font-size:26px; line-height:1.7em; color:#333;}
.doc-table table {width:100%; border-collapse:collapse; text-align:center;}
.configuration table col:nth-child(1) {width:150px;}
.configuration table col:nth-child(2) {width:auto;}
.configuration table col:nth-child(3) {width:230px;}
.configuration table col:nth-child(4), .configuration table col:nth-child(5),
.configuration table col:nth-child(6), .configuration table col:nth-child(7) {width:175px;}
.doc-table table thead {background:#102C65;}
.doc-table table thead th {font-size:26px; color:#fff; line-height:1.7em; padding:28px 10px; border-right:1px solid rgba(255,255,255,0.3);}
.doc-table table thead th:first-child {border-radius:20px 0 0 0;}
.doc-table table thead th:last-child {border-radius:0 20px 0 0; border-right:0;}
.doc-table table tbody th {font-size:24px; font-weight:500; color:#102c65; line-height:1.75em; padding:10px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.doc-table table tbody td {font-size:22px; color:#666; line-height:1.54em; padding:10px 20px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.configuration table tbody td.bg {background:#EEF3F8; font-weight:500; color:#333;}
.doc-table table tfoot {text-align:left; background:#F8F8F8;}
.doc-table table tfoot td {border-bottom:1px solid #ddd; padding:10px 20px; font-size:22px; line-height:1.5em; color:#666;}
.doc-table table tfoot td strong {color:#333; font-weight:600;}
/* sub 01 02 04 */
.features {position:relative; overflow:hidden;}
.features .pc {display:block;}
.features .on-mob {display:none;}
/* sub 01 03 */
.organizational {position:relative; overflow:hidden;}
.organizational .img-box {border:1px solid #ddd; border-radius:20px; padding:50px; margin-bottom:60px;}
.organizational .txt-box p {font-size:26px; line-height:1.7em; color:#333;}
.organizational table col:nth-child(1) {width:;}
.organizational table col:nth-child(2) {width:;}
.organizational table col:nth-child(3) {width:;}
.organizational table col:nth-child(4) {width:;}
.organizational table col:nth-child(5) {width:;}
.organizational table col:nth-child(6) {width:;}
.organizational table tbody th {background:#EEF3F8; border-left:1px solid #ddd;}
.organizational table tbody td {padding:23px 10px; border-right:1px solid #ddd;}
.organizational table tbody td strong {color:#333; font-weight:500;}
.organizational table tbody td.bdn {border-left:0; border-left:1px solid #ddd;}
.organizational table tbody td.bg {background:#F8F8F8;}
.organizational table tbody td.tal {text-align:left; padding:10px 20px;}
/* sub 01 04 */
.council {position:relative; overflow:hidden;}
.council .top-cnt {margin-bottom:150px; padding:0 15px 150px; background:url('../img/sub/council-bg.jpg') center center no-repeat; background-size:cover; text-align:center;}
.council .top-cnt .txt {padding:0 15px; margin-bottom:60px;}
.council .top-cnt .txt h5 {font-size:26px; line-height:1.7em; color:#333; font-weight:500;}
.council .top-cnt .txt h5 strong {font-weight:600; color:#0068b7;}
.council .top-cnt .txt p {font-size:22px; line-height:1.6em; color:#666; margin-top:4px ;}
.council .video {border-radius:20px; overflow:hidden; display:inline-block; background:#010102;}
.council .cnt01 .txt-box {margin-bottom:150px;}
.council .cnt01 .txt-box p {font-size:26px; line-height:1.7em; color:#333; margin-bottom:34px;}
.council .cnt01 .txt-box p:last-child {margin-bottom:0;}
.council .cnt01 .txt-box p strong {font-weight:600; color:#0068b7;}
.council .cnt02 .tit-box {margin-bottom:50px;}
.council .cnt02 .tit-box h5 {font-size:28px; font-weight:600; color:#000; line-height:1.5em; margin-bottom:20px; position:relative; padding-left:24px;}
.council .cnt02 .tit-box h5:before {content:''; width:14px;height:14px; background:#fff; border:4px solid #0068b7; border-radius:50%; position:absolute; top:14px; left:0;}
.council .cnt02 .tit-box p {font-size:26px; line-height:1.7em; color:#333;}
.council .cnt02 .col {display:flex; flex-wrap:wrap; margin:0 -20px 20px;}
.council .cnt02 .col .row {width:50%; padding:0 20px; margin-bottom:40px;}
.council .cnt02 .inner {background:#EEF3F8; position:relative; padding:168px 50px 50px; border-radius:20px; height:100%;}
.council .cnt02 .inner .icon {position:absolute; top:50px; right:50px;}
.council .cnt02 .inner h5 {font-size:28px; line-height:1.5em; color:#102c65; margin-bottom:30px;}
.council .cnt02 .inner p {font-size:26px; line-height:1.7em; color:#333; margin-bottom:20px;}
.council .cnt02 .inner p:last-child {margin-bottom:0;}
.council .cnt02 .inner p strong {display:block; font-weight:500; color:#000;}
.council .cnt02 .txt-box {border:2px solid #102C65; padding:50px; border-radius:20px; text-align:center;}
.council .cnt02 .txt-box p {font-size:26px; line-height:1.7em; color:#000; font-weight:500;}
.council .cnt02 .txt-box p strong {color:#0068b7; font-weight:600;}
/* sub 01 05 */
.ci {position:relative; overflow:hidden;}
.ci .col {display:flex; margin:0 -20px;}
.ci .col .row {width:100%; padding:0 20px; margin-bottom:60px;}
.ci .txt-box p {font-size:26px; line-height:1.7em; color:#333; margin-bottom:44px;}
.ci .txt-box p:last-child {margin-bottom:0;}
/* sub 01 06 */
.directions {position:relative; overflow:hidden;}
.directions .cnt-col {margin-bottom:60px;}
.directions .cnt {margin-bottom:150px;}
.directions .maps {margin-bottom:60px; border-radius:20px; overflow:hidden; border:1px solid #ddd;}
.directions .root_daum_roughmap {width:100% !important; height:440px !important;}
.directions .root_daum_roughmap .wrap_map {height:440px !important;}
.directions .root_daum_roughmap .map_border {border:0 !important; width:0 !important; height:0 !important;}
.directions .cnt .txt-box {display:block; padding:0 20px;}
.directions .cnt .txt-box .txt {display:flex; margin:0 -40px;}
.directions .cnt .txt-box .txt dl {padding:0 40px; display:flex; position:relative; font-size:26px; line-height:1.7em;}
.directions .cnt .txt-box .txt dl:after {content:''; width:1px; height:20px; background:#888; position:absolute; top:50%; margin-top:-10px; right:0;}
.directions .cnt .txt-box .txt dl:last-child:after {display:none;}
.directions .cnt .txt-box .txt dt {width:65px; color:#000; font-weight:600;}
.directions .cnt .txt-box .txt dd {color:#333;}
.directions .cnt .txt-box .btns {margin-top:60px;}
.directions .cnt .txt-box .btns ul {display:flex; margin:0 -5px; justify-content:flex-end;}
.directions .cnt .txt-box .btns ul li {padding:0 5px;}
.directions .cnt .txt-box .btns ul li a {width:80px; height:80px; border-radius:50%; border:1px solid #ddd; background-color:#fff; transition:all 0.4s; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.directions .cnt .txt-box .btns ul li a:hover {background-color:#102C65; border-color:#102C65;}
.directions .cnt .txt-box .btns ul li a.more {background-image:url('../img/sub/directions-more.png');}
.directions .cnt .txt-box .btns ul li a.print {background-image:url('../img/sub/directions-print.png');}
.directions .cnt .txt-box .btns ul li a.more:hover {background-image:url('../img/sub/directions-more-on.png');}
.directions .cnt .txt-box .btns ul li a.print:hover {background-image:url('../img/sub/directions-print-on.png');}
.directions .col {display:flex; padding:40px 0; border-top:3px solid #102c65; border-bottom:1px solid #ddd;}
.directions .col .row {width:100%; padding:0 20px; display:flex; align-items:center;}
.directions .col .row .icon {width:100%; max-width:140px;}
.directions .col .row .txt {width:1%; flex:1 1 auto; padding-left:50px;}
.directions .col .row .txt h5 {font-size:26px; line-height:1.7em; color:#000; font-weight:600;}
.directions .col .row .txt p {font-size:26px; line-height:1.7em; color:#333;}
/* sub 02 06 */
#bo_cate {display:none;}
.publication {position:relative; overflow:hidden;}
.publication .col {display:flex; margin:0 -20px; flex-wrap:wrap;}
.publication .col .row {width:25%; padding:0 20px; margin-bottom:80px;}
.publication .img-box {margin-bottom:20px;}
.publication .img-box .pic {position:relative; height:0; padding-bottom:142.19%; overflow:hidden; transition:all 0.6s; border:1px solid #ddd; border-radius:20px;}
.publication .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.publication .txt-box ul {display:flex; margin:0 -5px 20px;}
.publication .txt-box ul li {width:50%; padding:0 5px;}
.publication .txt-box ul li a {background:#F8F8F8; border-radius:20px; height:60px; padding:8px; font-size:22px; line-height:1.3em; color:#333; transition:all 0.4s; font-weight:600; display:flex; align-items:center; justify-content:center; text-align:center;}
.publication .txt-box ul li a:hover {background:#102C65; color:#fff;}
.publication .txt-box h5 {font-size:28px; line-height:1.5em; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
/* sub 04 02 01 */
.quality {position:relative; overflow:hidden;}
.quality .cnt01 .txt-box {margin-bottom:60px;}
.quality .cnt01 .txt-box:last-child {margin-bottom:0;}
.quality .cnt01 .txt-box h5 {font-size:28px; line-height:1.5em; color:#000; font-weight:600; position:relative; padding-left:24px; margin-bottom:20px;}
.quality .cnt01 .txt-box h5:before {content:''; width:14px; height:14px; background:#fff; border:3px solid #0068b7; position:absolute; top:13px; left:0; border-radius:50%;}
.quality .cnt01 .txt-box p {font-size:26px; line-height:1.7em; color:#333;}
.quality .cnt02 .txt-box {background:#EEF3F8; padding:60px 50px; border-radius:20px; margin-bottom:60px;}
.quality .cnt02 .txt-box li {font-size:26px; line-height:1.7em; color:#333; position:relative; padding-left:40px;}
.quality .cnt02 .txt-box li:before {content:''; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; top:18px; left:18px;}
.quality .cnt02 .tit {margin-bottom:20px;}
.quality .cnt02 .tit h5 {font-size:28px; line-height:1.5em; color:#000; font-weight:600; position:relative; padding-left:24px;}
.quality .cnt02 .tit h5:before {content:''; width:14px; height:14px; background:#fff; border:3px solid #0068b7; position:absolute; top:13px; left:0; border-radius:50%;}
.quality .cnt02 table {width:100%; border-collapse:collapse; border-spacing:0; text-align:center; border-radius:20px 20px 0 0; overflow:hidden;}
.quality .cnt02 table thead th {font-size:26px; line-height:1.7em; color:#fff; font-weight:600; padding:8px; background:#102C65; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.quality .cnt02 table thead th span {display:block; font-size:18px; line-height:1.8em; font-weight:400;}
.quality .cnt02 table thead td {font-size:22px; font-weight:500; line-height:1.4em; color:#102c65; padding:4px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.quality .cnt02 table thead td span {color:#102c65; font-weight:400;font-size:18px; line-height:1.5em;}
.quality .cnt02 table thead .bdr {border-right:none;}
.quality .cnt02 table tbody th {font-size:24px; font-weight:500; line-height:1.75em; color:#102C65; padding:28px 10px; background:#EEF3F8; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.quality .cnt02 table tbody td {font-size:22px; line-height:1.2em; color:#666; padding:20px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.quality .cnt02 {margin-bottom:60px;}
.quality .cnt02:last-child {margin-bottom:0;}
.quality .cnt02 .txt {background:#F8F8F8; border-bottom:1px solid #ddd; padding:20px;}
.quality .cnt02 .txt p {font-size:22px; line-height:1.5em; color:#333; font-weight:500;}
.quality .cnt02 .txt p strong {display:block; font-weight:600;}
.quality .cnt02 .txt ul {counter-reset:hangul;}
.quality .cnt02 .txt ul li {font-size:22px; line-height:1.5em; color:#666; counter-increment:hangul; position:relative; padding-left:34px;}
.quality .cnt02 .txt ul li strong {display:inline-block; color:#333; font-weight:400;}
.quality .cnt02 .txt ul li:before {content:counter(hangul, hangul) "."; position:absolute; top:0; left:0; font-size:22px; line-height:1.5em; color:#333; font-weight:400;}
.quality .cnt02 .txt ol {counter-reset:num;}
.quality .cnt02 .txt ol li {font-size:22px; line-height:1.5em; color:#666; counter-increment:num; position:relative; padding-left:30px;}
.quality .cnt02 .txt ol li strong {display:inline-block; color:#333; font-weight:400;}
.quality .cnt02 .txt ol li:before {content:counter(num) "."; position:absolute; top:0; left:0; font-size:22px; line-height:1.5em; color:#333; font-weight:400;}
.quality .cnt03 table {width:100%; border-collapse:collapse; border-spacing:0; text-align:center; border-radius:20px 20px 0 0; overflow:hidden;}
.quality .cnt03 table col:nth-child(1) {width:190px;}
.quality .cnt03 table col:nth-child(2) {width:275px;}
.quality .cnt03 table col:nth-child(3) {width:275px;}
.quality .cnt03 table col:nth-child(4) {width:auto;}
.quality .cnt03 table thead th {background:#0068B7; padding:8px; font-size:26px; line-height:1.7em; color:#fff; font-weight: 600; border-right:1px solid rgba(255,255,255,0.3);}
.quality .cnt03 table thead th:last-child {border-right:0;}
.quality .cnt03 table thead td {font-size:22px; line-height:1.4em; color:#0068b7; padding:6px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.quality .cnt03 table tbody {}
.quality .cnt03 table tbody th {font-size:24px; line-height:1.75em; color:#0068b7; background:#EEF3F8; padding:10px; font-weight:500; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.quality .cnt03 table tbody td {font-size:22px; line-height:1.2em; color:#666; padding:5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.quality .cnt03 table tbody ul {text-align:left; padding:0 15px;}
.quality .cnt03 table tbody ul li {position:relative; padding-left:40px;}
.quality .cnt03 table tbody ul li:before {content:''; width:4px; height:4px; background:#666; border-radius:50%; position:absolute; top:10px; left:18px;}
/* sub 04 03 01 */
.system {position:relative; overflow:hidden;}
.system ul li {font-size:26px; line-height:1.7em; color:#333; position:relative; padding-left:40px; display:flex;}
.system ul li strong {font-weight:500; color:#000; white-space:nowrap; margin-right:4px;}

.system ul li:before {content:''; width:4px; height:4px; background:#333; position:absolute; top:18px; left:18px; border-radius:50%;}
.system .txt-box {margin-top:60px;}
.system .txt-box h5 {font-size:28px; line-height:1.5em; color:#000; font-weight:600; position:relative; padding-left:24px; margin-bottom:20px;}
.system .txt-box h5:before {content:''; width:14px; height:14px; background:#fff; border:3px solid #0068b7; position:absolute; top:13px; left:0; border-radius:50%;}
.system .img-box {border:1px solid #ddd; border-radius:20px; text-align:center; padding:60px;}
.system .cnt01 .img-box {margin-top:60px;}
.system .cnt03 .col {display:flex; flex-wrap:wrap;  justify-content:space-between; margin:0 -10px -30px; position:relative;}
.system .cnt03 .col:after {content:''; width:20px; height:30px; background:url('../img/sub/system-arrow.png') no-repeat; background-size:cover; top:50%; left:50%; margin-top:-15px; margin-left:-10px; position:absolute;}
.system .cnt03 .col .row {width:100%; max-width:570px; margin-bottom:40px; position:relative; padding:0 10px;}
.system .cnt03 .inner {padding:50px 40px; border-radius:20px; position:relative; height:100%;}
.system .cnt03 .inner01 {border:1px solid #ddd;}
.system .cnt03 .inner02 {border:1px solid #102C65; background:#102C65;}
.system .cnt03 .inner02 ul li {color:#fff;}
.system .cnt03 .inner02 ul li:before {background:#fff;}
.system .cnt03 .inner02 .img {position:absolute; top:20px; right:20px; border-radius:20px; overflow:hidden;}
.system .cnt04 .col {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.system .cnt04 .col .row {width:50%; padding:0 20px; margin-bottom:40px;}
.system .cnt04 .inner {background:#EEF3F8; border-radius:20px; padding:30px; height:100%;}
.system .cnt04 .tit {margin-bottom:20px;}
.system .cnt04 .tit h5 {font-size:28px; line-height:1.5em; color:#000; font-weight:600;}
.system .cnt04 .tit h5 span {display:inline-block; width:40px; line-height:40px; background:#102C65; border-radius:50%; text-align:center; color:#fff; font-size:20px; font-weight:600; vertical-align:middle; margin-top:-6px;}
.system .cnt04 .txt {background:#fff; border-radius:10px; height:calc(100% - 62px); padding:20px 15px;}
.system .cnt04 .different {height:100%; background:#102C65; border-radius:20px; display:flex; align-items:center; justify-content:center; text-align:center;}
.system .cnt04 .different .tit {margin-bottom:0;}
.system .cnt04 .different  h5 {color:#fff;}
.system .cnt04 .different  h5 span {background:#fff; color:#102C65; display:block; margin:0 auto 10px;}
.system .cnt04 .txt-box p {font-size:22px; line-height:1.5em; color:#666;}
.system .cnt04 .txt-box p strong {color:#333; display:block;}
/* sub 04 03 02 */
.policy {position:relative; overflow:hidden;}
.policy .cnt {margin-bottom:60px;}
.policy .cnt.arrow {text-align:center;}
.policy .cnt .tit {margin-bottom:20px;}
.policy .cnt .tit h5 {font-size:28px; line-height:1.5em; color:#000; font-weight:600;}
.policy .cnt .tit h5 strong {font-weight:600; color:#102c65;}
.policy .cnt .tit h5 span {display:inline-block; font-size:20px; width:42px; line-height:42px; text-align:center; background:#102C65; color:#fff; vertical-align:middle; margin-top:-6px; margin-right:10px; border-radius:50%;}
.policy .cnt .txt {padding:40px 50px; background:#EEF3F8; border-radius:20px; margin-bottom:20px;}
.policy .cnt .txt:last-child {margin-bottom:0;}
.policy ul li {font-size:26px; line-height:1.7em; color:#333; position:relative; padding-left:40px;}
.policy ul li:before {content:''; width:4px; height:4px; background:#333; position:absolute; top:18px; left:18px; border-radius:50%;}
.policy ul li strong {display:block; color:#102c65; font-weight:500;}
.policy .cnt .txt .tt {font-size:22px; line-height:1.5em; color:#666;}
.policy .cnt .txt .tt strong {color:#333; font-weight:600;}
.policy .cnt .txt p {font-size:26px; line-height:1.7em; color:#333; }
.policy .img-box {padding:60px 50px; border:1px solid #ddd; border-radius:20px; text-align:center;}
.policy .img-box img {margin-bottom:60px;}
.policy .img-box img:last-child {margin-bottom:0;}
.policy .imgs {margin:60px 0;}
.policy .imgs .img {margin-bottom:20px; border:1px solid #ddd; border-radius:20px; padding:60px 50px;}
.policy .imgs .img:last-child {margin-bottom:0;}
.policy .cnt02 {margin-top:60px;}
/* sub 05 01 */
.sub-visual05 .lnb {display:none;}
.related {position:relative; overflow:hidden;}
.related .col {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.related .col .row {width:25%; padding:0 10px; margin-bottom:20px;}
.related .inner {border-radius:20px; background:#F8F8F8; display:flex; align-items:center; padding:4px 30px 4px 40px; justify-content:space-between; height:120px; transition:all 0.4s;}
.related .inner:hover {background:#EEF3F8;}
/* sub 04 02 02 */
.situation .cnt {margin-bottom:60px;}
.situation .select-box {margin-bottom:20px; display:flex;}
.situation .select-box .row {width:100%; max-width:330px; margin-right:20px;} 
.situation .select-box .inner {background:#F8F8F8; border-radius:10px; padding:10px; display:flex; align-items:center;} 
.situation .select-box .inner p {font-size:26px; line-height:1.7em; color:#333; text-align:right; width:1%; flex:1 1 auto; padding-right:30px; font-weight:600;}
.situation .select-box .inner select {width:100%; max-width:160px; border-radius:10px; background:#fff url('../img/sub/select.png') right 20px center no-repeat; border:0; height:60px; padding:0 30px; font-size:26px; color:#333; appearance:none;}
.situation .chart-box {position:relative; padding:60px 50px; border:1px solid #ddd; border-radius:20px; display:flex;}
.situation .chart-box .chart-header {width:100%; max-width:100px;}
.situation .chart-box .chart-header h4 {transform:rotate(-90deg) translate(-220px, -35px); font-size:24px; font-weight:600; line-height:1.75em; color:#333; white-space:nowrap;}
.situation .chart-box .chart-wrap {width:1%; flex:1 1 auto;} 
.situation .table {margin-bottom:20px;}
.situation .table table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center; border-radius:20px 20px 0 0; overflow:hidden; position:relative;}
.situation .table table col:nth-child(1) {width:160px;}
.situation .table table col:nth-child(2) {width:auto;}
.situation .table table col:nth-child(3) {width:160px;}
.situation .table table thead th {background:#102C65; font-size:26px; line-height:1.7em; color:#fff; border-right:1px solid rgba(255,255,255,0.3); padding:18px 10px;}
.situation .table table thead th:last-child {border-right:0;}
.situation .table table tbody th {font-size:24px; padding:20px; font-weight:500; color:#102c65; line-height:1.75em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.situation .table table tbody td {font-size:22px; padding:20px; line-height:1.5em; color:#666; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.situation .table table tbody td.tal {text-align:left;}
.situation .txt-box {background:#f8f8f8; padding:20px; border-radius:20px;}
.situation .txt-box h5 {font-size:22px; line-height:1.4em; color:#333; font-weight:600;}
.situation .txt-box p {font-size:22px; line-height:1.4em; color:#666;}
.situation .txt-box p strong {font-weight:500;}