@charset "utf-8";

.sub-visual {height:400px; margin:110px 0; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.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-visual06 {background-image: url('../img/sub/sub_visual06.jpg');}

.sub-cont-wrap {padding-bottom: 180px;}
.sub-cont-wrap .container {display: flex;}	
#lnb {max-width: 340px; width: 100%; padding-right: 100px;}
#lnb .wrap {position: sticky; top: 120px; }
#lnb .cate-name {height: 150px; align-content: center; text-align: center; font-size: 26px; font-weight: 600; line-height: 1.3em; color: #fff; background: url('../img/sub/lnb_bg.jpg') no-repeat center center; border-radius: 8px; overflow: hidden; margin-bottom: 20px; padding: 10px;}
#lnb ul {background: #f5f5f5; border-radius: 8px; }
#lnb ul li:not(:last-child) {border-bottom: 1px solid #ddd;	}
#lnb ul li a {position: relative; height: 60px; align-content: center; padding: 0 27px;}
#lnb ul li a:before {position: absolute; top: 0; left: 0; content: ''; width: 0; height: 100%; background: #003375; border-radius: 0 8px 8px 0; transition: all 0.4s; z-index: 2;}
#lnb ul li:nth-child(1) a:before {border-radius: 8px 8px 8px 0;}
#lnb ul li:last-child a:before {border-radius: 0 8px 8px 8px;}
#lnb ul li a:after {opacity: 0; position: absolute; top: 50%; margin-top: -6px; right: -5px; content: ''; width: 12px; height: 12px; background: url('../img/sub/lnb_icon_active.png') no-repeat center center; transition: all 0.5s; z-index: 3;}
#lnb ul li a span {position: relative; display: block; font-size: 15px; line-height: 1.3em; color: #666; transition: all 0.5s; z-index: 3;}
#lnb ul li.active a:before {width: calc(100% + 30px);}
#lnb ul li.active a:after {opacity: 1;}
#lnb ul li.active a span {font-weight: 600; color: #fff;} 
#lnb ul li a:hover:before {width: calc(100% + 30px);}
#lnb ul li a:hover:after {opacity: 1; transform: rotate(270deg); transition-delay: 0.4s;}
#lnb ul li a:hover span {color: #fff;}

.sub-cont {width: 1%; flex: 1 1 auto; overflow: hidden;}
.page-title {display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 28px; margin-bottom: 52px;}
.page-title h2 {font-size: 40px; font-weight: 600; line-height: 1.4em; color: #111;}
.page-title .path {display: flex; flex-wrap:wrap; align-items: center; margin: 0 -18px;}
.page-title .path > li {position: relative; padding: 0 18px; font-size: 16px; line-height: 1.3em; color: #999;}
.page-title .path > li:after {position: absolute; top: 50%; margin-top: -9px; right: -9px; content:''; width: 18px; height: 18px; background: url('../img/sub/lnb_icon_arrow.png') no-repeat center center;}
.page-title .path > li:last-child:after {display: none;}
.page-title .path .home {width: 15px; height: 16px; background: url('../img/sub/lnb_icon_home.png') no-repeat center center;}
.sub-cont04 .page-title .path > li:nth-child(3),
.sub-cont05 .page-title .path > li:nth-child(3),
.sub-cont06 .page-title .path > li:nth-child(3) {display: none;}
.sub-cont04 .page-title .path > li:nth-child(2):after,
.sub-cont05 .page-title .path > li:nth-child(2):after, 
.sub-cont06 .page-title .path > li:nth-child(2):after {display: none;}

.arti-title {margin-bottom: 28px;}
.arti-title h2 {font-size: 36px; font-weight: 700; line-height: 1.3em; color: #000;}

/* s1-1 */
.exchange .intro-img-box  {background-image: url('../img/sub/exchange_intro_img.jpg');}
.exchange .arti01 dt {max-width: 230px;}
.exchange .arti02 dt {max-width: 190px;}
.exchange .arti02 table col:nth-child(1) {width: 235px;}

.fee-wrap {border-top: 1px solid #003375;}
.fee-wrap .box {display: flex; align-items: center; padding: 44px 40px; border-bottom: 1px solid #ddd;}
.fee-wrap .box .icon {max-width: 190px; width: 100%; height: 130px; background-repeat: no-repeat; background-position: left center;}
.fee-wrap .box:nth-child(1) .icon {background-image: url('../img/sub/exchange_arti02_icon01.png');}
.fee-wrap .box:nth-child(2) .icon {background-image: url('../img/sub/exchange_arti02_icon02.png');}
.fee-wrap .box:nth-child(3) .icon {background-image: url('../img/sub/exchange_arti02_icon03.png');}
.fee-wrap .box .text {width: 1%; flex: 1 1 auto;}
.fee-wrap .box .text b {display: block; font-size: 23px; font-weight: 600; line-height: 1.4em; color: #333; margin-bottom: 13px;}
.fee-wrap .box .text p {font-size: 18px; line-height: 1.55em; color: #666;}
.fee-wrap .box .text p span {color: #333;}

/* s1-2 */
.visiting .intro-img-box  {background-image: url('../img/sub/visiting_intro_img.jpg');}
.visiting .arti01 dt {max-width: 230px;}
.visiting .arti02 dt {max-width: 190px;}
.visiting .arti02 table col:nth-child(1) {width: 235px;}
.visiting .arti03 .details-box04 dt {max-width: 155px;}
.visiting .arti03 .details-box05 dt {max-width: 130px;}

/* s1-3 */
.intro-img-box {height: 320px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 8px; overflow: hidden; margin-bottom: 10px;}
.sesp .intro-img-box  {background-image: url('../img/sub/sesp_intro_img.jpg');}

.arti-sub-title {margin-bottom: 22px;}
.arti-sub-title h3 {position: relative; font-size: 32px; font-weight: 600; line-height: 1.3em; color: #000; padding-left: 22px;}
.arti-sub-title h3:before {position: absolute; top: 8px; left: 0; content: ''; width: 5px; height: 5px; background: #197fc6; border-radius: 50%;}
.arti-sub-title h3:after {position: absolute; top: 15px; left: 0; content: ''; width: 5px; height: 16px; background: #003375; border-radius: 2.5px;}

.details-box {padding: 43px 0 50px;}
.details-box.pt-0 {padding-top: 0;}
.details-box.pt-23 {padding-top: 23px;}
.details-box:not(:last-child) {border-bottom: 1px dashed #ddd;}
.details-box:last-child {padding-bottom: 0;}
.details-box > ul > li {position: relative; font-size: 18px; line-height: 1.77em; color: #666; padding-left: 15px;}
.details-box > ul > li.flex {display: flex;}
.details-box > ul > li.flex > span {width: auto; white-space: nowrap;}
.details-box > ul > li.flex > ul {width: 1%; flex: 1 1 auto;}
.details-box > ul > li span.font-bk {color: #000;}
.details-box > ul > li:before {position: absolute; top: 14px; left: 1px; content: ''; width: 4px; height: 4px; background: #003375; border-radius: 50%;}
.details-box > p {font-size: 18px; line-height: 1.77em; color: #666;}
.details-box p.p-numbering {position: relative; padding-left: 20px; margin-bottom: 25px;}
.details-box p.p-numbering span {position: absolute; top: 0; left: 0;}
.details-box a.a-line {position: relative; display: inline-block; font-weight: 600; color: #003375;}
.details-box a.a-line:before {position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); content: ''; width: 100%; height: 2px; background: #003375;}
.details-box p span.font-red {color: #f21f51;}
.details-box p span.font-bk {color: #000;}
.dash-list {position: relative; padding-left: 22px;}
.dash-list:before {position: absolute; top: 16px; left: 10px; content: ''; width: 6px; height: 2px; background: #666;}

article:not(:last-child) {margin-bottom: 60px;}
article .dl-wrap {border-top: 1px solid #003375;}
article dl {display: flex; border-bottom: 1px solid #ddd; padding: 19px 0;}
article dt {width: 100%; font-size: 18px; font-weight: 600; line-height: 1.77em; color: #333; padding-left: 15px;}
article dd {width: 1%; flex: 1 1 auto; font-size: 18px; line-height: 1.77em; color: #666;}
article dd ul li {position: relative; padding-left: 12px;}
article dd ul li:before {position: absolute; top: 0; left: 0; content: '-'; font-size: 18px; line-height: 1.77em; color: #666;}
article dd ul li span.font-bold {font-weight: 600; color: #333;}

.sesp .arti02 dt {max-width: 260px;}

article .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
article .table-responsive table {min-width: 500px;}
article table {width: 100%; table-layout: fixed;}
article table thead {}
article table thead:before {border-radius: 8px; z-index: -1;}
article table thead th {height: 65px; font-size: 18px; font-weight: 700; line-height: 1.77em; color: #fff; background: #003375; border-right: 1px solid #ddd; padding: 5px 10px;}
article table thead th:nth-child(1) {border-radius: 8px 0 0 8px;}
article table thead th:last-child {border-right: 0; border-radius: 0 8px 8px 0;}
article table thead th small {font-size: 14px; font-weight: 400; line-height: 1em;}
article table tbody tr {border-bottom: 1px solid #ddd;}
article table tbody th {font-size: 18px; line-height: 1.77em; font-weight: 700; color: #333; background: #f4f9fc; border-right: 1px solid #ddd; padding: 5px 10px;}
article table tbody td {font-size: 18px; line-height: 1.77em; color: #666; border-right: 1px solid #ddd; text-align: center; padding: 17px 30px;}
article table tbody td:last-child {border-right: 0;}
article table tbody td.font-bold {font-weight: 700; color: #333;}
article table tbody td.ta-left {text-align: left;}
article table tbody td.num p {position: relative; padding-left: 45px;}
article table tbody td.num p:before {position: absolute; top: 0; left: 0; width: 28px; height: 28px; background: #003678; border-radius: 8px; font-size: 16px; font-weight: 600; line-height: 28px; color: #fff; text-align: center;}
article table tbody td.num1 p:before {content: '1';}
article table tbody td.num2 p:before {content: '2';}
article table tbody td.num3 p:before {content: '3';}
article table tbody td.num4 p:before {content: '4';}
article table tbody td.num5 p:before {content: '5';}
article table tbody td.num6 p:before {content: '6';}
article table tbody td.num7 p:before {content: '7';}
article table tbody td.num8 p:before {content: '8';}
article table tbody td span.font-bold {font-weight: 600; color: #333;}
article table tbody td li.dash-list {position: relative; padding-left: 11px;}
article table tbody td li.dash-list:before {position: absolute; top: 16px; left: 0; content: ''; width: 6px; height: 2px; background: #666;}
article table tbody td li.num-list {position: relative; padding-left: 16px;}
article table tbody td li.num-list:before {position: absolute; top: 0; left: 0; content: ''; font-size: 18px; line-height: 1.77em; color: #666;}
article table tbody td li.num-list:nth-child(1):before {content: '1.';}
article table tbody td li.num-list:nth-child(2):before {content: '2.';}
article table tbody td li.num-list:nth-child(3):before {content: '3.';}
article table tbody td .font-red {color: #f21f51;}
article table tbody td .pill-badge p {display: inline-block; max-width: 100%; font-size: 16px; font-weight: 500; line-height: 38px; color: #003375; border-radius: 20px; border: 1px solid #003375; padding: 0 20px; margin: 23px 0 10px;}
article table tbody td .pill-badge.margin-t p {margin-top: 0;}
article table tbody td .btn-click {position: relative; display: inline-block; width: 124px; line-height: 40px; font-size: 16px; color: #fff; background: #003375; border-radius: 20px; padding: 0 20px; margin-right: 5px;}
article table tbody td .btn-click:after {position: absolute; top: 0; right: 18px; content: '+'; font-size: 16px; font-weight: 300; color: #fff; transition: all 0.5s;}
article table tbody td .btn-click:hover:after {transform: rotate(270deg);}
article table tbody td a {display: inline-block; font-weight: 600; color: #003375;}
article table tbody td a.font-none {font-weight: 400; color: #666;}
.sesp .arti03 table col:nth-child(1) {width: 235px;}

.sesp .arti04 ol {display: flex; flex-wrap: wrap; margin: -15px -18px;}
.sesp .arti04 ol li {position: relative; width: 33.3333%; padding: 15px 18px;}
.sesp .arti04 ol li:after {position: absolute; top: 50%; margin-top: -6px; right: -5px; content: ''; width: 11px; height: 13px; background: url('../img/sub/sesp_icon_arrow.png') no-repeat center center;}
.sesp .arti04 ol li:nth-child(3n):after {display: none;}
.sesp .arti04 ol li .inner {display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #ddd; border-radius: 8px;}
.sesp .arti04 ol li .step {padding: 30px 30px 38px;}
.sesp .arti04 ol li .step .num {width: 35px; height: 35px; background: #003678; border-radius: 8px; font-size: 16px; font-weight: 700; line-height: 35px; color: #fff; text-align: center; margin-bottom: 15px;}
.sesp .arti04 ol li .step p {font-size: 18px; font-weight: 700; line-height: 1.44em; color: #333;}
.sesp .arti04 ol li .date {height: 80px; display: flex; align-items: center; padding: 0 30px; border-top: 1px solid #ddd;}
.sesp .arti04 ol li .date p {position: relative; font-size: 16px; line-height: 1.4em; color: #333; padding-left: 28px;}
.sesp .arti04 ol li .date p:before {position: absolute; top: 1px; left: 0; content: ''; width: 19px; height: 19px; background: url('../img/sub/sesp_icon_calendar.png') no-repeat center center;}
.sesp .arti04 ol li.white .inner {border: none; background: url('../img/sub/sesp_schedule_bg.jpg') no-repeat center center/cover;}
.sesp .arti04 ol li.white .step {border-bottom: 1px solid rgba(255,255,255,0.2);}
.sesp .arti04 ol li.white .step .num {background: #00449b;}
.sesp .arti04 ol li.white .step p {color: #fff;}
.sesp .arti04 ol li.white .date p {color: #fff;}
.sesp .arti04 ol li.white .date p:before {background-image: url('../img/sub/sesp_icon_calendar_white.png');}

/* s2-1 */
.visa .intro-img-box  {background-image: url('../img/sub/visa_intro_img.jpg');}
article .text-box {margin: 60px 0;}
article .text-box .arti-title {margin-bottom: 20px; padding-top: 3px;}
article .text-box p {font-size: 18px; line-height: 1.77em; color: #666;}
article .text-box p:not(:last-child) {margin-bottom: 30px;}
article .text-box a {display: inline-block;}
article .text-box a.font-blue {font-weight: 600; color: #003375;}
article .text-box a.a-line {position: relative; font-weight: 600; color: #003375;}
article .text-box a.a-line:before {position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); content: ''; width: 100%; height: 2px; background: #003375;}
article .text-box span.font-red {display: block; color: #f21f51;}
article .text-box span.font-blue {font-weight: 600; color: #003375;}
article .text-box span.font-bk {color: #000;}
article .text-box span.font-bk-line {position: relative; font-weight: 600; color: #000;}
article .text-box span.font-bk-line:before {position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); content: ''; width: 100%; height: 2px; background: #000;}
li.num-round-list {position: relative; font-size: 18px; line-height: 1.77em; color: #666; padding-left: 20px;}
li.num-round-list:before {position: absolute; top: 0; left: 0; content: ''; font-size: 18px; line-height: 1.77em; color: #666;}
li.num-round-list:nth-child(1):before {content: '1)';}
li.num-round-list:nth-child(2):before {content: '2)';}
li.num-round-list:nth-child(3):before {content: '3)';}
.text-box li.num-round-list.num4:before {content: '4)';}
.text-box li.num-round-list.num5:before {content: '5)';}
.text-box li.flex {display: flex;}
.text-box li.flex span:nth-child(1) {width: auto; white-space: nowrap;}
.text-box li.flex span:nth-child(2) {width: 1%; flex: 1 1 auto;}

.visa .arti01 table col:nth-child(1) {width: 230px;}

/* s2-2 */
.housing .intro-img-box  {background-image: url('../img/sub/housing_intro_img.jpg');}
.housing .arti01 table col:nth-child(1) {width: 95px;}
.housing .arti01 table col:nth-child(2) {width: 135px;}
.housing .arti01 table thead th {line-height: 1.2em;}
.housing .arti01 table tbody td {vertical-align: baseline;}

/* s2-3 */
.academic .intro-img-box  {background-image: url('../img/sub/academic_intro_img.jpg');}
.academic .arti01 .text-box {margin-bottom: 30px;}
.academic .arti01 table col:nth-child(1) {width: 270px;}
.academic .arti02 .text-box {margin-bottom: 30px;}
.download-box {display: flex; padding: 50px 38px; background: #f5f5f5; border-radius: 8px;}
.academic .arti02 .download-box {margin-bottom: 40px;}
.download-box .box {display: flex; align-items: center; width: 50%; height: 70px;}
.download-box .box:nth-child(1) {margin-right: 20px;}
.download-box .title {width: 100%; height: 100%; align-content: center; font-size: 20px; font-weight: 600; line-height: 1.4em; color: #fff; background: #003375; text-align: center; border-radius: 8px 0 0 8px;}
.academic .arti02 .download-box .title {max-width: 200px;}
.download-box .file {width: 1%; flex: 1 1 auto; height: 100%; background: #fff; border-radius: 0 8px 8px 0;}
.download-box .file a {position: relative; width: 100%; height: 100%; align-content: center; padding: 0 35px 0 40px; font-size: 20px; font-weight: 600; line-height: 1.4em; color: #333; transition: all 0.5s;}
.download-box .file a:hover {color: #003375;}
.download-box .file a:after {position: absolute; top: 50%; margin-top: -8px; right: 35px; content: ''; width: 17px; height: 16px; background: url('../img/sub/icon_download.png') no-repeat center center;}

.process-list > ol > li:not(:last-child) {margin-bottom: 20px;}
.process-list > ol > li .inner {border: 1px solid #ddd; border-radius: 8px; padding: 49px 40px;}
.process-list > ol > li .title {display: flex;}
.process-list > ol > li .title .num {width: 28px; height: 28px; background: #003678; border-radius: 8px; font-size: 16px; font-weight: 600; line-height: 28px; color: #fff; text-align: center; margin-right: 15px;}
.process-list > ol > li .title p {font-size: 18px; line-height: 1.77em; color: #666;}
.process-list > ol > li .title p a {display: inline-block; font-weight: 600; color: #003375; word-break: break-all;}
.process-list > ol > li figure {margin-top: 25px;}
.process-list ul {margin-top: 25px;}
.process-list ul li {font-size: 18px; line-height: 1.77em; color: #666;}

.academic .arti04 .text-box:last-child {margin-bottom: 0;}
.academic .arti04 .text-box a:before {display: none;}

/* s2-4 */
.korean .intro-img-box  {background-image: url('../img/sub/korean_intro_img.jpg');}
.korean .arti01 .table-responsive table {min-width: 750px;}
.korean .arti01 table col:nth-child(1) {width: 14%;}
.korean .arti01 table col:nth-child(2) {width: 12%;}
.korean .arti01 table col:nth-child(3) {width: 37%;}
.korean .arti01 table col:nth-child(4) {width: 12%;}
.korean .arti01 table col:nth-child(5) {width: 25%;}
.korean .arti01 .text-box02 {margin-bottom: 30px;}

.process-list-col03 > ol {display: flex; flex-wrap: wrap; margin: -10px;}
.process-list-col03 > ol > li {width: 33.333%; padding: 10px;}
.process-list-col03 > ol > li .inner {min-height: 250px; height: 100%; border: 1px solid #ddd; border-radius: 8px; padding: 30px 30px;}
.process-list-col03 > ol > li .num {width: 35px; height: 35px; background: #003678; border-radius: 8px; font-size: 16px; font-weight: 700; line-height: 35px; color: #fff; text-align: center; margin-bottom: 15px;}
.process-list-col03 > ol > li .flex {display: flex; flex-direction: column; justify-content: space-between; height: 70%;}
.process-list-col03 > ol > li p {font-size: 18px; font-weight: 500; line-height: 1.44em; color: #666;}
.process-list-col03 > ol > li span {/* display: inline-block; */}
.process-list-col03 > ol > li span.font-bk {color: #000;}

/* s2-5 */
.arrival .intro-img-box  {background-image: url('../img/sub/arrival_intro_img.jpg');}
.arrival .arti01 .details-box:nth-child(1) {padding-top: 0;}
.arrival .arti01 dt {max-width: 150px;}
.arrival .arti02 table {margin: 30px 0;}
.details-sub-box h4 {font-size: 26px; font-weight: 600; line-height: 1.3em; color: #333; margin-bottom: 30px;}
.details-sub-box h4.mb-25 {margin-bottom: 25px;}
.arrival .arti03 .table01 {min-width: 500px;}
.arrival .arti03 .table01 col:nth-child(6) {width: 250px;}
.arrival .arti03 .table02 {min-width: 500px; margin-bottom: 20px;}
.arrival .arti03 .table02 col:nth-child(1) {width: 150px;}
.arrival .arti03 .table02 col:nth-child(2) {width: 200px;}

.details-sub-box:not(:last-child) {margin-bottom: 45px;}

ul > li.circle-list {position: relative; font-size: 18px; line-height: 1.77em; color: #666; padding-left: 15px;}
ul > li.circle-list.flex {display: flex;}
ul > li.circle-list span.font-bk {color: #000;}
ul > li.circle-list:before {position: absolute; top: 14px; left: 1px; content: ''; width: 4px; height: 4px; background: #003375; border-radius: 50%;}
.arrival ul > li.circle-list:nth-child(1) span:nth-child(1),
.arrival ul > li.circle-list:nth-child(2) span:nth-child(1) {width: auto; white-space: nowrap;} 
.arrival ul > li.circle-list:nth-child(1) span:nth-child(2),
.arrival ul > li.circle-list:nth-child(2) span:nth-child(2) {width: 1%; flex: 1 1 auto;}

.gray-box {display: flex; align-items: center; background: #f5f5f5; border-radius: 8px; overflow: hidden;}
.gray-box:not(:last-child) {margin-bottom: 20px;}
.gray-box > div {width: 50%;}
.gray-box .text {padding: 20px 40px;}
.gray-box .text p {font-size: 18px; line-height: 1.77em; color: #333;}
.gray-box .text p:not(:last-child) {margin-bottom: 22px;}
.gray-box .text li.num-round-list {color: #333;}
.gray-box .text li.num-round-list:not(:last-child) {margin-bottom: 22px;}
.gray-box > .img {display: flex; align-self: stretch;}
.gray-box > .img img {width: 100%; height: 100%; object-fit: cover;}

.arrival .arti05 .arti-sub-title {position: relative; margin-bottom: 40px;}
.arrival .arti05 .arti-sub-title:before {position: absolute; top: -22px; left: 0; content: ''; width: 50px; height: 65px; background: url('../img/sub/arrival_arti05_hyuabot.png') no-repeat left center;}
.arrival .arti05 .arti-sub-title h3 {padding-top: 6px; padding-left: 65px;}
.arrival .arti05 .arti-sub-title h3:before {display: none;}
.arrival .arti05 .arti-sub-title h3:after {display: none;}
.arrival .download-box {padding: 50px 40px;}
.arrival .arti05 .download-box .title {max-width: 150px;}
.arrival .download-box .file a {padding: 0 25px; font-size: 18px;}
.arrival .download-box .file a:hover {color: #333;}
.arrival .download-box .file a:after {display: none;}
.arrival .download-box .file a span {position: relative; color: #003375;}
.arrival .download-box .file a span:after {position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); content: ''; width: 0; height: 2px; background: #003375; transition: all 0.3s;}
.arrival .download-box .file a:hover span:after {width: 100%;}

/* s2-6 */
.health .intro-img-box  {background-image: url('../img/sub/health_intro_img.jpg');}
.health .arti01 .table01 {min-width: 750px; margin-bottom: 20px;}
.health .arti01 .table01 col:nth-child(1) {width: 240px;}
.health .arti02 .dl-wrap01 {margin-bottom: 35px;}
.health .arti02 .dl-wrap01 dt {max-width: 150px;}
.health .arti02 .dl-wrap02 dt {max-width: 320px;}
.health .arti02 .dl-wrap02 {margin-bottom: 20px;}

/* s3-1 */
.orientation .intro-img-box  {background-image: url('../img/sub/orientation_intro_img.jpg');}
.orientation .arti01 .text-box {margin-bottom: 0;}

/* s3-2 */
.register .intro-img-box {background-image: url('../img/sub/register_intro_img.jpg');}
.register .arti01 ol {display: flex; margin: 30px -10px;}
.register .arti01 ol li {width: 33.333%; padding: 0 10px;}
.register .arti01 ol li .inner {height: 100%; background: #f5f5f5; border-radius: 8px; padding: 60px 20px 68px;}
.register .arti01 ol li .icon {width: 101px; height: 101px; background-repeat: no-repeat; background-position: center center; margin: 0 auto 30px;}
.register .arti01 ol li:nth-child(1) .icon {background-image: url('../img/sub/register_arti01_step01.png');}
.register .arti01 ol li:nth-child(2) .icon {background-image: url('../img/sub/register_arti01_step02.png');}
.register .arti01 ol li:nth-child(3) .icon {background-image: url('../img/sub/register_arti01_step03.png');}
.register .arti01 ol li b {display: block; font-size: 16px; font-weight: 700; line-height: 1em; color: #003678; margin-bottom: 10px; text-align: center;}
.register .arti01 ol li p {font-size: 18px; font-weight: 600; line-height: 1.44em; color: #000; text-align: center;}
.important-box {background: #eff6fb; text-align: center; border-radius: 8px; margin: 30px 0; padding: 60px 20px 65px;}
.important-box .icon {width: 46px; height: 40px; background: url('../img/sub/register_arti01_icon_important.png') no-repeat center center; margin: 0 auto 15px;}
.important-box b {display: block; font-size: 26px; font-weight: 600; line-height: 1em; color: #003375; margin-bottom: 16px;}
.important-box p {font-size: 18px; line-height: 1.77em; color: #666;}
.important-box p .font-bk {color: #000;}
.register .arti02 .dl-wrap01 {margin: 30px 0;}
.register .arti02 .dl-wrap01 dt {max-width: 185px;}
.register .arti02 .dl-wrap02 {margin-top: 30px;}
.register .arti02 .dl-wrap02 dt {max-width: 390px;}

/* s3-3 */
.buddy .intro-img-box  {background-image: url('../img/sub/buddy_intro_img.jpg');}
.buddy .important-box {margin: 0;}
.buddy .important-box .icon {width: 40px; height: 40px; background-image: url('../img/sub/buddy_arti01_icon_note.png');}
.buddy .arti01 .text-box01 {margin-bottom: 30px;}
.buddy .arti01 .text-box02 {margin: 30px 0 0;}

/* s3-4 */
.card .intro-img-box {background-image: url('../img/sub/card_intro_img.jpg');}

.card .process-list-col03 > ol {margin: -15px -18px;}
.card .process-list-col03 > ol > li {padding: 15px 18px;}
.card .arti01 .process-list-col03.arrow > ol > li:after {position: absolute; top: 50%; margin-top: -6px; right: -5px; content: ''; width: 11px; height: 13px; background: url('../img/sub/sesp_icon_arrow.png') no-repeat center center;}
.card .arti01 .process-list-col03.arrow > ol > li:nth-child(3n):after,
.card .arti01 .process-list-col03.arrow > ol > li:last-child:after {display: none;}
.process-list-col03 > ol > li.white .inner {border: none; background: url('../img/sub/sesp_schedule_bg.jpg') no-repeat center center/cover;}
.process-list-col03 > ol > li.white .num {background: #00449b;}
.process-list-col03 > ol > li.white p {color: #fff;}
.process-list-col03 > ol > li.white p.font-opacity {color: rgba(255,255,255,0.5);}
.process-list-col03 > ol > li.white p .font-line {position: relative; font-weight: 700;}
.process-list-col03 > ol > li.white p .font-line:after {position: absolute; bottom: 2px; left: 0; content: ''; width: 100%; height: 2px; background: #fff;}

.img-border-box {border: 1px solid #ddd; border-radius: 8px; padding: 50px 55px; margin-top: 50px;}

.card .arti02 .process-list-col03.arrow > ol > li:after {position: absolute; top: 50%; margin-top: -6px; right: -5px; content: ''; width: 11px; height: 13px; background: url('../img/sub/sesp_icon_arrow.png') no-repeat center center;}
.card .arti02 .process-list-col03.arrow > ol > li:nth-child(odd):after {display: block;}
.card .arti02 .process-list-col03.arrow > ol > li:nth-child(even):after,
.card .arti02 .process-list-col03.arrow > ol > li:last-child:after {display: none;}
.card .arti02 .process-list-col03 > ol > li:nth-child(odd) {width: 33.4%;}
.card .arti02 .process-list-col03 > ol > li:nth-child(even) {width: 66.6%;}
.card .arti02 .process-list-col03 > ol > li:nth-child(4) .inner {background-image: url('../img/sub/card_issue_bg.jpg');}
.card .arti02 .process-list-col03 ul > li.circle-list {line-height: 1.33em;}
.card .arti02 .process-list-col03 ul > li.circle-list:not(:last-child) {margin-bottom: 8px;}
.card .arti02 .process-list-col03 ul > li.circle-list:before {top: 11px;}

.card .arti02 .process-list-col03 > ol > li.white p.font-opacity {margin-top: 10px;}

/* s3-5 */
.rules .intro-img-box {background-image: url('../img/sub/rules_intro_img.jpg');}
.rules .arti01 ul {margin-bottom: 30px;}
.rules .arti02 .dl-wrap01 dt {max-width: 275px;}
.rules .arti02 .text-box01 {margin-bottom: 30px;}
.rules .arti02 .text-box02 {margin: 30px 0 0;}

/* s3-6 */
.links .intro-img-box {background-image: url('../img/sub/links_intro_img.jpg'); margin-bottom: 70px;}
.links-list .items {display: flex; flex-wrap: wrap; margin: -10px;}
.links-list .item {width: 33.333%; padding: 10px;}
.links-list .item .logo {border: 1px solid #ddd; border-radius: 8px 8px 0 0; overflow: hidden;}
.links-list .item .text {position: relative; display: flex; justify-content: space-between; align-items: center; height: 80px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 0 0 8px 8px; padding: 0 30px; overflow: hidden; transition: all 0.4s;}
.links-list .item a:hover .text {border: 1px solid #002d6f;}
.links-list .item a .text:after {opacity: 0; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: url('../img/sub/links_active_bg.jpg') no-repeat center center/cover; transition: all 0.3s;}
.links-list .item a:hover .text:after {opacity: 1;}
.links-list .item a p {position: relative; width: 1%; flex: 1 1 auto; font-size: 18px; line-height: 1.22em; color: #666; z-index: 2; transition: all 0.5s;}
.links-list .item a:hover p {color: #fff;}
.links-list .item a .icon {max-width: 12px; width: 100%; height: 100%; background: url('../img/sub/links_icon_more.png') no-repeat center center; margin-left: 25px; z-index: 2; transition: all 0.5s;}
.links-list .item a:hover .icon {background-image: url('../img/sub/links_icon_more_active.png'); transform: rotate(270deg);}