@charset "utf-8";
/*************************************************
프로젝트명 : OANA 사진전
commnet :
*************************************************/

@import url(https://r.yna.co.kr/m-kr/home/v02/css/swiper-3.4.2.min.css);

@media only screen and (min-width:769px){

	/* =============== ####공통 (common) ======================== */
	html,body{height:auto;}
	body{font-weight:400;font-family:'Archivo',AppleSDGothicNeo-Regular,'맑은 고딕',Arial,Helvetica,sans-serif;color:#000;}
	h1,h2,h3,h4,h5,h6{font-weight:400;font-family:'Archivo',AppleSDGothicNeo-Regular,'맑은 고딕',Arial,Helvetica,sans-serif;}
	p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:400;font-family:'Archivo',AppleSDGothicNeo-Regular,'맑은 고딕',Arial,Helvetica,sans-serif;}

	.html-ko body{font-weight:400;font-family:'NanumSquare',AppleSDGothicNeo-Regular,'맑은 고딕',Arial,Helvetica,sans-serif;color:#000;}
	.html-ko h1,.html-ko h2,.html-ko h3,.html-ko h4,.html-ko h5,.html-ko h6{font-weight:400;font-family:'NanumSquare',AppleSDGothicNeo-Regular,'맑은 고딕',Arial,Helvetica,sans-serif;}
	.html-ko p,.html-ko li,.html-ko dt,.html-ko dd,.html-ko span,.html-ko strong,.html-ko em,.html-ko b,
	.html-ko input,.html-ko button,.html-ko select,.html-ko textarea,.html-ko label,.html-ko a{font-weight:400;font-family:'NanumSquare',AppleSDGothicNeo-Regular,'맑은 고딕',Arial,Helvetica,sans-serif;}

	/* body{font-weight:normal;font-family:'맑은 고딕','Malgun Gothic',AppleSDGothicNeo-Regular,Arial,Helvetica,sans-serif;letter-spacing:-1px;}
	h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:'맑은 고딕','Malgun Gothic',AppleSDGothicNeo-Regular,Arial,Helvetica,sans-serif;}
	p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:normal;font-family:'맑은 고딕','Malgun Gothic',AppleSDGothicNeo-Regular,Arial,Helvetica,sans-serif;}
	a{display:inline-block;vertical-align:top;} */

} /* Media Queri End */


/* =============== ####레이아웃 (layout) ======================== */
body{background-color:#1a1a1a;
-webkit-font-smoothing:antialiased;
-webkit-font-smoothing:subpixel-antialiased;}
a{display:inline-block;vertical-align:top;}

/* ---- ## 헤더header (common) ---- */
[class*='wrap-header']{height:80px;}
/* 헤더 메인 : 화이트 */
.wrap-header01{background:#fff;color:#000;}
/* 헤더 서브 : 블랙 */
.wrap-header02{background:#1a1a1a;border-bottom:1px solid #343434;color:#fff;}

.header{position:relative;height:100%;font-size:0;text-align:right;}
.header [class*='site-name']{position:absolute;top:16px;left:20px;}
.header [class*='logo-']{margin:23px 20px 19px 0;}
.header [class*='btn-unit80']{margin:20px 0 19px;}
.header [class*='btn-whole-menu']{margin:16px 0 0 20px;}

/* ---- ##로고 logo & site (common) ---- */
[class*='logo-'] .txt{display:block;background:transparent url(../img/sprites_default01.png?v=20201113_1135) 0 0 no-repeat;text-indent:-9999px;color:transparent;}
[class*='logo-']:hover{text-decoration:none;}

/* 연합뉴스 로고 */
[class*='logo-yna'] .txt{height:28px;}
[class*='logo-yna'] .txt.en{width:236px;}
[class*='logo-yna'] .txt.ko{width:134px;}

/* 연합뉴스 로고 메인 : 칼라 */
.logo-yna01 .txt.en{background-position-y:0px;}
.logo-yna01 .txt.ko{background-position-y:-100px;}
/* 연합뉴스 로고 서브 : 화이트 */
.logo-yna02 .txt.en{background-position-y:-50px;}
.logo-yna02 .txt.ko{background-position-y:-150px;}

/* 역사박물관 로고 */
[class*='logo-much'] .txt{height:30px;}
[class*='logo-much'] .txt.en{width:130px;}
[class*='logo-much'] .txt.ko{width:128px;}

/* 역사박물관 로고 메인 : 칼라 */
.logo-much01 .txt.en{background-position:-300px 0px;}
.logo-much01 .txt.ko{background-position:-300px -100px;}
/* 역사박물관 로고 서브 : 화이트 */
.logo-much02 .txt.en{background-position:-300px -50px;}
.logo-much02 .txt.ko{background-position:-300px -150px;}

/* 사이트명 공통 */
[class*='site-name']{text-align:left;}
[class*='site-name'] .tit01.en{font-family:'Archivo Black',sans-serif;}
[class*='site-name'] .txt01.en{font-style:italic;font-family:'Playfair Display',serif;color:rgba(255,255,255,0.5);}
[class*='site-name']:hover{text-decoration:none;}

/* 사이트명 헤더 */
.site-name01,
.site-name02{height:48px;}

.site-name01 [class*='tit'],
.site-name02 [class*='tit']{font-size:28px;line-height:48px;letter-spacing:-0.05em;}
.site-name01 .tit02,
.site-name02 .tit02{margin-left:6px;}
.site-name01 .tit01.ko,
.site-name02 .tit01.ko{font-weight:800;}

/* 사이트명 헤더 메인 : 영문 칼라 */
.site-name01 [class*='tit']{color:#000;}
/* 사이트명 헤더 서브 : 영문 화이트 */
.site-name02 [class*='tit']{color:#fff;}
/* 사이트명 푸터 : 화이트 */
.site-name03{text-align:center;}
.site-name03 [class*='tit']{font-size:30px;line-height:30px;color:#fff;}
.site-name03 .tit02{margin-left:8px;}
.site-name03 .txt01{margin-top:7px;font-size:48px;line-height:1.2;}
.site-name03 .txt01.ko{opacity:0.5;font-weight:800;}

/* ---- ##컨테이너 container (common) ---- */
.container{min-height:1000px;} /* (임시) */

/* ---- ##푸터 footer (common) ---- */
.wrap-footer{margin-top:100px;height:400px;border-top:1px solid #343434;background:#1a1a1a;color:#fff;}
.footer{text-align:center;}
.footer .site-name03{position:relative;margin-top:95px;}
.footer .site-name03:after{content:'';display:block;clear:both;position:absolute;bottom:-80px;left:50%;width:1px;height:50px;background-color:#939191;}

.footer [class*='txt-copyright']{font-size:14px;}
.footer .txt-copyright02{margin-top:100px;}

/* ---- ##반응형 넓이 (common) ---- */
[class*='wrap-header'] [class*='header'],
.container,
.footer{overflow:hidden;max-width:1803px;margin:0 auto;}

/* 대형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){}  /* Media Query End (768px) */

/* 대형 프레임 : 1280px 이상 */
@media only screen and (min-width:1280px){} /* Media Query End (1280px) */


/* =============== ####초기화 (RESET) ======================== */

/* ---- ##페이지전환 Page Transitions (animsition) ---- */
/* animsition 미사용시 에러방지 : wrap 클래스 하나만 선언 */
[class~='wrap']{opacity:1;}

/* animsition 사용시 기본 */
.wrap[class*='animsition']{opacity:0;position:relative;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}

.animsition-overlay-slide{z-index:600;}
.page-theme01 .animsition-overlay-slide{background-color:#f3bb4a;}
.page-theme02 .animsition-overlay-slide{background-color:#679ab5;}
.page-theme03 .animsition-overlay-slide{background-color:#67b97b;}
.page-theme04 .animsition-overlay-slide{background-color:#f5cece;}
.page-theme05 .animsition-overlay-slide{background-color:#f3bb4a;}


/* =============== ####콘텐츠 (content) ======================== */

/* ---- ##이미지커버 img Cover ---- */
.img-cover{overflow:hidden;}
.img-cover img{visibility:hidden;opacity:0;}
.swiper-lazy img{visibility:hidden;opacity:0;}
/* .img-cover[class*='imgLiquid'] img{visibility:hidden;opacity:0;} */

/* ---- ##대체텍스트 IR ---- */
.ir-txt{overflow:hidden;font-size:1px;line-height:1px;white-space:nowrap;color:transparent;}
.ir-txt::selection{font-size:0;} /* 드래그시 버튼에 글자 보임 방지 */

/* ---- ##버튼 Button ---- */
/* btn-unit001 ~ 100 : 일반 버튼
/* btn-unit801 ~ 899 : 테마성 버튼 (10단위로 스타일 선언)
	└ (예)btn-unit801, btn-unit802 : [class*='btn-unit80'] 공통화
	└ (예)btn-unit811, btn-unit812 : [class*='btn-unit81'] 공통화
 * btn-arrow$$ : 방향 버튼
 * btn- : 그 외 (독립적으로 가야하는 버튼) */

/* btn - 공통 */
[class*='btn-']{overflow:hidden;display:inline-block;position:relative;box-sizing:border-box;color:inherit;font:inherit;line-height:normal;border:none;background-color:transparent;vertical-align:top;}
[class*='btn-'] .ir-txt{position:absolute;top:50%;left:50%;}
[class*='btn-'] .txt{position:relative;white-space:nowrap;}

/* swiperJS CSS 초기화 - 버튼 */
[class*='btn-arrow01'][class*='swiper-button']{margin-top:0;background:transparent none;}
[class*='btn-arrow02'][class*='swiper-button']{margin-top:0;background-image:none;}

/* (임시) btn-unit000 : 스타일 없는 버튼 (텍스트) */
/* .btn-unit000{} */

/* btn-unit001 닫기버튼 (엑스) */
.btn-unit001{position:relative;width:48px;height:48px;}
.btn-unit001:before,
.btn-unit001:after{content:'';display:block;clear:both;position:absolute;left:4.5px;width:41px;height:3px;background-color:#fff;}
.btn-unit001:before{top:22px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.btn-unit001:after{top:22px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);}

/* btn-unit002 show/hide */
.btn-unit002{position:relative;width:103px;height:34px;text-align:left;}
.btn-unit002 [class*='txt']{display:none;width:100%;height:100%;font-weight:500;font-size:20px;line-height:34px;color:#ccc;}
.btn-unit002 [class*='txt'].active{display:block;}
.btn-unit002 [class*='txt']:before,
.btn-unit002 [class*='txt']:after{content:'';display:block;clear:both;position:absolute;top:15px;right:0;width:16px;height:2px;background-color:#ccc;}
.btn-unit002 [class*='txt']:before{
-webkit-transform:rotate(90deg);
transform:rotate(90deg);}
.btn-unit002 .txt01:before{display:none;}

/* btn-unit801,802 : 언어교체 */
[class*='btn-unit80']{width:90px;height:40px;border-radius:40px;text-align:center;}
[class*='btn-unit80'] .txt{width:100%;height:100%;font-weight:700;font-size:16px;line-height:40px;}
.btn-unit801{border:1px solid #000;}
.btn-unit801 .txt{color:#000;}
.btn-unit802{border:1px solid #fff;}
.btn-unit802 .txt{color:#fff;}

/* btn-unit811,812 : 더보기 버튼 */
[class*='btn-unit81']{min-width:250px;height:60px;text-align:center;}
[class*='btn-unit81'] .txt{width:100%;height:100%;line-height:60px;font-size:11px;}
.btn-unit811{border:1px solid #000;}
.btn-unit811 .txt{color:#000;}
.btn-unit812{border:1px solid #fff;}
.btn-unit812 .txt{color:#fff;}

/* btn-unit821,822 : 더보기 버튼 */
[class*='btn-unit82']{min-width:140px;height:40px;text-align:center;}
[class*='btn-unit82'] .txt{width:100%;height:100%;line-height:40px;font-size:11px;}
.btn-unit821{border:1px solid #000;}
.btn-unit821 .txt{color:#000;}
.btn-unit822{border:1px solid #fff;}
.btn-unit822 .txt{color:#fff;}

/* btn-arrow : [공통] 방향 버튼 */
[class*='btn-arrow']:hover{text-decoration:none;}

/* btn-arrow01 : 방향 버튼
 * [메인] 톱슬라이드 */
[class*='btn-arrow01']{position:relative;width:32px;height:50px;}
[class*='btn-arrow01']:after{content:'';position:absolute;left:50%;top:50%;width:22px;height:22px;border:2px solid #b5b5b5;border-right:0 !important;border-bottom:0 !important;}
.btn-arrow01-prev:after{-webkit-transform:translate(-4px,-50%) rotate(-45deg);
transform:translate(-4px,-50%) rotate(-45deg);}
.btn-arrow01-next:after{-webkit-transform:translate(-18px,-50%) rotate(135deg);
transform:translate(-18px,-50%) rotate(135deg);}

/* btn-arrow02 : 방향 버튼
 * [본문] 본문 슬라이드 (페이징 좌우) */
[class*='btn-arrow02']{position:relative;width:28px;height:34px;}
[class*='btn-arrow02']:after{content:'';position:absolute;left:50%;top:50%;width:11px;height:11px;border:2px solid #fff;border-right:0 !important;border-bottom:0 !important;}
.btn-arrow02-prev:after{-webkit-transform:translate(-4px,-50%) rotate(-45deg);
transform:translate(-4px,-50%) rotate(-45deg);}
.btn-arrow02-next:after{-webkit-transform:translate(-10px,-50%) rotate(135deg);
transform:translate(-10px,-50%) rotate(135deg);}
[class*='btn-arrow']:hover{text-decoration:none;}

/* btn-whole-menu : 전체 메뉴 */
[class*='btn-whole-menu']{position:relative;width:48px;height:48px;}
[class*='btn-whole-menu'] i{position:absolute;left:10px;display:block;width:28px;height:3px;}
[class*='btn-whole-menu'] i:nth-of-type(1){top:13px;}
[class*='btn-whole-menu'] i:nth-of-type(2){top:22px;}
[class*='btn-whole-menu'] i:nth-of-type(3){top:31px;}
/* 메인 : 블랙 */
.btn-whole-menu01 i{background:#000;}
/* 서브 : 화이트 */
.btn-whole-menu02 i{background:#fff;}

/* btn-scroll-down : 스크롤 다운 */
.btn-scroll-down{}
.btn-scroll-down{overflow:visible;position:absolute;left:50%;bottom:210px;z-index:100;width:80px;height:50px;margin-left:-40px;}
.btn-scroll-down .txt{font-size:13px;color:#fff;}
.btn-scroll-down:after{content:'';display:block;clear:both;position:absolute;top:36px;left:50%;width:2px;height:124px;margin-left:-1px;background-color:#acacac;
-webkit-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;}

/* btn-scroll-top : 스크롤 탑 */
.btn-scroll-top{position:fixed;bottom:20px;right:20px;z-index:200;width:40px;height:40px;border-radius:50%;margin-left:861px;background-color:#333;}
.btn-scroll-top .txt{position:absolute;top:50%;left:50%;width:1px;height:20px;background-color:#fff;text-indent:-9999px;color:transparent;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}
.btn-scroll-top .txt:before{content:'';display:block;clear:both;position:absolute;top:0;left:-5px;width:10px;height:10px;border:1px solid #fff;border-right:0 !important;border-bottom:0 !important;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
@media only screen and (min-width:1803px){
	.btn-scroll-top{right:inherit;;left:50%;margin-left:861px;}
}

/* ---- ##버튼영역 btns-wrap$$ ---- */
/* 01 : 오른쪽 정렬
 * 02 : 왼쪽 정렬
 * 03 : 가운데 정렬 */
[class*='btns-wrap']{overflow:hidden;position:relative;width:100%;}
.btns-wrap01{text-align:right;}
.btns-wrap02{text-align:left;}
.btns-wrap03{text-align:center;}

/* ---- ##페이징 paging ---- */

/* pager-unit01 */
.pager-unit01.swiper-pagination [class*='-bullet']{opacity:1;box-sizing:border-box;width:4px;height:4px;margin:28px 10px;background-color:#000;font-size:0;line-height:0;}
.pager-unit01.swiper-pagination [class*='-bullet-active']{width:60px;height:60px;margin:0 10px;border-radius:50%;border:1px solid #b9b9b9;background-color:transparent;font-size:12px;line-height:60px;color:#000;}

/* pager-unit02 */
.pager-unit02{width:110px;height:34px;}
.pager-unit02 span{font-size:20px;color:#fff;line-height:34px;}

/* ---- ##셀렉트 select ---- */
/* select-unit01 : 셀렉트 */
.select-unit01{display:inline-block;position:relative;}
/* 셀렉트 버튼 */
.select-unit01 .btn-pick{position:relative;height:54px;padding:0 45px 9px 5px;text-align:left;}
.select-unit01 .btn-pick [class*='txt']{font-weight:700;font-size:36px;line-height:42px;letter-spacing:-0.025em;}
.select-unit01 .txt01{color:#939191;}
.select-unit01 .txt02{color:#fff;}
.select-unit01 .txt01+.txt02{margin-left:15px;}
.select-unit01 .btn-pick:before,
.select-unit01 .btn-pick:after{content:'';display:block;clear:both;position:absolute;}
/* 셀렉트 버튼 화살표 */
.select-unit01 .btn-pick:before{top:15px;right:5px;width:11px;height:11px;border:1px solid #fff;border-top:0 !important;border-left:0 !important;
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
/* 셀렉트 버튼 밑줄 */
.select-unit01 .btn-pick:after{bottom:0;left:0;width:100%;height:3px;background:#484848;}
/* 셀렉트 리스트 */
.select-unit01 .list{/* width:660px;height:250px; */ display:none;position:absolute;top:54px;right:0;box-sizing:border-box;width:784px;padding:24px 30px;background:rgba(14,15,15,0.9);text-align:left;}
.select-unit01 .list a{font-weight:700;font-size:30px;line-height:44px;color:#fff;letter-spacing:-0.025em;}
/* 활성화 페이지 메뉴 숨김 */
.select-unit01 li.hide{display:none;}
/* 활성화 */
.select-unit01.active .btn-pick:before{top:20px;
-webkit-transform:rotate(225deg);
transform:rotate(225deg);}

/* (확장형) 셀렉트 테마 */
.select-theme .txt02{min-width:735px;}

/* ---- ##타이틀/텍스트 Title / text / paragraph  ---- */
/* title-unit000 : 스타일 정의가 애매한 경우 그룹핑의 역할로 사용
 * title-unit001 ~ 100 : 기본 버튼
 * title-unit801 ~ 899 : 테마성 버튼 (10단위로 스타일 선언)
	└ (예)title-unit801, title-unit802 : [class*='title-unit80'] 공통화
	└ (예)title-unit811, title-unit812 : [class*='title-unit81'] 공통화
 * title-page$$ : h1 페이지 제목 (단, 본문에서는 사용하지 않음)
 * title- : 그 외 (독립적으로 가야하는 제목) */

/* 제목 : 페이지 */
.title-page01{position:relative;}
.title-page01.hidden-obj{position:absolute;}

/* 공통 : .title-unit  */
[class*='title-unit']{position:relative;}

/* .title-unit001 */
.title-unit001{}
.title-unit001 .tit01{font-weight:700;font-size:36px;line-height:42px;color:#fff;letter-spacing:-0.025em;}

/* .title-unit002 */
.title-unit002{}
.title-unit002 .tit01{font-weight:700;font-size:100px;line-height:1;color:rgba(255,255,255,0.1);letter-spacing:-0.05em;}

/* .title-unit003 (메인) */
.title-unit003{height:100px;font-size:55px;line-height:1;letter-spacing:-0.05em;text-align:left;}
.title-unit003 .tit01{font-size:100px;}
/* .title-unit003 영문 */
.title-unit003.en .tit01{font-family:'Archivo Black',sans-serif;vertical-align:bottom;}
/* .title-unit003 국문 */
.title-unit003.ko{font-size:60px;}

/* .title-unit004 (메인) */
.title-unit004{min-height:50px;color:#fff;letter-spacing:-0.05em;text-align:center;}
.title-unit004 .tit01{display:block;margin-bottom:17px;font-size:16px;line-height:1;}
.title-unit004 .tit02{font-weight:700;font-size:24px;line-height:1.2;}

/* .title-unit005 (메인) */
.title-unit005{color:#000;letter-spacing:-0.05em;text-align:left;}
.title-unit005 .tit01{display:block;margin-bottom:17px;font-size:16px;line-height:1;}
.title-unit005 .tit02{font-weight:700;font-size:24px;line-height:1.2;text-transform:uppercase;}
.title-unit005 .tit03{font-weight:700;font-size:24px;line-height:1.2;color:#666;}
/* .title-unit005 영문 */
.title-unit005.en{}
/* .title-unit005 국문 */
.title-unit005.ko{color:#333;}

/* .title-unit80$ (테마,통신사 리스트) */
/* [class*='title-unit80'] .tit01{font-weight:700;font-size:24px;line-height:1.2;color:#f3bb4a;letter-spacing:-0.05em;} */
[class*='title-unit80'] .tit01{display:block;font-size:100px;line-height:1;color:#f3bb4a;letter-spacing:-0.025em;}
[class*='title-unit80']:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:1px;width:170px;height:8px;background-color:#f3bb4a;}
.title-unit801 .tit01{color:#f3bb4a;}
.title-unit802 .tit01{color:#679ab5;}
.title-unit803 .tit01{color:#67b97b;}
.title-unit804 .tit01{color:#f5cece;}
.title-unit801:after{background-color:#f3bb4a;}
.title-unit802:after{background-color:#679ab5;}
.title-unit803:after{background-color:#67b97b;}
.title-unit804:after{background-color:#f5cece;}
/* .title-unit80$ 영문 */
[class*='title-unit80'].en .tit01{font-weight:700;font-family:'Archivo Black',sans-serif;}
[class*='title-unit80'].ko .tit01{font-weight:800;font-size:80px;}

/* .title-unit81$ (메인) */
[class*='title-unit81'] .tit01{padding-bottom:20px;font-weight:700;font-size:24px;line-height:1.2;color:#f3bb4a;letter-spacing:-0.05em;}
@media only screen and (min-width:769px){
	[class*='title-unit81']:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:1px;width:50px;height:3px;background-color:#f3bb4a;}
	.title-unit811 .tit01{color:#f3bb4a;}
	.title-unit812 .tit01{color:#679ab5;}
	.title-unit813 .tit01{color:#67b97b;}
	.title-unit814 .tit01{color:#f5cece;}
	.title-unit811:after{background-color:#f3bb4a;}
	.title-unit812:after{background-color:#679ab5;}
	.title-unit813:after{background-color:#67b97b;}
	.title-unit814:after{background-color:#f5cece;}
}

/* 문단 : .item-box01
 * 메인 톱슬라이드 */
.item-box01{color:#fff;}
.item-box01 .title-unit000 [class*='tit']{line-height:1;}
.item-box01 .title-unit000 .tit01{display:block;letter-spacing:-0.025em;}
.item-box01 .title-unit000 .tit02{letter-spacing:-0.025em;}
.item-box01 .title-unit000 .tit03{font-style:italic;line-height:1.2;font-family:'Playfair Display',serif;color:#f1bb59;}

@media only screen and (min-width:769px){
	.item-box01 .title-unit000 [class*='tit'] br{display:none;}
	.item-box01 .title-unit000 a:hover{text-decoration:none;}

	/* 영문 제목 : tit01 */
	.item-box01.en .title-unit000 .tit01{font-size:100px;font-family:'Archivo Black',sans-serif;color:transparent;-webkit-text-stroke:1px #fff;}
	html.msie11 .item-box01.en .title-unit000 .tit01{color:#fff;}

	.item-box01.en.theme03 .title-unit000 .tit01{font-size:80px;}
	.item-box01.en.theme05 .title-unit000 .tit01{font-size:70px;}
	/* 영문 제목 : tit02 */
	.item-box01.en .title-unit000 .tit02{margin-top:2px;font-weight:700;font-size:60px;}
	.item-box01.en.theme02 .title-unit000 .tit02{font-size:72px;}
	.item-box01.en.theme04 .title-unit000 .tit02{font-size:80px;}
	.item-box01.en.theme05 .title-unit000 .tit02{margin-top:-6px;}
	/* 영문 제목 : tit03 */
	.item-box01.en .title-unit000 .tit03{font-size:90px;}

	/* .국문 제목 : tit01 */
	.item-box01.ko .title-unit000 .tit01{font-weight:800;font-size:80px;}
	.item-box01.ko.theme05 .title-unit000 .tit01{font-weight:400;font-size:60px;}
	/* .국문 제목 : tit02 */
	.item-box01.ko .title-unit000 .tit02{margin-top:17px;font-size:60px;}
	.item-box01.ko.theme05 .title-unit000 .tit02{font-weight:800;font-size:80px;}
	/* .국문 제목 : tit03 */
	.item-box01.ko .title-unit000 .tit03{margin-top:13px;font-size:48px;}
}
/* 설명 */
.item-box01 .desc-con01{margin-top:15px;}
.item-box01 .desc-con01>p{font-size:14px;line-height:18px;}
.item-box01 .desc-con02{position:relative;margin-top:30px;padding-top:30px;}
.item-box01 .desc-con02>p{font-size:18px;line-height:22px;}
.item-box01 .desc-con02:after{content:'';display:block;clear:both;position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:2px;background:#fff;}
.item-box01.ko .desc-con01{opacity:0.8;}

/* 문단 : .item-box02
 * 테마 리스트 */
.item-box02 [class*='title-unit80']{padding-bottom:26px;}
.item-box02 .desc-con{width:780px;margin:-16px 0 0 190px;}
.item-box02 .desc-con>p{font-size:18px;color:#fff;letter-spacing:-0.025em;}

/* ---- ##리스트 list ---- */
/* .list-unit01 : 테마 리스트 */

@media only screen and (min-width:769px){
	.list-unit01{box-sizing:border-box;width:1101px;font-size:0;line-height:0;}
	.list-unit01>li{display:inline-block;box-sizing:border-box;width:367px;height:252px;border:1px solid #1a1a1a;}
	.list-unit01 .item-box{overflow:hidden;box-sizing:border-box;width:365px;height:250px;}
	.list-unit01 .img-con{width:100%;height:100%;
	-webkit-transition:-webkit-transform 2s cubic-bezier(.16,1.08,.38,.98);
	transition:transform 2s cubic-bezier(.16,1.08,.38,.98);
	-webkit-transform:scale(1.0);
	transform:scale(1.0);}
	.list-unit01 .img-con img{width:100%;}
	.list-unit01 .desc-con{color:transparent;text-indent:-9999px;}
	.list-unit01 .img-con:hover{
	-webkit-transform:scale(1.06) translateZ(0);
	transform:scale(1.06) translateZ(0)}
}

/* .list-unit02 : 통신사 리스트 (리스트) */
.list-unit02{font-size:0;}
.list-unit02 li{display:inline-block;box-sizing:border-box;height:40px;margin-bottom:10px;border:1px solid #fff;border-radius:20px;text-align:center;}
.list-unit02 .txt{padding:0 24px;font-size:14px;line-height:40px;color:#fff;letter-spacing:-0.025em;}

/* .list-unit03 : 통신사 리스트 (메인) */
.list-unit03{font-size:0;}
.list-unit03 li:first-child{margin-top:0;}
.list-unit03 li{margin-top:4px;}
.list-unit03 [class*='txt']{padding:5px 0;font-size:14px;line-height:1.2;letter-spacing:-0.05px;color:#333;}
.list-unit03 .txt01{letter-spacing:-0.7px;}

/* .list-unit51 : 전체메뉴 (공통)  */
.list-unit51{counter-reset:number01 0;}
.list-unit51 a,
.list-unit51>li:before{color:#fff;}
.list-unit51>li{position:relative;margin-bottom:18px;}
.list-unit51>li>a{padding-left:48px;font-weight:700;font-size:60px;line-height:1.2;font-family:'Archivo Black',sans-serif;}
.list-unit51>li:before{position:absolute;top:21px;left:0;font-size:36px;line-height:1.2;vertical-align:bottom;
counter-increment:number01;content:counter(number01, decimal-leading-zero) ". ";}
.list-unit51 .list01{margin:12px 0 0 74px;}
.list-unit51 .list01>li+li{margin-top:11px;}
.list-unit51 .list01>li>a{padding:3px 0;font-size:24px;line-height:1;vertical-align:bottom;}

/* .list-unit91 : 협찬 (푸터) */
.list-unit91>a{width:240px;height:60px;margin:20px 0 0 10px;background:url(../img/sprites_sponsor01.png?v=20201203_1150) 0 0 / 240px auto no-repeat;}

.list-unit91 .bnr01{background-position:0 0;} /* 에쓰오일 */
.list-unit91 .bnr02{background-position:0 -60px;} /* 이마트 */
.list-unit91 .bnr03{background-position:0 -120px;} /* SPC */
.list-unit91 .bnr04{background-position:0 -180px;} /* LG생활건강 */
.list-unit91 .bnr05{background-position:0 -240px;} /* 삼성SDS */
.list-unit91 .bnr06{background-position:0 -300px;} /* BNK 부산은행 */
.list-unit91 .bnr07{background-position:0 -360px;} /* 서울우유 */
.list-unit91 .bnr08{background-position:0 -420px;} /* 한국가스 */
.list-unit91 .bnr09{background-position:0 -480px;} /* 코웨이 */
.list-unit91 .bnr10{background-position:0 -540px;} /* 롯데 */
.list-unit91 .bnr11{background-position:0 -600px;} /* 효성 */
.list-unit91 .bnr12{background-position:0 -660px;} /* BBQ */
.list-unit91 .bnr13{background-position:0 -720px;} /* SK브로드밴드 */
.list-unit91 .bnr14{background-position:0 -780px;} /* 한진중공업 */
.list-unit91 .bnr15{background-position:0 -840px;} /* 부산상공회의소 */
.list-unit91 .bnr16{background-position:0 -900px;} /* LG 그룹 */
.list-unit91 .bnr17{background-position:0 -960px;} /* 동서식품 */
.list-unit91 .bnr18{background-position:0 -1020px;} /* 한국마사회 */

/* ---- ##박스 box ---- */
/* .box-unit02 (.list-unit01 + .btns-wrap03) */
[class*='box-unit'] [class*='btns-wrap']{margin-top:80px;}

/* [리스트] : 소개글 영역 */
/* .box-unit01{} */

/* [리스트] : 셀렉트, 사진 리스트 */
.box-unit02{width:1101px;margin:0 auto;text-align:center;}
.box-unit02 .select-unit01,
.box-unit02 .title-unit001{margin-bottom:37px;}
.box-unit02 .select-unit01{position:relative;z-index:10;}
.box-unit02 .list-unit01{position:relative;z-index:1;text-align:left;}

/* [리스트] : 통신사 리스트 */
.box-unit03{width:1100px;margin:0 auto;}
@media only screen and (min-width:769px){
	.box-unit03 [class*='area']{position:relative;min-height:400px;margin-bottom:90px;}
	.box-unit03 [class*='area']:after{content:'';display:block;clear:both;position:absolute;bottom:0;width:462px;height:334px;}
	.box-unit03 .title-unit001{margin-bottom:90px;text-align:center;}
	.box-unit03 .title-unit002{margin-bottom:12px;}
	.box-unit03 .list-unit02{position:relative;z-index:10;}

	.box-unit03 .area01 .title-unit002,
	.box-unit03 .area03 .title-unit002{height:100px;text-align:right;}
	.box-unit03 .area01 .list-unit02,
	.box-unit03 .area03 .list-unit02{padding-right:300px;}
	.box-unit03 .area02 .title-unit002,
	.box-unit03 .area04 .title-unit002{text-align:left;}
	.box-unit03 .area02 .list-unit02,
	.box-unit03 .area04 .list-unit02{padding-left:455px;}
}

.box-unit03 .area01:after{bottom:-10px;right:0;background:url(../img/img_agency_zone01.png) 0 0 no-repeat;}
.box-unit03 .area02:after{bottom:-12px;left:0;background:url(../img/img_agency_zone02.png) 0 0 no-repeat;}
.box-unit03 .area03:after{bottom:-8px;right:0;background:url(../img/img_agency_zone03.png) 0 0 no-repeat;}
.box-unit03 .area04:after{bottom:-8px;left:0;background:url(../img/img_agency_zone04.png) 0 0 no-repeat;}

/* ---- ##슬라이드 Slide ---- */
/* [메인] 톱슬라이드 */
.slide-visual01{position:relative;width:100%;color:#fff;}
.slide-visual01 .swiper-slide{overflow:hidden;position:relative;width:100%;}
.slide-visual01 .item-box01{position:absolute;left:50%;z-index:20;width:100%;text-align:center;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);}
.slide-visual01 .item-img{position:relative;width:100%;height:100%;z-index:10;}
.slide-visual01 .item-img:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.slide-visual01 .item-img .img{display:block;width:100%;height:100%;background-size:cover;background-position:50% 0;}
.slide-visual01 [class*='btn-arrow01']{opacity:0;position:absolute;top:50%;z-index:50;margin-top:-25px;
-webkit-transition:opacity 0.3s ease;
transition:opacity 0.3s ease;}
.slide-visual01 .swipe-handler{display:none !important;}
.slide-visual01 .swiper-pagination{bottom:0;}
.slide-visual01 .event-name{visibility:hidden;}
/* 활성화02 : 일반 모드 */
.slide-visual01.active02 .swiper-slide .item-box01{display:none;}
.slide-visual01.active02 [class*='btn-arrow01'],
.slide-visual01.active02 .event-name{visibility:visible;}
.slide-visual01 ~ .btn-unit821{display:none;}

@media only screen and (min-width:769px){
	.slide-visual01{height:850px;}
	.slide-visual01 .swiper-slide{height:750px}
	.slide-visual01 .item-box01{top:165px;}
	.slide-visual01 .swiper-pagination{left:50%;width:400px;height:60px;margin-left:-200px;}
}

/* [메인] 테마 갤러리 */
.slide-gallery01 .swiper-slide{width:20%;height:690px;
-webkit-transition:all 0.3s;
transition:all 0.3s;}
.slide-gallery01 .swiper-slide:before,
.slide-gallery01 .swiper-slide:after{width:3px;height:100%;}
.slide-gallery01 .item-box{position:absolute;z-index:20;box-sizing:border-box;width:100%;padding:0 25px;}
.slide-gallery01 .item-img{overflow:hidden;position:relative;width:100%;height:100%;z-index:10;}
.slide-gallery01 .item-img:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0);opacity:0.3;
-webkit-transition:all 0.3s;
transition:all 0.3s;}
.slide-gallery01 .title-unit004{height:90px;}
.slide-gallery01 .title-unit004:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:50%;width:1px;height:0;background-color:#fff;}
.slide-gallery01 .desc-con{margin-top:26px;text-align:center;}
.slide-gallery01 .desc-con>p{font-size:16px;line-height:18px;color:#fff;}
.slide-gallery01 .btn-unit822{position:absolute;bottom:90px;left:50%;z-index:20;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);}
@media only screen and (min-width:769px){
	.slide-gallery01 .item-box{top:50%;left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);}
	/* 비활성화 */
	.slide-gallery01 .desc-con,
	.slide-gallery01 .btn-unit822{display:none;}
	/* 활성화 */
	.slide-gallery01.over .swiper-slide{width:18.5%;}
	.slide-gallery01.over .swiper-slide .item-img:after{opacity:0.7;}
	.slide-gallery01.over .swiper-slide.active{width:26%;}
	.slide-gallery01.over .swiper-slide.active .item-img:after{opacity:0;}
	.slide-gallery01 .swiper-slide.active .title-unit004{padding-bottom:110px;}
	.slide-gallery01 .swiper-slide.active .title-unit004:after{bottom:0;height:50px;} /* height 애니메이션 */
	.slide-gallery01 .swiper-slide.active .desc-con,
	.slide-gallery01 .swiper-slide.active .btn-unit822{display:block;}
}

/* [본문] 뷰어
 * .slide-view01 : 슬라이드 뷰어모드
 * .slide-view01.thumbs : 슬라이드 섬네일모드 */
.slide-view01{will-change:transform;-webkit-transition:all 0.3s;transition:all 0.3s;}
@media only screen and (min-width:769px){
	.slide-view01{overflow:visible;width:1024px;height:867px;margin:0 auto;}
	.slide-view01 .swiper-slide .item-box{width:100%;height:100%;}
	.slide-view01 .img-con{width:100%;height:750px;background-size:cover;background-position:50% 0;text-align:center;}
	.slide-view01 .img-con[style*='_h_p.']{background-size:auto !important;background-repeat:no-repeat;}
	.slide-view01 .img-con img{width:100%;height:auto;}
	.slide-view01 .img-con img[src*='_h_p.']{width:auto;height:750px;}
}
/* 슬라이드 뷰어모드 비활성 */
.slide-view01 .swiper-slide{overflow:hidden;
will-change:transform;
-webkit-transition:all 0.3s;
transition:all 0.3s;
-webkit-transform:scale(0.4);
transform:scale(0.4);}
/* 슬라이드 뷰어모드 활성 */
.slide-view01 .swiper-slide-active{
-webkit-transform:scale(1);
transform:scale(1);}

/* 슬라이드 섬네일모드 */
.slide-view01.thumbs{
-webkit-transform:scale(0.35);
transform:scale(0.35);}
.slide-view01.thumbs .swiper-slide,
.slide-view01.thumbs .swiper-slide-active{
-webkit-transform:scale(1);
transform:scale(1);}
@media only screen and (min-width:769px){
	/* 슬라이드 뷰어모드 비활성 */
	.slide-view01 .swiper-slide{width:1024px;height:867px;}
}

/* (공통)캡션, 페이징, 좌우버튼 */
.view-area .pager-unit02,
.view-area .btn-arrow02-prev,
.view-area .btn-arrow02-next,
.view-area .desc-con{opacity:0;
-webkit-transition:opacity 0.3s ease;
transition:opacity 0.3s ease;}
.view-area .pager-unit02.active,
.view-area .btn-arrow02-prev.active,
.view-area .btn-arrow02-next.active,
.view-area .desc-con.active{opacity:1;}
.view-area .desc-con{display:block;width:100%;height:83px;}
.view-area .desc-con .inner{overflow-y:auto;box-sizing:border-box;height:83px;padding:8px 15px;font-size:15px;line-height:1.2;color:#fff;}
@media only screen and (min-width:769px){
	.view-area .pager-unit02,
	.view-area .btn-arrow02-prev,
	.view-area .btn-arrow02-next,
	.view-area .btn-unit002{position:fixed;bottom:50px;z-index:100;}
	.view-area .pager-unit02{right:120px;left:inherit;/* background:blueviolet; */}
	.view-area [class*='btn-arrow02']{top:inherit;left:inherit;}
	.view-area .btn-arrow02-prev{right:222px;}
	.view-area .btn-arrow02-next{right:99px;}
	.view-area .btn-unit002{left:100px;}
}

/* ---- ##레이어팝업 popup ---- */
/* 전체메뉴 */
.popup-whole-menu .pop-header,
.popup-whole-menu .pop-content{box-sizing:border-box;max-width:1803px;margin:0 auto;}
.popup-whole-menu .pop-header{height:80px;text-align:right;}
.popup-whole-menu .pop-header [class*='btn-unit']{margin:16px 0 0 20px;}

.popup-whole-menu{opacity:0;position:fixed;right:0;top:0;z-index:-1;width:100%;height:100%;background-color:transparent;will-change:transform;
-webkit-transition:opacity 0.2s ease 0.3s;
transition:opacity 0.2s ease 0.3s;}
/* 닫기 */
.popup-whole-menu.hide{opacity:0;}
/* 열기 */
.popup-whole-menu.fixed{opacity:1;z-index:500;}

/* ---- ##딤드 dimed / mask---- */
.mask-type01{visibility:hidden;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(233,172,48,0);z-index:0;
-webkit-transition:visibility 0s 0.5s;
-moz-transition:visibility 0s 0.5s;
-ms-transition:visibility 0s 0.5s;
transition:visibility 0s 0.5s;}
.mask-type01 svg{position:absolute;top:0;left:0;}
.mask-type01 .overlay-path{fill:rgba(233,172,48,1);}
.mask-type01.open{visibility:visible;-webkit-transition:none;transition:none;z-index:490;}
.mask-type01.close{z-index:490;}


/* =============== ####컨트롤 (Body Class - Control) ======================== */

/* body.popup-mode */
body.popup-mode{overflow:hidden;}

/* ---- ##공통 ---- */

/* 공통여백 */

/* ---- ##메인(Main) ---- */
/* .page-main{} */
.page-main .wrap{background-color:#fff;}

/* 메인 공통 */
[class*='major-']{position:relative;}
@media only screen and (min-width:769px){
	[class*='major-'] .title-unit003{position:absolute;top:0;left:50%;width:1316px;margin:0 0 0 -658px;}
}

/* .major-visual 비주얼 테마 */
.major-visual{margin-top:0;padding-top:0;}

/* .major-intro 소개 margin-left:-535px */
@media only screen and (min-width:769px){
	.major-intro{width:1100px;margin:80px auto 0;padding-top:120px;text-align:right;}
	.html-ko .major-intro{padding-top:94px;}
	.major-intro:after{content:'';display:block;clear:both;position:absolute;bottom:-16px;left:50%;width:485px;height:418px;margin-left:-550px;background:url(../img/img_intro_main_web01.png) 0 0 no-repeat;}

	.major-intro .desc-con{display:inline-block;position:relative;width:556px;text-align:left;}
	.major-intro .desc-con p:not(.txt01){font-size:16px;line-height:1.5;color:#666;}
	.major-intro .desc-con .txt01{display:inline-block;border-bottom:1px solid #f5cece;font-style:italic;font-size:16px;line-height:1;color:#f8a9a9;}
	/* .major-intro 영문 */
	.major-intro .desc-con.en>p:not(.txt01){margin-bottom:30px;}
	/*.major-intro 국문 */
	.major-intro .desc-con.ko{width:598px;margin-bottom:-100px;padding-bottom:100px;}
	.major-intro .desc-con.ko p:not(.txt01){line-height:1.7;}
	.major-intro .desc-con.ko .txt02{position:absolute;right:0;bottom:0;width:210px;}
}

/* .major-gallery 갤러리 */
@media only screen and (min-width:769px){
	.major-gallery{width:100%;margin-top:80px;padding-top:120px;}
	.html-ko .major-gallery{margin-top:180px;padding-top:94px;}
	.major-gallery .pager-unit01{display:none;}
}

/* .major-agency 통신사 목록 */
.major-agency{position:relative;width:1100px;margin:80px auto 0;padding-top:120px;}
.html-ko .major-agency{padding-top:94px;}
.major-agency:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.major-agency .txt-unit001{display:none;}
.major-agency [class*='title-unit81']{clear:both;margin-bottom:20px;}
@media only screen and (min-width:769px){
	.major-agency [class*='area'],
	.major-agency [class*='list-unit']{float:left;}
	/* 가로 1,3 */
	.major-agency section:nth-child(2n){width:570px;margin-left:10px;}
	/* 가로 2,4 */
	.major-agency section:nth-child(2n-1){width:480px;margin-left:40px;}
	/* 세로 */
	.major-agency .area01,
	.major-agency .area02{height:428px;}
	.major-agency .area03,
	.major-agency .area04{height:270px;margin-top:20px;}
	/* 내부 리스트 위치 */
	.major-agency .area01 .list-unit03{width:223px;margin-right:10px;}
	.major-agency .area01 .list-unit03+.list-unit03{width:336px;margin-right:0;}
	.major-agency .area02 .list-unit03{width:230px;margin-right:10px;}
	.major-agency .area02 .list-unit03+.list-unit03{width:230px;margin-right:0;}
}

/* .major-map 통신사 지도 */
.major-map{margin-top:44px;}
.html-ko .major-map{padding-top:120px;}
.major-map .area{position:relative;background-color:#191a1a;text-align:right;}
.major-map .area>span{overflow:hidden;display:block;position:absolute;z-index:10;box-sizing:border-box;width:14px;height:20px;background:url(../img/sprites_default01.png?v=20201113_1135) -500px 0 no-repeat;text-indent:-9999px;color:transparent;font-size:1px;line-height:1px;cursor:pointer;}

/* Asia, Australia */
.major-map .area .link-AAP{top:570px;left:833px;/* background-color:orange; */}
.major-map .area .link-ANTARA{top:437px;left:727px;/* background-color:orange; */}
.major-map .area .link-BERNAMA{top:420px;left:661px;/* background-color:orange; */}
.major-map .area .link-BNA{top:293px;left:370px;/* background-color:orange; */} /* Bahrain */
.major-map .area .link-Inforpress{top:205px;left:62px;/* background-color:orange; */}
.major-map .area .link-IRNA{top:266px;left:402px;/* background-color:orange; */}
.major-map .area .link-JIJIPress{top:219px;left:865px;/* background-color:orange; */}
.major-map .area .link-KABAR{top:194px;left:516px;/* background-color:orange; */}
.major-map .area .link-KAZINFORM{top:128px;left:476px;/* background-color:orange; */}
.major-map .area .link-Kyodo{top:239px;left:843px;/* background-color:orange; */}
.major-map .area .link-MONTSAME{top:166px;left:665px;/* background-color:orange; */}
.major-map .area .link-PTI{top:302px;left:533px;/* background-color:orange; */}
.major-map .area .link-WAFA{top:255px;left:296px;/* background-color:orange; */}
.major-map .area .link-QNA{top:300px;left:386px;/* background-color:orange; */} /* Qatar */
.major-map .area .link-RSS{top:287px;left:571px;/* background-color:orange; */}
.major-map .area .link-SANA{top:236px;left:318px;/* background-color:orange; */}
.major-map .area .link-SPA{top:293px;left:335px;/* background-color:orange; */}
.major-map .area .link-TNA{top:345px;left:647px;/* background-color:orange; */}
.major-map .area .link-VNA{top:369px;left:694px;/* background-color:orange; */}
.major-map .area .link-WAM{top:307px;left:401px;/* background-color:orange; */} /* United Arab Emirates */
.major-map .area .link-XINHUA{top:246px;left:661px;/* background-color:orange; */}
.major-map .area .link-YNA{top:229px;left:797px;/* background-color:orange; */}
/* Europe */
.major-map .area .link-AGERPRES{top:152px;left:244px;/* background-color:red; */}
.major-map .area .link-ANADOLU{top:219px;left:296px;/* background-color:red; */}
.major-map .area .link-ANA-MPA{top:203px;left:229px;/* background-color:red; */} /* Athenae-Macedonia */
.major-map .area .link-AZERTAC{top:205px;left:376px;/* background-color:red; */}
.major-map .area .link-BTA{top:187px;left:249px;/* background-color:red; */}
.major-map .area .link-CTK{top:131px;left:192px;/* background-color:red; */}
.major-map .area .link-DPA{top:108px;left:168px;/* background-color:red; */}
.major-map .area .link-EFE{top:205px;left:89px;/* background-color:red; */}
.major-map .area .link-EPA{top:131px;left:158px;/* background-color:red; */}
.major-map .area .link-LUSA{top:206px;left:63px;/* background-color:red; */}
.major-map .area .link-NTB{top:30px;left:158px;/* background-color:red; */}
.major-map .area .link-PA{top:103px;left:99px;/* background-color:red; */}
.major-map .area .link-Sputnik{top:23px;left:636px;/* background-color:red; */} /* 주소를 알 수 없음 */
.major-map .area .link-Tanjug{top:183px;left:229px;/* background-color:red; */} /* Serbia */
.major-map .area .link-TASS{top:85px;left:318px;/* background-color:red; */} /* Russia */
.major-map .area .link-TREND{top:205px;left:361px;/* background-color:red; */}
/* Africa */
.major-map .area .link-ACI{top:449px;left:177px;/* background-color:lightskyblue; */} /* Congo '콩고공화국과 콩고민주공화국 위치 다름' */
.major-map .area .link-AIP{top:399px;left:79px;/* background-color:lightskyblue; */}
.major-map .area .link-GABONESE{top:430px;left:165px;/* background-color:lightskyblue; */} /* Gabon */
.major-map .area .link-Inforpress{top:360px;left:4px;/* background-color:lightskyblue; */}
.major-map .area .link-MAP{top:266px;left:73px;/* background-color:lightskyblue; */}
.major-map .area .link-SUNA{top:359px;left:273px;/* background-color:lightskyblue; */}
.major-map .area .link-TAP{top:248px;left:163px;/* background-color:lightskyblue; */} /* Tunisia */
/* South America */
.major-map .area .link-LANA{top:635px;left:1687px;/* background-color:palegreen; */}
.major-map .area .link-PL1{top:321px;left:1632px;/* background-color:palegreen; */}
.major-map .area .link-Telam{top:635px;left:1713px;/* background-color:palegreen; */}

/* 툴팁 */
.tooltip-map{position:absolute;bottom:-50px;z-index:10;box-sizing:border-box;min-width:60px;height:20px;padding:0 8px;border-radius:2px;background:#fff;font-size:12px;line-height:20px;text-align:left;color:#333;
visibility:hidden;opacity:0;
-webkit-transition:0.1s all cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition:0.1s all cubic-bezier(0.6, 0.04, 0.98, 0.335);}
.tooltip-map:before{content:'';display:block;clear:both;position:absolute;top:8px;width:0px;height:0px;border-top:3px solid transparent;border-bottom:3px solid transparent;}
.tooltip-map.left:before{border-right:5px solid #fff;}
.tooltip-map.right:before{border-left:5px solid #fff;}
/*  툴팁 좌우 반전 */
.tooltip-map.left:before{left:-5px;}
.tooltip-map.right:before{right:-5px;}
/*  툴팁 활성화 */
.tooltip-map.active{visibility:visible;opacity:1;bottom:inherit;
-webkit-transition:0.35s all cubic-bezier(0.075, 0.82, 0.165, 1);
transition:0.35s all cubic-bezier(0.075, 0.82, 0.165, 1);}

/* .major-summary 요약 */
.major-summary{width:1100px;margin:0 auto;padding-top:120px;}
.major-summary:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.major-summary .title-unit003{display:none;}
.major-summary>div{position:relative;float:left;box-sizing:border-box;width:550px;min-height:170px;margin-top:50px;padding:0 20px 0 140px;}
.major-summary>div:before,
.major-summary>div:after{content:'';display:block;clear:both;position:absolute;left:0;}
/* 픽토그램 */
.major-summary>div:before{top:0;width:120px;height:120px;background:url(../img/sprites_default01.png?v=20201113_1135) 100% 0 no-repeat;}
.major-summary .area01:before{background-position-y:0;}
.major-summary .area02:before{background-position-y:-150px;}
.major-summary .area03:before{background-position-y:-300px;}
.major-summary .area04:before{background-position-y:-450px;}
/* 구분선 */
@media only screen and (min-width:769px){
	.major-summary>div:nth-of-type(odd):after{top:-50px;width:1100px;height:1px;border-bottom:1px dashed #d8dce7;}
	.major-summary.ko>div:nth-of-type(odd):after{top:-80px;}
	.major-summary>div.area01,
	.major-summary>div.area02{margin-top:0;}
	.major-summary .area01:nth-of-type(odd):after,
	.major-summary .area02:nth-of-type(odd):after{display:none;}
}
/* 설명글 */
.major-summary .desc-con{margin-top:27px;font-size:24px;line-height:1.2;color:#666;}
/* .major-summary 국문 */
.major-summary.ko>div{min-height:302px;margin-top:80px;}
.major-summary.ko .title-unit005 .tit03{margin-top:29px;}
.major-summary.ko .desc-con{margin-top:22px;font-size:16px;letter-spacing:-0.025em;}

/* .major-sponsor 협찬 */
.major-sponsor{box-sizing:border-box;width:1100px;margin:0 auto 100px;padding-top:120px;}
.major-sponsor .list-unit91{margin:-20px 0 0 -10px;}

/* ---- ##리스트-공통 ---- */
.body-list{background-color:#1a1a1a;}
.body-list .box-unit01{width:1533px;margin:70px auto;}


/* ---- ##리스트-테마 ---- */
/* [class*='page-theme']{} */


/* ---- ##리스트-에이전시 ---- */
/* .page-agency{} */


/* ---- ##본문 ---- */
.body-view .wrap-header02,
.body-view .wrap-footer,
.body-view .btn-scroll-top{display:none !important;}

.article-view{width:100%;height:100%;}
.view-area{width:100%;}
.title-photo01{position:relative;width:100%;height:80px;margin:0 auto;text-align:center;}
.title-photo01 .tit01{font-weight:700;font-size:36px;line-height:80px;color:#fff;}
.title-photo01 .btn-unit001{position:absolute;bottom:0;right:10px;}

/* ---- ##키프레임 keyframes ---- */
@-webkit-keyframes elasticus {
	0% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 0);
		-ms-transform: scale(1, 0);
		-moz-transform: scale(1, 0);
		-o-transform: scale(1, 0);
		transform: scale(1, 0);
	}
	50% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 100%;
		-ms-transform-origin: 0% 100%;
		-moz-transform-origin: 0% 100%;
		-o-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 100%;
		-ms-transform-origin: 0% 100%;
		-moz-transform-origin: 0% 100%;
		-o-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: scale(1, 0);
		-ms-transform: scale(1, 0);
		-moz-transform: scale(1, 0);
		-o-transform: scale(1, 0);
		transform: scale(1, 0);
	}
}
@keyframes elasticus {
	0% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 0);
		-ms-transform: scale(1, 0);
		-moz-transform: scale(1, 0);
		-o-transform: scale(1, 0);
		transform: scale(1, 0);
	}
	50% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 100%;
		-ms-transform-origin: 0% 100%;
		-moz-transform-origin: 0% 100%;
		-o-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 100%;
		-ms-transform-origin: 0% 100%;
		-moz-transform-origin: 0% 100%;
		-o-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: scale(1, 0);
		-ms-transform: scale(1, 0);
		-moz-transform: scale(1, 0);
		-o-transform: scale(1, 0);
		transform: scale(1, 0);
	}
}

/* ---- ##개발용 ---- */
.html-en .ko{display:none;}
.html-ko .en{display:none;}

/* ---- ##테스트 ---- */
/* (임시) 테스트용 */
.body-test .slide-visual01 ~ .btn-unit821{display:block;position:absolute;bottom:10px;z-index:200;}
.body-test .slide-visual01 ~ .btn-visual-play{}
.body-test .slide-visual01 ~ .btn-visual-stop{left:150px;}

/* ---- ##가이드(Guide) ---- */
.guide-box{position:fixed;bottom:0;left:0;z-index:100;box-sizing:border-box;min-width:100px;padding:10px 0;border:2px solid #fff;background:rgba(0,0,0,0.3);font-size:16px;line-height:1;color:#fff;text-align:center;}

[class^='guide-font'] tbody tr td{font-size:16px;}
@media only screen and (min-width:769px){ /* PC */
	[class^='guide-font'] .ww01{width:160px;}
}
@media only screen and (max-width:768px){ /* Mobile */
	[class^='guide-font'] .ww01{width:100px;}
}
.guide-font01 tbody td{font-family:'Archivo','맑은 고딕',Arial,Helvetica,sans-serif;}
.guide-font01 tbody tr:nth-child(1) td{font-weight:400;}
.guide-font01 tbody tr:nth-child(2) td{font-weight:500;}
.guide-font01 tbody tr:nth-child(3) td{font-weight:700;}

.guide-font02 tbody td{font-family:'Archivo Black','맑은 고딕',Arial,Helvetica,sans-serif;}
.guide-font02 tbody tr:nth-child(1) td{font-weight:400;}
.guide-font02 tbody tr:nth-child(2) td{font-weight:normal;}
.guide-font02 tbody tr:nth-child(3) td{font-weight:bold;}

.guide-font03 tbody td{font-family:'Playfair Display','맑은 고딕',serif;font-style:italic;}
.guide-font03 tbody tr:nth-child(1) td{font-weight:400;}
.guide-font03 tbody tr:nth-child(2) td{font-weight:normal;}