@charset 'UTF-8';

/*  Current Visiting Fellows
--------------------------------------- */

.linkList {
display: flex;
position: absolute;
top: 105px;
left: 0;
right: 0;
width: 1180px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
z-index: 5;
}

.region .linkList {
top: auto;
bottom: 136px;
}

.linkList li {
width: 150px;
margin: 0 10px 0 0;
}

.linkList li.gray {
margin: 0 0 0 90px;
}

.linkList li a {
display: block;
padding: 10px 0;
color: #fff;
font-size: 1.6em;
text-align: center;
background: rgba(60,117,187,0.4);
}

.linkList li span {
display: block;
padding: 10px 0;
color: #fff;
font-size: 1.6em;
text-align: center;
background: #3c75bb;
}

.linkList li a:hover {
opacity: 1;
background: #3c75bb;
}

.linkList li.gray a {
background: rgba(51,51,51,0.4);
}

.linkList li.gray span {
background: #333;
}

.linkList li.gray a:hover {
background: #333;
}


.kv {
position: relative;
min-height: 600px;
margin: 0 0 225px;
padding: 210px 0 30px;
background: #fafafa;
box-sizing: border-box;
}

.kv .txtBox {
max-width: 1180px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv h1 {
width: 46.45%;
margin: 0 0 50px;
font-size: 3.6em;
line-height: 1;
}

.kv h1 span {
display: block;
font-size: 1.945em;
}

.kv .lead {
width: 46.45%;
font-size: 2em;
line-height: 1.6;
}

.kv .img {
position: absolute;
top: 0;
right: 0;
margin: 30px 0 0;
padding: 75px 0 0 180px;
z-index: 2;
}

.kv .img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc(100% - 35px);
height: calc(100% - 75px);
background: #003ea0;
background: -moz-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -webkit-gradient(linear, left top, right bottom, from(#2ba5dc), to(#003ea0));
background: -webkit-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -o-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -ms-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: linear-gradient(to bottom right, #2ba5dc 0%, #003ea0 100%);
z-index: -1;
}

.former .listBox {
position: relative;
margin: 0 0 190px;
padding: 75px 20px 0;
background: #fafafa;
z-index: 1;
}

.former .listBox:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 125px;
background: #fff;
}

.former .listBox .inner {
position: relative;
max-width: 1290px;
margin: 0 auto;
padding: 0 75px;
background: #fff;
box-sizing: border-box;
z-index: 2;
}

.former .listBox .box {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 0 0 50px;
}

.former .listBox .box02 {
flex-flow: row-reverse;
}

.former .listBox .box .img {
position: relative;
width: 43.42%;
z-index: 3;
}

.former .listBox .box .img:before {
content: '';
position: absolute;
top: -75px;
left: -75px;
width: 100%;
height: 100%;
background: #003ea0;
background: -moz-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -webkit-gradient(linear, left top, right bottom, from(#2ba5dc), to(#003ea0));
background: -webkit-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -o-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -ms-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: linear-gradient(to bottom right, #2ba5dc 0%, #003ea0 100%);
z-index: -1;
}

.former .listBox .box02 .img:before {
left: auto;
right: -75px;
}

.former .listBox .box .txtBox {
width: 40%;
margin: 0 7% 0 0;
}

.former .listBox .box .txtBox h2 {
min-height: 178px;
margin: 35px 0 0;
font-size: 6em;
line-height: 1.17;
}

.former .listBox .box .txtBox h2 span {
display: block;
margin: 10px 0 0;
font-size: 0.4em;
}

.former .listBox .box .txtBox .date {
max-width: 395px;
margin: 10px 0 25px;
padding: 10px 0;
font-size: 1.6em;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
}

.former .listBox .box .txtBox .lead {
font-size: 2em;
font-weight: 700;
}

.former .listBox .box .txtBox .txt {
margin: 0 0 20px;
font-size: 2em;
font-weight: 700;
}

.former .listBox .txt02 {
margin: 32px 0 0;
font-size: 2em;
line-height: 1.6;
}

.former .listBox .question {
font-weight: bold;
}

.region {
position: relative;
max-width: 1330px;
margin: 0 auto;
padding: 35px 20px 225px;
box-sizing: border-box;
}

.region h2 {
margin: 0 0 55px;
font-size: 6em;
font-weight: 100;
text-align: center;
}

.region .map {
position: relative;
min-height: 725px;
background: url("/en/glopac/assets/img/participants/former/img_map_01.png") no-repeat center top;
}

.region .map .box {
position: absolute;
}

.region .map .box01 {
left: 390px;
bottom: 246px;
z-index: 1;
}
.region .map .box02 {
left: 331px;
bottom: 413px;
z-index: 6;
}
.region .map .box03 {
left: 331px;
bottom: 321px;
z-index: 2;
}
.region .map .box04 {
left: 151px;
bottom: 351px;
z-index: 5;
}
.region .map .box05 {
left: 76px;
bottom: 246px;
z-index: 3;
}
.region .map .box06 {
left: 1006px;
bottom: 156px;
z-index: 4;
}

.region .map .box p {
width: 180px;
padding: 10px 0;
color: #fff;
font-size: 1.6em;
text-align: center;
background: #0a3c8c;
cursor: pointer;
transition: 0.2s all;
}

.region .map .box p.open {
background: #2cabe2;
}

.region .map .box .country {
display: none;
position: absolute;
top: 44px;
left: 0;
width: 255px;
padding: 20px 22px;
background: rgba(255,255,255,0.9);
filter: drop-shadow(0 0 30px rgba(0,0,0,0.1));
box-sizing: border-box;
}

.region .map .box .country ul {
display: flex;
flex-wrap: wrap;
}

.region .map .box .country ul li {
margin: 7px 8px;
}

.region .map .box .country ul li a {
color: #0a3c8c;
font-size: 1.4em;
text-decoration: underline;
}

.region .map .box .country ul li a:hover {
opacity: 1;
text-decoration: none;
}

.region .detail {
display: none;
max-width: 1180px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.region #countory01 {
display: block;
}

.region .detail h3 {
margin: 0 0 20px;
font-size: 6em;
}

.region .detail h3 span {
margin: 0 0 0 35px;
font-size: 0.234em;
vertical-align: baseline;
}

.region .detail ul li {
display: flex;
align-items: center;
padding: 45px 0;
border-top: 1px solid #111;
}

.region .detail ul li .img {
width: 330px;
margin: 0 90px 0 0;
}

.region .detail ul li .txtBox {
flex: 1;
}

.region .detail ul li .txtBox h4 {
margin: 0 0 35px;
font-size: 3.2em;
font-weight: 700;
}

.region .detail ul li .txtBox h4 span {
display: block;
font-size: 0.625em;
}

.region .detail ul li .txtBox p {
font-size: 1.6em;
}

.fellowship {
position: relative;
margin: 0 0 260px;
padding: 55px 0 175px;
background: #f0f0f0;
}

.fellowship .txt {
max-width: 1180px;
margin: 0 auto;
padding: 0 20px;
font-size: 2em;
line-height: 1.6;
box-sizing: border-box;
}

.fellowship .bnr {
position: absolute;
bottom: -130px;
left: 0;
right: 0;
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
filter: drop-shadow(0 0 30px rgba(0,0,0,0.1));
}

.fellowship .bnr a {
display: block;
padding: 87px 0 87px 75px;
color: #0a3c8c;
font-size: 4em;
font-weight: 700;
line-height: 1;
border: 1px solid #0a3c8c;
background: #fff url("/en/glopac/assets/img/participants/interns/bg_interns_01.jpg") no-repeat right center;
background-size: auto 100%;
}

.fellowship .bnr span {
font-weight: 100;
}



@media screen and (max-width: 1500px) {

.linkList {
top: 7vw;
}

.kv {
min-height: 40vw;
margin: 0 0 15vw;
padding: 15vw 0 3.2vw;
}

.kv h1 {
margin: 0 0 30px;
font-size: 3vw;
}

.kv .lead {
font-size: 1.6em;
}

.kv .img {
position: absolute;
top: 0;
right: 0;
width: 38vw;
margin: 2vw 0 0;
padding: 5vw 0 0 12vw;
z-index: 2;
}

.kv .img:before {
width: calc(100% - 2.33vw);
height: calc(100% - 5vw);
}

}




@media screen and (max-width: 1350px) {

.former .listBox .box .img:before {
width: 36.66vw;
height: 36.66vw;
}

.region .map {
min-height: 53.7vw;
background: url("/en/glopac/assets/img/participants/former/img_map_01.png") no-repeat center top;
background-size: contain;
}

.region .map .box01 {
left: 28.89vw;
bottom: 18.23vw;
}
.region .map .box02 {
left: 24.52vw;
bottom: 30.6vw;
}
.region .map .box03 {
left: 24.52vw;
bottom: 23.78vw;
}
.region .map .box04 {
left: 11.19vw;
bottom: 26vw;
}
.region .map .box05 {
left: 5.63vw;
bottom: 18.23vw;
}
.region .map .box06 {
left: 74.52vw;
bottom: 11.56vw;
}

}

@media screen and (max-width: 1200px) {

.region .linkList {
bottom: 100px;
}

.former .listBox {
margin: 0 0 120px;
padding: 50px 20px 0;
}

.former .listBox:before {
height: 85px;
}

.former .listBox .inner {
padding: 0 50px;
}

.former .listBox .box {
padding: 0 0 30px;
}

.former .listBox .box .img:before {
top: -50px;
left: -50px;
}

.former .listBox .box02 .img:before {
left: auto;
right: -50px;
}

.former .listBox .box .txtBox {
padding: 20px 0 0;
}

.former .listBox .box .txtBox h2 {
min-height: 144px;
margin: 22px 0 0;
font-size: 4em;
line-height: 1.2;
}

.former .listBox .box .txtBox .date {
max-width: 300px;
margin: 18px 0;
padding: 8px 0;
font-size: 1.4em;
}

.former .listBox .box .txtBox .txt {
margin: 0 0 22px;
font-size: 1.6em;
}

.former .listBox .txt02 {
margin: 25px 0 0;
font-size: 1.6em;
}

.region {
padding: 30px 20px 180px;
}

.region h2 {
margin: 0 0 40px;
font-size: 4.8em;
}

.region .map .box p {
width: 120px;
}

.region .detail h3 {
margin: 0 0 15px;
font-size: 4.8em;
}

.region .detail h3 span {
margin: 0 0 0 25px;
font-size: 0.25em;
}

.region .detail ul li {
padding: 30px 0;
}

.region .detail ul li .img {
width: 220px;
margin: 0 60px 0 0;
}

.region .detail ul li .txtBox h4 {
margin: 0 0 25px;
font-size: 2.6em;
}

.region .detail ul li .txtBox p {
font-size: 1.4em;
}

.fellowship {
position: relative;
margin: 0 0 180px;
padding: 30px 0 120px;
background: #f0f0f0;
}

.fellowship .txt {
font-size: 1.6em;
}

.fellowship .bnr {
bottom: -90px;
max-width: 800px;
}

.fellowship .bnr a {
padding: 70px 0 70px 50px;
font-size: 3em;
}

}

@media screen and (max-width: 950px) {

.region .map .box p {
width: 95px;
padding: 8px 0;
font-size: 1.1em;
}

.region .map .box .country {
top: 32px;
}

.region .map .box06 .country {
left: -50px;
}

}

@media screen and (max-width: 750px) {

.linkList {
top: 3.73vw;
width: 92vw;
margin: 0 auto;
padding: 0;
z-index: 5;
}

.region .linkList {
top: auto;
bottom: 12vw;
}

.linkList li {
width: 21%;
margin: 0 2% 0 0;
}

.linkList li.gray {
margin: 0 0 0 10%;
}

.linkList li a {
padding: 2vw 0;
font-size: 3.2vw;
}

.linkList li span {
padding: 2vw 0;
font-size: 3.2vw;
}

.kv {
margin: 0 0 15vw;
padding: 18vw 4vw 6.345vw;
}

.kv .txtBox {
max-width: inherit;
margin: 0;
padding: 0;
}

.kv h1 {
width: 46vw;
margin: 0 0 6vw;
padding: 0;
font-size: 5.33vw;
line-height: 1.2;
}

.kv h1 span {
display: block;
font-size: 1.945em;
}

.kv .lead {
width: 100%;
font-size: 3.73vw;
line-height: 1.6;
}

.kv .img {
position: absolute;
top: 0;
right: 0;
width: 38vw;
margin: 2vw 0 0;
padding: 5vw 0 0 5vw;
z-index: 2;
}

.kv .img:before {
width: calc(100% - 5vw);
height: calc(100% - 5vw);
}

.former .listBox {
position: relative;
margin: 0 0 12vw;
padding: 4vw 4vw 0;
background: #fafafa;
z-index: 1;
}

.former .listBox:before {
height: 24vw;
}

.former .listBox .inner {
max-width: inherit;
padding: 0;
}

.former .listBox .box {
display: block;
padding: 0 0 4vw;
}

.former .listBox .box .img {
position: relative;
width: 100%;
margin: 0 auto;
padding: 4vw 0;
text-align: center;
background: #003ea0;
background: -moz-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -webkit-gradient(linear, left top, right bottom, from(#2ba5dc), to(#003ea0));
background: -webkit-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -o-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: -ms-linear-gradient(top left, #2ba5dc 0%, #003ea0 100%);
background: linear-gradient(to bottom right, #2ba5dc 0%, #003ea0 100%);
z-index: 3;
}

.former .listBox .box .img img {
width: 50vw;
}

.former .listBox .box .img:before {
display: none;
}

.former .listBox .box .txtBox {
width: 100%;
padding: 4vw 4vw 0;
box-sizing: border-box;
}

.former .listBox .box .txtBox h2 {
min-height: inherit;
margin: 3.2vw 0 0;
font-size: 6.4vw;
line-height: 1.2;
}

.former .listBox .box .txtBox h2 span {
display: block;
margin: 1vw 0 0;
font-size: 4vw;
}

.former .listBox .box .txtBox .lead {
margin: 4vw 0 2.66vw;
font-size: 3.73vw;
}

.former .listBox .box .txtBox .date {
max-width: inherit;
margin: 0 0 4vw;
padding: 2vw 0;
font-size: 3.2vw;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
}

.former .listBox .box .txtBox .txt {
margin: 0 0 4vw;
font-size: 3.73vw;
font-weight: 700;
}

.former .listBox .txt02 {
margin: 4vw 4vw 0;
font-size: 3.73vw;
line-height: 1.6;
}

.region {
position: relative;
width: 92vw;
max-width: inherit;
margin: 0 auto;
padding: 8vw 0 25vw;
box-sizing: border-box;
}

.region h2 {
margin: 0 0 8vw;
font-size: 8vw;
}

.region .map {
position: relative;
margin: 0 0 8vw;
padding: 55.7vw 0 0;
min-height: inherit;
background: url("/en/glopac/assets/img/participants/former/img_map_01.png") no-repeat center top;
background-size: contain;
}

.region .map .box {
position: static;
border-bottom: 1px solid #fff;
}

.region .map .box p {
width: 100%;
padding: 2.66vw 0;
font-size: 3.2vw;
}

.region .map .box p.open {
background: #2cabe2;
}

.region .map .box .country {
display: none;
position: static;
width: 100%;
padding: 2.66vw 3.2vw;
background: rgba(255,255,255,0.9);
box-sizing: border-box;
}

.region .map .box .country ul {
display: flex;
flex-wrap: wrap;
}

.region .map .box .country ul li {
margin: 2vw;
}

.region .map .box .country ul li a {
font-size: 3.2vw;
}

.region .detail {
display: none;
max-width: inherit;
width: 92vw;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}

.region #countory01 {
display: block;
}

.region .detail h3 {
margin: 0 0 4vw;
font-size: 8vw;
}

.region .detail h3 span {
margin: 0 0 0 4vw;
font-size: 3.2vw;
}

.region .detail ul li {
display: block;
padding: 8vw 0;
}

.region .detail ul li .img {
width: 50vw;
margin: 0 auto 4vw;
}

.region .detail ul li .txtBox {
flex: 1;
}

.region .detail ul li .txtBox h4 {
margin: 0 0 4vw;
font-size: 5.33vw;
font-weight: 700;
}

.region .detail ul li .txtBox h4 span {
display: block;
font-size: 4vw;
}

.region .detail ul li .txtBox p {
font-size: 3.2vw;
}


.fellowship {
position: relative;
margin: 0 0 24vw;
padding: 6.4vw 0 16vw;
background: #f0f0f0;
}

.fellowship .txt {
width: 92vw;
max-width: inherit;
margin: 0 auto;
padding: 0;
font-size: 3.73vw;
line-height: 1.6;
box-sizing: border-box;
}

.fellowship .bnr {
bottom: -10vw;
width: 92vw;
max-width: inherit;
padding: 0;
box-sizing: border-box;
filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));
}

.fellowship .bnr a {
display: block;
padding: 4.8vw 0 4.8vw 6.4vw;
color: #0a3c8c;
font-size: 4.8vw;
line-height: 1.12;
border: 1px solid #0a3c8c;
background: #fff url("/en/glopac/assets/img/participants/interns/bg_interns_01.jpg") no-repeat right center;
background-size: auto 100%;
}

}