/* 기본 */
html {font-size:62.5%; transition:all 0.3s ease;} /* 1rem = 10px */
body {min-width:360px;}

/* 페이지 로딩 시 */
.section {opacity:0;}
.section_first {opacity:1 !important;}

/* mo, pc 반응형 */
.mo {display:none;}
.pc {display:block;}

/* 기존 CSS 수정 */
#accessibility a {top:-5em;}

/* 공통 */
.center {text-align:center !important;}
.sc_inner {height:100%; position:relative;}

/* 슬릭 슬라이드 */
.slick-slider .slick-prev, .slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus {background:url("../images/exh/btn_slide_left.png") center center no-repeat; left:-15px; background-size:100% auto; width:7rem; height:9.4rem; z-index:1;}
.slick-slider .slick-next, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus {background:url("../images/exh/btn_slide_right.png") center center no-repeat; right:-15px; background-size:100% auto; width:7rem; height:9.4rem; z-index:1;}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {display:none;}
.slick-slide img {margin:0 auto;}

/* 상단 */
.head h1 {position:absolute; top:6rem; left:5.23%; width:17.2rem;}
.head .allmenu_btn {position:absolute; top:7rem; right:6%; font-size:2.2rem; cursor:pointer; background:url("../images/exh/allmenu_icon.png") right center no-repeat; padding-right:4.8rem; line-height:2.2rem; background-size:2.6rem auto; color:#323232; letter-spacing:-0.5px; font-weight:500;}
.head .allmenu {opacity:0; visibility:hidden; transform:translateX(100%); transition:all 0.5s ease; position:absolute; right:0; top:0; background:#e0d4de; width:28.61%; min-width:300px; height:100%; padding:7rem 6% 5rem 4rem; box-sizing:border-box; z-index:2;}
.head .allmenu.show {transform:translateX(0); opacity:1; visibility:visible;}
.head .allmenu .top {position:relative; border-bottom:1px solid #fff; padding-bottom:2%;}
.head .allmenu .top .tit {font-size:2.2rem;}
.head .allmenu .top .close {font-size:2.2rem; position:absolute; top:0; right:0; cursor:pointer; background:url("../images/exh/close_icon.png") right center no-repeat; padding-right:2.6rem; background-size:1.7rem auto;}
.head .allmenu > ul {margin-top:6.22%;}
.head .allmenu ul > li {margin-bottom:8.23%;}
.head .allmenu ul > li > a {font-size:2rem; font-weight:500;}
.head .allmenu ul > li > .tit {font-size:4rem; color:#555; border-bottom:1px solid #fff; line-height:1.3; margin-bottom:3%; font-weight:100;}
.head .allmenu ul > li > .tit span {font-size:5.5rem; color:#555; font-weight:600;}

/* section 타이틀 스타일 공통 */
.top_tit {position:relative; padding:0 5.23%; box-sizing:border-box;}
/* section01, 02, 03 타이틀 스타일 */
.top_tit.sur_section {width:100%; height:20.1rem; display:table;}
.top_tit.sur_section .tit {display:table-cell; vertical-align:middle; color:#fff;}
.top_tit.sur_section .eng {font-size:4.8em; font-weight:100; margin-right:1%; display:inline-block; vertical-align:middle;}
.top_tit.sur_section .eng em {font-style:normal; font-weight:600; font-size:7.2rem; line-height:1.1;}
.top_tit.sur_section .kor {display:inline-block; vertical-align:middle; font-size:3.6rem; line-height:1.3;}
.section01 .top_tit.sur_section .tit {position:absolute; right:5.23%; bottom:2rem; width:100%; line-height:normal; text-align:right;}
.section01 .top_tit.sur_section .tit * {vertical-align:bottom;}
.section01 .top_tit.sur_section .kor {font-size:2.4rem;}
.section03 .top_tit.sur_section .tit {text-align:right;}
/* section01-2, 01-3 타이틀 스타일 */
.top_tit.sub_section {width:100%; height:12.8rem; display:table;}
.top_tit.sub_section .tit {color:#fff; display:table-cell; vertical-align:middle;}
.top_tit.sub_section .tit .kor {font-size:3.6rem; vertical-align:middle;}
.top_tit.sub_section .tit .eng {position:absolute; right:5.23%; bottom:2rem; margin-right:0; font-size:4.8em; font-weight:100; line-height:1.1; letter-spacing:-1.8px;}
.top_tit.sub_section .tit .eng em {font-style:normal; font-weight:600; font-size:7.2rem;}

/* 타이틀 스타일 + 컨텐츠 높이 */
.top_tit.sur_section + .cont_box {height:calc(100% - 20.1rem);}
.top_tit.sub_section + .cont_box {height:calc(100% - 12.8rem);}    

/* 공통 내부 컨텐츠 스타일 */
.cont_box {padding:0 5.23%; box-sizing:border-box;}
.cont_box .slick-slide {display:inline-block; vertical-align:middle; float:none;}
/* 상단 텍스트 */
.cont_box .slider .top_txt {font-size:2.6rem; color:#000; margin-bottom:4rem;}
.cont_box .slider .top_txt span {font-weight:600;}
.cont_box .slider .top_txt span.tit {display:block; margin-bottom:2rem;}
/* 동영상 or 이미지 + 텍스트 */
.cont_box .slider .comm_box {padding:0 5.23%; box-sizing:border-box;}
.cont_box .slider .comm_box .flex {display:flex; justify-content:space-around; align-items:center;}
.cont_box .slider .comm_box .video {display:inline-block; vertical-align:top; width:63.49%;}
.cont_box .slider .comm_box .video video {width:100%; height:100%; padding:2rem;}
.cont_box .slider .comm_box .video + .txt_box {width:calc(100% - 63.49%);}
.cont_box .slider .comm_box .img {padding:2rem; width:100%;}
.cont_box .slider .comm_box .img.vertical img {max-height:45rem;} 
.cont_box .slider .comm_box .txt_box {padding:2rem; width:100%;}
.cont_box .slider .comm_box .txt_box .tit {font-size:2.6rem; color:#000; font-weight:600; margin-bottom:3.5rem;}
.cont_box .slider .comm_box .txt_box .txt {font-size:2.4rem; color:#000;}
/* 동영상 + 텍스트 + 원고 */
.cont_box .slider .comm_box .script_txt {display:inline-block; vertical-align:top; height:35rem; overflow-y:auto; font-size:2.2rem; color:#000; text-align:left; padding:3%; box-sizing:border-box; background:rgba(255,255,255,0.2); margin-top:2rem;}
/* 하단 단독 이미지 */
.cont_box .slider .top_txt + .img {text-align:center;}
/* 원문 다운로드 버튼 */
.btn {width:18rem; height:4.5rem; border-radius:6px; border:2px solid #b8aca2; box-sizing:border-box;}
.btn a {position:relative; display:block; color:#000; font-size:2.4rem; text-align:center; line-height:4.1rem;}
.btn a:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:50%; background:#ededed; border-radius:6px 6px 0 0; z-index:-1;}
.btn a:after {content:''; display:inline-block; position:absolute; bottom:0; left:0; width:100%; height:50%; background:#d7d7d7; border-radius:0 0 6px 6px; z-index:-1;}
/* 원문 다운로드 버튼 */
.cont_box .slider .txt + .btn {margin-top:6rem;}
.cont_box .slider .btn.center {margin:0 auto;}
/* 비디오 */
.video_box {padding:0 5.59%; box-sizing:border-box;}
.video_box .video {display:inline-block; vertical-align:top; width:56.47%;}
.video_box .video video {width:100%; height:100%;}
.video_box .video + .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 62.75%); padding:6.28% 0 0 6.28%; box-sizing:border-box;}

/* 첫화면 */
.section_first {background:url("../images/exh/bg_page1.jpg") center center no-repeat; background-size:cover; overflow:hidden;}
.section_first .mouse {position:absolute; width:5.7rem; bottom:20%; left:50%; margin-left:-28.5px;}

/* 전시를 시작하며 */
.section_start {background:url("../images/exh/bg_page2.jpg") center center no-repeat; background-size:cover;}
.section_start .txt_video {padding:0 5.6%; box-sizing:border-box;} 
.section_start .txt_video .inner_pc,
.section_start .txt_video .inner_mo {position:relative;}
.section_start .txt_box {position:relative; width:12.13%; min-width:235px; display:inline-block; vertical-align:middle; color:#fff; margin-right:5.6%;}
.section_start .txt_box .tit {font-size:3.2rem; font-weight:500; margin-bottom:19%;}
.section_start .txt_box .txt {font-size:2rem; word-break:keep-all;}
.section_start .video {position:absolute; width:50.21%; bottom:0; left:50%; margin-left:-25.105%; display:inline-block; vertical-align:middle;}
.section_start .video video {width:100%; height:100%;}
.section_start .right_txt {position:absolute; top:0; right:0; color:#fff; font-weight:600; font-size:2.2rem;}

/* section 01 (1. 해방, 정부수립 그리고 6·25전쟁(1945.8.~1951.6.)) */
.section01 .top_tit {position:relative; background:url("../images/exh/bg_page_s01_tit.jpg") left top no-repeat; background-size:cover;}
.section01 .cont_box {background:url("../images/exh/bg_page_s01_cont.jpg") center bottom no-repeat; background-size:cover; height:100%; padding:0;}
.section01 .txt_box {position:relative; width:calc(50% - 3px); display:inline-block; vertical-align:top; padding:4% 0 0 5.6%; box-sizing:border-box;}
.section01 .txt_box .tit {font-size:3.6rem; color:#000; font-weight:600; margin-bottom:3%;}
.section01 .txt_box .txt {font-size:2.6rem; color:#000; width:75%; word-break:break-all;}
.section01 .slider {width:50%; height:100%; padding:2% 5.6% 0; box-sizing:border-box; position:relative; display:inline-block; vertical-align:top;}
.section01 .slider:before {content:''; display:inline-block; background:url("../images/exh/bg_page_s01_slide.png") no-repeat; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:all 0.5s ease;} 
.section01 .slider.show:before {opacity:1;}
.section01 .slick-slider .slick-prev, .section01 .slick-slider .slick-prev:hover, .section01 .slick-slider .slick-prev:focus {left:-7rem;}
.section01 .slick-slider .slick-next, .section01 .slick-slider .slick-next:hover, .section01 .slick-slider .slick-next:focus {right:-7rem;}
.section01 .slick-next {right:-7rem;}
.section01 .slider li {text-align:center;}
.section01 .slider li .tit {font-size:3rem; margin-bottom:3.07%; font-weight:500;}
.section01 .slider li .txt {font-size:2rem; margin-top:3.07%;}

/* section 01-2 (2. 이승만 대통령과 정전협정 체결 과정(1951.6.~1953.7.)) */
.section01_2 .top_tit {background:url("../images/exh/bg_page_s01_2_tit.jpg") center center no-repeat; background-size:cover;}
.section01_2 .cont_box {background:url("../images/exh/bg_page_s01_2_cont.jpg") center bottom no-repeat; background-size:cover;}
.section01_2 .cont_box .slider {display:flex; justify-content:center; align-items:center; height:100%;}

/* section 01-3 (3. 최초이자 유일한 외국과의 군사동맹, 한미동맹 결성(1953.6.~1954.2.)) */
.section01_3 .top_tit {background:url("../images/exh/bg_page_s01_3_tit.jpg") center center no-repeat; background-size:cover;}
.section01_3 .cont_box {background:url("../images/exh/bg_page_s01_3_cont.jpg") center bottom no-repeat; background-size:cover;}
.section01_3 .cont_box .slider {display:flex; justify-content:center; align-items:center; height:100%;}
.section01_3_1 p.txt {font-size:2.8rem;}
.section01_3_1 p.txt span {font-size:3.6rem; font-weight:600;}
.section01_3_1 .top_txt {margin-bottom:0;}
.cont_box .slider .section01_3_11 .comm_box .script_txt {height:20rem;}

/* section 02 (역대 대통령선물로 살펴보는 한미 간의 우호) */
.section02 .top_tit {background:url("../images/exh/bg_page_s02_tit.jpg") center center no-repeat; background-size:cover;}
.section02 .cont_box {background:url("../images/exh/bg_page_s02_cont.jpg") center bottom no-repeat; background-size:cover; padding:0;}
.section02 .cont_box .slider {display:flex; justify-content:center; align-items:center; height:100%;}
.section02 .cont_box .slick-prev {left:4.5%;}
.section02 .cont_box .slick-next {right:4.5%;}
.section02 .cont_box .slider .comm_box {padding:0 10.46%;}
.section02 .cont_box .section02_1 {background:url("../images/exh/s02_img1.png") right center no-repeat; background-size:90% auto; height:calc(100vh - 20.1rem);}
.section02 .cont_box .section02_1 .comm_box {display:table; width:70%; height:100%; margin:0 auto; padding:0;}
.section02 .cont_box .section02_1 .top_txt {display:table-cell; vertical-align:middle;} 
.section02 .cont_box .section02_1 .img {display:none;}
.section02 .cont_box .section02_2 {background:url("../images/exh/s02_img2.png") top right no-repeat; height:calc(100vh - 20.1rem); background-size:90% auto;}
.section02 .cont_box .section02_10 {background:url("../images/exh/s02_img9.png") center center no-repeat; height:calc(100vh - 20.1rem); background-size:90% auto;}
.section02 .cont_box .section02_12 {background:url("../images/exh/s02_img11.png") right bottom no-repeat; height:calc(100vh - 20.1rem); background-size:90% auto;}
.section02 .cont_box .section02_14 {background:url("../images/exh/s02_img13.png") center center no-repeat; height:calc(100vh - 20.1rem); background-size:90% auto;}
.section02 .cont_box .section02_16 {background:url("../images/exh/s02_img15.png") center center no-repeat; height:calc(100vh - 20.1rem); background-size:90% auto;}
.section02 .cont_box .section02_22 {background:url("../images/exh/s02_img21.png") center bottom no-repeat; height:calc(100vh - 20.1rem); background-size:90% auto;}
.section02 .cont_box .section02_2 .comm_box .txt_box,
.section02 .cont_box .section02_10 .comm_box .txt_box,
.section02 .cont_box .section02_12 .comm_box .txt_box,
.section02 .cont_box .section02_14 .comm_box .txt_box,
.section02 .cont_box .section02_16 .comm_box .txt_box,
.section02 .cont_box .section02_22 .comm_box .txt_box {width:60%; word-break:keep-all;}
.section02 .cont_box .section02_2 .comm_box {display:table; width:60%; height:100%;}
.section02 .cont_box .section02_2 .comm_box .txt_box {display:table-cell; vertical-align:middle;}
.section02 .cont_box .section02_22 .txt > img {display:none;}
.section02 .cont_box .slider .comm_box .img img {max-height:60rem;}
.section02 .cont_box .slider .comm_box .flex .video {order:2;}

/* section 03 (서한문의 복원) */
.section03 .top_tit {background:url("../images/exh/bg_page_s03_tit.jpg") center center no-repeat; background-size:cover;}
.section03 .cont_box {background:url("../images/exh/bg_page_s03_cont.jpg") center bottom no-repeat; background-size:cover; height:100%;}
.section03 .cont_box > .tit {font-size:2.3rem; color:#000; text-align:center; padding:4.8rem 0;}
.section03 .cont_box .video_box {text-align:center;}
.section03 .cont_box .video_box .video {display:inline-block; vertical-align:top; width:50.37%; background:#000;}
.section03 .cont_box .video_box .script_txt {display:inline-block; vertical-align:top; margin-left:5.8rem; width:35.46%; height:40rem; overflow-y:auto; font-size:2.2rem; color:#000; text-align:left; padding:1%; box-sizing:border-box;}

/* 푸터 */
#footer {border-top:1px solid #000; background:#fff;}
#footer .inner {max-width:1260px; margin:0 auto; padding:40px 0;}
#footer .inner .logo {display:inline-block; vertical-align:top; margin-right:3%; width:13.65%;}
#footer .inner .utility {display:inline-block; vertical-align:middle; background:none; text-align:left; padding:0; width:62%; margin-top:0;}
#footer .inner .utility ul {color:#000; margin-bottom:10px;}
#footer .inner .utility ul li {margin-right:1.5%; padding-left:0;}
#footer .inner .utility ul li:first-child {color:#000; font-weight:500; padding-left:0;}
#footer .inner .utility ul li::before {display:none;}
#footer .inner .utility ul li a {padding:0; font-size:16px;}
#footer .inner .utility .addr, #footer .inner .utility .copy {color:#666; font-size:16px;}
#footer .inner .link {display:inline-block; vertical-align:middle; width:20.40%;}
#footer .inner .link li {display:inline-block; vertical-align:middle;}
#footer .inner .link li:first-child {width:33.46%; margin-right:9%;}
#footer .inner .link li:last-child {width:55.25%;}



/* ***** 대통령의 외교 (시작) ***** */
/* 상단 */
.dip .head .allmenu_btn {color:#fff; background-image:url("../images/dip/allmenu_icon.png");}
.dip .head .allmenu {background:#cab0ae; min-width:640px; padding:7rem 5.5% 5rem 4rem;}
.dip .head .allmenu .top {border-bottom:1px solid #fceeed;}
.dip .head .allmenu ul > li > ul > li {margin-bottom:4%;}
.dip .head .allmenu ul > li > .tit {color:#fceeed; border-bottom:1px solid #fceeed;}
.dip .head .allmenu ul > li > .tit span {color:#fceeed;}
.dip .head .allmenu ul > li > .tit span.kor {font-size:2.2rem; color:#010101; margin-left:2%;}

/* section 타이틀 스타일 */
.dip .top_tit.sub_section .tit .eng {font-size:3.3rem; bottom:auto; letter-spacing:-1px;}
.dip .top_tit.sub_section .tit .eng em {font-size:5rem;}
.dip .top_tit.sub_section .tit .eng .small {font-size:2.4rem; margin-right:1.5rem;}

/* 첫화면 */
.dip .section_first {background-image:url("../images/dip/bg_page1.jpg");}
.dip .section_first .mouse {bottom:5%;}

/* 전시를 열며 */
.dip .section_start {background-image:url("../images/dip/bg_page2.jpg");}
.dip .section_start .inner {position:relative;}
.dip .section_start .txt_video {width:71.5%; margin:0 auto; padding:0 2%; box-sizing:border-box;}
.dip .section_start .txt_video:before {content:''; display:inline-block; width:116.5rem; height:64.7rem; background:url("../images/dip/bg_page2_txt_left.png") no-repeat; position:absolute; top:5.6%; left:5.6%; background-size:100% auto;}
.dip .section_start .txt_video:after {content:''; display:inline-block; width:116.5rem; height:64.7rem; background:url("../images/dip/bg_page2_txt_right.png") no-repeat; position:absolute; bottom:5.6%; right:5.6%; background-size:100% auto;}
.dip .section_start .txt_box {color:#000; width:29%; min-width:auto; margin-right:3.2%; box-sizing:border-box; z-index:1;}
.dip .section_start .txt_box .tit {margin-bottom:10%;}
.dip .section_start .video {z-index:1; position:relative; width:66.76%; left:auto; margin-left:auto; bottom:auto;}

/* section 01(디자인 변경되어 part01로 클래스 변경) (PART. 01 찬란한 문명의 발상지 아프리카) */
.dip .part01 .top_tit {background:url("../images/dip/bg_page_s01_tit.jpg") no-repeat; background-size:cover;}
.dip .part01 .top_tit .tit {color:#000;}
.dip .part01 .cont_box {background:#ece8df;}
.dip .part01 .cont_box .section01_1 {background:url("../images/dip/s01_img1.jpg") center center no-repeat; height:100%; background-size:cover;}
.dip .part01 .cont_box .section01_2 {background:url("../images/dip/s01_img2_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part01 .cont_box .section01_4 {background:url("../images/dip/s01_img4_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part01 .cont_box .section01_5 {background:url("../images/dip/s01_img5.jpg")  center center no-repeat; height:100%; background-size:cover;}
.dip .part01 .cont_box .section01_5 .txt_box {width:40%;}
.dip .part01 .cont_box .section01_7 {background:url("../images/dip/s01_img7_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part01 .cont_box .section01_8 {background:url("../images/dip/s01_img8_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part01 .cont_box .section01_9 {background:url("../images/dip/s01_img9_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part01 .cont_box .section01_10 {background:url("../images/dip/s01_img10_bg.jpg") no-repeat; height:100%; background-size:cover;}

/* section 01-2 (2. 아프리카의 역사와 문화) */
.dip .section01_2 .top_tit {background-image:url("../images/dip/bg_page_s01_2_tit.jpg");}
.dip .section01_2 .cont_box {background-image:url("../images/dip/bg_page_s01_2_cont.jpg");}
.dip .section01_2 .cont_box .left_txt {width:45%; font-size:2.4rem; padding-top:4.8rem;}
.dip .section01_2 .cont_box .img {position:absolute; top:8%; right:3%; width:45%; transition:all 0.3s ease;}

/* section 01-3 (3. 역대 대통령의 아프리카 순방) */
.dip .section01_3 .top_tit {background-image:url("../images/dip/bg_page_s01_3_tit.jpg");}
.dip .section01_3 .cont_box {background-image:url("../images/dip/bg_page_s01_3_cont.jpg"); position:relative;}

/* section 01-4 (4. 각국으로부터 받은 기록물) */
.dip .section01_4 .top_tit {background-image:url("../images/dip/bg_page_s01_4_tit.jpg");}
.dip .section01_4 .cont_box {background:#fdf9f5; height: calc(100% - 12.8rem);}
.dip .section01_4 .cont_box .slider {display:flex; justify-content:center; align-items:center; height:100%;}
.dip .section01_4 .cont_box .slider .comm_box .img img {max-height:60rem;}
.dip .section01_4 .cont_box .slider .comm_box .img.vertical img {max-height:50rem;}
.dip .section01_4 .cont_box .slider .comm_box .txt_box .txt {line-height:1.7;}

/* section 02(디자인 변경되어 part02로 클래스 변경) (PART. 02 문명의 교차로 중앙아시아) */
.dip .part02 .top_tit {background:url("../images/dip/bg_page_s02_tit.jpg"); background-size:cover;}
.dip .part02 .cont_box .section02_1 {background:url("../images/dip/s02_img1.jpg") center center no-repeat; height:100%; background-size:cover;}
.dip .part02 .cont_box .section02_2 {background:url("../images/dip/s02_img2_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part02 .cont_box .section02_3 {background:url("../images/dip/s02_img3_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part02 .cont_box .section02_4 {background:url("../images/dip/s02_img4_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part02 .cont_box .section02_5 {background:url("../images/dip/s02_img5_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part02 .cont_box .section02_6 {background:url("../images/dip/s02_img6_bg.jpg") no-repeat; height:100%; background-size:cover;}
.dip .part02 .cont_box .section02_7 {background:url("../images/dip/s02_img7_bg.jpg") no-repeat; height:100%; background-size:cover;}

/* section 02-2 (2. 중앙아시아의 역사와 문화) */
.dip .section02_2 .top_tit {background:url("../images/dip/bg_page_s02_2_tit.jpg") center top no-repeat; background-size:cover;}
.dip .section02_2 .cont_box {background:url("../images/dip/bg_page_s02_2_cont.jpg") center top no-repeat; height: calc(100% - 12.8rem); background-size:cover;}
.dip .section02_2 .cont_box .inner {display:table; width:60%; height:100%;}
.dip .section02_2 .cont_box .left_txt {display:table-cell; vertical-align:middle; font-size:2.4rem;}

/* section 02-3 (3. 역대 대통령의 아프리카 순방) */
.dip .section02_3 .top_tit {background-image:url("../images/dip/bg_page_s02_3_tit.jpg");}
.dip .section02_3 .cont_box {background-image:url("../images/dip/bg_page_s02_3_cont.jpg"); position:relative; height: calc(100% - 12.8rem);}
.dip .section02_3 .pop .inner .cont .slider .s02_3_cont2_pop1 .video {width:70%;}
.dip .section02_3 .pop .inner .cont .slider .s02_3_cont2_pop1 .txt_box {width:60%;}

/* section 02-4 (4. 각국으로부터 받은 기록물) */
.dip .section02_4 .top_tit {background-image:url("../images/dip/bg_page_s02_4_tit.jpg");}
.dip .section02_4 .cont_box {background:#f4fbfd; height: calc(100% - 12.8rem);}
.dip .section02_4 .cont_box .slider {display:flex; justify-content:center; align-items:center; height:100%;}
.dip .section02_4 .cont_box .slider .comm_box .txt_box .txt {line-height:1.7;}

/* PART01, PART02 공통 (찬란한 문명의 발상지 아프리카, 문명의 교차로 중앙아시아) */
.dip .part01_02 .cont_box {padding:0;}
.dip .part01_02 .cont_box .slider li {padding:0 5.23%; box-sizing:border-box;}
.dip .part01_02 .cont_box .slider .comm_box {display:table; width:100%; height:100%;}
.dip .part01_02 .cont_box .slider .comm_box > .inner {display:table-cell; vertical-align:middle;}
.dip .part01_02 .slick-slider, .dip .part01_02 .slick-list, .dip .part01_02 .slick-track, .dip .part01_02 .slick-slide > div, .dip .part01 .slick-slide > div > li {height:100%;}
.dip .part01_02 .slick-slider .slick-prev, .dip .part01_02 .slick-slider .slick-prev:hover, .dip .part01_02 .slick-slider .slick-prev:focus {left:calc(5.23% - 15px);}
.dip .part01_02 .slick-slider .slick-next, .dip .part01_02 .slick-slider .slick-next:hover, .dip .part01_02 .slick-slider .slick-next:focus {right:calc(5.23% - 15px);}
.dip .part01_02 .cont_box .txt_box {width:50%;}
.dip .part01_02 .cont_box .section01_1 .comm_box, .dip .part01_02 .cont_box .section02_1 .comm_box {width:65%;}
.dip .part01_02 .cont_box .section01_1 .comm_box .txt_box, .dip .part01_02 .cont_box .section02_1 .comm_box .txt_box {display:table-cell; vertical-align:middle;}

/* 역대 대통령의 아프리카 순방 공통 */
.dip .pop_list {display:table;}
.dip .pop_list > ul {font-size:0; display:table-cell; vertical-align:middle;}
.dip .pop_list > ul .list {position:relative; display:inline-block; vertical-align:top; width:20%; height:650px; border-right:1px solid #aaa; box-sizing:border-box; transition:all 0.3s ease;}
.dip .pop_list > ul .list > a {display: block; padding:2.4rem; width:100%; height:100%;}
.dip .pop_list > ul .list:last-of-type {border-right:none;}
.dip .pop_list > ul .list:hover {background:rgba(255,255,255,0.5);}
.dip .pop_list > ul .list:hover div {opacity:0.5;}
.dip .pop_list > ul .list div {font-size:2.4rem; letter-spacing:-1px; position:relative;}
.dip .pop_list > ul .list div p {margin-bottom:3%;}
.dip .pop_list > ul .list div .nf {margin:7% 0;}
.dip .pop_list > ul .list div .nf img {max-height:46px;}
.dip .pop_list > ul .list div .last {margin-bottom:0;}
.dip .pop {display:none; background:rgba(0,0,0,0.85); width:100%; height:100%; position:absolute; top:0; left:0;}
.dip .pop .inner {position:relative; padding:0 5.23%; box-sizing:border-box; height:100%;}
.dip .pop .inner .close {position:absolute; right:5rem; top:5rem; width:4.8rem; z-index:2;}
.dip .pop .inner .cont {height:100%;}
.dip .pop .inner .cont .slider {display: block; width:100%; height:100%;}
.dip .pop .inner .cont .slider li {font-size:2.4rem;}
.dip .pop .inner .cont .slick-list, .dip .pop .inner .cont .slick-track, .dip .pop .inner .cont .slick-slide > div, .dip .pop .inner .cont .slick-slide > div > li {height:100%;}
.dip .pop .inner .cont .comm_box {display:table; height:100%;}
.dip .pop .inner .cont .comm_box .middle {display:table-cell; vertical-align:middle;}
.dip .pop .inner .cont .top_txt {color:#fff; font-size:2.4rem; margin-bottom:2rem;}
.dip .pop .inner .cont .slider .video {width:100%;}
.dip .pop .inner .cont .slider .video + .txt_box {width:40%;}
.dip .pop .inner .cont .slider .txt_box {width:60%;}
.dip .pop .inner .cont .slider .txt_box .tit {color:#fff;}
.dip .pop .inner .cont .slider .txt_box .txt {color:#fff;}
.dip .pop .inner .cont .slider .txt_box .btn {border-radius:9px;}
.dip .pop .inner .cont .slider .script_txt {background:#fff; color:#000; height:25rem;}
/* ***** 대통령의 외교 (끝) ***** */



/* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */
/* 공통 */
.eu .cont_box .slider .comm_box .img img {max-height:70rem;}

/* 상단 */
.eu .head .allmenu_btn {color:#fff; background-image:url("../images/eu/allmenu_icon.png");}
.eu .head .allmenu {background:#d2c6a5; min-width:640px; padding:7rem 5.5% 5rem 4rem;}
.eu .head .allmenu .top {border-bottom:1px solid #fceeed;}
.eu .head .allmenu ul > li {margin-bottom:4%;}
.eu .head .allmenu ul > li > ul > li {margin-bottom:4%;}
.eu .head .allmenu ul > li > .tit {color:#fceeed; border-bottom:1px solid #fceeed;}
.eu .head .allmenu ul > li > .tit span {color:#fceeed;}
.eu .head .allmenu ul > li > .tit span.kor {font-size:2.2rem; color:#010101; margin-left:2%;}

/* part 타이틀 스타일 */
.eu .top_tit.sur_section {height:12.8rem;}
.eu .top_tit.sur_section .tit {color:#000; position:relative;}
.eu .top_tit.sur_section .kor em.right {position:absolute; right:0;}

/* part 하위 타이틀 스타일 */
.eu .top_tit.sub_section .tit .eng {font-size:3.3rem; bottom:auto; letter-spacing:-1px;}
.eu .top_tit.sub_section .tit .eng em {font-size:5rem;}
.eu .top_tit.sub_section .tit .eng .small {font-size:2.4rem; margin-right:1.5rem;}

/* 타이틀 스타일 + 컨텐츠 높이 */
.eu .top_tit.sur_section + .cont_box {height:calc(100% - 12.8rem);}

/* 첫화면 */
.eu .section_first {background-image:url("../images/eu/bg_page1.jpg");}
.eu .section_first .mouse {bottom:5%;}

/* 전시를 열며 */
.eu .section_start {background-image:url("../images/eu/bg_page2.jpg");}
.eu .section_start .inner {position:relative;}
.eu .section_start .txt_video {width:71.5%; margin:0 auto; padding:0 2%; box-sizing:border-box;}
.eu .section_start .txt_video:before {content:''; display:inline-block; width:116.5rem; height:64.7rem; background:url("../images/eu/bg_page2_txt_left.png") no-repeat; position:absolute; top:5.6%; left:5.6%; background-size:100% auto;}
.eu .section_start .txt_video:after {content:''; display:inline-block; width:116.5rem; height:64.7rem; background:url("../images/eu/bg_page2_txt_right.png") no-repeat; position:absolute; bottom:5.6%; right:5.6%; background-size:100% auto;}
.eu .section_start .txt_box {color:#000; width:29%; min-width:auto; margin-right:3.2%; box-sizing:border-box; z-index:1;}
.eu .section_start .txt_box .tit {margin-bottom:10%;}
.eu .section_start .video {z-index:1; position:relative; width:66.76%; left:auto; margin-left:auto; bottom:auto;}

/* 대한민국과 유럽과의 관계 Korea’s Relationship with Europe */
.eu .section_third .top_tit {background:url("../images/eu/bg_page3_tit.jpg") bottom center no-repeat; background-size:cover; height:16.5rem;}
.eu .section_third .top_tit + .cont_box {height:calc(100% - 16.5rem); background:url("../images/eu/bg_page3_cont.jpg") center center no-repeat; background-size:cover;}
.eu .section_third .top_tit .tit {color:#000; text-align:right;}
.eu .section_third .cont_box {background:#ece8df; padding:0;}
.eu .section_third .cont_box .slider li {padding:0 5.23%; box-sizing:border-box;}
.eu .section_third .cont_box .slider .comm_box {display:table; width:100%; height:100%;}
.eu .section_third .cont_box .slider .comm_box > .inner {display:table-cell; vertical-align:middle;}
.eu .section_third .slick-slider, .eu .section_third .slick-list, .eu .section_third .slick-track, .eu .section_third .slick-slide > div, .eu .section_third .slick-slide > div > li {height:100%;}
.eu .section_third .slick-slider .slick-prev, .eu .section_third .slick-slider .slick-prev:hover, .eu .section_third .slick-slider .slick-prev:focus {left:calc(5.23% - 15px);}
.eu .section_third .slick-slider .slick-next, .eu .section_third .slick-slider .slick-next:hover, .eu .section_third .slick-slider .slick-next:focus {right:calc(5.23% - 15px);}
.eu .section_third .cont_box .comm_box.right {float:right;}
.eu .section_third .cont_box .third_1 {background:url("../images/eu/third_bg1.png") center center no-repeat; height:100%; background-size:cover;}
.eu .section_third .cont_box .third_1 .comm_box {width:50%;}
.eu .section_third .cont_box .third_1 .comm_box .txt_box {display:table-cell; vertical-align:middle;}
.eu .section_third .cont_box .third_10 {background:url("../images/eu/third_bg10.png") center center no-repeat; height:100%; background-size:cover;}
.eu .section_third .cont_box .third_11 {background:url("../images/eu/third_bg11.png") center center no-repeat; height:100%; background-size:cover;}
.eu .section_third .cont_box .third_12 {background:url("../images/eu/third_bg12.png") center center no-repeat; height:100%; background-size:cover;}
.eu .section_third .cont_box .third_13 {background:url("../images/eu/third_bg13.png") center center no-repeat; height:100%; background-size:cover;}
.eu .section_third .cont_box .third_14 {background:url("../images/eu/third_bg14.png") center center no-repeat; height:100%; background-size:cover;}
.eu .section_third .cont_box .third_15 {background:url("../images/eu/third_bg15.png") center center no-repeat; height:100%; background-size:cover;}
.eu .section_third .cont_box .third_16 {background:url("../images/eu/third_bg16.png") center center no-repeat; height:100%; background-size:cover;}

/* part01 (유럽 5개 권역 : 1. 유럽의 역사와 문화) */
.eu .part01 .top_tit {background:url("../images/eu/bg_page_s01_tit.jpg") no-repeat; background-size:cover;}
.eu .part01 .cont_box {background:url("../images/eu/bg_page_s01_cont.jpg") no-repeat; background-size:cover;}
.eu .part01 .cont_box .center_txt {width:33%; margin:0 auto; font-size:2.6rem; padding-top:7rem; text-align: justify;}

/* section01_2 (2. 유럽 5개 권역(중부유럽, 동부유럽)) */
.eu .eu_section01_2 .top_tit {background:url("../images/eu/bg_page_s01_02_tit.jpg") no-repeat; background-size:cover;}
.eu .eu_section01_2 .cont_box {position:relative; background:url("../images/eu/bg_page_s01_02_cont.jpg") no-repeat; background-size:cover;} /* section01_2 ~ 4 배경 공통 */

/* section01_3 (3. 유럽 5개 권역(서부유럽, 북부유럽)) */
.eu .eu_section01_3 .top_tit {background:url("../images/eu/bg_page_s01_03_tit.jpg") no-repeat; background-size:cover;}
.eu .eu_section01_3 .cont_box {position:relative; background:url("../images/eu/bg_page_s01_02_cont.jpg") no-repeat; background-size:cover;} /* section01_2 ~ 4 배경 공통 */

/* section01_4 (4. 유럽 5개 권역(남부유럽)) */
.eu .eu_section01_4 .top_tit {background:url("../images/eu/bg_page_s01_04_tit.jpg") no-repeat; background-size:cover;}
.eu .eu_section01_4 .cont_box {position:relative; background:url("../images/eu/bg_page_s01_02_cont.jpg") no-repeat; background-size:cover;} /* section01_2 ~ 4 배경 공통 */

/* 유럽 5개 권역 공통 */
.eu .country_box_wrap {display:flex; height:100%; align-items: center;}
.eu .country_box_wrap > .inner {display:flex;}
.eu .country_box {position:relative; height:100%; vertical-align: top;}
.eu .country_box .tit_btn {margin-bottom:7.4rem;}
.eu .country_box .tit_btn .tit {font-size:3rem; color:#000; display:inline-block; vertical-align:middle; margin-right:1.8rem;}
.eu .country_box .tit_btn .tit span {display: block; font-size:2.4rem;}
.eu .country_box .tit_btn a {display:inline-block; vertical-align:middle; width:7rem;}
.eu .country_box .tit_btn a img {width:100%;}
.eu .country_box .tit_btn + .num {position:absolute; top:0; right:4rem;}
.eu .country_box .num {font-size:2.4rem;}
.eu .country_box .country_list {display:flex; flex-wrap: wrap; gap:5px; justify-content:space-between;}
.eu .country_box .country_list li {margin-bottom:5.5rem; width:calc(50% - 10px); display:flex; align-items:center; gap:10px; justify-content:flex-start;}
.eu .country_box .country_list li .flag {width:12rem;}
.eu .country_box .country_list li .flag img {width:100%;}
.eu .country_box .country_list li .flag + .info_box {width:calc(100% - 12rem);}
.eu .country_box .country_list li .info_box .ct {font-size:2.4rem; margin-bottom:1.5rem; line-height:1;}
.eu .country_box .country_list li .info_box .ct span {font-size:1.8rem;}
.eu .country_box .country_list li .info_box .di_vis {display:flex; align-items: center;}
.eu .country_box .country_list li .info_box .di {width:50%; font-size:2.4rem; background:url("../images/eu/icon_di.png") left center no-repeat; padding-left:3.2rem; margin-right:1.5rem; background-size:2.4rem auto;}
.eu .country_box .country_list li .info_box .vis {width:50%; font-size:2.4rem; background:url("../images/eu/icon_vis.png") left center no-repeat; padding-left:2.7rem; background-size:1.9rem auto;}
.eu .country_box .icon_mean {display: flex; justify-content: right;}
.eu .country_box .icon_mean .di {font-size:2.4rem; background:url("../images/eu/icon_di_b.png") left center no-repeat; padding-left:4.7rem; margin-right:3rem; background-size:3.4rem auto;}
.eu .country_box .icon_mean .vis {font-size:2.4rem; background:url("../images/eu/icon_vis_b.png") left center no-repeat; padding-left:4rem; background-size:2.7rem auto;}
/* 중부유럽 */
.eu .country_box.ct_eu {width:28.9%;}
.eu .country_box.ct_eu .country_list li {width:100%;}
/* 중부유럽 팝업 */
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_img1 {background:linear-gradient(to bottom, #cbcbcc 0%, #e3e1e2 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_img2 {background:#c5bab9;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_img3 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_img4 {background:linear-gradient(to bottom, #e8e8e9 0%, #dcdcd8 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_img5 {background:linear-gradient(to bottom, #e1e1e2 0%, #c4c2c3 50%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_img6 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_img7 {background:linear-gradient(to bottom, #bfbebe 0%, #c6c4c2 100%);}
/* 동부유럽 */
.eu .country_box.et_eu {width:calc(100% - 28.9%); padding-left:4rem; border-left:1px solid #aaa;}
.eu .country_box.et_eu .country_list li {width:calc(33.3% - 10px);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg1 {background:linear-gradient(to bottom, #c1babd 0%, #b1adac 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg2 {background:linear-gradient(to bottom, #b7bbbf 0%, #c9cfd2 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg3 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg4 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg5 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg6 {background:linear-gradient(to bottom, #d0d5d8 0%, #ccccce 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg7 {background:linear-gradient(to bottom, #d0d0d1 0%, #dad8da 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg8 {background:linear-gradient(to bottom, #c5c5c5 0%, #c6c5c6 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg9 {background:linear-gradient(to bottom, #b9b4b2 0%, #a7a3a1 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg10 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg11 {background:#cedbe4;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg12 {background:#f2ead5;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg13 {background:linear-gradient(to bottom, #cac8c9 0%, #b2b2b2 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg14 {background:linear-gradient(to bottom, #b4b4b7 0%, #9e9ea0 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg15 {background:linear-gradient(to bottom, #c8c8ca 0%, #d4d3d4 100%);}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg16 {background:#f2ead5;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg17 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg18 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg19 {background:#fff;}
.eu .eu_section01_2 .eu_pop.pop .cont .slider li.s01_2_etimg20 {background:linear-gradient(to bottom, #cbc7c6 0%, #9a9795 50%);}
/* 서부유럽 */
.eu .country_box.wt_eu {width:50%;}
.eu .country_box.wt_eu .country_list li.w100 {width:100%;}
.eu .country_box.wt_eu .country_list li.w100 .di {width:auto;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg1 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg2 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg3 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg4 {background:linear-gradient(to bottom, #b6b8ba 0%, #bbb9ba 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg5 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg6 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg7 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg8 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg9 {background:linear-gradient(to bottom, #dadadd 0%, #bdb9bb 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg10 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg11 {background:linear-gradient(to bottom, #cecece 0%, #a1a1a1 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_wtimg12 {background:linear-gradient(to bottom, #a59a9c 0%, #aea7a7 100%);}
/* 북부유럽 */
.eu .country_box.nt_eu {width:50%; padding-left:4rem; border-left:1px solid #aaa;}
.eu .country_box.nt_eu .country_list li:last-of-type {display: none;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg1 {background:linear-gradient(to bottom, #b9aaa7 0%, #b39f9b 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg2 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg3 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg4 {background:linear-gradient(to bottom, #ebebed 0%, #ebebed 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg5 {background:linear-gradient(to bottom, #868c8c 0%, #bec5c5 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg6 {background:linear-gradient(to bottom, #c3c3c3 0%, #ababa8 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg7 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg8 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg9 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg10 {background:linear-gradient(to bottom, #8e8c8e 0%, #8c8888 100%);}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg11 {background:#fff;}
.eu .eu_section01_3 .eu_pop.pop .cont .slider li.s01_2_ntimg12 {background:linear-gradient(to bottom, #d9d9db 0%, #d3d2d2 100%);}
/* 남부유럽 */
.eu .country_box.st_eu {width:50%;}
.eu .country_box.st_eu .country_list li.w100 {width:100%;}
.eu .country_box.st_eu .country_list li.w100 .di {width:auto;}
.eu .country_box.st_eu.second {padding-left: 4rem;}
.eu .country_box.st_eu.second .tit_btn {visibility: hidden;} 
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg1 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg2 {background:linear-gradient(to bottom, #c9c7c8 0%, #c1bebe 50%);}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg3 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg4 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg5 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg6 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg7 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg8 {background:linear-gradient(to bottom, #b7aea9 0%, #b2a7a4 100%);}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg9 {background:linear-gradient(to bottom, #a8a7ab 0%, #b7b6ba 50%);}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg10 {background:linear-gradient(to bottom, #b4b0b1 0%, #a29e9f 50%);}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg11 {background:linear-gradient(to bottom, #b5b9bc 0%, #b0b1b2 50%);}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg12 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg13 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg14 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg15 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg16 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg17 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg18 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg19 {background:#fff;}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg20 {background:linear-gradient(to bottom, #ccc3bf 0%, #c5b9b3 80%);}
.eu .eu_section01_4 .eu_pop.pop .cont .slider li.s01_2_stimg21 {background:#fff;}
.eu .country_box.st_eu .country_list li.mo {display:none;}
.eu .country_box.st_eu .country_list.pc {display:flex;}

/* part02 (테마별 선물 소개) */
.eu .eu_part02 .top_tit {background:url("../images/eu/bg_page_s02_tit.jpg") no-repeat; background-size:cover;}
.eu .eu_part02 .cont_box {position:relative; background:url("../images/eu/bg_page_s02_cont.jpg") no-repeat; background-size:cover;}
.eu .eu_part02 .cont_box > .inner {display:flex; height:100%; align-items:center;}
.eu .eu_part02 .cont_box > .inner ul {display:flex; flex-wrap: wrap;}
.eu .eu_part02 .cont_box > .inner ul li {width:33.3%; border-right:1px solid #aaa;}
.eu .eu_part02 .cont_box > .inner ul li:last-of-type {border-right:none;}
.eu .eu_part02 .cont_box > .inner ul li .tit {font-size:3rem; color:#fff; text-align:center; margin-bottom:7.5rem; font-weight:500;}
.eu .eu_part02 .cont_box > .inner ul li .txt {position:relative; font-size:2.4rem; color:#000; padding:5rem 4.5rem; background:rgba(255,255,255,0.5); transition:all 0.2s ease;}
.eu .eu_part02 .cont_box > .inner ul li .txt span {display:inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.eu .eu_part02 .cont_box > .inner ul li:hover .txt {background:rgba(0,0,0,0.5); color:#fff;}
.eu .eu_part02 .cont_box > .inner ul li .txt .bt {position:absolute; bottom:-2.5rem; left:50%; margin-left:-2.5rem;}
.eu .eu_part02 .cont_box > .inner ul li .txt .bt img {width:100%;}
.eu .eu_part02 .cont_box > .inner ul li .img {margin:1rem auto 0; text-align:center; padding:0 2rem; box-sizing:border-box;}
.eu .eu_part02 .cont_box > .inner ul li .img img {width:100%;}

/* section02_2 (2. 선물 속 문화 이야기) */
.eu .eu_section02_2 .top_tit {background:url("../images/eu/bg_page_s02_02_tit.jpg") no-repeat; background-size:cover;}
.eu .eu_section02_2 .top_tit.sub_section .tit {color:#000;}
.eu .eu_section02_2 .cont_box {position:relative; background:url("../images/eu/bg_page_s02_02_cont.jpg") no-repeat; background-size:cover;}
.eu .eu_section02_2 .cont_box > .inner {display:flex; height:100%; align-items:center;}
.eu .eu_section02_2 .cont_box > .inner ul {display:flex; flex-wrap: wrap; width:100%;}
.eu .eu_section02_2 .cont_box > .inner ul li {width:33.3%; border-right:1px solid #aaa; text-align:center;}
.eu .eu_section02_2 .cont_box > .inner ul li:last-of-type {border-right:none;}
.eu .eu_section02_2 .cont_box > .inner ul li > a {display: block;}
.eu .eu_section02_2 .cont_box > .inner ul li .tit {display:inline-block; vertical-align:middle; font-size:3rem; color:#000; font-weight:500;}
.eu .eu_section02_2 .cont_box > .inner ul li .tit a {display:inline-block; vertical-align:middle; margin-left:2rem;}
.eu .eu_section02_2 .cont_box > .inner ul li .tit .bt {display:inline-block; width:7rem; margin-left:5px;}
.eu .eu_section02_2 .cont_box > .inner ul li .tit .bt img {width:100%;}
.eu .eu_section02_2 .cont_box > .inner ul li .img img {width:100%;}

/* 유럽편 팝업 공통 스타일 */
.eu .pop {display:none; background:#d5d4d4; width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}
.eu .pop .inner {position:relative; padding:0 5.23%; box-sizing:border-box; height:100%;}
.eu .pop .inner .close {position:absolute; right:5rem; top:5rem; width:4.8rem; z-index:2;}
.eu .pop .inner .cont {height:100%;}
.eu .pop .inner .pop_tit {font-size:3rem; position:absolute; left:5rem; top:5rem; width:auto; z-index:2;}
.eu .pop .inner .pop_tit span {display: block; font-size:2.4rem;}
.eu .pop .inner .slider, .eu .pop .inner .slider .slick-list, .eu .pop .inner .slider .slick-track, .eu .pop .inner .slider .slick-slide, .eu .pop .inner .slider .slick-slide > div, .eu .pop .inner .slider .slick-slide > div > li, .eu .pop .inner .slider .slick-slide .comm_box, .eu .pop .inner .slider .slick-slide .comm_box .flex {height:100%;}
/* 수정 */
.eu .eu_pop .inner {padding:0;}
.eu .eu_pop .inner .slick-slider .slick-prev {left:5.23%;}
.eu .eu_pop .inner .slick-slider .slick-next {right:5.23%;}
.eu .eu_pop .inner .slider .slick-slide .comm_box {padding:0 10.46%;}
.eu .eu_pop .inner .pop_tit {left:10rem; top:4.6rem;}
.eu .eu_pop .inner .close {right:10rem; top:4.6rem;}
.eu .eu_pop .slider .comm_box .flex .flex_inner {display:flex; align-items: center;}

/* part02 (테마별 선물 소개) 팝업 */
.eu .ht_pop.pop {background:rgba(0,0,0,0.85);}
.eu .ht_pop.pop .inner .cont .top_txt {color:#fff; font-size:2.4rem; margin-bottom:0;}
.eu .ht_pop.pop .inner .cont .top_txt span {font-weight:normal; color:#999;}
.eu .ht_pop.pop .inner .cont .txt_box .tit {color:#fff;}
.eu .ht_pop.pop .inner .cont .txt_box .txt {color:#fff;}
.eu .ht_pop.pop .inner .slider .slick-slide .comm_box {display:table; width:100%; height:100%;}
.eu .ht_pop.pop .inner .slider .slick-slide .comm_box .middle {display: table-cell; vertical-align: middle;}
.eu .ht_pop.pop .inner .slider .slick-slide .comm_box .middle .flex {height:auto;}
.eu .ht_pop.pop .inner .slick-slider .slick-prev {left:5.23%;}
.eu .ht_pop.pop .inner .slick-slider .slick-next {right:5.23%;}
.eu .eu_part02 .ht_pop.pop .inner .slick-slider .slick-prev {left:-15px;}
.eu .eu_part02 .ht_pop.pop .inner .slick-slider .slick-next {right:-15px;}
.eu .eu_part02 .ht_pop.pop .inner .close {right:10rem;}

/* section02_2 (2. 선물 속 문화 이야기) 팝업 */
.eu .eu_section02_2 .ht_pop.pop#popup_story01 {background:#a4a0a1;}
.eu .eu_section02_2 .ht_pop.pop#popup_story02 {background:#c6c6c6;}
.eu .eu_section02_2 .ht_pop.pop#popup_story03 {background:#9d989c;}
.eu .eu_section02_2 .ht_pop.pop .cont .txt_box .tit {color:#000;}
.eu .eu_section02_2 .ht_pop.pop .cont .txt_box .txt {color:#000;}
.eu .eu_section02_2 .ht_pop.pop .inner {padding:0;}
.eu .eu_section02_2 .ht_pop .slider .comm_box {padding:0 10.46%;}
.eu .eu_section02_2 .ht_pop .close {right:10rem;}
/* Football? Soccer? 팝업 */
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img1 {background:#262626;}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img1 .txt_box .tit {color:#fff;}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img1 .txt_box .txt {color:#fff;}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img2 {background:linear-gradient(to bottom, #c1c0c0 0%,#9f9d9e 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img3 {background:linear-gradient(to bottom, #b7b5b8 0%,#989697 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img4 {background:linear-gradient(to bottom, #9f9c9f 0%, #a4a2a6 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img5 {background:linear-gradient(to bottom, #a3a1a5 0%,#a49d9e 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop1_img6 {background:linear-gradient(to bottom, #9c9c9c 0%,#8d8d8d 100%);}
/* 티타임 팝업 */
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop2_img1 {background:linear-gradient(to bottom, #c4c3c7 0%, #d3d2d3 50%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop2_img4 {background:linear-gradient(to bottom, #a4a3a6 0%, #b7b3b9 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop2_img5 {background:linear-gradient(to bottom, #8b8d89 0%, #d0d0d2 50%);}
/* 유럽을 그리다 팝업 */
.eu .eu_section02_2 .ht_pop.pop .cont .slider li {background:#fff;}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop3_img4 {background:linear-gradient(to bottom, #a6a2a4 0%, #8d8989 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop3_img5 {background:linear-gradient(to bottom, #a8a5a6 0%, #999798 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop3_img6 {background:linear-gradient(to bottom, #b1b6ac 0%, #a2ab9d 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop3_img7 {background:linear-gradient(to bottom, #878083 0%, #959091 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop3_img8 {background:linear-gradient(to bottom, #9f9a99 0%, #aeacad 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop3_img10 {background:linear-gradient(to bottom, #9e9696 0%, #aea6a6 100%);}
.eu .eu_section02_2 .ht_pop.pop .cont .slider li.s02_02_pop3_img11 {background:linear-gradient(to bottom, #9c9899 0%, #817d7e 100%);}

/* section02_3 (3. 다른 나라, 같은 선물) */
.eu .section02_3 .top_tit {background:url("../images/eu/bg_page_s02_03_tit.jpg") no-repeat; background-size:cover;}
.eu .section02_3 .top_tit.sub_section .tit {color:#000;}
.eu .section02_3 .cont_box {background:url("../images/eu/bg_page_s02_03_cont.jpg") no-repeat; background-size:cover;}
.eu .section02_3 .cont_box .inner {display:flex; gap:4.6rem; align-items: center; height:100%;}
.eu .section02_3 .black_box {width:47rem; height:100%; background:rgba(0,0,0,0.7); color:#fff; padding:7rem 5rem; font-size:2.4rem; font-weight:400;}
.eu .section02_3 .img {width:calc(100% - 47rem);}
.eu .section02_3 .img img {width:100%;}
/* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */














/* 반응형 */
@media (max-width:1800px) {
    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */    
    /* 유럽 5개 권역 공통 */
    .eu .country_box.et_eu .country_list li {gap:5px;}
    .eu .country_box .country_list li .flag {width:10rem;}
    .eu .country_box .country_list li .flag + .info_box {width:calc(100% - 10rem);}
    .eu .country_box .country_list li .info_box .di {font-size:2.2rem;}
    .eu .country_box .country_list li .info_box .vis {font-size:2.2rem;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */  
}

@media (max-width:1700px) {
    /* 공통 내부 컨텐츠 스타일 */
    /* 상단 텍스트 */
    .cont_box .slider .top_txt {font-size:2.5rem;}
    .cont_box .slider .top_txt + .img {margin-top:2rem;}

    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */    
    /* 대한민국과 유럽과의 관계 Korea’s Relationship with Europe */
    .eu .part01 .cont_box .center_txt {width:50%;}

    /* 유럽 5개 권역 공통 */
    .eu .country_box .tit_btn {margin-bottom:5rem;}
    .eu .country_box .tit_btn .tit {font-size:2.5rem;}
    .eu .country_box .tit_btn .tit span {font-size:2rem;}
    .eu .country_box .tit_btn a {width:5rem;}
    .eu .country_box .country_list li .info_box .ct {font-size:2rem;}    
    .eu .country_box .country_list li .info_box .ct span {font-size:1.6rem;}
    .eu .country_box .country_list li .info_box .di {font-size:2rem; padding-left:2.5rem;}
    .eu .country_box .country_list li .info_box .vis {font-size:2rem; padding-left:2.2rem;}
    .eu .country_box .icon_mean .di {font-size:2rem; background-size: 3rem auto;}
    .eu .country_box .icon_mean .vis {font-size:2rem; background-size:2.3rem auto;}
    .eu .country_box .num {font-size:2rem;}

    /* section02_3 (3. 다른 나라, 같은 선물) */    
    .eu .section02_3 .black_box {width:70rem;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */         
}

@media (max-width:1600px) {
    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */    
    /* 유럽 5개 권역 공통 */
    .eu .country_box .country_list li .flag {width:8rem;}
    .eu .country_box .country_list li .flag + .info_box {width:calc(100% - 8rem);}
    .eu .country_box .country_list li .info_box .ct {font-size:1.8rem;} 
    .eu .country_box .country_list li .info_box .ct span {/*font-size:1.4rem;*/}
    .eu .country_box .country_list li .info_box .di {font-size:1.8rem; margin-right:1.2rem;}
    .eu .country_box .country_list li .info_box .vis {font-size:1.8rem;}
    .eu .country_box.et_eu {padding-left:2rem;}
    .eu .country_box .num {font-size:1.8rem;}
    .eu .country_box .icon_mean .di {font-size:1.8rem; background-size: 2.6rem auto; padding-left:3.9rem;}
    .eu .country_box .icon_mean .vis {font-size:1.8rem; background-size: 1.9rem auto; padding-left:3.2rem;}
    .eu .country_box .tit_btn .tit {font-size:2rem;}
    .eu .country_box .tit_btn .tit span {font-size:1.8rem;}
    .eu .country_box .tit_btn a {width:4rem;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */         
}

@media (max-width:1500px) {
    /* section01-2, 01-3 타이틀 스타일 */
    .top_tit.sub_section .tit .kor {font-size:3rem;}
    .top_tit.sub_section .tit .eng {font-size:4.2rem;}
    /* section01, 02, 03 타이틀 스타일 */
    .top_tit.sur_section .tit .kor {font-size:3rem;}
    .top_tit.sur_section .tit .eng {font-size:4.2rem;}  
    .top_tit.sur_section .eng em {font-size:5rem;}  



    /* ***** 대통령의 외교 (시작) ***** */
    /* PART01, PART02 공통 (찬란한 문명의 발상지 아프리카, 문명의 교차로 중앙아시아) */
    .dip .part01_02 .cont_box .section01_1 .comm_box, .dip .part01_02 .cont_box .section02_1 .comm_box {width:80%;}
    .dip .part01_02 .cont_box .section01_1 .comm_box .txt_box, .dip .part01_02 .cont_box .section02_1 .comm_box .txt_box {width:100%;}    
    .dip .part01_02 .cont_box .slider .comm_box .txt_box .tit {font-size:2.5rem;}
    .dip .part01_02 .cont_box .slider .comm_box .txt_box .txt {font-size:2.3rem;}  

    /* 역대 대통령의 아프리카 순방 공통 */
    .dip .pop_list > ul .list {height:550px;}
    .dip .pop_list > ul .list > a {padding:2rem;}
    .dip .pop_list > ul .list div {font-size:2.2rem;}
    .dip .pop .inner .cont .slider .txt_box .tit {font-size:2.4rem;}
    .dip .pop .inner .cont .slider .txt_box .txt {font-size:2.2rem;}

    /* section 01-2 (2. 아프리카의 역사와 문화) */
    .dip .section01_2 .cont_box .left_txt {font-size:2.3rem;}
    .dip .section01_2 .cont_box .img {top:20%;}

    /* section 01-4 (4. 각국으로부터 받은 기록물) */
    .dip .section01_4 .cont_box .slider .comm_box .txt_box .tit {font-size:2.4rem;}
    .dip .section01_4 .cont_box .slider .comm_box .txt_box .txt {font-size:2.2rem;} 

    /* section 02-2 (2. 중앙아시아의 역사와 문화) */
    .dip .section02_2 .cont_box .left_txt {font-size:2.3rem;}

    /* section 02-4 (4. 각국으로부터 받은 기록물) */
    .dip .section02_4 .cont_box .slider .comm_box .txt_box .tit {font-size:2.4rem; margin-bottom:2.5rem;}
    .dip .section02_4 .cont_box .slider .comm_box .txt_box .txt {font-size:2.2rem;}     
    /* ***** 대통령의 외교 (끝) ***** */ 


    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */       
    /* part02 (테마별 선물 소개) */
    .eu .eu_part02 .cont_box > .inner ul li .bt {width:6rem; margin:-3rem auto 0;}

    /* section02_2 (2. 선물 속 문화 이야기) */
    .eu .eu_section02_2 .cont_box > .inner ul li .tit .bt {width:6rem;}

    /* 유럽편 팝업 공통 스타일 */
    .eu .pop .inner .pop_tit {font-size:2.8rem; left:5rem;}
    .eu .eu_pop .inner .close {right:5rem;}
    .eu .pop .inner .slider .comm_box .txt_box .tit {font-size:2.4rem;}
    .eu .pop .inner .slider .comm_box .txt_box .txt {font-size:2.2rem;}
    .eu .eu_part02 .ht_pop.pop .inner .close {right:5rem;}
    .eu .eu_section02_2 .ht_pop .close {right:5rem;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */          
}

@media (max-width:1400px) {
    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */    
    /* 유럽 5개 권역 공통 */
    .eu .country_box .country_list {gap:3px;}
    .eu .country_box .country_list li {width:calc(50% - 2px); gap:5px;}
    .eu .country_box .country_list li .flag {width:6rem;}
    .eu .country_box .country_list li .flag + .info_box {width:calc(100% - 6rem); word-break: keep-all;}
    .eu .country_box .country_list li .info_box .ct {margin-bottom:1.3rem; /*font-size:2rem;*/}
    .eu .country_box .country_list li .info_box .di {/*font-size:1.5rem;*/ background-size:2rem auto; padding-left:2.2rem; margin-right:1rem;}
    .eu .country_box .country_list li .info_box .vis {/*font-size:1.5rem;*/ background-size:1.5rem auto; padding-left:1.7rem;}
    .eu .country_box .tit_btn + .num {right:0;}
    /* 동부유럽 */
    .eu .country_box.et_eu {padding-left:1.5rem;}
    /* 서부유럽 */    
    .eu .country_box.wt_eu .tit_btn + .num {right:2rem;}
    /* 북부유럽 */
    .eu .country_box.nt_eu {padding-left:1.5rem;}
    /* 남부유럽 */
    .eu .country_box.st_eu.second {padding-left:1.5rem;}

    /* part02 (테마별 선물 소개) */
    .eu .eu_part02 .cont_box > .inner ul li .tit {font-size:2.5rem; margin-bottom:4rem;}
    .eu .eu_part02 .cont_box > .inner ul li .txt {padding:4rem; font-size:2rem;}
    .eu .eu_part02 .cont_box > .inner ul li .bt {width:5rem; margin:-2.5rem auto 0;}

    /* section02_2 (2. 선물 속 문화 이야기) */
    .eu .eu_section02_2 .cont_box > .inner ul li .tit {font-size:2.5rem;}
    .eu .eu_section02_2 .cont_box > .inner ul li .tit .bt {width:5rem;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */       
}

@media (max-width:1280px) {
    /* 기본 */
    html {font-size:56.25%;}

    /* 슬릭 슬라이드 */
    .slick-slider .slick-prev, .slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus,
    .slick-slider .slick-next, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus {width:5rem; height:7.4rem;}     

    /* section01-2, 01-3 타이틀 스타일 */
    .top_tit.sub_section .tit .eng {font-size:3.7rem;}
    .top_tit.sub_section .tit .eng em {font-size:5.5rem;}
    .top_tit.sub_section .tit .kor {font-size:2.8rem;}
    /* section01, 02, 03 타이틀 스타일 */
    .top_tit.sur_section .eng {font-size:3.7rem;}
    .top_tit.sur_section .eng em {font-size:5.5rem;}
    .top_tit.sur_section .kor {font-size:2.8rem;}

    /* 푸터 */
    #footer .inner {padding-right:20px; padding-left:20px;}
    #footer .inner .utility ul li a {font-size:15px;}
    #footer .inner .utility .addr, #footer .inner .utility .copy {font-size:15px;}

    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */    
    /* 유럽 5개 권역 공통 */
    .eu .country_box .country_list li .info_box .di {font-size:1.6rem;}
    .eu .country_box .country_list li .info_box .vis {font-size:1.6rem;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */  
}

/* 980 이하 풀페이지 비활성화 */
@media (max-width:980px) {
    /* 기본 */
    html {font-size:43.75%;}

    /* 첫번째 섹션 제외 나머지 섹션 높이값 auto */
    .section_start.fp-section.fp-table, .section_start .fp-tableCell,
    .section01.fp-section.fp-table, .section01 .fp-tableCell,
    .section01_2.fp-section.fp-table, .section01_2 .fp-tableCell,
    .section01_3.fp-section.fp-table, .section01_3 .fp-tableCell,
    .section02.fp-section.fp-table, .section02 .fp-tableCell,
    .section03.fp-section.fp-table, .section03 .fp-tableCell {height:auto !important;}
    /* ***** 대통령의 외교 (시작) ***** */
    .section01_4.fp-section.fp-table, .section01_4 .fp-tableCell,
    .section02_2.fp-section.fp-table, .section02_2 .fp-tableCell,
    .section02_3.fp-section.fp-table, .section02_3 .fp-tableCell,
    .section02_4.fp-section.fp-table, .section02_4 .fp-tableCell {height:auto !important;}
    /* ***** 대통령의 외교 (끝) ***** */

    /* mo, pc 반응형 */
    .mo {display:block;}
    .pc {display:none;}

    /* 슬릭 슬라이드 */
    .slick-slider .slick-prev, .slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus,
    .slick-slider .slick-next, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus {width:3rem; height:5.4rem;}  
    .slick-slider .slick-prev, .slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus {left:5px;}
    .slick-slider .slick-next, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus {right:5px;}    

    /* 상단 */
    .head .allmenu_btn {text-indent:-9999px;}

    /* section01, 02, 03 타이틀 스타일 */
    .top_tit.sur_section {height:16.6667rem;}
    .top_tit.sur_section .eng {font-size:3.5rem;}
    .top_tit.sur_section .eng em {font-size:5rem;}
    .top_tit.sur_section .kor {font-size:2.4rem;}
    .top_tit.sur_section .tit .kor {display: block; font-size:2.4rem;}
    .section03 .top_tit.sur_section .tit {text-align:left;}

    /* section01-2, 01-3 타이틀 스타일 */
    .top_tit.sub_section {height:10.6667rem;}
    .top_tit.sub_section .tit .eng {opacity:0.3; font-size:3.5rem; bottom:1rem;}
    .top_tit.sub_section .tit .eng em {font-size:5rem;}
    .top_tit.sub_section .tit .kor {font-size:2.4rem;}  
    

    /* 타이틀 스타일 + 컨텐츠 높이 */
    .top_tit.sur_section + .cont_box {height:calc(100% - 16.6667rem);}
    .top_tit.sub_section + .cont_box {height:calc(100% - 10.6667rem);}    

    /* 공통 내부 컨텐츠 스타일 */
    .cont_box {padding:0;}
    /* 상단 텍스트 */
    .cont_box .slider .top_txt {font-size:2.4rem; padding:0 10.46%;}
    .cont_box .slider .top_txt + .img {margin-top:5rem;}
    /* 동영상 or 이미지 + 텍스트 */
    .cont_box .slider .comm_box {display:block; padding:5% 10.46%;}
    .cont_box .slider .comm_box .top_txt {padding:0;}
    .cont_box .slider .comm_box .flex {display:block;}
    .cont_box .slider .comm_box .video {display:block; width:100%;}
    .cont_box .slider .comm_box .video video {padding:0;}
    .cont_box .slider .comm_box .video + .txt_box {width:100%; margin-top:5rem;} 
    .cont_box .slider .comm_box .img {padding:0;}
    .cont_box .slider .comm_box .img.vertical img {max-height:30rem;}
    .cont_box .slider .comm_box .img + .txt_box {margin-top:5rem;}
    .cont_box .slider .comm_box .txt_box {padding:0;}
    .cont_box .slider .comm_box .txt_box .tit {font-size:2.4rem; margin-bottom:2.5rem;}
    .cont_box .slider .comm_box .txt_box .txt {font-size:2.2rem;}
    .cont_box .slider .comm_box .txt_box .txt + .img {margin-top:5rem;}
    .cont_box .slider .comm_box .txt_box .img + .txt {margin-top:5rem;}
    .cont_box .slider .comm_box .txt_box + .img {margin-top:5rem;}
    
    /* 동영상 + 텍스트 + 원고 */
    .cont_box .slider .comm_box .script_txt {height:25rem;}
    /* 원문 다운로드 버튼 */
    .btn a {font-size:2.2rem;}
    /* 원문 다운로드 버튼 */
    .cont_box .slider .txt + .btn,
    .cont_box .slider .img + .btn {margin-top:4rem;}

    /* 첫화면 */
    .section_first {background:url("../images/exh/bg_page1_m.jpg") center top no-repeat; background-size:cover;}
    .section_first .mouse {display:none;}

    /* 전시를 시작하며 */
    .section_start {background:url("../images/exh/bg_page2_m.jpg") no-repeat; background-size:cover;}
    .section_start .txt_box {min-width:150px;}
    .section_start .txt_box .tit {margin-bottom:15px; font-size:2.4rem;} 
    .section_start .txt_box .txt {font-size:2.2rem;}
    .section_start .right_txt {bottom:0; top:auto;}
    .section_start .txt_video {padding:10% 5.23%;}
    .section_start .video {width:100%; display:block; position:relative; margin-top:15px; left:auto; margin-left:auto;}

    /* section 01 (1. 해방, 정부수립 그리고 6·25전쟁(1945.8.~1951.6.)) */
    .section01 .cont_box {background:url("../images/exh/bg_page_s01_cont_m.jpg") no-repeat; background-size:cover;}
    .section01 .txt_box {display:block; width:100%; padding:5.23% 5.23% 0;}
    .section01 .txt_box .tit {font-size:2.4rem;}
    .section01 .txt_box .txt {width:100%; font-size:2.4rem;}
    .section01 .slider {width:100%; padding:5.23% 10.46%;}
    .section01 .slider li .tit {font-size:2.4rem;}
    .section01 .slick-slider .slick-prev, .section01 .slick-slider .slick-prev:hover, .section01 .slick-slider .slick-prev:focus {left:-5rem;}
    .section01 .slick-slider .slick-next, .section01 .slick-slider .slick-next:hover, .section01 .slick-slider .slick-next:focus {right:-5rem;}

    /* section 01-2 (2. 이승만 대통령과 정전협정 체결 과정(1951.6.~1953.7.)) */
    .section01_2 .cont_box {background:url("../images/exh/bg_page_s01_2_cont_m.jpg") no-repeat; background-size:cover;}

    /* section 01-3 (3. 최초이자 유일한 외국과의 군사동맹, 한미동맹 결성(1953.6.~1954.2.)) */
    .section01_3 .cont_box {background:url("../images/exh/bg_page_s01_3_cont_m.jpg") no-repeat; background-size:cover;}
    .section01_3 .section01_3_1 .top_txt {margin-bottom:0;}
    .section01_3 .section01_3_4 .script_txt {height:30rem;}

    /* section 02 (역대 대통령선물로 살펴보는 한미 간의 우호) */
    .section02 .cont_box .slick-prev {left:5px;}
    .section02 .cont_box .slick-next {right:5px;}    
    .section02 .cont_box .section02_1 {background:url("../images/exh/s02_img1_m.png") no-repeat; background-size:cover; height:100vh;}
    .section02 .cont_box .section02_1 .top_txt {padding:0; padding-top:50%; box-sizing:border-box;}
    .section02 .cont_box .section02_2,
    .section02 .cont_box .section02_10,
    .section02 .cont_box .section02_12,
    .section02 .cont_box .section02_14,
    .section02 .cont_box .section02_16,
    .section02 .cont_box .section02_22 {background:none; height:auto;}
    .section02 .cont_box .section02_2 .txt_box,    
    .section02 .cont_box .section02_10 .txt_box,
    .section02 .cont_box .section02_12 .txt_box,
    .section02 .cont_box .section02_14 .txt_box,
    .section02 .cont_box .section02_16 .txt_box,  
    .section02 .cont_box .section02_22 .txt_box {width:100% !important;}
    .section02 .cont_box .section02_2 .comm_box {width:100%; display:block; height:auto;}  
    .section02 .cont_box .section02_2 .comm_box .txt_box {display:block;}              
    .section02 .cont_box .section02_22 .txt {position:relative;}
    .section02 .cont_box .section02_22 .txt > img {position:absolute; bottom:-25px; right:0; max-height:80px; display:inline-block;}
    .section02 .cont_box .slider .section02_22 .comm_box .txt_box .img {margin-top:7rem;}

    /* section 03 (서한문의 복원) */
    .section03 .cont_box {background:url("../images/exh/bg_page_s03_cont_m.jpg") no-repeat; background-size:cover;}
    .section03 .cont_box > .tit {padding:4.8rem 5.59%;}
    .section03 .cont_box .video_box {padding-bottom:4.8rem;}
    .section03 .cont_box .video_box .video {display:block; width:100%;}
    .section03 .cont_box .video_box .script_txt {display:block; width:100%; height:30rem; margin-left:0; margin:4.8rem 0 0 0; padding:0 10px;}

    /* 푸터 */
    #footer .inner {padding:20px 20px 30px;}
    #footer .inner .logo {display:block; width:120px; margin:0 auto 20px;}
    #footer .inner .utility {display:block; width:100%; text-align:center; margin-bottom:25px; font-size:13px;}
    #footer .inner .utility ul {margin-bottom:15px;}
    #footer .inner .utility ul li {margin-bottom:5px;}
    #footer .inner .utility ul li a {font-size:14px;}
    #footer .inner .utility .addr {margin-bottom:20px;}
    #footer .inner .utility .addr span {display:block;}
    #footer .inner .utility .addr, #footer .inner .utility .copy {font-size:14px;}
    #footer .inner .link {display:block; width:100%; text-align:center;}
    #footer .inner .link li:first-child {width:50px; margin-right:15px;}
    #footer .inner .link li:last-child {width:80px;}     



    /* ***** 대통령의 외교 (시작) ***** */
    /* 상단 */
    .dip .head .allmenu {min-width:100%;}

    /* section 타이틀 스타일 */
    .dip .top_tit.sub_section .tit .eng {opacity:1; bottom:auto; top:0; line-height:10.6667rem;}
    .dip .top_tit.sub_section .tit .eng .small {display:none;}

    /* 첫화면 */
    .dip .section_first {background-image:url("../images/dip/bg_page1_m.jpg");}

    /* 전시를 열며 */
    .dip .section_start {background-image:url("../images/dip/bg_page2_m.jpg");}
    .dip .section_start .txt_video {padding:10% 0; margin:5.6% 0; width:100%;}
    .dip .section_start .txt_video:before {background:url("../images/dip/bg_page2_txt_left_m.png") right top no-repeat; width:100%; left:auto; right:0; background-size:100% auto;}
    .dip .section_start .txt_video:after {background:url("../images/dip/bg_page2_txt_right_m.png") right bottom no-repeat; width:100%; right:0; bottom:5.6%; background-size:100% auto;}
    .dip .section_start .txt_video .inner {padding:5.6%; z-index:2;}
    .dip .section_start .txt_box {width:100%; min-width:auto; padding-right:0; display:block;}
    .dip .section_start .txt_box .tit {margin-bottom:15px;}
    .dip .section_start .video {width:100%; top:auto; right:auto;}

    /* section 01(디자인 변경되어 part01로 클래스 변경) (PART. 01 찬란한 문명의 발상지 아프리카) */
    .dip .part01 .top_tit {background-image:url("../images/dip/bg_page_s01_tit_m.jpg");}
    .dip .part01 .cont_box .section01_1 {background:url("../images/dip/bg_page_s01_cont_m.jpg") center center no-repeat; background-size:cover;}
    .dip .part01 .cont_box .section01_5 {background:url("../images/dip/s01_img5_m.jpg") no-repeat; background-size:cover;}
    .dip .part01 .cont_box .section01_5 .txt_box {width:100%; padding-top:80%;}

    /* section 01-2 (2. 아프리카의 역사와 문화) */
    .dip .section01_2 .top_tit {background-image:url("../images/dip/bg_page_s01_2_tit_m.jpg");}
    .dip .section01_2 .cont_box {background-image:url("../images/dip/bg_page_s01_2_cont_m.jpg");}
    .dip .section01_2 .cont_box .left_txt {width:100%; padding:5.6%; box-sizing:border-box; font-size:2.2rem;}  
    .dip .section01_2 .cont_box .img {position:relative; width:100%; top:auto; right:auto; padding-bottom:5.6%;}

    /* section 01-3 (3. 역대 대통령의 아프리카 순방) */
    .dip .section01_3 .top_tit {background-image:url("../images/dip/bg_page_s01_3_tit_m.jpg");}
    .dip .section01_3 .cont_box {background-image:url("../images/dip/bg_page_s01_3_cont_m.jpg"); display:block;}    

    /* section 01-4 (4. 각국으로부터 받은 기록물) */
    .dip .section01_4 .top_tit {background-image:url("../images/dip/bg_page_s01_4_tit_m.jpg");}

    /* section 02(디자인 변경되어 part02로 클래스 변경) (PART. 02 문명의 교차로 중앙아시아) */
    .dip .part02 .top_tit {background-image:url("../images/dip/bg_page_s02_tit_m.jpg");}
    .dip .part02 .cont_box .section02_1 {background:url("../images/dip/s02_img1_m.jpg") no-repeat; background-size:cover;}

    /* section 02-2 (2. 중앙아시아의 역사와 문화) */
    .dip .section02_2 .top_tit {background-image:url("../images/dip/bg_page_s02_2_tit_m.jpg"); background-size:100% auto;}    
    .dip .section02_2 .cont_box {background-image:url("../images/dip/bg_page_s02_2_cont_m.jpg"); background-size:cover;}    
    .dip .section02_2 .cont_box .inner {width:100%; padding:35% 5.6% 5.6%;}
    .dip .section02_2 .cont_box .left_txt {width:100%; padding:0; box-sizing:border-box; font-size:2.2rem;}  
    .dip .section02_2 .cont_box .img {position:relative; width:100%; top:auto; right:auto; padding-bottom:5.6%;}

    /* section 02-3 (3. 역대 대통령의 아프리카 순방) */
    .dip .section02_3 .top_tit {background-image:url("../images/dip/bg_page_s02_3_tit_m.jpg"); background-size:cover;}    
    .dip .section02_3 .cont_box {background-image:url("../images/dip/bg_page_s02_3_cont_m.jpg"); background-size:cover;}    

    /* section 02-4 (4. 각국으로부터 받은 기록물) */
    .dip .section02_4 .top_tit {background-image:url("../images/dip/bg_page_s02_4_tit_m.jpg"); background-size:cover;}    

    /* PART01, PART02 공통 (찬란한 문명의 발상지 아프리카, 문명의 교차로 중앙아시아) */
    .dip .part01_02 .top_tit.sur_section .kor {font-size:15px; display: block;}
    .dip .part01_02 .cont_box .slick-slide {float:none; display:inline-block; vertical-align:middle;}
    .dip .part01_02 .cont_box .slider li {padding:0;}
    .dip .part01_02 .slick-slider, .dip .part01_02 .slick-list, .dip .part01_02 .slick-track, .dip .part01_02 .slick-slide > div, .dip .part01 .slick-slide > div > li {height:100%;}
    .dip .part01_02 .slick-slider .slick-prev, .dip .part01_02 .slick-slider .slick-prev:hover, .dip .part01_02 .slick-slider .slick-prev:focus {left:5px;}
    .dip .part01_02 .slick-slider .slick-next, .dip .part01_02 .slick-slider .slick-next:hover, .dip .part01_02 .slick-slider .slick-next:focus {right:5px;}
    .dip .part01_02 .cont_box .txt_box {width:100%;}
    .dip .part01_02 .cont_box .section01_1 .comm_box, .dip .part01_02 .cont_box .section02_1 .comm_box {width:100%;}        
    .dip .part01_02 .cont_box .slider .comm_box .txt_box .tit {font-size:2.4rem;}
    .dip .part01_02 .cont_box .slider .comm_box .txt_box .txt {font-size:2.2rem;}    
      

    /* 역대 대통령의 아프리카 순방 공통 */
    .dip .pop_list {display:block;}
    .dip .pop_list ul {display:block;}
    .dip .pop_list ul .list {display:block; width:100%; height:auto; border-right:none; border-bottom:1px solid #aaa;} 
    .dip .pop_list ul .list:last-of-type {border-bottom:none;}
    .dip .pop_list ul .list div {clear:both; display:flex; align-items:center; font-size:2.2rem;}
    .dip .pop_list ul .list div p {margin-bottom:1.5%;}
    .dip .pop_list ul .list div .nf {position:absolute; top:0; right:0; margin:0;}
    .dip .pop_list ul .list div .nf img {max-height:24px;}
    .dip .pop_list ul .list div .cont_img {width:30%; margin-right:5%; margin-bottom:0; text-align:center;}
    .dip .pop_list ul .list div .cont_img img {max-height:20rem;}
    .dip .pop_list ul .list div .txt_box {display:block; order:2; width:70%;}    
    .dip .pop .inner {padding:0;}
    .dip .pop .inner .close {width:26px; top:18px; right:18px;}
    .dip .pop .inner .cont .slider li {padding:0;}
    .dip .pop .inner .cont .slider .video + .txt_box {width:100%; margin-top:3rem;}
    .dip .pop .inner .cont .slider .script_txt {width:100%; height:20rem;}
    .dip .pop .inner .cont .slider .txt_box {width:100%;}
    .dip .pop .inner .cont .comm_box {padding:5% 10.46%;}
    .dip .pop .inner .cont .top_txt {padding-bottom:3%; margin-bottom:0; font-size:2.2rem;}
    /* ***** 대통령의 외교 (끝) ***** */



    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */
    /* 공통 */
    /* .eu .cont_box .slider .comm_box .img img {max-height:35rem;} */
    .eu .cont_box .slider .comm_box .img img {max-height:45rem;}
    .eu .cont_box .slider .comm_box .img.small img {max-height:25rem;}

    /* 상단 */
    .eu .head .allmenu {min-width:100%;}
    .eu .head .allmenu_btn {background-image:url("../images/eu/allmenu_icon_b.png");}

    /* 첫화면 */
    .eu .section_first {background-image:url("../images/eu/bg_page1_m.jpg");}   
    
    /* part 타이틀 스타일 */
    .eu .top_tit.sur_section .kor em.right {font-size: 2.4rem; top:50%; margin-top:-1.2rem;}    

    /* part 하위 타이틀 스타일 */
    .eu .top_tit.sub_section .tit .eng {display: none;}

    /* section01, 02, 03 타이틀 스타일 */
    .top_tit.sur_section .tit .eng {font-size:3rem;}  
    .top_tit.sur_section .eng em {font-size:3.7rem;}      

    /* 전시를 열며 */
    .eu .section_start {background-image:url("../images/eu/bg_page2_m.jpg");}
    .eu .section_start .txt_video {padding:10% 0; margin:5.6% 0; width:100%;}
    .eu .section_start .txt_video:before {background:url("../images/eu/bg_page2_txt_left_m.png") right top no-repeat; width:100%; left:auto; right:0; background-size:100% auto;}
    .eu .section_start .txt_video:after {background:url("../images/eu/bg_page2_txt_right_m.png") right bottom no-repeat; width:100%; right:0; bottom:5.6%; background-size:100% auto;}
    .eu .section_start .txt_video .inner {padding:5.6%; z-index:2;}
    .eu .section_start .txt_box {width:100%; min-width:auto; padding-right:0; display:block;}
    .eu .section_start .txt_box .tit {margin-bottom:15px;}
    .eu .section_start .video {width:100%; top:auto; right:auto; padding-bottom:10%;}

    /* 대한민국과 유럽과의 관계 Korea’s Relationship with Europe */
    .eu .section_third .top_tit {background-image:url("../images/eu/bg_page3_tit_m.jpg"); height:12.8rem;}
    .eu .section_third .top_tit .tit {text-align:left;}
    .eu .section_third .top_tit .tit em {display: block;}
    .eu .section_third .top_tit + .cont_box {height:calc(100% - 12.8rem);}
    .eu .section_third .cont_box .slick-slide {float:none; display:inline-block; vertical-align:middle;}
    .eu .section_third .cont_box .third_1 {background-image:url("../images/eu/bg_page3_s01_img1_m.jpg");}
    .eu .section_third .cont_box .third_1 .comm_box {width:100%; float:none;}
    .eu .section_third .cont_box .slider .comm_box {padding:0;}
    .eu .section_third .cont_box .slider li {padding:0 10.46%;}

    /* part01 (유럽 5개 권역 : 1. 유럽의 역사와 문화) */
    .eu .part01 .top_tit {background-image:url("../images/eu/bg_page_s01_tit_m.jpg");}
    .eu .part01 .cont_box {background-image:url("../images/eu/bg_page_s01_cont_m.jpg");}
    .eu .part01 .cont_box .center_txt {width:100%; padding: 5.6% 15.69%; box-sizing:border-box; font-size:2.2rem; text-align: justify;}

    /* section01_2 (2. 유럽 5개 권역(중부유럽, 동부유럽)) */
    .eu .section01_2 .top_tit {background-image:url("../images/eu/bg_page_s01_02_tit_m.jpg");}
    .eu .section01_2 .cont_box {background-image:url("../images/eu/bg_page_s01_02_cont_m.jpg");} /* section01_2 ~ 4 배경 공통 */      

    /* section01_3 (3. 유럽 5개 권역(서부유럽, 북부유럽)) */
    .eu .section01_3 .top_tit {background-image:url("../images/eu/bg_page_s01_03_tit_m.jpg");} 
    .eu .section01_3 .cont_box {background-image:url("../images/eu/bg_page_s01_02_cont_m.jpg");} /* section01_2 ~ 4 배경 공통 */  
    
    /* section01_4 (4. 유럽 5개 권역(남부유럽)) */
    .eu .section01_4 .top_tit {background-image:url("../images/eu/bg_page_s01_04_tit_m.jpg");}
    .eu .section01_4 .cont_box {background-image:url("../images/eu/bg_page_s01_02_cont_m.jpg");} /* section01_2 ~ 4 배경 공통 */         

    /* 유럽 5개 권역 공통 */
    .eu .country_box_wrap > .inner {display:block; padding:5.6%; width:100%;}
    .eu .country_box {width:100% !important;}
    .eu .country_box .num {font-size:2rem;}
    .eu .country_box .tit_btn + .num {top:0; right:0;}
    .eu .country_box .tit_btn .tit {font-size:2.4rem;}
    .eu .country_box .tit_btn .tit span {font-size:2rem;}
    .eu .country_box .country_list {gap:0;}
    .eu .country_box .country_list li {display: block; width:calc(33.3% - 2px); margin-bottom:3rem; text-align:center;}
    .eu .country_box .country_list li .flag {margin:0 auto 1.5rem; width:9rem;}
    .eu .country_box .country_list li .flag + .info_box {word-break:normal; width:100%;}
    .eu .country_box .country_list li .info_box .ct {font-size:2.2rem; margin-bottom:0;}
    .eu .country_box .country_list li .info_box .ct span {display: none;}
    .eu .country_box .country_list li .info_box .di_vis {display: block;}
    .eu .country_box .country_list li .info_box .di {font-size:2rem; margin-right:0; width:auto; background:none; padding:0;}
    .eu .country_box .country_list li .info_box .vis {font-size:2rem; padding-left:2.2rem; width:auto; background:none; padding:0;}
    .eu .country_box .icon_mean {display: none;}
    /* 중부유럽 */
    .eu .country_box.ct_eu .num {position:absolute; right:0; top:0;}
    .eu .country_box.ct_eu .country_list li {width:33.3%;}
    /* 동부유럽 */
    .eu .country_box.et_eu {padding-left:0; padding-top:2rem; margin-top:0; border-top:1px solid #aaa; border-left:none;}
    .eu .country_box.et_eu .num {top:2rem;}
    .eu .country_box.et_eu .country_list li {width:33.3%; gap:inherit;}
    /* 서부유럽 */
    .eu .country_box.wt_eu .tit_btn + .num {right:0;}
    .eu .country_box.wt_eu .country_list li.w100 {width:calc(33.3% - 2px);}
    /* 북부유럽 */
    .eu .country_box.nt_eu {padding-left:0; padding-top:2rem; margin-top:0; border-top:1px solid #aaa; border-left:none;}
    .eu .country_box.nt_eu .num {top:2rem;}
    .eu .country_box.nt_eu .country_list li {width:25%;}
    /* 남부유럽 */
    .eu_section01_4 .country_box_wrap {align-items: flex-start;}
    .eu .country_box.st_eu .country_list.pc {display:none;}
    .eu .country_box.st_eu .country_list li {width:33.3%;}
    .eu .country_box.st_eu .country_list li.w100 {width:33.3%;}
    .eu .country_box.st_eu .country_list li.mo_x {display:none;}
    .eu .country_box.st_eu .country_list li.mo {display:inline-block;}
    .eu .country_box.st_eu.second {padding-left:0; position:static;}
    .eu .country_box.st_eu.second .tit_btn {display: none;}
    .eu .country_box.st_eu.second .num {top:3.5%; right:5.6%;}

    /* part02 (테마별 선물 소개) */
    .eu .part02 .top_tit {background-image:url("../images/eu/bg_page_s02_tit_m.jpg");}
    .eu .part02 .top_tit.sur_section .kor {display: block;}
    .eu .part02 .top_tit.sur_section .kor em.right {top:50%; margin-top:-1.2rem;}
    .eu .part02 .cont_box {background-image:url("../images/eu/bg_page_s02_cont_m.jpg");} 
    .eu .eu_part02 .cont_box > .inner ul {display:block; flex-wrap:inherit; padding:5.6%;}
    .eu .eu_part02 .cont_box > .inner ul li {width:100%; border-bottom:1px solid #aaa; border-right:none; margin-bottom:0; padding:2rem 0;}
    .eu .eu_part02 .cont_box > .inner ul li:last-of-type {border-bottom:none;}
    .eu .eu_part02 .cont_box > .inner ul li .tit {font-size:2.5rem; margin-bottom:2rem; text-align:left;}
    .eu .eu_part02 .cont_box > .inner ul li .box {display:flex; align-items: center; justify-content: space-between; position:relative; gap:10px;}
    .eu .eu_part02 .cont_box > .inner ul li .txt {font-size:2rem; padding:2rem; width:70%; position:relative;}
    .eu .eu_part02 .cont_box > .inner ul li .txt .bt {position:absolute; left:auto; bottom:auto; right:-3rem; margin:0; top:50%; margin-top:-2.5rem;}
    .eu .eu_part02 .cont_box > .inner ul li .img {margin:auto 0; padding:0; width:30%;}
    .eu .eu_part02 .cont_box > .inner ul li:first-of-type .txt {width:60%;}
    .eu .eu_part02 .cont_box > .inner ul li:first-of-type .img {width:40%;}  
    .eu .eu_part02 .cont_box > .inner ul li:nth-child(2) {padding-bottom:0;}  
    .eu .eu_part02 .cont_box > .inner ul li:nth-child(2) .btm_img {position:relative; top:-6.8rem; left:0; width:70%;}    
    .eu .eu_part02 .cont_box > .inner ul li:nth-child(2) .btm_img img {width:100%;}
    .eu .eu_part02 .cont_box > .inner ul li:last-of-type .txt {width:40%;}
    .eu .eu_part02 .cont_box > .inner ul li:last-of-type .img {width:60%;}
    /* part02 (테마별 선물 소개) 팝업 */
    .eu .ht_pop.pop .inner .cont .top_txt {font-size:2rem; margin-bottom:3rem;}
    .eu .ht_pop.pop .slider .comm_box .img + .txt_box {margin-top:3rem;}
    .eu .ht_pop.pop .slider .comm_box .img + .txt_box .tit {font-size:2.2rem;}
    .eu .ht_pop.pop .inner .slick-slider .slick-prev {left:5px;}
    .eu .ht_pop.pop .inner .slick-slider .slick-next {right:5px;}
    .eu .ht_pop.pop .inner .close {right:10px;}
    .eu .eu_part02 .ht_pop.pop .inner .slick-slider .slick-prev {left:5px;}
    .eu .eu_part02 .ht_pop.pop .inner .slick-slider .slick-next {right:5px;}
    .eu .eu_part02 .ht_pop.pop .inner .close {right:10px;}    
    
    /* section02_2 (2. 선물 속 문화 이야기) */
    .eu .section02_2 .top_tit {background-image:url("../images/eu/bg_page_s02_02_tit_m.jpg");}
    .eu .section02_2 .cont_box {background-image:url("../images/eu/bg_page_s02_02_cont_m.jpg");}
    .eu .eu_section02_2 .cont_box > .inner {display: block; padding:5.6%;}
    .eu .eu_section02_2 .cont_box > .inner ul li {width:100%; border-right:none; position:relative;}
    .eu .eu_section02_2 .cont_box > .inner ul li .tit {position:absolute;}
    .eu .eu_section02_2 .cont_box > .inner ul li:nth-child(1) .tit {left:0; top:3rem;}
    .eu .eu_section02_2 .cont_box > .inner ul li:nth-child(2) {top:-8rem;}
    .eu .eu_section02_2 .cont_box > .inner ul li:nth-child(2) .tit {right:6rem; top:50%; margin-top:-3rem;}
    .eu .eu_section02_2 .cont_box > .inner ul li:nth-child(3) {top:-8rem;}
    .eu .eu_section02_2 .cont_box > .inner ul li:nth-child(3) .tit {left:10rem; top:50%; margin-top:-3rem;}    

    /* 유럽편 팝업 공통 스타일 */
    .eu .pop .inner {padding:0;}
    .eu .pop .inner .pop_tit {font-size:2.4rem; left:3.5rem; top:3.5rem;}
    .eu .pop .inner .pop_tit span {font-size:2rem;}
    .eu .pop .inner .close {right:3rem; width:4rem; top:4rem;}
    .eu .eu_pop .inner .slick-slider .slick-prev {left:5px;}
    .eu .eu_pop .inner .slick-slider .slick-next {right:5px;}
    .eu .eu_pop .slider .comm_box .flex {display:flex;}
    .eu .eu_pop .slider .comm_box .flex .flex_inner {display: block;}

    /* section02_3 (3. 다른 나라, 같은 선물) */
    .eu .section02_3 .top_tit {background-image:url("../images/eu/bg_page_s02_03_tit_m.jpg");}
    .eu .section02_3 .cont_box {background-image:url("../images/eu/bg_page_s02_03_cont_m.jpg");}    
    .eu .section02_3 .cont_box .inner {display:block;}
    .eu .section02_3 .black_box {width:calc(100% - 11.2%); margin:0 auto; padding:3rem; font-size:2rem;}
    .eu .section02_3 .img {width:100%; margin:0 auto; padding:30px 5.6%;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */
}

@media (max-width:768px) {
    /* 기본 */
    html {font-size:37.5%;}    

    /* ***** 2025년 대통령기록관 특별전 유럽편 (시작) ***** */
    /* part02 (테마별 선물 소개) */    
    .eu .eu_part02 .cont_box > .inner ul li:nth-child(2) .btm_img {top:0;}
    /* ***** 2025년 대통령기록관 특별전 유럽편 (끝) ***** */
}