@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 배경 ********************** */
#wrap.index-wrapper #header{
	opacity:0;filter:Alpha(opacity=0);
	 -webkit-transition: opacity  4s cubic-bezier(.19,1,.22,1) 0.5s;
    transition: opacity 4s cubic-bezier(.19,1,.22,1) 0.5s;
}
#mainContainer{position:relative;}
.main-container-bg{
	position:absolute; 
	top:0px; left:0px; right:0px; bottom:0px; 
	content:""; 
	background:url(/images/main/main_wrap_bg.jpg) no-repeat 50% 0;
	opacity:0;filter:Alpha(opacity=0);
	 -webkit-transition: opacity  4s cubic-bezier(.19,1,.22,1);
    transition: opacity 4s cubic-bezier(.19,1,.22,1);
}
/* load */
#wrap.index-wrapper.load #header,
#wrap.load .main-container-bg{opacity:1;filter:Alpha(opacity=100);}
@media all and ( min-width: 1921px ){
	.main-container-bg{background-size:contain}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:765px; height:82vh; min-height:800px; position:relative; /*margin-bottom:253px;*/ background-color:#000; }
.main-visual-bg{width:100%; height:100%;  }
.main-visual-bg-inner{
	display:block; width:100%; height:100%;
	background:url(/images/main/main_visual_bg.jpg) no-repeat 50% 50%; 
	background-size:cover;
	-ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 2000ms  ease-in-out ;
	-moz-transition:transform 2000ms ease-in-out ;
	-o-transition:transform 2000ms ease-in-out ;
	-ms-transition:transform 2000ms ease-in-out ;
    transition:transform 2000ms ease-in-out;	
}
#wrap.load .main-visual-bg-inner{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
/* -------- 메인 비주얼 :: 텍스트  -------- */
.main-visual-txt-con{position:absolute; bottom:18.9vh; left:130px; transition:left 0.3s; font-size:20px;}
.main-visual-txt-con .main-visual-tit,
.main-visual-txt-con .main-visual-txt1,
.main-visual-txt-con .main-visual-txt2{
	opacity:0;
	transition: opacity 1.5s, transform 1.5s;
    transition-delay: 0.3s;
}
.main-visual-txt-con .main-visual-tit{font-size:4.2em; letter-spacing:-0.25px; color:#fff; font-weight:600; margin-bottom:0.10em; }
.main-visual-txt-con .main-visual-txt1{font-size:1em;  font-weight:400; color:rgba(255,255,255,0.7); margin-bottom:1.9em; transition-delay: 0.45s; }
.main-visual-txt-con .main-visual-txt2{font-size:1.75em;  font-weight:400; color:rgba(255,255,255,0.8); transition-delay: 0.55s}
#wrap.load .main-visual-txt-con .main-visual-tit,
#wrap.load .main-visual-txt-con .main-visual-txt1,
#wrap.load .main-visual-txt-con .main-visual-txt2{
	filter: blur(0);
    opacity: 1;
}
@media all and (min-width:1281px){
	.main-visual-txt-con .main-visual-tit,
	.main-visual-txt-con .main-visual-txt1,
	.main-visual-txt-con .main-visual-txt2{
		transform: translateX(-30px);
	}
	#wrap.load .main-visual-txt-con .main-visual-tit,
	#wrap.load .main-visual-txt-con .main-visual-txt1,
	#wrap.load .main-visual-txt-con .main-visual-txt2{
		transform: translateX(0px);
	}
}

