#container {line-height: 1;}
.top_link .popBtn {display: none;}
.top_link .linklst > li.lang .lst {z-index: 20;}
.up-popup .item a span, .up-popup .item a strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner .bnlst a:hover img, .banner .bnlst a:focus img, .banner .control a {transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}

/* 30th popup */
.popup30th{position:fixed; top:9rem; left:50%; margin-left:-42.5rem; text-align:center; z-index:1;}
.popup30th a{display:block; position:relative; padding:0 1.5rem 1rem;}
.popup30th a p{display:block; width: 4.65rem; height:4.65rem; line-height:4rem; border-radius:50%; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.4);}
.popup30th a strong{position:absolute; left:0; bottom:0; width:100%; height:1.75rem; line-height:1.75rem; color:#fff; background:#8e0087; box-shadow:0 0 8px rgba(0,0,0,0.5); border-radius:2rem; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
.popup30th a strong i{margin-left:.25rem;}
.popup30th a:hover strong,
.popup30th a:focus strong{background:#e60039;}

/** fullpage - 01 **/
.fp-viewing-page01 .up-popup {z-index: 101;}

/* show animation */
.section *[class*="mt-act"] {opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
.section *[class*="mt-act"][class$="-left"] {transform: translateX(-50px); -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); -moz-transform: translateX(-50px);}
.section *[class*="mt-act"][class$="-right"] {transform: translateX(100px); -webkit-transform: translateX(100px); -ms-transform: translateX(100px); -moz-transform: translateX(100px);}
.section *[class*="mt-act"][class$="-top"] {transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -moz-transform: translateY(-30px);}
.section *[class*="mt-act"][class$="-bottom"] {transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px);}
.section *[class*="mt-act"][class$="-bottom2"] {transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px);}
.section.action *[class*="mt-act"] {opacity: 1;}
.section.action *[class*="mt-act"][class$="-left"],
.section.action *[class*="mt-act"][class$="-right"] {transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px);}
.section.action *[class*="mt-act"][class$="-top"],
.section.action *[class*="mt-act"][class$="-bottom"],
.section.action *[class*="mt-act"][class$="-bottom2"] {transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px);}
.section.action *[class*="mt-act1"] {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.section.action *[class*="mt-act2"] {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;}
.section.action *[class*="mt-act3"] {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.section.action *[class*="mt-act4"] {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.section.action *[class*="mt-act5"] {transition-delay: 1s; -webkit-transition-delay: 1s;}
.section.action *[class*="mt-act6"] {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
.section.action *[class*="mt-act7"] {transition-delay: 1.4s; -webkit-transition-delay: 1.4s;}
.section.action *[class*="mt-act8"] {transition-delay: 1.6s; -webkit-transition-delay: 1.6s;}
.section.action *[class*="mt-act9"] {transition-delay: 1.8s; -webkit-transition-delay: 1.8s;}
.section.action *[class*="mt-act10"] {transition-delay: 2s; -webkit-transition-delay: 2s;}

/* upper popup */
.up-popup {position: fixed; left: 0; top: 0; display: none; width: 100%; height: 6.5rem; overflow: visible; background: #333; padding: 1rem 1rem 0.5rem; color: #fff; z-index: 0;}
.up-popup .poplst {position: relative;}
.up-popup .item a {display: block; position: relative; height: 4rem; padding: 0.75rem 0 0.75rem 6rem; margin-right: 0.5rem; font-family: 'SCDream'; border-left: 1px dashed rgba(255, 255, 255, 0.2);}
.up-popup .item a p {position: absolute; left: 1rem; top: 0; width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; text-align: center; background: #fff;}
.up-popup .item a span {display: block; font-size: 0.7rem; font-weight: 200;}
.up-popup .item a strong {display: block; font-size: 1.1rem; font-weight: 400;}
.up-popup .slick-list {position: relative; margin: 0 2.5rem; width: calc(100% - 5rem);}
.up-popup .slick-list:before {content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #333; z-index: 1;}
.up-popup .slick-track {margin-left: -1px;}
.up-popup .slick-arrow {position: absolute; top: 50%; margin-top: -0.5rem; color: transparent; font-size: 0;}
.up-popup .slick-arrow:before {line-height: 1rem; color: #fff; font-size: 1.25rem; font-family: 'xeicon';}
.up-popup .slick-prev {left: 0;}
.up-popup .slick-prev:before {content: "\e908";}
.up-popup .slick-next {right: 0;}
.up-popup .slick-next:before {content: "\e90b";}
.up-popup .count {text-align: right; line-height: 1rem; letter-spacing: 1px;}
.up-popup .count > a {display: inline-block; font-size: 0.9rem; vertical-align: top; margin-left: 0.25rem;}
.up-popup .count > a#uppopPlay {display: none;}

/*imgcut*/
.imgcut .img { position: relative; }

.imgcut .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; }

.imgcut a { display: block; }

.imgcut a:hover .img > img, .imgcut a:focus .img > img { transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); }


/* Visual */
.visual {position: relative; padding-bottom: 2.5rem; text-align: center; background: #f3f6fb; overflow: hidden;}
.visual .map {position: relative; display: inline-block; margin: 0 auto; font-family: 'SCDream';}
.visual .map .imgSize {width:100%; max-width: 100%; opacity: 0;}
.visual .map .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: -webkit-linear-gradient(135deg, #253875, #c4652b, #2b9fc4);
background: -o-linear-gradient(135deg, #253875, #c4652b, #2b9fc4);
background: linear-gradient(-45deg, #253875, #c4652b, #2b9fc4);
background-size: 200% 100%;
animation: AnimGrident 3s ease infinite;
-webkit-animation: AnimGrident 3s ease infinite;
transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-webkit-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-o-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.visual .map .mask .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/web/kfEng/main/map1.png') no-repeat 100%; background-size: cover;}

.visual .map p {position: absolute; left: 0; bottom: 22%; width: 100%; font-size: 1.75rem; font-weight: 900; color: #303a60;}
.visual .map strong {position: relative; display: inline-block; padding-right: 1.25rem;}
.visual .map strong:before {position: absolute; top: 50%; right: 0; font-family: 'xeicon'; font-size: 4rem; color: #7d99ba; opacity: 0.3; content: "\eb23"; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.visual .line {position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: lineAction 3s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; -webkit-animation: lineAction 3s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;}
.visual .round {position: absolute; background: #95d3ea; border-radius: 50%; animation: bounceInUp 5s ease infinite; -webkit-animation: bounceInUp 5s ease infinite;}/* 799,1511 */
.visual .round.round1 {top: 34%; left: -17.6%; width: 17.6%; height: 33.29%; opacity: 0.1; animation-delay: 0.5s;}/* width: 266px; height: 266px; */
.visual .round.round2 {top: 36.92%; left: 12.83%; width: 21.37%; height: 40.42%; opacity: 0.2; animation-delay: 1s;}/* width: 323px; height: 323px; */
.visual .round.round3 {top: 22.15%; left: 43.28%; width: 8.47%; height: 16.02%; opacity: 0.2; animation-delay: 0.5s;}/* width: 128px; height: 128px; */
.visual .round.round4 {top: 31.28%; left: 71.6%; width: 11.51%; height: 21.77%; opacity: 0.2; animation-delay: 1.5s;}/* width: 174px; height: 174px; */
.visual .round.round5 {top: 65.95%; left: 91.19%; width: 17.6%; height: 33.29%; opacity: 0.1; animation-delay: 1s;}/* width: 266px; height: 266px; */
.visual .nation {position: absolute; display: inline-block; width: 5rem; height: 1.75rem; line-height: 1.75rem; font-weight: 700; color: #3e4e6f; border-radius: 0.875rem; background: #fff;}
.visual .nation:before {position: absolute; width: 25px; height: 25px; background: rgba(229,0,57,0.3); border-radius: 50%; content: ""; animation: lmsCircle 2s ease 3s infinite; -webkit-animation: lmsCircle 2s ease 3s infinite;}
.visual .nation:after {position: absolute; width: 13px; height: 13px; background: #e50039; border-radius: 50%; content: ""; animation: lmsCircle 2s ease 3s infinite; -webkit-animation: lmsCircle 2s ease 3s infinite;}
.visual .nation.b:before {bottom: -13px; left: 50%; margin-left: -13px;}
.visual .nation.b:after {bottom: -7px; left: 50%; margin-left: -7px;}
.visual .nation.t:before {top: -13px; left: 50%; margin-left: -13px;}
.visual .nation.t:after {top: -7px; left: 50%; margin-left: -7px;}
.visual .nation.l:before {top: 50%; left: -13px; margin-top: -13px;}
.visual .nation.l:after {top: 50%; left: -7px; margin-top: -7px;}
.visual .nation.russia {top: 20.2%; left: 27.79%;}/* top: 162; left: 420; */
.visual .nation.korea {top: 37%; left: 31.9%; color: #fff; background: #15233e; z-index:1; width:10rem;}/* top: 307; left: 540; */
.visual .nation.japan {top: 43%; left: 42.5%;}/* top: 310; left: 658; */
.visual .nation.usa {top: 38.67%; left: 79.02%;}/* top: 309; left: 1194; */
.visual .nation.china {top: 42.55%; left: 27.33%;}/* top: 340; left: 413; */
.visual .nation.hanoi {top: 55%; left: 30%;}
.visual .nation.korea:before {bottom: -48px; left: 50%; margin-left: -28px; width: 55px; height: 55px; background: rgba(23,255,220,0.3); border-radius: 50%; content: ""; animation: lmsCircle 2s ease infinite; -webkit-animation: lmsCircle 2s ease infinite;}
.visual .nation.korea:after {bottom: -40px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: none; border: 3px solid #00ffeb;}
.visual .other {position: absolute; width: 25px; height: 25px;}
.visual .other:before {position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: rgba(21,53,62,0.3); border-radius: 50%; content: ""; animation: lmsCircle 2s ease infinite; -webkit-animation: lmsCircle 2s ease infinite;}
.visual .other:after {position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; width: 14px; height: 14px; background: #15233e; border-radius: 50%; content: ""; animation: lmsCircle 2s ease infinite; -webkit-animation: lmsCircle 2s ease infinite;}
.visual .other.other1 {top: 28.78%; left: 15.08%;}/* top: 230; left: 228; */
.visual .other.other2 {top: 32.54%; left: 8.8%;}/* top: 260; left: 133; */
.visual .other.other3 {top: 67.33%; left: 32.95%;}/* top: 538; left: 498; */
.visual .other.other4 {top: 53.5%; left: 32.5%;}

/* Wave */
.wave {position: absolute; bottom: -2rem; left: 0; width: 6400px; height: 198px; animation: wave 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; -webkit-animation: wave 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); background: url('/images/web/kfEng/main/wave1.svg') repeat-x; z-index: 1;}

/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
.vPopupLayer {position: absolute; top: 6.25rem; left:-50%; display: none; padding: 5rem 5rem 3rem; width: 200%; height: calc(100% - 6.25rem); text-align: center; color: #fff; background: rgba(37,57,117,0.8); z-index: 10;}
.vPopupLayer h3 {font-size: 2.5rem; text-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.vPopupLayer .lstNation {display: table; width:100%; max-width:55rem; margin: 3rem auto 2rem;}
.vPopupLayer .lstNation > li {display: table-cell; padding: 0 1.75rem; width: 11rem; height: 18.5rem; vertical-align: middle;}
.vPopupLayer .lstNation > li.on {width: 18.5rem; transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 0.5s; -webkit-transition: all 0.5s;}
.vPopupLayer .lstNation > li a {position: relative; display: block; width: 100%; height: 100%; white-space: nowrap; background: no-repeat center center; background-size: contain;}
.vPopupLayer .lstNation > li.vRound1 a {background-image: url('/images/web/kfEng/main/vRound01.png');}
.vPopupLayer .lstNation > li.vRound2 a {background-image: url('/images/web/kfEng/main/vRound02.png');}
.vPopupLayer .lstNation > li.vRound3 a {background-image: url('/images/web/kfEng/main/vRound03.png');}
.vPopupLayer .lstNation > li.vRound4 a {background-image: url('/images/web/kfEng/main/vRound04.png');}
.vPopupLayer .lstNation > li.vRound5 a {background-image: url('/images/web/kfEng/main/vRound05.png');}
.vPopupLayer .lstNation > li.vRound6 a {background-image: url('/images/web/kfEng/main/vRound06.png');}
.vPopupLayer .lstNation > li a div {display: inline-block;}
.vPopupLayer .lstNation > li a span {position: absolute; top: 50%; left: 50%; font-size: 0.9rem; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.vPopupLayer .lypopClose {position:relative; top:80px; font-size: 11px; color:#fff;font-weight:300;}
.vPopupLayer .lypopClose i {position:relative; top:20px}
.vPopupLayer .btn {font-size: 0.6rem;}
.vPopupLayer .btn i {font-size: 2rem;}
/* active */
.vPopupLayer .lstNation > li.vRound1.on a {background-image: url('/images/web/kfEng/main/vRound01_on.png');}
.vPopupLayer .lstNation > li.vRound2.on a {background-image: url('/images/web/kfEng/main/vRound02_on.png');}
.vPopupLayer .lstNation > li.vRound3.on a {background-image: url('/images/web/kfEng/main/vRound03_on.png');}
.vPopupLayer .lstNation > li.vRound4.on a {background-image: url('/images/web/kfEng/main/vRound04_on.png');}
.vPopupLayer .lstNation > li.vRound5.on a {background-image: url('/images/web/kfEng/main/vRound05_on.png');}
.vPopupLayer .lstNation > li.vRound6.on a {background-image: url('/images/web/kfEng/main/vRound06_on.png');}
.vPopupLayer .lstNation > li.on a span {font-size: 1.4rem;}

/* 2021.04.06 SY,CHo 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼢�뇡�빘�굲占쎈쐻占쎈솂占쎈섣占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈쿈占쎌굲 占쎈쐻占쎈솯�ⓦ끉�굲占쎈쐻占쎈솙占쎈섣占쎌굲 */
.visualWrap {position: relative; text-align: center;}
.visualWrap .vs {position: relative;}
.visualWrap .vs.photo img {width: 100%;}
.visualWrap .vs.photo .boxDecoTxt {position: absolute; top: 50%; left: 0; width: 100%; text-align: center; font-family: "SCDream"; color: #000; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.visualWrap .vs.photo .boxDecoTxt .small {font-size: 1.75rem;}
.visualWrap .vs.photo .boxDecoTxt .large {margin: 1.5rem; font-size: 2.5rem; font-weight: 700;}
.visualWrap .vs.video {margin: 0 auto; text-align: center; background: #000;}
.visualWrap .vs.video > video {margin: 0 auto; width: 100%; height: 100%; max-height: 45rem;}
.visualWrap .control {position: absolute; left: 50%; bottom: 2.5rem; min-width: 10rem; padding: 0 1rem; height: 1.75rem; line-height: 1.75rem; text-align: center; color: #fff; background: rgba(21,35,62,0.4); transform: translateX(-50%); -webkit-transform: translateX(-50%); border-radius: 1.75rem;}
.visualWrap .control #visualPager {float: left; display: inline-block; margin-right: 1rem; font-size: 0.75rem;}
.visualWrap .control #visualPager .current {font-weight: 700; color: #92f9f4;}
.visualWrap .control a {float: left; display: block; width: 1.75rem; height: 1.75rem; line-height: 1.8rem; text-align: center; font-size: 1.2rem;}
.visualWrap #vPlay {display: none;}
/*
.visualWrap .control a:hover,
.visualWrap .control a:focus {color: #111;}
*/

.visualWrap .slick-slide.worldmap {margin-top: -6.25rem;}/* 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻�뜝占� 占쎈쐻占쎈뼍�뇡�빘�굲占쎈쐻占쎈뼓占쎈쿈占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼢占쎈쿈占쎌굲 */
.visualWrap .slick-slide.worldmap,
.visualWrap .slick-slide.video {vertical-align: top;}

/* animation */
@keyframes wave {
	0% {margin-left: 0;}
	100% {margin-left: -1600px;}
}
@-webkit-keyframes wave {
	0% {margin-left: 0;}
	100% {margin-left: -1600px;}
}
@keyframes AnimGrident{
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	to {background-position: 0% 50%}
}
@-webkit-keyframes AnimGrident{
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	to {background-position: 0% 50%}
}
@keyframes lineAction {
	0% {opacity: 0;}
	50% {opacity: 0.3;}
	80% {opacity: 1;}
	100% {opacity: 0.3;}
}
@-webkit-keyframes lineAction {
	0% {opacity: 0;}
	50% {opacity: 0.3;}
	80% {opacity: 1;}
	100% {opacity: 0.3;}
}
@keyframes lmsCircle {
	0% {transform: scale(0.5); opacity: 0.1;}
	80% {transform: scale(1); opacity: 1;}
	100% {transform: scale(0.5); opacity: 0.1;}
}
@-webkit-keyframes lmsCircle {
	0% {-webkit-transform: scale(0.5); opacity: 0.1;}
	80% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.5); opacity: 0.1;}
}
@keyframes bounceInUp {
	0% {opacity: 0; transform: translateY(10px);}
	20% {opacity: 0.2; transform: translateY(-10px);}
	40% {opacity: 0.2; transform: translateY(10px);}
	60% {opacity: 0.3; transform: translateY(-10px);}
	80% {opacity: 0.2; transform: translateY(10px);}
	90% {opacity: 0.2; transform: translateY(0);}
	100% {opacity: 0;}
}
@-webkit-keyframes bounceInUp {
	0% {opacity: 0; -webkit-transform: translateY(10px);}
	20% {opacity: 0.2; -webkit-transform: translateY(-10px);}
	40% {opacity: 0.2; -webkit-transform: translateY(10px);}
	60% {opacity: 0.3; -webkit-transform: translateY(-10px);}
	80% {opacity: 0.2; -webkit-transform: translateY(10px);}
	90% {opacity: 0.2; -webkit-transform: translateY(0);}
	100% {opacity: 0;}
}
@keyframes bounceUp {
	0% {transform: translateY(0);}
	50% {transform: translateY(-15px);}
	100% {transform: translateY(0);}
}
@-webkit-keyframes bounceUp {
	0% {-webkit-transform: translateY(0);}
	50% {-webkit-transform: translateY(-15px);}
	100% {-webkit-transform: translateY(0);}
}

.sectionBg1 {position: absolute; bottom: 0; right: 0; width: 100%; height: 60%; background: url('/images/web/kfEng/main/bgSection1.png') no-repeat center bottom; background-size: 95% 100%;}
.sectionBg1:before {position: absolute; bottom: 0; right: 0; width: 50%; height: 100%; background: #15233e; content: "";}
.sectionBg2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/web/kfEng/main/bgSection1_1.png') no-repeat left top;}
.sectionBg3 {position: absolute; top: -1.5rem; right: 1.25rem; width: 100%; height: 100%; background: url('/images/web/kfEng/main/bgSection1_2.png') no-repeat right top;}

/* Public Diplomacy */
.diplomacy {position: relative; margin-top: 2.5rem; padding-bottom: 5rem;}
.lstPublic {}
.lstPublic:after {clear: both; display: block; width: 95%; content: "";}
.lstPublic > li {float: left; margin-left: 2.666%; width: 23%;}
.lstPublic > li:first-child {margin-left: 0;}
.lstPublic > li > a {display: block; background: #fff;}
.lstPublic > li > a:hover {box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4); animation: bounceUp 0.5s ease; -webkit-animation: bounceUp 0.5s ease;}
.lstPublic > li > a h3 {padding: 1rem; font-family: 'SCDream'; font-size: 0.8rem; font-weight: 600; color: #999;}
.lstPublic > li > a h3 img {margin-right: 0.5rem;}
.lstPublic > li > a .img {height: 11.15rem;}
.lstPublic > li > a .img img{position:relative; left:50%; margin-left:-198px;}/* 占쎈쐻占쎈뼓獄�袁⑹굲占쎈쐻占쎈짗占쎌굲 width 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲, 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
/* .lstPublic > li > a .img img {width: 100%; height: 100%;} */
.lstPublic > li > a .info {padding: 0.75rem 1.25rem;}
/* .lstPublic > li > a .info .tit {display: block; height: 1.5rem; font-size: 1rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} */
.lstPublic > li > a .info .tit {display: block; /*height: 1.5rem;*/ font-size: 1rem; font-weight: 700;}
.lstPublic > li > a .info .txt {margin-top: 0.75rem; /*height: 66px;*/ line-height: 25px; overflow: hidden;}

/* Notice */
.noticeWrap {margin-top: 5rem; height: 19rem; overflow:hidden;}
.notice {position: relative; float: left; width: 49%; height: 100%;}
.notice:before {position: absolute; left: 0; top: calc(2.75rem - 1px); width: 100%; height: 1px; background: #bdbdbd; content: "";}
.notice + .notice {margin-left: 2%;}
.notice h3 {position: relative; float: left; margin-left: -1px; min-width: 200px; text-align: center;}
.notice h3:first-child {margin-left: 0;}
.notice h3 a {position: relative; display: block; padding: 0 1rem; line-height: calc(2.75rem - 1px); font-family: "SCDream"; font-size: 1rem; font-weight: 500; color: #666; border: 1px solid #bdbdbd; border-bottom:0;}
.notice .list_box {position: absolute; top: 3rem; left: 0; display: none; width: 100%; height: auto;}
.notice .list_box ul {overflow: hidden;}
.notice .list_box ul li:first-child a {border-top: none;}
.notice .list_box ul li a {position: relative; display: block; padding: 0 5.5rem 0 1rem; height: 3.25rem; line-height: 3.25rem; font-size: 0.85rem; color: #000; border-top: 1px solid #e0e0e0;}
.notice .list_box ul li a .txt {position: relative; display: inline-block; max-width: calc(100% - 2rem); padding-right: 0.5rem; line-height: 1.3; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.notice .list_box ul li a:hover .txt {text-decoration: underline;}
.notice .list_box em {display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.6rem; color: #fff; background: #15233e; border-radius: 50%; vertical-align:middle;}
.notice .list_box .date {position: absolute; top: 0; right: 0; display: inline-block; width: 7rem; font-family: "SCDream"; font-size: 0.7rem; color: #666;}
.notice .btn_more {position: absolute; top: -2.75rem; right: 0; width: 1.25rem; height: 2.75rem; line-height: 2.75rem; text-align: center; font-size: 1.2rem; color: #000;}
/* active */
.notice h3 a.current {line-height: 2.75rem; font-weight: 700; color: #fff; background: url('/images/web/kfEng/main/bgTab.png') center center; border: 0; z-index: 1; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.notice .list_box.on {display: block;}

/* Event */
.eventWrap {position: relative; /* margin-top: 2rem; */ padding: 4rem 0 5rem; overflow:hidden;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f6fc+0,fffaf6+100 */
background: rgb(241,246,252); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(241,246,252,1) 0%, rgba(255,250,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(241,246,252,1) 0%,rgba(255,250,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(241,246,252,1) 0%,rgba(255,250,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f6fc', endColorstr='#fffaf6',GradientType=1 ); /* IE6-9 */
}

.eventWrap .sectionBg2 {background-position: left 7.8rem; overflow: hidden;}
.calendarWrap {position: relative; line-height: 2.75rem; font-family: "SCDream"; color: #000; overflow: hidden;}
.calendarWrap h2 {float: left; width: 6rem; font-size: 1.3rem; font-weight: 700;}
.calendarWrap .calendar {float: left; padding: 0 1.5rem 0 1rem; width: calc(100% - 6rem); height: 2.75rem; background: #fff; border-radius: 3rem; overflow: hidden;}
.calendarWrap .calendar .boxDate {float:left; width:calc(100% - 15.5rem);}
.calendarWrap .calendar .boxDate .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:0;}
.calendarWrap .calendar .month {float: left; width: 15rem;}
.calendarWrap .calendar .month a {float: left; display: inline-block;}
.calendarWrap .calendar .month span {float: left; display: inline-block; padding: 0 1.75rem; font-size: 1.1rem;}
.calendarWrap .calendar .month strong {display: inline-block; margin-left: 0.5rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.2rem; color: #fff; background: #15233e; border-radius: 50%;}
.calendarWrap .calendar .month i {height: 2.75rem; line-height: 2.75rem; vertical-align: middle; font-size: 1.2rem;}
.calendarWrap .calendar .month i.xi-ellipsis-h {font-size: 1rem;}
.calendarWrap .calendar .month i + i {margin-left: -7px;}
.calendarWrap .calendar .date {display: table; width: 100%; color: #333; /* table-layout:fixed; */ white-space:nowrap;}
.calendarWrap .calendar .date li {display:table-cell;/*  width:2rem; */}
.calendarWrap .calendar .date li.sun {color: #e60039;}
.calendarWrap .calendar .date li a:hover {font-weight: 700; text-decoration: underline;}
.calendarWrap .btn_more {position: absolute; top: 0.1rem; right: 0; width: 2.75rem; height: 2.75rem; line-height: 2.75rem; text-align: center; font-size: 1.2rem; color: #000;}

/* .lstEvent {margin-top: 2.5rem;}
.lstEvent:after {clear: both; display: block; width: 100%; content: "";}
.lstEvent .item {float: left; margin-left: 2.666%; width: 23%;}
.lstEvent > li:first-child {margin-left: 0;}
.lstEvent > li > a {display: block;}
.lstEvent > li > a .img {height: 12.5rem;}
.lstEvent > li > a .img img{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.lstEvent > li > a .img img {width: 100%; height: 100%;}
.lstEvent > li > a:hover {animation: bounceUp 0.5s ease; -webkit-animation: bounceUp 0.5s ease;}
.lstEvent > li > a:hover .img {box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);}
.lstEvent > li > a .tit {display: block; margin-top: 1rem; height: 1rem; font-size: 0.85rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lstEvent > li > a .date {position: relative; margin-top: 1rem; padding-left: 0.8rem; height: 0.75rem; line-height: 0.75rem; font-size: 0.7rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lstEvent > li > a .date:before {position: absolute; top: 0; left: 0; font-family: 'xeicon'; content: "\ea2c";}
 */
.lstEvent {position:relative; padding:0 1.5rem; margin-top: .5rem;}
.lstEvent:after {clear: both; display: block; width: 100%; content: "";}
.lstEvent > a{position:absolute; top:50%; font-size:1.5rem; margin-top:-.6rem; color:#666;}
.lstEvent > a:hover,
.lstEvent > a:focus{color:#e50039;}
.lstEvent > a.slick-arrow.slick-hidden{display:block;}
.lstEvent #lstEvntPrev{left:0;}
.lstEvent #lstEvntNext{right:0;}
.lstEvent .item{padding-top:2rem;}
.lstEvent .item a {display: block; margin:0 1rem;  position:relative;}
.lstEvent .item a .img{height:520px; position:relative; overflow:hidden;}
.lstEvent .item a:hover .img {box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);}
.lstEvent .item a .box{position:absolute; bottom:0; left:0; width:100%; padding:1.5rem 1rem; background:rgba(0, 0, 0, 0.7); color:#fff;}
.lstEvent .item a .box .tit {display: block; margin-bottom: 1.25rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lstEvent .item a .box .date {position: relative;padding-left: 1.25rem; font-size: 0.75rem;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lstEvent .item a .box .date:before {position: absolute; top: -.1rem; left: 0; font-size:.9rem; font-family: 'xeicon'; content: "\ea2c";}

/* Wave */
.wave.down {bottom: auto; top: -2rem; background-image: url('/images/web/kfEng/main/wave2.svg');}

/* Global */
.globalWrap {position: relative; padding: 3.5rem 0;}
.lstGlobal {display: table; width: 100%; font-size:0;}
.lstGlobal > li {display: table-cell; width: 10%; text-align: center;}
.lstGlobal > li > a {display: block; transition: all 0.25s; -webkit-transition: all 0.25s;}
.lstGlobal > li > a .icons {position: relative;}
.lstGlobal > li > a .icons:before {position: absolute; bottom: 0; left: 50%; margin-left: -2.625rem; width: 5.25rem; height: 1.35rem; background: #fff7d6; opacity: 0; border-radius: 50%; content: "";}
.lstGlobal > li > a strong {display: block; margin-top: 1rem; font-family: "SCDream"; font-size: 0.85rem; color: #000;}
.lstGlobal > li > a:hover .icons:before {opacity: 1; transition: all 0.25s; -webkit-transition: all 0.25s;}
.lstGlobal > li > a:hover .icons img {position: relative; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transition: all 0.25s; -webkit-transition: all 0.25s;}
.lstGlobal > li > a:hover strong {color: #ca1212; text-decoration: underline; transition: all 0.25s; -webkit-transition: all 0.25s;}

/* Sns */
.snsWrap {position: relative; padding: 3rem 0 1rem;}
.snsWrap .sectionBg2 {background-position: left 5rem;}
.snsWrap .fl { width: 15.75rem; padding: 0 0.85rem 0.85rem; background: url("/images/web/kf/main/bgSection4.png") no-repeat center bottom; }
.snsWrap .fl a {position: relative; display: block;}
.snsWrap .fl a:hover {box-shadow: 0 1px 5px 3px rgba(0,0,0,0.3); transition: all 0.25s; -webkit-transition: all 0.25s;}
.snsWrap .fl a:before,
.snsWrap .fl a:after { position: absolute; left: 0; top: 0; content: ""; }
.snsWrap .fl a:before {width: 100%; height: 0; border-left: 3px solid #000; border-right: 3px solid #000; transition: all 0.5s; -webkit-transition: all 0.5s;}
.snsWrap .fl a:after {width: 0; height: 100%; border-bottom: 3px solid #000; border-top: 3px solid #000; transition: all 0.5s; -webkit-transition: all 0.5s;}
.snsWrap .fl a:hover:before {height: 100%;}
.snsWrap .fl a:hover:after {width: 100%;}
.snsWrap .fl img {max-width: 100%;}
.snsWrap .fl .tit {position: relative; padding: 0 1rem; height: 3rem; line-height: 3rem; font-family: "SCDream"; font-size: 0.95rem; font-weight: 500; color: #fff; background: rgba(0,0,0,0.7);}
.snsWrap .fl .tit:after { position: absolute; top: 0; right: 0; width: 2rem; height: 3rem; line-height: 3rem; font-family: "xeicon"; content: "\e90b"; }
.snsWrap .fr { position: relative; width: calc(100% - 18.5rem); display: flex; gap: 2rem; justify-content: space-between; }
.snsWrap .fr h2 { font-size: 1.3rem; }
.snsTit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; min-height: 40px; }
.headImg { display: flex; align-items: center; gap: 0.5rem; vertical-align: m; }
.lstSNS {}
.lstSNS > li {float: left; margin-left: 2rem;}
.lstSNS > li:first-child {margin-left: 0;}
.lstSNS > li a {font-family: "SCDream"; font-size: 0.7rem; color: #666;}
.lstSNS > li a i {margin-right: 0.5rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; background: #ededed; border-radius: 50%;}
.lstSNS > li a:hover i {color: #fff; background: #000; transition: all 0.25s; -webkit-transition: all 0.25s;}
.lstDataSNS { display: flex; flex-wrap: wrap; justify-content: space-between; }
.fr .snsDual.several, .fr .snsDual { display: inline-block; vertical-align: top; }
.fr .snsDual.several { width: 75%; }
.fr .snsDual { width: 25%; }
.lstDataSNS > li { float: left; width: 30.2%; /* margin-left: 3.7%; */ }
.lstDataSNS > li:first-child { /* margin-left: 0; */ }
.lstDataSNS > li > a {position: relative; display: block; border-radius: 0.5rem; box-shadow: 0 1px 5px 3px rgba(0,0,0,0.1);}
.lstDataSNS > li > a:hover {animation: bounceUp 0.5s ease; -webkit-animation: bounceUp 0.5s ease;}
.lstDataSNS > li > a .img {height: 12.5rem; border-radius: 0.5rem; overflow: hidden;}
.singleSns > li { width: 100%; max-width: 296px; }
/* .lstDataSNS > li > a .img img {width: 100%; height: 100%;} */
.lstDataSNS > li > a .tag {position: absolute; bottom: 4.5rem; left: 1rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; color: #fff; border-radius: 50%;}
.lstDataSNS > li > a .tag.facebook {background: #3d56a8;}
.lstDataSNS > li > a .tag.instagram {background: #973389;}
.lstDataSNS > li > a .tag.youtube {background: #e50039;}
.lstDataSNS > li > a .tag.twitter {background: #00b6f1;}
.lstDataSNS > li > a .info {padding: 1.75rem 1rem 1.5rem;}
.lstDataSNS > li > a .tit {display: block; height: 1rem; font-weight: 400; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lstDataSNS > li > a .date {position: relative; margin-top: 0.5rem; padding-left: 0.8rem; height: 0.75rem; line-height: 0.75rem; font-family: "SCDream"; font-size: 0.7rem; color: #3e4e6f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lstDataSNS > li > a .date:before { position: absolute; top: 0; left: 0; font-family: "xeicon"; content: "\ea2c"; }

/* banner */
.bannerWrap {position: relative; padding: 2rem 0;}
.bannerWrap h2 {position: absolute; left: 0; top: 0; font-size: 0.95rem; color: #000;}
.bannerWrap .control {position: absolute; left: 0; top: 1.5rem; border: 1px solid #ccc;}
.bannerWrap .control a {display: block; width: 1.6rem; height: 1.6rem; line-height: 1.7rem; text-align: center; color: #111; float: left; font-size: 1rem;}
.bannerWrap .control a + a {border-left: 1px solid #ccc;}
.bannerWrap .control a:hover, .banner .control a:focus {background: #f00; color: #fff;}
.bannerWrap #bnPlay {display: none;}
.bannerWrap .bnlst {margin-left: 7.5rem; text-align: center;}
.bannerWrap .bnlst a {display: block; padding: 0 5px;}
.bannerWrap .bnlst a:hover img, .banner .bnlst a:focus img {border-color: #9b7176;}
.bannerWrap .bnlst img {max-width: 100%; height: auto; border: 1px solid #ccc;}

/* 2021.04.07 SY,CHo 占쎈쐻占쎈뼓獄�袁⑹굲占쎈쐻占쎈짗占쎌굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 占쏙옙占쎈쐻占쎈셾�뇡�빘�굲 占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲 */
.imgType1 .img {position: relative; background: #000; overflow: hidden;}
.imgType1 .img img {width: 100%; height: 100%;}
.imgType2 .img {position: relative; display: table; background: #000; overflow: hidden;}
.imgType2 .img span {display: table-cell; height: 100%; vertical-align: middle;}
.imgType2 .img img {width: 100%; height: auto;}
.imgType3 .img {position: relative; background: #000; overflow: hidden;}
.imgType3 .img img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.imgType4 .img {position: relative; overflow: hidden;}
.imgType4 .img img {width: 100%; height: auto;}

/* layer popup */
.lypopup{display: block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:999;}
.lypopCont{position:relative; width:95%; max-width:40rem; max-height:90%; top:50%; margin:0 auto; background:#fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding:1rem; overflow:scroll;}
.lypopCont .cont{margin-top:.5rem;}

/* common button */
.btn_gr, .btn_grL, .btn_bl, .btn_red, .btn_bk { display: inline-block; margin: 0.25rem 1px 0; padding: 0.5rem 1rem; line-height: 1rem; font-size: 0.8rem; font-weight: 400; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn_gr { color: #fff; background: #7f7e79; border: 1px solid #7f7e79; }
.btn_gr:hover, .btn_gr:focus { background: #383735; }
.btn_bl { color: #fff; background: #3e4e6f; border: 1px solid #3e4e6f; }
.btn_bl:hover, .btn_bl:focus { background: #1b2843; }

/* common line */
.line_dot { margin-bottom: 1rem; padding-top: 1rem; border-bottom: 1px dotted #d2d2d2; }
.line_dot_B { border-bottom: 1px dotted #d2d2d2; }

/* media query - width */
@media (max-width:1920px) {

	.sectionBg2,
	.sectionBg3 {display: none;}
}

@media (max-width:1740px) {

	/* 30th popup */
	.popup30th{left:1rem; margin-left:0;}

	.lstEvent .item a .img{height:480px;}
}

@media (max-width:1440px) {

	/* Notice */
	.notice h3 {min-width:0;}
	.notice h3 a.current {background-size:cover;}

	/* Event */
	.calendarWrap .calendar .boxDate {overflow:hidden;}
	.calendarWrap .calendar .date {display:block;}
	.calendarWrap .calendar .date li {display:inline-block; width:1.7rem;}
	
	.lstEvent .item a .img{height:430px;}
}

@media (max-width:1400px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer {padding: 5rem 1rem;}
	.vPopupLayer .lstNation {margin: 2rem auto;}
}

@media (max-width:1280px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer .lstNation > li {width: 20%; height:13rem; padding:0 0.5%;}
	.vPopupLayer .lstNation > li.on {width:11rem; -webkit-transform:none; -ms-transform:none; transform:none;}
	.vPopupLayer .lstNation > li a span,
	.vPopupLayer .lstNation > li.on a span {font-size:1.1rem}

	/* Wave */
	.wave {display:none;}

	/* Public Diplomacy */
	.diplomacy {margin-top:3rem; padding-bottom:3rem;}

	/* Notice */
	.noticeWrap {margin-top:3rem;}

	/* Event */
	.eventWrap {padding:3rem 0}

	/* Global */
	.globalWrap {padding:3rem 0;}
	.lstGlobal > li {display:inline-block; width:33.33%; vertical-align:top;}
	.lstGlobal > li:nth-child(n+6) {margin-top:1.2rem;}
	.lstGlobal > li > a strong {line-height:1.2;}
}

@media (max-width:1240px) {

	/* 30th popup */
	.popup30th{top:5rem;}

	/* show animation */
	.fp-viewing-page01 .fixSlide {top: 0;}
	.kfPluslst {top: 3.65rem !important;}

	.onTop.uppopOpen #container {padding-top: 10rem;}
	.onTop.uppopOpen .section:not(.fp-auto-height) {padding-top: 2rem !important;}
	.onTop.uppopOpen .up-popup {z-index: 101 !important;}
	.up-popup {z-index: 0 !important;}

	.section *[class*="mt-act"] {opacity: 1 !important; transition-delay: 0s !important; -webkit-transition-delay: 0s !important; transform: translate(0) !important; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; -moz-transform: translate(0) !important;}

	.visualWrap .slick-slide.worldmap {margin-top: 0;}
	.vPopupLayer {top: 0; height: 100%;}


	/* banner */
	.banner {margin: 0 auto 1rem;}
}

@media (max-width:1200px) {

	.sectionBg1 {height:85%;}

	/* Public Diplomacy */
	.lstPublic > li {width:48%; margin-left:0;}
	.lstPublic > li:nth-child(even) {margin-left:4%;}
	.lstPublic > li:nth-child(n+3) {margin-top:1.2rem;}
	.lstPublic > li > a .info {padding-top:1rem; padding-bottom:1rem;}
	/* .lstPublic > li > a .info .txt {height:3rem;} */

	/* Event */
	.calendarWrap .calendar .month {width:12rem;}
	.calendarWrap .calendar .month span {font-size:0.9rem;}
	.calendarWrap .calendar .month strong {margin-left:0.3rem; font-size:1rem;}
	.calendarWrap .calendar .boxDate {width:calc(100% - 13rem);}

	/* Sns */
    .fr .snsDual.several { width: 100%; }
	.snsWrap .fl .tit {height:2.5rem; line-height:2.5rem; font-size:0.75rem;}
	.snsWrap .fl .tit:after {bottom:0; margin:auto 0; text-align:center;}
    .lstDataSNS > li { width: 48%; margin-left: 0; }
    .singleSns > li { max-width: 433px; }
	.lstDataSNS > li:nth-child(even) {margin-left:4%;}
	.lstDataSNS > li:nth-child(n+3) {margin-top:1.2rem;}
	.lstDataSNS > li > a .img {background:#eee; text-align:center;}
    .snsWrap .fr { flex-direction: column; }
    .fr .snsDual { width: 100%; }
}

@media (max-width: 1024px) {
	.onTop.up-popup {z-index: 101;}
	.onTop .fp-tableCell {padding-top: 13.5rem;}

	/* Visual */
	.visual .nation:before {width:20px; height:20px; margin-left:-10px;}
	.visual .nation.b:before {margin-left:-10px;}
	.visual .nation.l:before {left:-8px;}
	.visual .nation.t:before {margin-left:-10px;}
	.visual .nation:after {width:10px; height:10px; margin-left:-5px;}
	.visual .nation.b:after {bottom:-8px; margin-left:-5px;}
	.visual .nation.t:after {top:-8px; margin-left:-5px;}
	.visual .nation.l:after {left:-8px; margin-top:-8px;}
	.visual .other,
	.visual .other:before {width:20px; height:20px;}
	.visual .other:after {width:10px; height:10px; margin-left:-5px; margin-top:-5px;}
	.visual .nation {width:3.5rem; height:1.4rem; line-height:1.4rem; font-size:0.66rem;}
	.visual .map p {font-size:1.5rem;}

	/* Event */
	.lstEvent .item{padding-top:1rem;}
	/* .lstEvent > li {width:48%; margin-left:0;}
	.lstEvent > li:nth-child(even) {margin-left:4%;}
	.lstEvent > li:nth-child(n+3) {margin-top:1.2rem;} */
	
	.lstEvent .item a .img{height:380px;}
}

@media (max-width:940px) {
	/* Sns */
	.snsWrap {padding:1rem 0;}
	.snsWrap .fl {float:none !important; width:100%; margin-bottom:2rem; padding-left:0; padding-right:0; background:none;}
	.snsWrap .fl a {padding-bottom:0;}
	.snsWrap .fl .img {border-radius:0.5rem 0.5rem 0 0; background:#eee; text-align:center;}
	.snsWrap .fl .tit {border-radius:0 0 0.5rem 0.5rem;}
	.snsWrap .fr {float:none !important; width:100%;}
	.lstEvent .item a .img{height:330px;}
}

@media (max-width:900px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer h3 {font-size:2rem;}
	.vPopupLayer .lstNation > li {height:8rem;}
	.vPopupLayer .lstNation > li.vRound1.on a {background-image:url('/images/web/kfEng/main/vRound01.png');}
	.vPopupLayer .lstNation > li.vRound2.on a {background-image:url('/images/web/kfEng/main/vRound02.png');}
	.vPopupLayer .lstNation > li.vRound3.on a {background-image:url('/images/web/kfEng/main/vRound03.png');}
	.vPopupLayer .lstNation > li.vRound4.on a {background-image:url('/images/web/kfEng/main/vRound04.png');}
	.vPopupLayer .lstNation > li.vRound5.on a {background-image:url('/images/web/kfEng/main/vRound05.png');}
	.vPopupLayer .lstNation > li a span,
	.vPopupLayer .lstNation > li.on a span {font-size:0.9rem;}

	/* Visual */
	.visual .map p {font-size:1.2rem;}

	/* Public Diplomacy */
	.diplomacy {margin-top:0;}

	/* Notice */
	.noticeWrap {height:40rem;}
	.notice {width:100%; height:350px;}
	.notice + .notice {margin-left:0; margin-top:1rem;}
	/*.notice h3 {width:31.5%;}*/

	.visual .nation.korea{width:7rem;}
}

@media (max-width:800px) {

	/* 30th popup */
	.popup30th{top:4.5rem;}
	.popup30th a p{width:4rem; height:4rem; line-height:3.5rem;}
	.popup30th a p img{width:2.5rem; height:auto;}

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer .lstNation > li {height:7rem;}

	/* Visual */
	.visual .nation {width:2.4rem; height:1rem; line-height:1rem; font-size:9px;}
	.visual .map p {bottom:13%; font-size:0.8rem;}
	.visual .map strong:before {font-size:2rem;}

	/* Notice */
	.notice h3 a {font-size:0.9rem;}

	/* Event */
	.calendarWrap h2 {float:none;}
	.calendarWrap .calendar {width:100%;}
	.calendarWrap .calendar .month a {float:none;}
	.calendarWrap .calendar .month span {float:none; margin-top:0.2rem;}
	/* .calendarWrap .calendar .date li {width:1.7rem;} */
	
	.lstEvent .item a .img{height:380px;}
}

@media (max-width:700px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer .lstNation > li {height:5.5rem;}
	.vPopupLayer .lstNation > li a span,
	.vPopupLayer .lstNation > li.on a span {font-size:0.85rem;}

	/* Global */
	.lstGlobal > li > a strong {word-break:break-all;}
}

@media (max-width: 640px) {

	/* 30th popup */
	.popup30th{bottom:2rem; top:auto;}
	.popup30th a{padding:.25rem 0 0 .25rem;}
	.popup30th a p{width:3rem; height:3rem; line-height:3rem; position:absolute; left:0; top:0; z-index:1;}
	.popup30th a p img{width:2rem; height:auto;}
	.popup30th a strong{position:relative; display:block; left:auto; bottom:auto; height:2.5rem; line-height:2.5rem; padding:0 .75rem 0 3.5rem; z-index:0;}

	.kfPluslst {top: 4.2rem !important;}
	.onTop.uppopOpen #container {padding-top: 9rem;}
	/* upper popup */
	.up-popup {height: 5.5rem; padding: 0.75rem 0.5rem 0.5rem;}
	.up-popup .item a {height: 3.2rem; padding: 0.2rem 0 0 4.5rem;}
	.up-popup .item a p {width: 3rem; height: 3rem; line-height: 3rem;}
	.up-popup .item a img {width: auto; height: 2rem;}
	.up-popup .item a span {font-size: 0.7rem;}
	.up-popup .item a strong {font-size: 0.9rem;}
	.up-popup .slick-list {margin: 0 1.5rem; width: calc(100% - 3rem);}
	.up-popup .slick-arrow:before {font-size: 1rem;}

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.fp-viewing-page01 .uppopOpen .vPopupLayer,
	.vPopupLayer {padding:1rem 1%;}
	.vPopupLayer h3 {font-size:1.5rem;}
	.vPopupLayer .lstNation {overflow:hidden;}
	.vPopupLayer .lstNation > li {display:inline-block; padding:0 10px;}
	.vPopupLayer .lstNation > li,
	.vPopupLayer .lstNation > li.on {width:150px;}
	.vPopupLayer .lstNation > li:nth-child(n+4) {margin-top:1rem;}
	.vPopupLayer .lstNation > li a span,
	.vPopupLayer .lstNation > li.on a span {font-size:0.85rem;}
	.vPopupLayer .btn {position:absolute; top:1rem; right:1rem;}
	.vPopupLayer .btn i {font-size:1rem;}

	/* Event */
	.calendarWrap .calendar {float:none; height:auto; border-radius:0;}
	.calendarWrap .calendar .month {float:none; width:auto; text-align:center;}
	.calendarWrap .calendar .boxDate {float:none; width:100%;}
	.calendarWrap .calendar .date {display:table; width:100%;}
	.calendarWrap .calendar .date li {display:table-cell;}

	/* Sns */
    .snsWrap .fr .several h2 { margin-bottom: 1rem; }
    .snsTit { flex-direction: column; align-items: baseline; }
    .lstSNS { display: inline-block; width: 100%; /* margin-bottom: 1rem; */  font-size: 0; line-height: 0; text-align: center; }
    .lstSNS > li { display: flex; justify-content: space-between; width: 33.3%; margin-left: 0; vertical-align: top; }
}

@media (max-width:560px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer h3 {font-size:1.2rem;}
	.fp-viewing-page01 .uppopOpen .vPopupLayer .lstNation,
	.vPopupLayer .lstNation {margin:1rem 0 0;}

	/* Visual */
	.visual .nation.japan {left:44.5%;}
	.visual .nation.china {left:25%;}
	.visual .nation.korea:before {bottom:-28px; margin-left:-18px; width:30px; height:30px;}
	.visual .nation.korea:after {bottom:-20px; margin-left:-10px; width:15px; height:15px;}

	/* Global */
	.lstGlobal > li {width:50%;}
	.lstGlobal > li:nth-child(n+6) {margin-top:0;}
	.lstGlobal > li:nth-child(n+4) {margin-top:1.2rem;}
	.lstGlobal > li > a strong {padding:0 0.5rem;}
	
	.lstEvent .item a .img{height:300px;}
	.lstEvent .item a{margin:0 0.5rem;}
}

@media (max-width: 480px) {

	.sectionBg1 {height:90%;}

	.onTop.uppopOpen .section:not(.fp-auto-height) {padding-top:0.5rem !important;}

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.fp-viewing-page01 .uppopOpen .vPopupLayer .lstNation,
	.vPopupLayer .lstNation {max-width:390px; margin-left:auto; margin-right:auto;}
	.vPopupLayer .lstNation > li {height:4.5rem;}
	.vPopupLayer .lstNation > li,
	.vPopupLayer .lstNation > li.on {width:98px;}
	.vPopupLayer .lstNation > li:nth-child(n+4) {margin-top:0.5rem;}
	.vPopupLayer .lstNation > li a span,
	.vPopupLayer .lstNation > li.on a span {font-size:0.8rem;}

	/* Visual */
	.visual .nation:before {width:10px; height:10px; margin-left:-5px;}
	.visual .nation:after {width:3px; height:3px; margin-left:-1.5px;}
	.visual .nation.korea:before {bottom:-23px;}
	.visual .nation.korea:after {bottom:-15px;}
	.visual .nation.l:after {margin-top:-9px;}
	.visual .nation.t:after {top:-10px; margin-left:-6px;}
	.visual .nation.b:after {bottom:-10px; margin-left:-6px;}
	/* .visual .nation.japan {left:49%;} */
	.visual .other,
	.visual .other:before {width:10px; height:10px;}
	.visual .other:after {top:0; right:0; bottom:0; left:0; width:3px; height:3px; margin:auto;}

	.visualWrap .control {bottom: 1.5rem;}

	/* Public Diplomacy */
	.diplomacy {padding-bottom:1.5rem;}

	/* Notice */
	.noticeWrap {height:29rem; margin-top:1.5rem;}
	.notice {height:260px;}
	.notice:before {top:calc(2.25rem - 1px);}
	/*.notice h3 {width:110px;}*/
	.notice h3 a {line-height:calc(2.25rem - 1px);}
	.notice h3 a.current {line-height:2.25rem;}
	.notice .list_box ul li a {height:2.25rem; line-height:2.25rem;}
	.notice .btn_more {top:-3.25rem;}

	/* Event */
	.eventWrap {padding:1.5rem 0;}

	/* Public Diplomacy */
	.lstPublic > li {float:none; width:100%;}
	.lstPublic > li:nth-child(even) {margin-left:0;}
	.lstPublic > li + li {margin-top:1.2rem;}
	/* .lstPublic > li > a .info .txt {height:auto; max-height:3.2rem;} */

	/* Sns */
	.globalWrap {padding:1.5rem 0;}
	.lstSNS {text-align:center;}
	.lstSNS > li a i {display:block; margin:0 auto 0.8rem;}
	.lstEvent .item a{margin:0 2.5rem;}
}

@media (max-width: 380px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.fp-viewing-page01 .uppopOpen .vPopupLayer,
	.vPopupLayer {padding-top:0.7rem; padding-bottom:0.7rem;}
	.vPopupLayer h3 {font-size:1rem;}
	.vPopupLayer .btn {top:0.7rem;}

	/* Visual */
	/* .visual .nation.japan {left:52%;} */
	.visual .nation.china {left:22%;}

	.visualWrap .control {bottom: 1rem;}

	/* Notice */
	.notice h3 {/*width:80px;*/ }
	.notice h3 a {padding:0 0.5rem; font-size:0.8rem;}
	.notice .list_box ul li a {padding-right:0;}
	.notice .list_box ul li a .txt {max-width:calc(100% - 1.5rem); width:100%;}
	.notice .list_box .date {display:none;}

	/* Global */
	.lstGlobal > li > a img {width:90px;}
	.lstGlobal > li > a strong {margin-top:0.7rem;}

	/* Event */
	/* .lstEvent > li {width:100%;}
	.lstEvent > li:nth-child(even) {margin-left:0;}
	.lstEvent > li + li {margin-top:1.2rem;} */

	/* Sns */
	.lstDataSNS > li {float:none; width:100%;}
	.lstDataSNS > li:nth-child(even) {margin-left:0;}
	.lstDataSNS > li + li {margin-top:1.2rem;}

	.lstEvent .item a .img{height:330px;}
	.lstEvent .item a{margin:0 1rem;}
}

@media (max-width:360px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer .lstNation {max-width:270px;}
	.vPopupLayer .lstNation > li {height:4rem;}
	.vPopupLayer .lstNation > li,
	.vPopupLayer .lstNation > li.on {width:88px;}
	.vPopupLayer .lstNation > li a span,
	.vPopupLayer .lstNation > li.on a span {font-size:0.7rem;}
}

@media (max-width:320px) {

	/* 占쎈쐻占쎈뼑占쎈섣占쎌굲占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈뼓占쎈섣占쎌굲 */
	.vPopupLayer .lstNation {margin-top:0.5rem;}
	.vPopupLayer .lstNation > li {height:3.5rem;}
	.vPopupLayer .lstNation > li,
	.vPopupLayer .lstNation > li.on {width:78px;}
	.vPopupLayer .lstNation > li a span,
	.vPopupLayer .lstNation > li.on a span {font-size:12px;}

	/* Visual */
	/* .visual .nation.japan {left:54%;} */
	.visual .nation.china {left:20%;}

	/* Global */
	.lstGlobal > li {width:50%;}
	.lstGlobal > li:nth-child(n+4) {margin-top:0;}
	.lstGlobal > li:nth-child(n+3) {margin-top:1.2rem;}
	.lstGlobal > li > a img {width:70px;}
	.lstGlobal > li > a strong {margin-top:0.5rem;}
}