/* 20200306 _ 슬로건 추가 시작*/
.main #coronaSloganPopUp{position:absolute;top:135px;right:125px;z-index:10;}
.main  #coronaSloganPopUp .coronaSloganClose{display:block;position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-9999em;background:url(../images/common/img_coronaSlogan_close.png) center no-repeat;}
@media (max-width:960px){
	#coronaSloganPopUp{display:none;}
}
/* 20200306 _ 슬로건 추가 끝*/






.mainVisual{position:relative;height:900px;overflow:hidden;z-index:1;}
.mainVisual ul{display:block;}
.mainVisual ul li{display:block;height:900px;text-align:center;}
.mainVisual ul li p{display:block;margin:260px auto 0;max-width:630px;height:141px;text-align:center;background-image:url(../images/main/img_visualSlogan_eng.png);}
.mainVisual ul li p span{display:inline-block;vertical-align:middle;height:61px;background-image:url(../images/main/img_visualSlogan_eng.png);text-indent:-9999em;opacity:0;}
.mainVisual ul li p .slogan1{width:260px;background-position:0 0;}
.mainVisual ul li p .slogan2{width:312px;background-position:-260px 0;}
.mainVisual ul li p .slogan3{width:247px;background-position:-572px 0;}
.mainVisual ul li p .slogan4{display:block;margin:0 auto;width:324px;background-position:-247px -61px;}
.mainVisual.actifve ul li p span{opacity:1;}
.mainVisual.active ul li p .slogan1{transition:all 2s 0.5s;}
.mainVisual.active ul li p .slogan2{transition:all 2s 0.8s;}
.mainVisual.active ul li p .slogan3{transition:all 2s 1.2s;}
.mainVisual.active ul li p .slogan4{transition:all 2s 1.5s;}

.mainVisual ul li .desc{display:block;padding-top:25px;font-size:19px;color:#fff;line-height:150%;opacity:0;}
.mainVisual.active ul li .desc{opacity:1;transition:all 6s;}
.mainVisual #slider1 li.bg1{background:url(../images/main/page1_visual1.jpg) no-repeat center top; background-attachment: fixed; }
.mainVisual #slider1 li.bg2{background:url(../images/main/page1_visual2.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg3{background:url(../images/main/page1_visual3.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg4{background:url(../images/main/page1_visual4.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg5{background:url(../images/main/page1_visual5.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg6{background:url(../images/main/mv_01.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg7{background:url(../images/main/mv_02.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg8{background:url(../images/main/mv_03.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg9{background:url(../images/main/mv_04.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg10{background:url(../images/main/mv_05.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg11{background:url(../images/main/mv_06.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual #slider1 li.bg12{background:url(../images/main/mv_07.jpg) no-repeat center top; background-attachment: fixed;}
.mainVisual .slick-prev{display:block;position:absolute;top:520px;left:50%;margin-left:-360px;width:320px;height:0;background:none;border:0px none;border-top:1px rgba(255,255,255,0.3) solid;text-indent:-9999em;outline:none;z-index:101;}
.mainVisual .slick-prev:after{display:block;content:'';position:absolute;bottom:0px;left:0;width:58px;height:23px;background:url(../images/main/img_mainVisual_all.png) no-repeat -155px 0;border-bottom:1px rgba(255,255,255,0.8) solid;transition-duration:0.3s;}
.mainVisual .slick-prev:hover:after{left:-30px;}
.mainVisual .slick-prev:focus:after{box-shadow:1px 1px 3px rgba(0,0,0,1);}
.mainVisual .slick-next{display:block;position:absolute;top:520px;left:50%;margin-left:40px;width:320px;height:0;background:none;border:0px none;border-top:1px rgba(255,255,255,0.3) solid;text-indent:-9999em;outline:none;z-index:101;}
.mainVisual .slick-next:after{display:block;content:'';position:absolute;bottom:0px;right:0;width:58px;height:23px;background:url(../images/main/img_mainVisual_all.png) no-repeat -120px -23px;border-bottom:1px rgba(255,255,255,0.8) solid;transition-duration:0.3s;}
.mainVisual .slick-next:hover:after{right:-30px;}
.mainVisual .slick-next:focus:after{box-shadow:1px 1px 3px rgba(0,0,0,1);}
.mainVisual .btn_mainVisualStop{display:block;position:absolute;top:520px;left:50%;margin:-42px 0 0 -18px;width:37px;height:37px;border:0px none;text-indent:-9999em;background:url(../images/main/img_mainVisual_all.png) no-repeat -141px -95px;z-index:101;}
.mainVisual .btn_mainVisualStop:hover{background:none;}
.mainVisual .btn_mainVisualStop:after{display:block;content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:url(../images/main/img_mainVisual_all.png) no-repeat -183px -95px;transition-duration:0.3s;opacity:0;}
.mainVisual .btn_mainVisualStop:hover:after{opacity:1;}
.mainVisual .btn_mainVisualPlay{display:none;position:absolute;top:520px;left:50%;margin:-42px 0 0 -18px;width:37px;height:37px;border:0px none;text-indent:-9999em;background:url(../images/main/img_mainVisual_all.png) no-repeat -94px -95px;z-index:101;}
.mainVisual .btn_mainVisualPlay:hover{background:none;}
.mainVisual .btn_mainVisualPlay:after{display:block;content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:url(../images/main/img_mainVisual_all.png) no-repeat -183px -50px;transition-duration:0.3s;opacity:0;}
.mainVisual .btn_mainVisualPlay:hover:after{opacity:1;}
.btn_scroll{display:block;position:absolute;top:800px;left:50%;margin-left:-53px;width:106px;height:25px;text-indent:-9999em;background:url(../images/main/img_mainVisual_all.png) no-repeat 0 -60px;z-index:101;}
.btn_scroll:after{display:block;content:'';position:absolute;top:-60px;left:50%;margin-left:-16px;width:32px;height:52px;background:url(../images/main/img_mainVisual_all.png) no-repeat -36px 0;animation:mover 1s infinite alternate;}
@keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-10px); }}
.mainAside{right:0;left:inherit;border-left:1px solid rgba(250,250,250,0.25);}
.content{position:relative;overflow:hidden;}
#page2{position:absolute;top:0;left:100%;width:100%;background:#fff;z-index:1;overflow-x:hidden;}