/* -------- 메인 비주얼 :: 퀵메뉴  -------- */
.main-prize-quick-menu{/* position:absolute; bottom:18.9vh; */ position:fixed; bottom:100px; z-index:99; right:-195px; margin-bottom:-30px; transform:translateX(100%); transition:transform 0.8s 1s }
.main-prize-quick-menu .prize-quick-open-btn{
	width:260px; height:260px;
	border-radius:50%; transition:transform 0.3s;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151f3c', endColorstr='#a6804f',GradientType=1 ); /* IE6-9 */
	background:linear-gradient(-45deg, rgba(21,31,60,1), rgba(67,61,101,1), rgba(135,100,69,1), rgba(166,128,79,1));
	background-size: 400% 400%;
	-webkit-animation: Gradient 5s ease infinite;
	-moz-animation: Gradient 5s ease infinite;
	animation: Gradient 5s ease infinite;
}
.main-prize-quick-menu .prize-quick-open-btn .prize-quick-open-txt{position:absolute; right:100%; top:50%; width:310px; text-align:left; color:#fff; font-size:24px; font-weight:600; margin-top:-12px; opacity:0; transition:opacity 0.8s 1.5s; }
.main-prize-quick-menu .prize-quick-open-btn .prize-quick-open-txt .prize-quick-txt{display:inline-block; animation: leftRight 1.5s ease-in-out infinite; font-weight:600;}
.main-prize-quick-menu .prize-quick-open-btn .prize-quick-open-txt:after{position:absolute; top:50%; right:27px; width:39px; height:1px; margin-top:2px; background-color:#fff; content:""; animation: leftRight 1.5s ease-in-out infinite; font-weight:600;}
.main-prize-quick-menu .prize-quick-open-btn .prize-quick-hidden-txt{color:#fff; position:absolute; top:50%; left:-25px; font-size:15px; font-weight:600; transform:translateY(-50%) rotate(-90deg); transition:all 0.5s; opacity:0;}
/* Active */
#wrap.load .main-prize-quick-menu{transform:translateX(0); }
#wrap.load .main-prize-quick-menu .prize-quick-open-btn .prize-quick-open-txt{opacity:1.0}
/* Fixed */
.main-prize-quick-menu.fixed .prize-quick-open-btn{box-shadow:0px 1px 9px rgb(0, 0, 0, 0.4)}
.main-prize-quick-menu.fixed .prize-quick-open-btn .prize-quick-open-txt{display:none;}
.main-prize-quick-menu.fixed .prize-quick-open-btn .prize-quick-hidden-txt{opacity:1.0; animation: topBottom 1.5s ease-in-out infinite; }
/* Sub Fixed */
.sub-wrapper .main-prize-quick-menu{transition-delay:0.2s}
.sub-wrapper .main-prize-quick-menu.fixed {transform:translateX(0); }
.sub-wrapper .main-prize-quick-menu .prize-quick-open-btn .prize-quick-open-txt{opacity:1.0}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
@keyframes leftRight {
	0% {
		opacity: 0.5;
		transform:  translateX(-5px);
	}
	50% {
		opacity: 1;
		transform: translateX(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateX(-5px);
	}
}
body:not(.ie-browser) .main-prize-quick-menu .prize-quick-open-btn:hover{transform:translateX(-10px)}

/* -------- 메인 비주얼 :: 퀵메뉴 내용 -------- */
.main-prize-quick-dim{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000; z-index:9999; visibility:hidden; opacity:0; transition:all 0.5s 0.2s}
.main-prize-container{position:fixed; bottom:0px; right:0px; width:100%; visibility:hidden; z-index:10000;}
.main-prize-container-bg{position:absolute; width:0; bottom:0px; right:0px; height:100%; visibility:hidden; transition:all 0.55s cubic-bezier(0.25, 0.1, 0.07, 0.82) 0.2s;}
.main-prize-inner-con,
.main-prize-close-btn{opacity:0; visibility:hidden; transition:all 0.3s 0s; }
.main-prize-inner-con{display:flex; justify-content:space-between; align-items:center; padding:83px 0 80px; position:relative; }
.main-prize-close-btn{position:absolute; top:-62px; right:10px; color:#fff; font-size:50px;}
/* open */
.main-prize-container.open{visibility:visible;}
.main-prize-container.open .main-prize-container-bg{width:100%; visibility:visible; transition-delay:0s}
.main-prize-container.open .main-prize-inner-con,
.main-prize-container.open .main-prize-close-btn{opacity:1.0; visibility:visible; transition:all 0.8s 0.4s;}
.main-prize-container.open + .main-prize-quick-dim{opacity:0.5; visibility:visible; transition-delay:0s }

/* 퀵메뉴내용 :: 왼쪽텍스트 및 메달 */
.main-prize-quick-left-con{display:flex; align-items:center; box-sizing:border-box; }
.main-quick-txt-con{position:relative; color:#fff; font-size:20px; }
.main-quick-txt-con dt{font-weight:600; /* font-size:3.7em; */ font-size:3.2em; letter-spacing:-0.25px; margin-bottom:0.54em}
.main-quick-txt-con dd{font-size:1em; line-height:1.75; }
.main-quick-medal-con{width:482px; height:466px; margin-left:-50px}
.main-quick-medal-con img{width:100%;}
/* 퀵메뉴내용 :: 오른쪽메뉴 */
.main-quick-menu-list-con{}
.main-quick-menu-list-con li{padding:35px 0;}
.main-quick-menu-list-con li a{position:relative; display:block; font-weight:300; letter-spacing:-0.25px; font-size:23px; color:#fff; transition:all 0.3s}
.main-quick-menu-list-con li a span{display:inline-block; position:relative;}
.main-quick-menu-list-con li a .arrow{display:inline-block; margin-left:15px; font-size:18px; transition:all 0.3s}
.main-quick-menu-list-con li a span:before{position:absolute; bottom:-18px; right:0px; left:-50px; height:4px; background-color:#fff; transition:all 0.3s; transform:scaleX(0); transform-origin:right center; content:"";}
.main-quick-menu-list-con li a:hover span:before{transform:scaleX(1);}
.main-quick-menu-list-con li a:hover .arrow{transform:translateX(5px)}

/* ****************** 메인 수상자 ********************** */
#mainLaureateContent{
	position:relative;  padding-bottom:200px; 
	background:#000 url(/images/main/gradient_bg.jpg) repeat-x 0 100%; 
}
.main-laureate-info-wrapper{position:relative;}
.main-laureate-container{position:relative; z-index:3;}
/* -------- 수상자 상세내용 리스트 -------- */
/* 수상자 상세내용 :: 타이틀 */
.main-laureate-container .main-laureate-tit{color:#a37a50; font-size:54px; width:580px; text-align:center; letter-spacing:-1.5px; margin:0 0 18px 508px}
.main-laureate-container .main-laureate-tit .year{display:inline-block; vertical-align:middle; font-weight:600; font-size:1.29em; margin-right:0.2em}
.main-laureate-container .main-laureate-tit em{display:inline-block; vertical-align:middle;  font-weight:300}
.aos-animate.main-laureate-container .main-laureate-tit.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
/* 수상자 년도선택 :: 탭 */
.main-laureated-year-tab-list{position:absolute; top:165px; left:0px; right:0px; /* margin:100px 0 69px */}
.main-laureated-year-tab-list ul{position:relative; z-index:11; width:470px; }
.main-laureated-year-tab-list li{float:left; margin-left:37px;}
.main-laureated-year-tab-list li:first-child{margin-left:0}
.main-laureated-year-tab-list li a{position:relative; display:block; font-size:20px; color:#fff; opacity:0.7; font-weight:600; 	font-family:'Play','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.main-laureated-year-tab-list li a:before{display:none; position:absolute; top:-19px; left:50%; margin-left:-3px; width:6px; height:6px; background-color:#a37a50; content:""; border-radius:50%;}
.main-laureated-year-tab-list li.selected a{color:#a6804f; opacity:1.0;}
.main-laureated-year-tab-list li.selected a:before{display:block;}
/* -------- 수상자 상세내용 :: 왼쪽텍스트영역 -------- */
.main-laureate-info-box{float:left; width:470px; margin-top:120px}
/* 왼쪽 텍스트영역 :: 텍스트 */
.main-laureate-info-item{position:relative; color:#fff;  font-size:16px; padding-top:115px;}
.main-laureate-info-item .laureate-prize-name-box{position:absolute; top:0px; left:0px;}
.main-laureate-info-item .laureate-name-info{margin-bottom:5em; overflow:hidden; font-size:1em;}
.main-laureate-info-item .laureate-name-info .hidden{overflow:hidden;}
.main-laureate-info-item .laureate-name-info .laureate-name,
.main-laureate-info-item .laureate-name-info .laureate-info em{opacity:0; transition:opacity 0.8s 0.3s, transform 0.8s 0.3s; transform:translateY(100%)}
.main-laureate-info-item .laureate-name-info .laureate-name{display:block; /*font-size:4em; */ font-size:3.5em; font-weight:500; letter-spacing:-2.5px; line-height:1.2; opacity:0; transition-delay:0.4s; transition-duration:1s; word-break:break-all }
.main-laureate-info-item .laureate-name-info .laureate-info{display:block; font-size:1em; font-weight:400; color:rgba(255,255,255,0.8); margin-bottom:1.1em}
.main-laureate-info-item .laureate-name-info .laureate-info em{display:block;}
.main-laureate-info-item .laureate-detail-info{margin-left:50px; opacity:0; transition:opacity 1s 0.7s, transform 1s 0.7s; transform:translateX(-30px)}
.main-laureate-info-item .laureate-detail-info dt{font-size:2.5em; line-height:1.24; margin-bottom:0.68em; }
.main-laureate-info-item .laureate-detail-info dd{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:7.2em; font-size:1.25em; line-height:1.8; opacity:0.8}
/* Active */
.main-laureate-info-item.active-item .laureate-prize-name-box{clip:rect(0px,500px,50px,0)}
.main-laureate-info-item.active-item .laureate-name-info .laureate-name,
.main-laureate-info-item.active-item .laureate-name-info .laureate-info em{opacity:1.0; transform:translateY(0%)}
.main-laureate-info-item.active-item .laureate-detail-info{transform:translateX(0px); opacity:1;}

/* 우측 사진영역 */
.main-laureate-photo-box{float:left; position:relative; width:580px; margin-left:38px;}
.main-laureate-photo-box:after{position:absolute; top:0px; left:0; width:100%; height:100%; content:""; background-color:#a37a50; transform:scaley(1); transition:transform 1s ease-in-out; transform-origin:50% 100% }
.main-laureate-big-list-con .main-laureate-big-item a{overflow:hidden; display:block; width:580px; height:760px; }
.main-laureate-big-list-con .main-laureate-big-item a img{width:100%; height:auto}

body:not(.ie-browser) .main-laureate-big-list-con .main-laureate-big-item a img{
	-webkit-transition: all 1s ease-in-out 0.2s;
    transition: all 1s ease-in-out 0.2s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
/* Aos animate */
.aos-animate .main-laureate-photo-box:after{transform:scaley(0);}
body:not(.ie-browser) .aos-animate .main-laureate-big-list-con .main-laureate-big-item a img{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.aos-animate .main-laureate-big-list-con .main-laureate-big-item a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); transition-delay:0s}

/* -------- 수상자 오른쪽 리스트 -------- */
.main-laureate-small-photo-box{position:absolute; /* bottom:0px; */ top:550px; left:50%; right:0px; margin-left:165px; height:384px; box-sizing:border-box; padding-left:92px; background-color:#151f3c}
.main-laureate-small-list-con:after{position:absolute; top:0px; bottom:0px; left:0px; width:386px; background-color:#151f3c; content:""; z-index:2; }
.main-laureate-small-list-con .laureate-small-item{float:left; width:294px;}
.main-laureate-small-list-con .laureate-small-item img{width:294px; height:384px}

/* 이전,다음 컨트롤영역 */
.main-laureate-controls-box{position:absolute; top:39px; bottom:0px; left:223px; z-index:3; }
.main-laureate-controls-box .main-laureate-btns{float:left; width:163px;}
.main-laureate-controls-box .main-laureate-btns button{float:left; width:50%; height:22px;}
.main-laureate-controls-box .main-laureate-btns button img{vertical-align:middle; position:relative; top:-2px;}
/* 버튼영역 */
.main-laureate-controls-box .main-laureate-more-btn{position:absolute; bottom:0px; right:25px; transform:rotate(90deg); transform-origin:right top;}
.main-laureate-controls-box .main-laureate-more-btn .txt{color:#fff; opacity:0.8; z-index:1; margin-right:20px;}
@media all and (min-width:1301px){
/* -------- 수상자 오른쪽 리스트 -------- */
	.main-laureate-small-photo-box.two-list-con{width:679px}
	.main-laureate-controls-box .main-laureate-more-btn .circle{position:absolute; right:0px; top:0px;}
	.main-laureate-controls-box .main-laureate-more-btn .circle i{transform:rotate(-90deg)}
}

/* ****************** 메인 시상식 ********************** */
#mainAwardsContent{position:relative; margin:110px auto 130px; }
/* -------- 메인 시상식 :: 배경 타이틀 -------- */
.main-award-txt-bg{overflow:hidden; position:absolute; left:0; bottom:145px; height:1em; color:#000; font-size:333px; letter-spacing:-25px; opacity:0.04; font-weight:700; width:100%;}
.main-award-txt-bg .award-txt-inner{position:absolute; width:200%;  }
.main-award-txt-bg p{float:left; width:50%;}

.aos-animate .main-award-txt-bg .award-txt-inner{animation: marquee 30s linear infinite;}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}
/* -------- 메인 시상식 :: 왼쪽 타이틀영역 -------- */
.main-award-tit-box{position:absolute; top:0px; left:0px; right:0px; height:100%;}
.main-award-tit-inner{width:530px; width:calc(100% - 1130px);color:#000; font-size:56px;}
.main-award-tit-inner .main-award-year{display:block; font-size:1.47em; letter-spacing:-1px; font-weight:600; margin-bottom:0.18em;}
.main-award-tit-inner .main-award-tit{font-size:1em; line-height:1.28; letter-spacing:-2.5px; font-weight:300;}
.main-award-video-btn{margin-left:180px; top:-42px; }

/* -------- 메인 시상식 :: 오른쪽 사진영역 -------- */
.main-award-photo-box{overflow:hidden; position:relative; left:50%; margin-left:-180px; max-width:1130px; }
.main-award-photo-list{margin-right:77px}
.main-award-photo-list .main-award-photo-item{overflow:hidden;}
.main-award-photo-list .main-award-photo-item a{display:block; overflow:hidden; position:relative; padding-top:66.63%;}
.main-award-photo-list .main-award-photo-item img{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#fff;}
/* 오른쪽 사진영역 :: 화살표, 페이징 */
.main-award-photo-controls{position:absolute; top:-1px; right:0px; width:77px; bottom:0px; z-index:1; background-color:#a6804f; }
.main-award-photo-controls button{position:absolute; left:0; width:100%; text-align:center;}
.main-award-photo-controls .award-prev-btn{top:40px;}
.main-award-photo-controls .award-next-btn{bottom:40px;}
.main-award-photo-controls button span{display:block; color:#fff; opacity:0.43; font-size:10px; margin-top:15px; font-family:inherit; }
.main-award-photo-controls .award-paging{position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%)}
.main-award-photo-controls .award-paging .cur-num,
.main-award-photo-controls .award-paging .total-num{position:relative; color:#fff; font-weight:600; margin:0 4px;}
.main-award-photo-controls .award-paging .cur-num{bottom:6px; font-size:16px;}
.main-award-photo-controls .award-paging .total-num{top:6px; font-size:12px; opacity:0.5}
@media all and (min-width:801px){
	.main-award-photo-controls{transition:clip 1s 0.2s; clip:rect(0px,80px,0px,0)}
	.aos-animate .main-award-photo-controls{clip:rect(0px,80px,1000px,0)}
}

/* ****************** 메인 선학재단 Intro ********************** */
/* 메인 선학재단 Intro :: 레이아웃  */
#mainIntroContent{position:relative; padding:214px 0 0 48px; margin-bottom:170px;}
#mainIntroContent:before{position:absolute; top:0px; left:0px; right:0px; height:917px; transform:scaleX(0); transform-origin:0 0; transition:transform 1s; background-color:#151f3c; content:"";}
#mainIntroContent.aos-animate:before{transform:scaleX(1);}
.main-intro-wrapper{position:relative; }
.main-intro-wrapper:before{position:absolute; top:106px; left:0px; right:0px; bottom:0px; background-color:#fff; content:"";}
.main-peace-prize-con{position:relative; display:flex; justify-content: space-between; align-items:center; font-size:20px;}
.main-peace-prize-con.peace-prize-con1:first-child{margin-bottom:207px}
/* 메인 선학재단 Intro :: 왼쪽이미지  */
.main-peace-prize-left-con > span{display:inline-block;}
.main-peace-prize-left-con img{display:block; transform:translateX(-93px)}
/* 메인 선학재단 Intro :: 오른쪽 텍스트  */
.main-peace-prize-right-con{padding-top:66px;}
.main-peace-prize-right-con .main-peace-intro-tit{font-weight:600; font-size:3.7em; letter-spacing:-1.5px; margin-bottom:0.45em;}
.main-peace-prize-right-con .main-peace-intro-tit em{font-weight:600;}
.main-peace-prize-right-con .main-peace-intro-tit .color1{color:#a37a50;}
.main-peace-prize-right-con .main-peace-intro-tit .color2{color:#323232;}
.main-peace-prize-right-con .main-peace-intro-tit .color3{color:#848484;}
.main-intro-peace-txt-con .main-peace-intro-txt1{color:#000; font-size:2.5em; font-weight:400; letter-spacing:-1.5px; line-height:1.3; }
.main-intro-peace-txt-con .main-peace-intro-txt2{color:#000; font-size:1em; font-weight:400; line-height:1.65;  margin-top:1.95em; }
.main-intro-more-btn{margin-top:52px; width:275px;} 
/* 메인 선학재단 Intro :: 왼쪽 텍스트  */
.peace-prize-con2 .main-peace-prize-right-con .main-peace-intro-tit{margin-bottom:0}
.peace-prize-con2 .main-peace-prize-right-con .main-peace-intro-tit em{font-size:1.27em}
.peace-prize-con2 .main-intro-peace-txt-con .main-peace-intro-txt2{font-size:0.95em}

/* ****************** 뉴스&인사이트 ********************** */
#mainNewsContent{position:relative; padding:118px 0 0 0; margin-bottom:214px;}
#mainNewsContent:before{position:absolute; top:0px; left:0px; right:0px; height:545px; background-color:#f0f0f0; content:""; z-index:0}
.main-news-tit-con{position:relative;}
/* 뉴스&인사이트 :: 타이틀 */
.main-news-tit-con{margin-bottom:70px; }
.main-news-tit-con .main-news-insight-tit{display:inline-block; vertical-align:middle; margin-right:36px; font-size:56px; color:#111; font-weight:600; letter-spacing:-3.5px; }
.main-news-prev-btn,
.main-news-next-btn{display:inline-block; vertical-align:bottom; width:22px; height:22px; line-height:22px; text-align:center;}
.main-news-prev-btn{margin-right:19px;}
/* 뉴스&인사이트 :: 리스트 */
.main-news-insight-wrapper{position:relative; height:570px; }
.main-news-insight-inner{position:absolute; left:50%; top:0; right:0px; margin-left:-700px;}
.main-news-list-con .news-item{width:420px; }
.main-news-list-con .news-item .news-item-inner{display:block;}
.main-news-list-con .news-thumb{position:relative; overflow:hidden; height:0; padding-top:71.42%; }
.main-news-list-con .news-thumb:after,
.main-news-list-con .news-thumb:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #a37a50;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out
}

.main-news-list-con .news-thumb:after {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.main-news-list-con .news-thumb:before {
    background-color: #fff;
    bottom: -20%;
    z-index: 1
}
.aos-animate .main-news-list-con .news-thumb:after,
.aos-animate .main-news-list-con .news-thumb:before{bottom:-100%;}
.main-news-list-con .news-info-box{position:relative; padding:38px 14px 88px; font-size:16.3px;}
.main-news-list-con .news-info-box .news-category{position:absolute; top:0px; left:0px; width:98px; height:36px; line-height:36px; color:#fff; transform:translateY(-50%); background-color:#000; font-size:0.89em;  text-align:center; transform:translateY(50%); opacity:0; transition:all 0.8s 0.5s }
.aos-animate .main-news-list-con .news-info-box .news-category{transform:translateY(-50%); opacity:1}
.main-news-list-con .news-info-box .news-category.category1{background-color:#562a34;}
.main-news-list-con .news-info-box .news-category.category2{background-color:#151e3b;}
.main-news-list-con .news-info-box .news-category.category3{background-color:#433d65;}
.main-news-list-con .news-info-box .news-category.category4{background-color:#876446;}
.main-news-list-con .news-info-box .news-tit,
.main-news-list-con .news-info-box .news-sub-txt{overflow:hidden; display:block;	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#111;   }
.main-news-list-con .news-info-box .news-tit{height:3.2em; font-size:1.34em; line-height:1.6; margin-bottom:1em}
.main-news-list-con .news-info-box .news-sub-txt{height:3.42em; font-size:1em; line-height:1.71; opacity:0.9 }
/* 뉴스&인사이트 :: 진행바 */
#mainNewsContent .main-news-container .main-news-progressbar{top:auto; bottom:0px; background-color:#dfdfdf; border-radius:5px; overflow:hidden;}
#mainNewsContent .main-news-progressbar .swiper-pagination-progressbar-fill{background-color:#a37a50; border-radius:5px;}
/* 뉴스&인사이트 :: 버튼 */
.main-news-more-btn{position:absolute; right:130px; top:-122px; width:162px; height:44px; border-bottom:3px solid #111; line-height:44px; color:#111; font-size:16px; }
.main-news-more-btn.cm-btn-style02:before{background-color:#111;}
.main-news-more-btn.cm-btn-style02 span{line-height:44px}
.main-news-more-btn i{position:absolute; top:50%; right:6px; font-size:20px; transform:translateY(-50%) }
@media (hover: hover) {
	.main-news-more-btn.cm-btn-style02:hover{color:#fff;}
	.main-news-more-btn.cm-btn-style02:hover span{color:#fff;}
}

/* ****************** 런&액트 ********************** */
#mainLearnContent{margin-bottom:137px}
/* 런&액트 :: 타이틀 */
.main-learn-tit{position:relative; margin-bottom:65px; font-size:60px; color:#111; font-weight:600; letter-spacing:-2px; text-align:center; }
/* 런&액트 :: 리스트 */
.main-learn-act-list-con > ul{margin:0 -0.55%}
.main-learn-act-item{float:left; width:32.23%; margin:0 0.55%}
.main-learn-act-item a{overflow:hidden; position:relative; display:block; font-size:18px}
.main-learn-act-item .thumb{position:relative; display:block;}
.main-learn-act-item .thumb img{width:100%; height:100%;}
.main-learn-act-item .thumb:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #a37a50;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out
}


.main-learn-act-item .thumb:before {
    background-color: #151f3c;
    bottom: 0%;
    z-index: 1
}
.aos-animate .main-learn-act-item .thumb:after,
.aos-animate .main-learn-act-item .thumb:before{bottom:-100%;}
.main-learn-act-item a:before{
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.main-learn-act-item .off-info-tit-box{position:absolute; left:52px; right:52px; bottom:49px; color:#fff; font-size:2.1em; letter-spacing:-1px; font-weight:600; transition:all 0.3s 0s; transform:translate(0px,0px);}
.main-learn-act-item .over-info-box{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(21,31,60,0.9); opacity:0; transition:opacity 0.3s 0.2s; }
.main-learn-act-item .over-info-box dl{text-align:center; position:relative; top:50%; padding:0 15px; color:#fff; transform:translateY(-50%); margin-top:20px; opacity:0; transition:all 0.3s 0s; }
.main-learn-act-item .over-info-box .over-learn-tit{font-size:2.1em; letter-spacing:-1.5px; font-weight:600; margin-bottom:0.5em;}
.main-learn-act-item .over-info-box .over-learn-txt{font-size:1em; line-height:1.44; opacity:0.7;}
@media (hover: hover) {
	.main-learn-act-item a:hover:before {
		-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
		transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	}
	.main-learn-act-item a:hover .over-info-box{opacity:1.0; transition-delay:0.2s}
	.main-learn-act-item a:hover .over-info-box dl{opacity:1.0; margin-top:0; transition-delay:0.2s}
	.main-learn-act-item a:hover .off-info-tit-box{opacity:0; transform:translate(0px,-10px); transition-delay:0s;}
}



/* ****************** 마우스 커서 ********************** */
.mousepointer {
    background: rgba(166, 128, 79, 0.6);
    z-index: 60000;
    position: fixed;
    top: 0;
    left: 0;
    transform: scale(0);
    pointer-events: none;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    line-height: 1em;
    width: 100px;
    height: 100px;
    color: #FFFFFF;
    transition: transform 0.3s ease-in-out 0s;
    border-radius: 100%;
}
.is-mobile .mousepointer{display:none;}
.mousepointer.active {
    transform: scale(1)
}

.mousepointer .pointers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.mousepointer p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    overflow: hidden
}
.mousepointer p span {
    transition: opacity 0.3s ease-in-out 0s;
    opacity: 0;
    display: block
}
.mousepointer p.active span {
    opacity: 1
}