@charset "utf-8";

@media (max-width: 1400px) {
	.page-title {display: block;}
	.page-title h2 {margin-bottom: 15px;}

	/* 1-3 */
	article table tbody td {padding: 17px 15px;}
	article table tbody td .br-pc {display: none;}
	
	/* 2-3 */
	.download-box {flex-wrap: wrap;}
	.download-box .box {width: 100%; height: 70px;}
	.download-box .box:nth-child(1) {margin-right: 0; margin-bottom: 10px;}

	article .text-box p .br-pc {display: none;}

	/* s2-4 */
	.korean .process-list-col03 > ol > li p br {display: none;}

	/* s3-4 */
	.process-list-col03 > ol > li p .br-pc {display: none;}
}

@media (max-width: 1200px) {
	/* 1-3 */
	.sesp .arti03 table col:nth-child(1) {width: 200px;}

	.sesp .arti04 ol li .step {padding: 20px 20px 38px;}
	.sesp .arti04 ol li .step p br {display: none;}
	.sesp .arti04 ol li .date {padding: 0 20px;}

	/* s3-6 */
	.links-list .item .text {padding: 0 20px;}
}

@media (max-width: 1024px) {
	.sub-visual {height:350px; margin:80px 0 20px;}
	.sub-cont-wrap {padding-bottom: 120px;}
	.sub-cont-wrap .container {display: block;}
	#lnb {max-width: 100%; width: 100%; padding-right: 0; margin-bottom: 60px;}
	#lnb .wrap {position: none;}
	#lnb .cate-name {display: none;}
	#lnb ul {display: flex; overflow: hidden;}
	#lnb ul li {flex: 1;}
	#lnb ul li:not(:last-child) {border-bottom: 0; border-right: 1px solid #ddd;}
	#lnb ul li a {height: 60px; padding: 0 5px; text-align: center;}
	#lnb ul li a:before {display: none;}
	#lnb ul li a:after {display: none;}
	#lnb ul li a span {font-size: 15px;}
	#lnb ul li.active a {background: #003375;}
	#lnb ul li.active a span {font-weight: 600; color: #fff;} 
	#lnb ul li a:hover span {color: #003375;}
	#lnb ul li.active a span {color: #fff;}

	.sub-cont {width: 100%; flex: auto;}
	.page-title {padding-top: 0; padding-bottom: 20px; margin-bottom: 45px;}
	.page-title h2 {font-size: 35px; margin-bottom: 15px;}

	.arti-title {margin-bottom: 20px;}
	.arti-title h2 {font-size: 32px;}

	/* 1-1 */
	.exchange .arti01 dt {max-width: 210px;}
	.exchange .arti02 dt {max-width: 170px;}
	.exchange .arti02 table col:nth-child(1) {width: 25%;}

	.fee-wrap .box {padding: 35px 30px;}
	.fee-wrap .box .icon {max-width: 170px;}
	.fee-wrap .box .text b {font-size: 21px; margin-bottom: 13px;}
	.fee-wrap .box .text p {font-size: 16px;}

	/* 1-2 */
	.visiting .arti01 dt {max-width: 210px;}
	.visiting .arti02 dt {max-width: 170px;}
	.visiting .arti02 table col:nth-child(1) {width: 25%;}

	/* s1-3 */
	.intro-img-box {height: 280px;}

	.arti-sub-title {margin-bottom: 15px;}
	.arti-sub-title h3 {font-size: 28px; padding-left: 18px;}
	.arti-sub-title h3:before {top: 8px; left: 0; width: 5px; height: 5px;}
	.arti-sub-title h3:after {top: 15px; left: 0; width: 5px; height: 14px;}

	.details-box {padding: 30px 0;}
	.details-box.pt-23 {padding-top: 15px;}
	.details-box > ul > li {font-size: 16px; line-height: 1.77em; padding-left: 12px;}
	.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:before {top: 12px; left: 1px;}
	.details-box > p {font-size: 16px;}
	.details-box p.p-numbering {padding-left: 20px; margin-bottom: 15px;}
	.dash-list {padding-left: 22px;}
	.dash-list:before {top: 12px;}

	article:not(:last-child) {margin-bottom: 50px;}
	article dl {padding: 15px 0;}
	article dt {font-size: 16px; padding-left: 15px;}
	article dd {flex: 1 1 auto; font-size: 16px;}
	article dd ul li {padding-left: 12px;}
	article dd ul li:before {font-size: 16px;}

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

	article table thead th {height: 55px; font-size: 16px; padding: 5px 10px;}
	article table thead th small {font-size: 14px;}
	article table tbody th {font-size: 16px; padding: 5px 10px;}
	article table tbody td {font-size: 16px; padding: 13px 10px;}
	article table tbody td .br-pc {display: none;}
	article table tbody td.num p {padding-left: 40px;}
	article table tbody td.num p:before {width: 26px; height: 26px; font-size: 15px; line-height: 26px;}
	article table tbody td li.dash-list {padding-left: 11px;}
	article table tbody td li.dash-list:before {top: 13px;}
	article table tbody td li.num-list {padding-left: 16px;}
	article table tbody td li.num-list:before {font-size: 16px;}
	article table tbody td .pill-badge p {font-size: 15px; line-height: 34px; padding: 0 15px; margin: 18px 0 5px;}
	article table tbody td .btn-click {width: 110px; line-height: 36px; font-size: 15px; padding: 0 15px; margin-right: 5px;}
	article table tbody td .btn-click:after {right: 12px; font-size: 16px;}

	.sesp .arti03 table col:nth-child(1) {width: 20%;}

	.sesp .arti04 ol {margin: -10px -15px;}
	.sesp .arti04 ol li {width: 33.3333%; padding: 10px 15px;}
	.sesp .arti04 ol li .step {padding: 20px 20px 25px;}
	.sesp .arti04 ol li .step .num {width: 30px; height: 30px; font-size: 15px; line-height: 30px; margin-bottom: 10px;}
	.sesp .arti04 ol li .step p {font-size: 16px;}
	.sesp .arti04 ol li .date {height: 60px; padding: 0 20px;}
	.sesp .arti04 ol li .date p {font-size: 15px; padding-left: 25px;}
	.sesp .arti04 ol li .date p:before {top: 0; background-size: 17px auto;}

	/* s2-1 */
	article .text-box {margin: 40px 0;}
	article .text-box .arti-title {margin-bottom: 15px; padding-top: 0;}
	article .text-box p {font-size: 16px;}
	article .text-box p:not(:last-child) {margin-bottom: 20px;}
	li.num-round-list {font-size: 16px; padding-left: 18px;}
	li.num-round-list:before {font-size: 16px;}

	.text-box li.flex {display: flex;}
	.text-box li.flex span:nth-child(2) {width: 1%; flex: 1 1 auto;}

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

	/* s2-2 */
	.housing .arti01 table col:nth-child(1) {width: 10%;}
	.housing .arti01 table col:nth-child(2) {width: 15%;}

	/* s2-3 */
	.academic .arti01 .text-box {margin-bottom: 25px;}
	.academic .arti01 table col:nth-child(1) {width: 25%;}
	.academic .arti02 .text-box {margin-bottom: 25px;}
	.download-box {padding: 40px 25px;}
	.academic .arti02 .download-box {margin-bottom: 30px;}
	.download-box .box {height: 60px;}
	.download-box .title {font-size: 18px;}
	.academic .arti02 .download-box .title {max-width: 180px;}
	.download-box .file a {padding: 0 25px 0 30px; font-size: 18px;}
	.download-box .file a:after {right: 25px;}

	.process-list > ol > li:not(:last-child) {margin-bottom: 15px;}
	.process-list > ol > li .inner {padding: 35px 25px;}
	.process-list > ol > li .title .num {max-width: 26px; width: 100%; height: 26px; font-size: 15px; line-height: 26px; margin-right: 10px;}
	.process-list > ol > li .title p {font-size: 16px;}
	.process-list > ol > li figure {margin-top: 20px;}
	.process-list ul {margin-top: 20px;}
	.process-list ul li {font-size: 16px;}

	/* s2-4 */
	.korean .arti01 .text-box02 {margin-bottom: 25px;}

	.process-list-col03 > ol {margin: -5px;}
	.process-list-col03 > ol > li {width: 33.333%; padding: 5px;}
	.process-list-col03 > ol > li .inner {min-height: 200px; padding: 20px 20px 25px;}
	.process-list-col03 > ol > li .num {width: 30px; height: 30px; font-size: 15px; line-height: 30px; margin-bottom: 10px;}
	.process-list-col03 > ol > li p {font-size: 16px;}
	
	/* 2-5 */
	.arrival .arti01 dt {max-width: 120px;}
	.arrival .arti02 table {margin: 20px 0;}
	.details-sub-box h4 {font-size: 24px; margin-bottom: 15px;}
	.details-sub-box h4.mb-25 {margin-bottom: 20px;}
	.arrival .arti03 .table01 {min-width: 500px;}
	.arrival .arti03 .table01 col:nth-child(6) {width: 30%;}
	.arrival .arti03 .table02 {min-width: 500px; margin-bottom: 20px;}
	.arrival .arti03 .table02 col:nth-child(1) {width: 15%;}
	.arrival .arti03 .table02 col:nth-child(2) {width: 20%;}

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

	ul > li.circle-list {font-size: 16px; padding-left: 13px;}
	ul > li.circle-list.flex {display: flex;}
	ul > li.circle-list:before {top: 12px; left: 1px;}

	.gray-box {display: flex; align-items: center;}
	.gray-box:not(:last-child) {margin-bottom: 15px;}
	.gray-box .text {padding: 20px 30px;}
	.gray-box .text p {font-size: 16px;}
	.gray-box .text p:not(:last-child) {margin-bottom: 15px;}
	.gray-box .text li.num-round-list:not(:last-child) {margin-bottom: 15px;}
	
	.arrival .arti05 .arti-sub-title {margin-bottom: 30px;}
	.arrival .arti05 .arti-sub-title:before {top: -16px; background-size: 40px auto;}
	.arrival .arti05 .arti-sub-title h3 {padding-top: 6px; padding-left: 55px;}
	.arrival .download-box {padding: 40px 30px;}
	.arrival .arti05 .download-box .title {max-width: 150px;}
	.arrival .download-box .file a {padding: 0 20px; font-size: 16px;}
	.arrival .download-box .file a span:after {width: 100%;}

	/* s2-6 */
	.health .arti01 .table01 col:nth-child(1) {width: 25%;}
	.health .arti02 .dl-wrap01 {margin-bottom: 25px;}
	.health .arti02 .dl-wrap01 dt {max-width: 120px;}
	.health .arti02 .dl-wrap02 dt {max-width: 290px;}
	.health .arti02 .dl-wrap02 {margin-bottom: 15px;}

	/* s3-2 */
	.register .arti01 ol {margin: 30px -5px;}
	.register .arti01 ol li {padding: 0 5px;}
	.register .arti01 ol li .inner {padding: 50px 20px;}
	.register .arti01 ol li .icon {width: 90px; height: 90px; background-size: 90px auto; margin: 0 auto 25px;}
	.register .arti01 ol li b {font-size: 15px; margin-bottom: 10px;}
	.register .arti01 ol li p {font-size: 16px;}
	.important-box {margin: 30px 0; padding: 50px 20px 50px;}
	.important-box .icon {width: 46px; height: 40px; margin: 0 auto 15px;}
	.important-box b {font-size: 22px; margin-bottom: 16px;}
	.important-box p {font-size: 16px;}
	.register .arti02 .dl-wrap01 {margin: 25px 0;}
	.register .arti02 .dl-wrap01 dt {max-width: 165px;}
	.register .arti02 .dl-wrap02 {margin-top: 25px;}
	.register .arti02 .dl-wrap02 dt {max-width: 350px;}

	/* s3-3 */
	.buddy .arti01 .text-box01 {margin-bottom: 25px;}
	.buddy .arti01 .text-box02 {margin: 25px 0 0;}

	/* s3-4 */
	.card .process-list-col03 > ol {margin: -10px -15px;}
	.card .process-list-col03 > ol > li {padding: 10px 15px;}

	.img-border-box {padding: 35px 40px; margin-top: 40px;}

	.card .arti02 .process-list-col03 ul > li.circle-list:not(:last-child) {margin-bottom: 6px;}
	.card .arti02 .process-list-col03 ul > li.circle-list:before {top: 9px;}

	/* s3-5 */
	.rules .arti01 ul {margin-bottom: 25px;}
	.rules .arti02 .dl-wrap01 dt {max-width: 255px;}
	.rules .arti02 .text-box01 {margin-bottom: 25px;}
	.rules .arti02 .text-box02 {margin: 25px 0 0;}

	/* s3-6 */
	.links .intro-img-box {margin-bottom: 60px;}
	.links-list .items {display: flex; flex-wrap: wrap; margin: -5px;}
	.links-list .item {width: 33.333%; padding: 5px;}
	.links-list .item .text {height: 70px; padding: 0 20px;}
	.links-list .item a p {font-size: 16px;}
	.links-list .item a .icon {margin-left: 20px;}
}