#wrap.main{overflow-y:hidden !important;}
.mainAside .btn_pageMove .dotArea span{opacity:1 !important;transition-duration:0s !important;}
#ocean{display:none;}
#oceanEnd{display:none !important;}

#popup .slick-slide > a{display:block;}




/*sns*/
.mainNotice{position:relative;}
.mainNotice h2 {font-size:2.8em;font-weight:500; color:#222;}
.mainNotice p {font-size:1.5em; margin-bottom:30px;}



.ico_youtube { background: url(/images/main/m_sns_02.gif) no-repeat; background-size:35px 35px; }
.ico_face { background: url(/images/main/m_sns_03.gif) no-repeat; background-size:35px 35px;}



.mainNotice{position:relative;}
.mainNotice .tabBar{display:table !important;margin-bottom:30px;height:45px;border:0px none; position:absolute;right:10px; top:10px;}
.mainNotice .tabBar > li {margin:0; float:left;}
.mainNotice .tabBar > li > a{position:relative;padding:0 10px;min-width:auto;border:0px none;line-height:45px;font-size:24px;color:#484848;}
.mainNotice .tabBar > li > a:before{display:block;content:'';position:absolute;top:0;left:50%;margin-left:-45px;width:0opacity:0;transition-duration:0.5s;}
.mainNotice .tabBar > li.active > a{background:#fff;color:#005cb9;}
.mainNotice .tabBar > li.active > a:before{width:90px;opacity:1;transition-duration:0.5s;}
.mainNotice .tabBar > li > a:hover:before{width:90px;opacity:1;transition-duration:0.5s;}
.mainNotice .tabBar > li a:after{display:block;content:'';position:absolute;right:1px;top:50%;height:18px;}
.mainNotice .tabBar > li:last-child a:after{border:0px none;}
.mainNotice .tabPage ul:after{display:block;content:'';clear:both;}
.mainNotice .tabPage ul li{float:left;margin-right:-1px;width:320px; margin-right:10px;border:1px solid #e5e5e5;box-sizing:border-box;}
.mainNotice .tabPage ul li a{display:block;position:relative;padding:40px 20px 20px;box-sizing:border-box;}
.mainNotice .tabPage ul li a:before,
.mainNotice .tabPage ul li a:after{display:block;content:'';position:absolute;width:0;height:0;border:3px solid transparent;box-sizing:inherit;}
.mainNotice .tabPage ul li a:before{top:0;left:0;}
.mainNotice .tabPage ul li a:after{bottom:0;right:0;}
.mainNotice .tabPage ul li a:hover:before,
.mainNotice .tabPage ul li a:hover:after{width:100%;height:100%;}
.mainNotice .tabPage ul li a:hover:before{border-top-color:#005cb9;border-right-color:#005cb9;transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.mainNotice .tabPage ul li a:hover:after{border-bottom-color:#005cb9;border-left-color:#005cb9;transition:border-color 0.2s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.mainNotice .tabPage ul li .title{display:block;display:-webkit-box;margin-bottom:20px;height:52px;line-height:26px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:18px;color:#181818; padding-left:38px;}
.mainNotice .tabPage ul li .date{display:block;margin-bottom:32px;color:#7a7a7a; text-align:right;}
.mainNotice .tabPage ul li .txt{display:block;display:-webkit-box;height:70px;line-height:23px;font-size:15px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
.mainNotice .tabPage ul li .img{display:block;width:270px;height:160px;}
.mainNotice .tabPage ul li .img img{max-width:100%;width:100%;height:100%;}
.mainNotice .btnMore{display:block;position:absolute;top:5px;right:0;width:36px;height:36px;border:1px solid #d8dade;border-radius:18px;background:url(/images/common/icon_common_all.png) no-repeat 0 -100px;text-indent:-9999em;}
.mainNotice .btnMore:hover{border:1px solid #4a5e88;transition-duration:0.5s;}
.mainNotice .slick-arrow{display:none !important;width:56px;height:56px;background-color:transparent;background-image:url(/images/common/icon_common_all.png);border:0px none;}
.mainNotice .slick-prev{left:1% !important;background-position:-44px -200px;}
.mainNotice .slick-next{background-position:-44px -256px;}

@keyframes dostuff { 0% {height:35%;} 50% {height:40%;} 100% {height:35%;} } 
@keyframes dostuff_mid { 0% {height:22%;} 50% {height:36%;} 100% {height:22%;} } 
@keyframes dostuff_bot { 0% {height:17%;} 50% {height:27%;} 100% {height:17%;} }
/* ======================================== 반응형 ======================================== */


@media all and (max-width:1840px){
	.mainNotice .slick-arrow{display:block !important;margin-left:0 !important;}
	.mainNotice .slick-prev{left:6% !important;}
	.mainNotice .slick-next{left:inherit !important;right:6% !important;}	
	.mainNotice .slick-next{left:inherit;right:1%;}
	
}


/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {
	/*sns*/

.mainNotice p {font-size:1.3em; margin-bottom:30px;}

}

@media all and (min-width:961px) and (max-width:1840px){
	.inner{padding-left:10px;padding-right:10px;}


	.mainNotice .tabBar{padding-top:15px;}
	.mainNotice .tabBar > li{display:inline-block;float:none;width:auto;border-top:0px none;}
	.mainNotice .btnMore{top:20px;right:60px;}
	.botSection .title{left:68px;}
	
	
}
@media all and (max-width:1400px){

}

/* Mobile */
@media all and (max-width:960px){	

	.mainAside .btn_pageMove{width:50px;}
	
	.mainBanner{display:none;}
	#oceanEnd.active{height:100px;}
	.mainVisual{height:500px;}
	.mainVisual ul li{height:500px;background-size:auto 500px !important;}
	.mainVisual ul li p{margin-top:110px;height:120px;background:url(../images/main/img_visualSlogan_eng.png) no-repeat center top;background-size:500px auto;}
	.mainVisual ul li p span{display:block !important;position:absolute !important;top:-9999px !important;}
	.mainVisual ul li .desc{font-size:16px;}
	.mainVisual.active ul li .desc{transition:none;}
	.mainVisual .slick-prev{top:inherit;bottom:135px;margin-left:-260px;width:220px;}
	.mainVisual .slick-next{top:inherit;bottom:135px;width:220px;}
	.mainVisual .btn_mainVisualStop{top:inherit;bottom:120px;}
	.mainVisual .btn_mainVisualPlay{top:inherit;bottom:120px;}
	.btn_scroll{display:none;}

	
	.mainNotice{margin:0;}
	.mainNotice .tabBar{padding-top:50px;}
	.mainNotice .tabBar > li{display:inline-block;float:none;width:auto;border-top:0px none;}
	.mainNotice .tabBar > li > a{padding:0 10px;font-size:18px;}
	.mainNotice .tabBar > li.active > a:before{margin-left:-30px;width:60px;}
	.mainNotice .tabPage ul li{width:240px;}
	.mainNotice .tabPage ul li .img{width:100%;}
	.mainNotice .tabPage ul li a{padding-top:20px;}
	.mainNotice .btnMore{top:25px;right:55px;}
	
	/*sns*/
.mainNotice h2 {font-size:2.5em;}
.mainNotice p {font-size:1.4em; margin-bottom:30px;}


.tabBar{width:100%;margin:0 0 40px 0;height:50px;border-bottom:0 none; position:relative; margin-top:80px; left:0%; top:0;text-align:center;}
.tabBar:after{display:block;content:"";clear:both}

.ico_youtube { background: url(/images/main/m_sns_02.gif) no-repeat; background-size:30px 30px; }
.ico_face { background: url(/images/main/m_sns_03.gif) no-repeat; background-size:30px 30px;}

.mainNotice .tabPage ul{margin-top:130px;}





}




@media all and (max-width:639px){
	.main .inner{padding:0 30px;}	
	.mainVisual{height:400px;}
	.mainVisual ul li{height:400px;background-size:auto 400px !important;}
	.mainVisual ul li p{margin-top:120px;height:70px;background-size:320px auto;}
	.mainVisual ul li .desc{display:none;}
	.mainVisual .bx-controls{top:300px;background:url(../images/main/page1_controls_mo.png) no-repeat center center}
	.mainVisual .slick-prev,
	.mainVisual .slick-next{bottom:55px;width:108px;}
	.mainVisual .slick-prev{margin-left:-150px;}
	.mainVisual .slick-next{margin-left:42px;}
	.mainVisual .btn_mainVisualStop,
	.mainVisual .btn_mainVisualPlay{bottom:40px;margin-left:-14.5px;width:29px;height:29px;background-image:url(../images/main/icon_mainCommon_mobile.png);}
	.mainVisual .btn_mainVisualStop{background-position:0 0;}
	.mainVisual .btn_mainVisualPlay{background-position:-34px 0;}
	.mainVisual .slick-prev:after,
	.mainVisual .slick-next:after{width:36px;height:15px;border-bottom:0px none;background-image:url(../images/main/icon_mainCommon_mobile.png);}
	.mainVisual .slick-prev:after{background-position:-69px 0;}
	.mainVisual .slick-next:after{background-position:-112px 0;}

	.mainNotice{margin:0px;}
	.mainNotice .tabBar{margin-bottom:20px;height:35px;}
	.mainNotice .tabBar > li > a{height:35px;line-height:35px;}	
	.mainNotice .tabBar > li a:after{margin-top:-7.5px;height:15px;}
	.mainNotice .tabBar > li.active > a:before{margin-left:-45%;width:90%;}	
	.mainNotice .btnMore{top:27px;right:30px;width:25px;height:25px;border:0px none;background:url(/images/main/icon_mainCommon_mobile.png) no-repeat -214px 0;}
	.mainNotice .slick-arrow{margin-top:-15px !important;width:31px;height:31px;background-image:url(/images/main/icon_mainCommon_mobile.png);}
	.mainNotice .slick-prev{left:2px !important;background-position:-276px 0;}
	.mainNotice .slick-next{right:2px !important;background-position:-315px 0;}
	
	

/*sns*/
.mainNotice h2 {font-size:1.8em;}
.mainNotice p {font-size:1.1em; margin-bottom:30px;}


.tabBar{width:100%;margin:0 0 40px 0;height:50px;border-bottom:0 none; position:relative; margin-top:80px; left:0%; top:0px;}
.tabBar:after{display:block;content:"";clear:both}

.ico_youtube { background: url(/images/main/m_sns_02.gif) no-repeat; background-size:30px 30px; }
.ico_face { background: url(/images/main/m_sns_03.gif) no-repeat; background-size:30px 30px;}


.mainNotice .tabPage ul{margin-top:130px;}


}