@charset "UTF-8";

/*Partnerships & MOUs*/
.map-wrap {position:relative}
.map-wrap .map-mbl {display:none}
.map-wrap .select-item select {text-transform:uppercase}
.map-wrap > img {position:relative; left:50%; transform:translateX(-50%)}
.map-wrap .spot > li {position:absolute; left:0; top:0}
.map-wrap .spot > li button {background:#fff; border-radius:4px 0 4px 0; color:#6D6D6D; font-size:12px; font-weight:bold; letter-spacing:0; text-align:center; padding:1px 4px; position:relative; text-transform:uppercase} 
.map-wrap .spot > li:hover button, 
.map-wrap .spot > li.active button {color: #121212}
.map-wrap .spot > li button::after {content: ''; width:50px; height:45px; background:url('/international/img/content/icon_map_arrow.svg') no-repeat center; position:absolute; left:50%; top:-32px; transform:translateX(-50%)}
.map-wrap .spot > li:hover button::after, 
.map-wrap .spot > li.active button::after {background:url('/international/img/content/icon_map_arrow_active.svg')no-repeat center; width:50px; height:62px; position:absolute; top:-50px}
.map-wrap .map-contents {border-top:3px solid #353535; margin-top:40px}
.map-wrap .map-contents > div {display:flex; flex-wrap:wrap; width:calc(100% + 32px)}
.map-wrap .map-contents a {border-bottom:1px solid #ddd; color:#252525; display:block; font-weight:800; width:calc(33.333% - 32px); margin-right:32px; padding:35px 0; position:relative}
.map-wrap .map-contents a .font16 {display:inline-block; border:1px solid #29758B; padding:3px 10px; border-radius:5px 0 5px 0; font-weight:500;}
.map-wrap .map-contents a .date {display:block; text-transform:uppercase; font-size:14px; font-weight:500; color:#666;} 
.map-wrap .map-contents a p.lh2 {margin:10px 0 20px;}
.map-wrap .map-contents a img {display:inline-block}
.map-wrap .map-contents .icon {position:absolute; right:0; top:24px; width:24px; height:24px}
.map-wrap .map-contents a:hover p, 
.map-wrap .map-contents a:focus p {text-decoration:underline}

/* korea map */
.korea .spot li:nth-child(1) {top:57px; left:505px}
.korea .spot li:nth-child(2) {top:64px; left:607px}
.korea .spot li:nth-child(3) {top:81px; left:533px}
.korea .spot li:nth-child(4) {top:127px; left:477px}
.korea .spot li:nth-child(5) {top:145px; left:553px}
.korea .spot li:nth-child(6) {top:165px; left:630px}
.korea .spot li:nth-child(7) {top:219px; left:520px}
.korea .spot li:nth-child(8) {top:235px; left:605px}
.korea .spot li:nth-child(9) {top:283px; left:485px}
.korea .spot li:nth-child(10) {top:409px; left:474px}

/* international map */
.tab-wrap.map-tab ul > li > button {color:#353535}
/* asia */
.Asia .spot li:nth-child(1) {top:79px; left:614px}
.Asia .spot li:nth-child(2) {top:150px; left:700px}
.Asia .spot li:nth-child(7) {top:335px; left:805px}
.Asia .spot li:nth-child(3) {top:168px; left:907px}
.Asia .spot li:nth-child(4) {top:245px; left:294px}
.Asia .spot li:nth-child(5) {top:300px; left:630px}
.Asia .spot li:nth-child(6) {top:326px; left:700px}
.Asia .spot li:nth-child(8) {top:389px; left:667px}
.Asia .spot li:nth-child(9) {top:409px; left:801px}

/* america map */
.Americas .spot li:nth-child(1) {top:67px; left:497px}
.Americas .spot li:nth-child(2) {top:148px; left:551px}
.Americas .spot li:nth-child(3) {top:279px; left:613px}

/* europe map */
.Europe .spot li:nth-child(1) {top:200px; left:425px}
.Europe .spot li:nth-child(2) {top:224px; left:365px}
.Europe .spot li:nth-child(3) {top:312px; left:336px}

/* africa map */
.Africa .spot li:nth-child(1) {top:185px; left:666px}
.Africa .spot li:nth-child(2) {top:279px; left:648px}

/* oceania map */
.Oceania .spot li:nth-child(1) {top:230px; left:498px}

/* io map */
.IO .spot li:nth-child(1) {top:148px; left:288px}
.IO .spot li:nth-child(2) {top:336px; left:744px}


@media (max-width:1193px) {
	.tab-wrap ul li {width:33.3333%; flex:inherit}
	.tab-wrap ul li:nth-child(3n) {border-right:0}
	.tab-wrap ul li:nth-child(n+4) {border-top:1px solid #D5DADC}
	
	.map-wrap .map-pc {display:none}
	.map-wrap .map-mbl {display:block}
	.map-wrap .map-contents a {width:calc(50% - 32px)}
	.map-wrap .map-contents {margin-top:16px}
}

@media (max-width:768px) {
	.map-wrap .map-contents a {width:calc(100% - 32px)}
}

/*UNODC/UNPNIs > OVERVIEW*/
.c04020101 .img-desc .desc {width:42.786%}
.c04020101 .img-desc .img {width:calc(100% - 42.786%)}
.c04020101 .img-desc + .title1 {margin-top:12rem}
.c04020101 .logo-list {display:flex; flex-wrap:wrap; width:calc(100% + 3rem)}
.c04020101 .logo-list div {width:calc(25% - 3rem); margin-right:3rem; margin-bottom:6.4rem}
.c04020101 .logo-list a {display:block}
.c04020101 .logo-list a img {display:block; margin-bottom:1rem; width:100%}
.c04020101 .logo-list .desc {color:#29758B; display:block; font-weight:600; line-height:1.3; margin-bottom:1rem}
.c04020101 .logo-list .country {color:#6d6d6d; display:block; font-size:1.4rem; letter-spacing:0}

@media all and (max-width:1193px) {
	.c04020101 .logo-list div {width:calc(33.333% - 3rem)}
}

@media all and (max-width:768px) {
	.c04020101 .img-desc .desc {width:100%}
	.c04020101 .img-desc .img {width:100%}
	.c04020101 .img-desc.reverse .desc {margin-top:0}
	.c04020101 .img-desc.reverse .img {margin-top:3rem}
	.c04020101 .logo-list {width:width:calc(100% + 2rem)}
	.c04020101 .logo-list div {width:calc(50% - 2rem); margin-right:2rem; margin-bottom:4rem}
}

/*UNODC/UNPNIs > KICJ PROJECTS*/
.c04020103 .img-desc .desc {width:42.786%}
.c04020103 .img-desc .img {width:calc(100% - 42.786%)}
.c04020103 .txt button {display:block; margin-top:4rem; margin-bottom:1rem; max-width:48rem; width:100%}
@media all and (max-width:768px) {
	.c04020103 .img-desc .desc {width:100%}
	.c04020103 .img-desc .img {width:100%}
	.c04020103 .img-desc.reverse-o .desc {margin-top:3rem}
	.c04020103 .img-desc.reverse-o .img {margin-top:0}
}

/* Partnerships & MOUs */
.partnership .input-wrap {max-width:57.5rem;margin:0 auto;position:relative;padding-bottom:7rem}
.partnership .input-item {display:block; width:44rem; position:relative; margin:0 auto}
.partnership .input-item.filter {margin:initial}
.partnership .input-item input {font-weight:800;width:100%;padding-right:6rem;padding-left:2.4rem;height:7.2rem;line-height:6rem;border:0.6rem solid #115999;font-size:2.2rem;color:#115999;letter-spacing:1px;background-color:#fff}
.partnership .input-item input::placeholder {color:#6d6d6d; font-weight:800}
.partnership .input-item .btn {position:absolute; top:0.3rem; right:2.4rem; border:inherit; background-color:inherit; padding:0}