@media (max-width: 768px) {
	.sub-visual {height:250px; margin:60px 0 15px;}

	.sub-cont-wrap {padding-bottom: 100px;}

	#lnb {margin-bottom: 50px;}
	#lnb .cate-name {height: 55px; font-size: 18px; margin-bottom: 10px;}
	#lnb ul {flex-wrap: wrap;}
	#lnb ul li {width: 33.3333%; flex: auto;}
	#lnb ul li:nth-child(3n) {border-right: 0;}
	.sub-cont-wrap02 #lnb ul li:nth-child(-n+3),
	.sub-cont-wrap03 #lnb ul li:nth-child(-n+3) {border-bottom: 1px solid #ddd;}
	#lnb ul li a {height: 60px; padding: 0 5px; text-align: center;}
	#lnb ul li a span {font-size: 15px;}

	.page-title {padding-bottom: 15px; margin-bottom: 30px;}
	.page-title h2 {font-size: 30px; line-height: 1.1em; margin-bottom: 15px;}
	.page-title .path {margin: 0 -15px;}
	.page-title .path > li {font-size: 15px; padding: 0 15px;}

	.arti-title {margin-bottom: 20px;}
	.arti-title h2 {font-size: 26px;}

	/* 1-1 */
	.fee-wrap .box {padding: 20px 20px;}
	.fee-wrap .box .icon {max-width: 130px; height: 100px; background-size: 100px auto;}
	.fee-wrap .box .text {width: 1%; flex: 1 1 auto;}
	.fee-wrap .box .text b {font-size: 18px; margin-bottom: 10px;}
	.fee-wrap .box .text p {font-size: 15px;}

	/* s1-3 */
	.intro-img-box {height: 220px;}

	.arti-sub-title {margin-bottom: 15px;}
	.arti-sub-title h3 {font-size: 22px; padding-left: 15px;}
	.arti-sub-title h3:before {top: 5px; left: 0; width: 5px; height: 5px;}
	.arti-sub-title h3:after {top: 12px; left: 0; width: 5px; height: 12px;}

	.details-box {padding: 20px 0;}
	.details-box.pt-23 {padding-top: 5px;}
	.details-box > ul > li {font-size: 15px; padding-left: 12px;}
	.details-box > ul > li.flex {display: block;}
	.details-box > ul > li.flex > span {width: auto; white-space: nowrap;}
	.details-box > ul > li.flex > ul {width: 100%; flex: auto;}
	.details-box > ul > li:before {top: 11px;}
	.details-box > p {font-size: 15px;}
	.details-box p.p-numbering {padding-left: 20px; margin-bottom: 10px;}
	.dash-list {padding-left: 22px;}
	.dash-list:before {top: 12px;}

	article:not(:last-child) {margin-bottom: 45px;}
	article dl {display: block; padding: 10px 5px;}
	article dt {font-size: 15px; padding-left: 0;}
	article dd {width: 100%; flex: auto; font-size: 15px;}
	article dd ul li {padding-left: 12px;}
	article dd ul li:before {font-size: 15px;}

	.sesp .arti02 dt {max-width: none;}

	article table thead th {height: 50px; font-size: 15px; padding: 5px 5px;}
	article table thead th small {font-size: 13px;}
	article table tbody th {font-size: 15px; padding: 5px 5px;}
	article table tbody td {font-size: 15px; padding: 10px 5px;}
	article table tbody td.num p {padding-left: 35px;}
	article table tbody td.num p:before {width: 26px; height: 26px; font-size: 15px; line-height: 26px;}
	article table tbody td li.dash-list {padding-left: 11px;}
	article table tbody td li.dash-list:before {top: 11px;}
	article table tbody td li.num-list {padding-left: 16px;}
	article table tbody td li.num-list:before {font-size: 15px;}
	article table tbody td .pill-badge p {font-size: 15px; line-height: 34px; padding: 0 15px; margin: 18px 0 5px;}
	article table tbody td .btn-click {width: 110px; line-height: 36px; font-size: 15px; padding: 0 15px; margin-right: 5px;}
	article table tbody td .btn-click:after {right: 12px; font-size: 16px;}

	.sesp .arti04 ol {margin: -5px -12px;}
	.sesp .arti04 ol li {width: 50%; padding: 5px 12px;}
	.sesp .arti04 ol li:nth-child(3n):after {display: block;}
	.sesp .arti04 ol li:nth-child(2n):after {display: none;}
	.sesp .arti04 ol li .step {padding: 20px 15px 25px;}
	.sesp .arti04 ol li .step .num {width: 30px; height: 30px; font-size: 15px; line-height: 30px; margin-bottom: 10px;}
	.sesp .arti04 ol li .step p {font-size: 16px;}
	.sesp .arti04 ol li .date {height: 60px; padding: 0 15px;}
	.sesp .arti04 ol li .date p {font-size: 15px; padding-left: 25px;}
	.sesp .arti04 ol li .date p:before {top: 0; background-size: 16px auto;}

	/* s2-1 */
	article .text-box {margin: 25px 0;}
	article .text-box .arti-title {margin-bottom: 10px;}
	article .text-box p {font-size: 15px;}
	article .text-box p:not(:last-child) {margin-bottom: 15px;}
	li.num-round-list {font-size: 15px; padding-left: 18px;}
	li.num-round-list:before {font-size: 15px;}

	.text-box li.flex {display: flex;}
	.text-box li.flex span:nth-child(2) {width: 1%; flex: 1 1 auto;}

	/* s2-3 */
	.academic .arti01 .text-box {margin-bottom: 20px;}
	.academic .arti02 .text-box {margin-bottom: 20px;}
	.download-box {padding: 40px 20px;}
	.academic .arti02 .download-box {margin-bottom: 20px;}
	.download-box .box {height: 55px;}
	.download-box .title {font-size: 16px;}
	.academic .arti02 .download-box .title {max-width: 120px;}
	.download-box .file a {padding: 0 15px; font-size: 16px;}
	.download-box .file a:after {right: 15px;}

	.process-list > ol > li:not(:last-child) {margin-bottom: 10px;}
	.process-list > ol > li .inner {padding: 25px 20px;}
	.process-list > ol > li .title p {font-size: 15px;}
	.process-list > ol > li figure {margin-top: 15px;}
	.process-list ul {margin-top: 15px;}
	.process-list ul li {font-size: 15px;}

	/* s2-4 */
	.korean .arti01 .text-box02 {margin-bottom: 20px;}

	.process-list-col03 > ol {flex-wrap: wrap;}
	.process-list-col03 > ol > li {width: 50%;}
	.process-list-col03 > ol > li .inner {min-height: 170px; padding: 20px 15px 25px;}
	.process-list-col03 > ol > li p {font-size: 15px;}

	/* 2-5 */
	.arrival .arti02 table {margin: 15px 0;}
	.details-sub-box h4 {font-size: 20px; margin-bottom: 15px;}
	.details-sub-box h4.mb-25 {margin-bottom: 20px;}
	.arrival .arti03 .table02 {margin-bottom: 15px;}

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

	ul > li.circle-list {font-size: 15px; padding-left: 11px;}
	ul > li.circle-list.flex {flex-wrap: wrap;}
	ul > li.circle-list:before {top: 11px;}
	.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: 100%; flex: auto;}

	.gray-box {display: block;}
	.gray-box:not(:last-child) {margin-bottom: 10px;}
	.gray-box > div {width: 100%;}
	.gray-box .text {padding: 35px 20px;}
	.gray-box .text p {font-size: 15px;}
	.gray-box .text p:not(:last-child) {margin-bottom: 10px;}
	.gray-box .text li.num-round-list:not(:last-child) {margin-bottom: 10px;}
	.gray-box .text br {display: none;}

	.arrival .arti05 .arti-sub-title {margin-bottom: 25px;}
	.arrival .arti05 .arti-sub-title:before {top: -16px; background-size: 40px auto;}
	.arrival .arti05 .arti-sub-title h3 {padding-top: 6px; padding-left: 55px;}
	.arrival .arti05 .download-box {padding: 40px 20px;}
	.arrival .arti05 .download-box .box {display: block; height: 110px; border-radius: 8px; overflow: hidden;}
	.arrival .arti05 .download-box .box > div {height: 50%;}
	.arrival .arti05 .download-box .title {max-width: none; border-radius: 0;}
	.arrival .arti05 .download-box .file {width: 100%; flex: auto; border-radius: 0;}
	.arrival .arti05 .download-box .file a {padding: 0 15px; font-size: 16px; text-align: center;}

	/* s3-2 */
	.register .arti01 ol {flex-wrap: wrap; justify-content: center; margin: 25px -5px;}
	.register .arti01 ol li {width: 100%; padding: 5px 5px;}
	.register .arti01 ol li .inner {padding: 30px 20px 35px;}
	.register .arti01 ol li .icon {width: 80px; height: 80px; background-size: 80px auto; margin: 0 auto 20px;}
	.register .arti01 ol li b {font-size: 14px; margin-bottom: 10px;}
	.register .arti01 ol li p {font-size: 15px;}

	.important-box {margin: 25px 0; padding: 35px 20px 40px;}
	.important-box .icon {width: 40px; height: 40px; background-size: 40px auto; margin: 0 auto 10px;}
	.important-box b {font-size: 20px; margin-bottom: 16px;}
	.important-box p {font-size: 15px;}
	.important-box p .br-pc {display: none;}

	.register .arti02 .dl-wrap01 {margin: 20px 0;}
	.register .arti02 .dl-wrap02 {margin-top: 20px;}

	/* s3-3 */
	.buddy .arti01 .text-box01 {margin-bottom: 20px;}
	.buddy .arti01 .text-box02 {margin: 20px 0 0;}

	/* s3-4 */
	.card .process-list-col03 > ol {margin: -5px -12px;}
	.card .process-list-col03 > ol > li {padding: 5px 12px;}
	.card .arti01 .process-list-col03.arrow > ol > li:nth-child(3n):after {display: block;}
	.card .arti01 .process-list-col03.arrow > ol > li:nth-child(2n):after {display: none;}

	.img-border-box {padding: 30px 20px; margin-top: 30px;}

	.card .arti02 .process-list-col03.arrow > ol > li {width: 100%;}
	.card .arti02 .process-list-col03.arrow > ol > li:after {display: none;}
	.card .arti02 .process-list-col03 ul > li.circle-list:before {top: 7px;}

	/* s3-5 */
	.rules .arti01 ul {margin-bottom: 20px;}
	.rules .arti02 .text-box01 {margin-bottom: 20px;}
	.rules .arti02 .text-box02 {margin: 20px 0 0;}

	/* s3-6 */
	.links .intro-img-box {margin-bottom: 40px;}
	.links-list .item {width: 50%;}
	.links-list .item .text {height: 60px; padding: 0 15px;}
	.links-list .item a p {font-size: 15px;}
	.links-list .item a .icon {margin-left: 15px;}
}

@media (max-width: 480px) {
	/* s1-1 */
	.fee-wrap .box .icon {max-width: 100px; height: 80px; background-size: 80px auto;}

	/* s2-5 */
	.arrival .arti05 .arti-sub-title:before {top: 0;}

	/* s3-6 */
	.links-list .item {width: 100%;}
}