/* ¸¶½ºÅ© ¶Ù¿ì±â */
.mask {  
    position:fixed;  
    z-index:9000000000000000;  
    background-color:rgba(0,0,0,0.85);  
    width:100%;
    height:100%;
} 
/* Æ˾÷À¸·Î ¶ß´Â À©µµ¿ì css  */
.mask .window{
    position:absolute;  
    left:50%;
    top:25%;
    margin-left: -500px;
    width:1000px;
    height:500px;
    background-color:#FFF;
    z-index:10000000000000000;   
 }

.mask_popup_wrap{
	position:fixed; 
	left:0px; 
	top:0px;  
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.85); 
	z-index:1000000000; 
	display:none; 
	visibility: visible;
	overflow:hidden;
	}

.mask_popup_wrap p{
	text-align:right;
	font-size:16px;
	letter-spacing:-0.05em;
	color:#fff;
	width:420px;
	margin:0 auto;
	}
.mask_popup_wrap p input[type=checkbox]{
	display:inline-block;
	width:18px;
	height:18px;
	border:1px solid #fff;
	vertical-align:-3px;
	}
.mask_popup_wrap p a{
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	}

.mask_popup_wrap .erk-cycle-v03{
	position:relative;
	width:750px;
	height:600px;
	margin:150px auto 0 auto;
}
.mask_popup_wrap .erk-cycle-v03 .con{
	z-index:10;
	width:600px;
	height:600px;
}
.mask_popup_wrap .erk-cycle-v03 .con .item{
	width:100%;
	height:100%;
	color:#fff;
	font-size:30px;
}
.mask_popup_wrap .erk-cycle-v03 .ctr-dir{
	z-index:10;
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	text-align:center;
}
.mask_popup_wrap .erk-cycle-v03 .ctr-dir a{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:0px;
	height:0px;
	margin-right:0px;
	background:#fff;
	text-decoration:none;	
	text-indent:-9999px;
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;
}
.mask_popup_wrap .erk-cycle-v03 .ctr-dir a.activeSlide,
.mask_popup_wrap .erk-cycle-v03 .ctr-dir a:hover{
	background:#333;
}
.mask_popup_wrap .erk-cycle-v03 .ctr-pn{
	display:none
}
.mask_popup_wrap .erk-cycle-v03 .ctr-pn .prev,
.mask_popup_wrap .erk-cycle-v03 .ctr-pn .next{	
}

.mask_popup_wrap .erk-cycle-v03 .ctr-pn .prev:hover,
.mask_popup_wrap .erk-cycle-v03 .ctr-pn .next:hover{

}
.mask_popup_wrap .erk-cycle-v03 .ctr-dir-indi{
	z-index:10;
	position:absolute;
	right:0;
	top:0px;
	width:160px;
	height:600px;
	border:0px solid red;
	background:;
}
.mask_popup_wrap .erk-cycle-v03 .ctr-dir-indi p{
	display:block;
	float:right;
	zoom:1;
	width:145px;
	height:50px;
	margin-bottom:1px;
	text-align:right;
	padding-right:5px;
	text-decoration:none;	
	cursor:pointer;
	background:#929292;
	color:#fff;
	font-size:13px;
	font-weight:400;
	line-height:3.7;
	letter-spacing:-0.05em;
}
.mask_popup_wrap .erk-cycle-v03 .ctr-dir-indi p.now,
.mask_popup_wrap .erk-cycle-v03 .ctr-dir-indi p:hover{
	width:155px;
	background:#ff9a8d;
}








.mask_popup_wrap .erk-cycle-v05{
	position:relative;
	width:1180px;
	height:680px;
	margin:150px 70px auto;
}
.mask_popup_wrap .erk-cycle-v05 .con{
	z-index:10;
	width:1180px;
	height:680px;
}
.mask_popup_wrap .erk-cycle-v05 .con .item{
	width:100%;
	height:100%;
	color:#fff;
	font-size:30px;
}
.mask_popup_wrap .erk-cycle-v05 .ctr-dir{
	z-index:10;
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	text-align:center;
}
.mask_popup_wrap .erk-cycle-v05 .ctr-dir a{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:0px;
	height:0px;
	margin-right:0px;
	background:#fff;
	text-decoration:none;	
	text-indent:-9999px;
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;
}
.mask_popup_wrap .erk-cycle-v05 .ctr-dir a.activeSlide,
.mask_popup_wrap .erk-cycle-v05 .ctr-dir a:hover{

}
.mask_popup_wrap .erk-cycle-v05 .ctr-pn{
	display:none
}
.mask_popup_wrap .erk-cycle-v05 .ctr-pn .prev,
.mask_popup_wrap .erk-cycle-v05 .ctr-pn .next{	
}

.mask_popup_wrap .erk-cycle-v05 .ctr-pn .prev:hover,
.mask_popup_wrap .erk-cycle-v05 .ctr-pn .next:hover{

}
.mask_popup_wrap .erk-cycle-v05 .ctr-dir-indi{
	z-index:10;
	position:absolute;
	left:2px;
	top:40px;
	width:50px;
	height:100px;
	border:0px solid red;

}
.mask_popup_wrap .erk-cycle-v05 .ctr-dir-indi p{
	display:block;
	float:left;
	zoom:1;
	width:50px;
	height:100px;
	cursor:pointer;

}
.mask_popup_wrap .erk-cycle-v05 .ctr-dir-indi p.now,
.mask_popup_wrap .erk-cycle-v05 .ctr-dir-indi p:hover{
	overflow:hidden;

}








#visual {width:100%; height:1000px;position:relative; overflow:hidden;}
#visual div.btnnav{position:absolute;bottom:150px;left:0;width:100%;text-align:center;z-index:11;}
#visual div.btnnav a{display:inline-block; 
	width:22px; 
	height:22px;
	margin:0 3px; 
	border:5px solid #ff0b45;
	font-size:0;
	text-indent:-20000;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
}
#visual div.btnnav a.on{background:#ff0b45;border:5px solid #ff0b45;}
/* È­»ìÇ¥ */
#visual div.arw{position:absolute;top:365px;left:0;width:100%;text-align:center;z-index:11;}
#visual .btn_prev{display:inline-block; position:absolute; left:130px; background:url(../img/main/ar1.png) 0 0 no-repeat; width:47px; height:91px; margin-top:-45px; text-indent:-9999px;}
#visual .btn_next{display:inline-block; position:absolute; right:130px; background:url(../img/main/ar2.png) 0 0 no-repeat; width:47px; height:91px; margin-top:-45px; text-indent:-9999px;}

#visual div.roll {width:100%;height:900px;position:absolute; overflow:hidden;/*margin-top: 110px;*/}
#visual div.roll > div {width:100%;height:900px; position:absolute;top:0px;left:0px; opacity:0; filter: alpha(opacity=0); z-index:7;overflow:hidden;}
#visual div.roll > div > div {left:45%;	position:absolute;opacity:0; filter: alpha(opacity=0);  z-index:7;}
#visual div.roll img {
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; // for IE8
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop'); // for IE7
}

#visual div.roll div.visImg1 {background:url('../img/main/bg_2603.jpg') center top no-repeat #fff; opacity:1; filter:alpha(opacity=100); z-index:8;}
#visual div.roll div.visImg2 {background:url('../img/main/bg11.png') center top no-repeat #ffdcde;}
#visual div.roll div.visImg3 {background:url('../img/main/bg3.png') center top no-repeat #ffdcde;}
#visual div.roll div.visImg4 {background:#f9eee1;}
#visual div.roll div.visImg5 {background:url('../img/main/bg5.png') center top no-repeat #000000;}

#visual div.roll div.visImg1 .text1 {top:0;margin:400px 0 0 -583px;}
#visual div.roll div.visImg1 .text2 {top:0;margin:400px 0 0 583px;}

#visual div.roll div.visImg2 .text1 {top:0;margin:650px 0 0 -165px;}
#visual div.roll div.visImg2 .text2 {top:0;margin:520px 0 0 220px;}

#visual div.roll div.visImg3 .text1 {top:0px;margin:-60px 0 0 -600px;}
#visual div.roll div.visImg3 .text2 {top:0;margin:60px 0 0 -600px;}
#visual div.roll div.visImg3 .text3 {top:0;margin:150px 0 0 -600px;}

#visual div.roll div.visImg4 .text1 {top:0px;margin:-80px 0 0 -600px;}
#visual div.roll div.visImg4 .text2 {top:0;margin:60px 0 0 -600px;}
#visual div.roll div.visImg4 .text3 {top:0;margin:150px 0 0 -600px;}

#visual div.roll div.visImg5 .text1 {top:0px;margin:-60px 0 0 -600px;}
#visual div.roll div.visImg5 .text2 {top:0;margin:60px 0 0 -600px;}
#visual div.roll div.visImg5 .text3 {top:0;margin:150px 0 0 -600px;}

#main_plus{
	clear:both;
	position:relative;
	width:100%;
	margin:0 auto;
	margin-top: -100px;
	}	

#depth_1{
	clear:both;
	position:relative;
	width:1320px;
	height:780px;
	margin:80px auto 0 auto;
	padding:0;
	border:0px solid #999;
	overflow:hidden;
	}	
#depth_1 div.banner1{
	position:absolute;
	width:440px;
	height:780px;
	left:0;
	top:0;
	background:#daa8b3;
	}
#depth_1 div.banner2{
	position:absolute;
	width:440px;
	height:260px;
	left:440px;
	top:0;
	background:#e0e9eb;
	}
	#depth_1 div.banner3{
	position:absolute;
	width:440px;
	height:260px;
	left:880px;
	top:0;
	background:#8a8f96;
	}
	#depth_1 div.banner4{
	position:absolute;
	width:880px;
	height:260px;
	left:440px;
	top:260px;
	background:#c9aeac;
	}
	#depth_1 div.banner5{
	position:absolute;
	width:440px;
	height:260px;
	left:440px;
	top:520px;
	background:#e9c9b1;
	}
	#depth_1 div.banner6{
	position:absolute;
	width:440px;
	height:260px;
	left:880px;
	top:520px;
	background:#ffdbdb;
	}

#depth_2{
	clear:both;
	position:relative;
	width:100%;
	height:750px;
	margin:0 auto;
	border:0px solid red;
	padding:0;
	background:url(/@2019/img/main/real_bg.jpg) 50% 50% no-repeat;
	overflow:hidden;
	}
#depth_2 div{
	position:relative;
	width:1400px;
	height:520px;
	border:0px solid red;
	margin:80px auto 0 auto;
	}	
#depth_2 div p.title{
	width:544px;
	height:124px;
	margin:0 auto;
	}	

ul.ore_real { 
	position:relative; 
	width: 1400px;
	height:350px;
	margin:45px auto 0 auto; 
	padding: 0; 
	}
ul.ore_real li{
	position:absolute; 
	overflow:hidden; 
	width:350px; 
	height: 350px; 
	}
ul.ore_real li a { 
	display: block; 
	position: relative; 
	background: #000; 
	width: 100%;
	height: 100%; 
	}
ul.ore_real li.num2,
ul.ore_real li.num3{
	width:175px;
	height:175px;
	}
ul.ore_real li.num4{
	width:350px;
	height:175px;
	}
ul.ore_real li.num6,
ul.ore_real li.num7{
	width:350px;
	height:175px;
	}
ul.ore_real li a .sm {
	width: 100%;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);.
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
}
ul.ore_real li a:hover .sm {
	width: 105%; 
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
	opacity: 0.5;
}






/*Main youtube shorts*/

.main_slide .swiper-button-next, .main_slide .swiper-button-prev{}
.main_slide .swiper-button-prev{left:50%; margin-left:-700px;}
.main_slide .swiper-button-next{right:50%; margin-right:-700px;}
.main_slide .swiper-pagination .swiper-pagination-bullet {background: rgba(255,255,255,0.5); box-shadow: 0 0 5px rgb(0 0 0 / 20%); border-radius:12px!important;}
.main_slide .swiper-pagination .swiper-pagination-bullet-active {width:50px!important; background:#fff; border-radius:12px!important;}

.main_title{overflow:hidden; position:relative;}
.main_title.last{margin-top:30px;}
.main_title h2{vertical-align:top; margin-right:2px; font-weight: 800; font-family: 'Montserrat'; line-height:90px; font-size:40px; color:#333;padding: 30px 0;text-align:center;}
.main_title h2 span{color:#ff8800;}
.main_title h2.icon {padding-left:50px; position:relative;}
.main_title h2.icon img {position: absolute; top: 50%; margin-top: -25px; left: 0;}
.main_title ul{float:left; }
.main_title ul li{float:left; font-size:14px; color:#000; cursor:pointer; padding:0 20px; line-height:50px; position:relative;}
.main_title ul li:after{content:''; background:#ececec; width:1px; height:10px; position:absolute; top:50%; margin-top:-5px; right:0;}
.main_title ul li:last-child:after{display:none;}
.main_title ul li.selected{color:#ff8800;}
.main_title .more{width:120px; height:30px; background-color:#ff8800; text-align:center;position:absolute; right:360px; top:50%; margin-top:-12px; font-size:14px; line-height:31px; color:#fff; font-family: 'Montserrat'; text-decoration:none;}

.video_wrap {padding:10px 0;}

.main_tv_list .swiper-slide {width: 300px;}
.main_tv_list .swiper-slide img { width: 100%; }     
.main_tv_list{font-size:0}
.main_tv_list > div{width: 1400px; display:inline-block; vertical-align:top; cursor:pointer;}
.main_tv_list > div:nth-child(5n){margin-right:0;}
.main_tv_list > div{display:block; vertical-align:top; cursor:pointer;}
.main_tv_list .swiper-slide > a {display:block;}
.main_tv_list .swiper-slide > a:last-of-type {margin-top: 10px; text-decoration: none;}
.main_tv_list > div .thumb{position:relative;}
.main_tv_list > div .thumb img{width:100%;}
.main_tv_list > div .thumb:after { content: ''; position: absolute;  top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border:8px solid #ff8800; opacity: 0;  transition: opacity 0.5s; pointer-events:none;}
.main_tv_list .swiper-slide button{
	backgrond:none;
	}



.main_tv_list .swiper-slide a:hover .thumb:after {opacity:1;}
.main_tv_list .swiper-slide a h3 {
	display:block;
	font-family: 'Nanum Gothic'; 
	font-size: 16px; 
	line-height: 1.2; 
	color: #333; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;  
	transition: color 0.5s;
	margin-top: 15px; 
	text-align: center; 
	letter-spacing: -1px; 
	padding: 0 20px; 
	}
.main_tv_list .swiper-slide a:hover h3 {color:#ff8800;}

.main_tv_list.vertical .swiper-slide {width:215px; }
.main_tv_list.vertical .swiper-slide .thumb{width:215px; height:380px; position:relative; overflow:hidden;}
.main_tv_list.vertical .swiper-slide img {width:700px; position:absolute; top:0; left:0; margin-left:-241px;}

.main_tv_list.vertical .swiper-button-next,
.main_tv_list.vertical .swiper-button-prev {
    border: 0px solid red;
    top: 170px;
    width: 100px;
    height: 110px;
    color: #000;
    background-repeat: no-repeat;
}

.main_tv_list.vertical .swiper-button-next {
    background-image: url(../img/main/next_button.png);
    left:95%;
}

.main_tv_list.vertical .swiper-button-prev {
    background-image: url(../img/main/prev_button.png);
    left:-2%;
}

.main_tv_list.vertical .swiper-button-next::after,
.main_tv_list.vertical .swiper-button-prev::after {
    display: none;
}

.ex_tit{
	cursor:pointer;
	font-weight:bold;
	padding:10px 0;
}

.ex_tit:hover{
	color:#ff0000;
	text-decoration: underline;
}


#element_to_pop_up_01, #element_to_pop_up_02, #element_to_pop_up_03, #element_to_pop_up_04,
#element_to_pop_up_05, #element_to_pop_up_06, #element_to_pop_up_07, #element_to_pop_up_08,
#element_to_pop_up_09, #element_to_pop_up_10, #element_to_pop_up_11, #element_to_pop_up_12,
#element_to_pop_up_13, #element_to_pop_up_14, #element_to_pop_up_15, #element_to_pop_up_16,
#element_to_pop_up_17, #element_to_pop_up_18, #element_to_pop_up_19, #element_to_pop_up_20,
#element_to_pop_up_21, #element_to_pop_up_22, #element_to_pop_up_23, #element_to_pop_up_24,
#element_to_pop_up_25, #element_to_pop_up_26, #element_to_pop_up_27, #element_to_pop_up_28, 
#element_to_pop_up_29, #element_to_pop_up_30, #element_to_pop_up_31, #element_to_pop_up_32,
#element_to_pop_up_33, #element_to_pop_up_34, #element_to_pop_up_35, #element_to_pop_up_36,
#element_to_pop_up_37, #element_to_pop_up_38, #element_to_pop_up_39, #element_to_pop_up_40,
#element_to_pop_up_41, #element_to_pop_up_42, #element_to_pop_up_43, #element_to_pop_up_44, 
#element_to_pop_up_45, #element_to_pop_up_46, #element_to_pop_up_47, #element_to_pop_up_48,
#element_to_pop_up_49, #element_to_pop_up_50, #element_to_pop_up_51, #element_to_pop_up_52,
#element_to_pop_up_53, #element_to_pop_up_54, #element_to_pop_up_55, #element_to_pop_up_56, 
#element_to_pop_up_57, #element_to_pop_up_58, #element_to_pop_up_59, #element_to_pop_up_60, 
#element_to_pop_up_61, #element_to_pop_up_62, #element_to_pop_up_63, #element_to_pop_up_64, 
#element_to_pop_up_65, #element_to_pop_up_66, #element_to_pop_up_67, #element_to_pop_up_68,
#element_to_pop_up_69, #element_to_pop_up_70 { 
    color:#7d7d7d;
    display:none; 
	width:900px;
    min-height:600px;
}

.b-close{
   cursor:pointer;
	float:right;
}

.b-pop_con{
	width:740px;
	margin:20px auto;
	font-size:16px;
	border:0 solid; 
}
/*
.b-pop_con{
	width:700px;
	height:400px;
	margin:0 auto;
	padding:20px;
	font-size:16px;
	line-height:1.8;
	overflow: auto; 
	border:0 solid; 
	background:#ffffff;
}*/

.b-pop_con img{margin:0 auto;}

.youtube_con{
	line-height:1.5;
	width:100%; 
	background-color:#d9d9d92; 
	display:none;"
 }


 

/*Main youtube shorts END*/



#depth_3{
	clear:both;
	position:relative;
	width:100%;
	height:1400px;/*2000px;*/
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#edecec;
	}
#depth_3 div{
	position:relative;
	width:1500px;
	height:650px;
	border:0px solid red;
	margin:100px auto 0 auto;
	}
#depth_3 div p.title{
	width:390px;
	height:85px;
	margin:0 auto;
	}	
#depth_3 div img.event1{
	position:absolute;
	width:480px;
	height:500px;
	left:246px;
	top:150px;
	}
#depth_3 div img.event2{
	position:absolute;
	width:480px;
	height:500px;
	left:766px;
	top:150px;
	}
#depth_3 div img.event3{
	position:absolute;
	width:480px;
	height:500px;
	left:246px;
	top:700px;
	}		
#depth_3 div img.event4{
	position:absolute;
	width:480px;
	height:500px;
	left:766px;
	top:700px;
	}	

#depth_3 div img.event5{
	position:absolute;
	width:480px;
	height:500px;
	left:246px;
	top:1250px;
	}
#depth_3 div img.event6{
	position:absolute;
	width:480px;
	height:500px;
	left:766px;
	top:1250px;
	}
#depth_3 div img.event7{
	position:absolute;
	width:480px;
	height:500px;
	left:246px;
	top:1800px;
	}		
#depth_3 div img.event8{
	position:absolute;
	width:480px;
	height:500px;
	left:766px;
	top:1800px;
	}
div#youtube{
	clear:both;
	position:relative;
	width:1500px;
	height:950px;/*2000px;*/
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:#fff;
	border:0px solid red;
	}
div#youtube	p.y_title{
	text-align:left;
	font-size:50px;
	font-weight:700;
	letter-spacing:-0.05em;
	line-height:1;
	height:50px;
	border:0px solid red;
	margin-top:100px;
	margin-bottom:80px;
	text-align:center;
	}	
div#youtube ul{
	clear:both;
	position:relative;
	width:1500px;
	height:620px;/*2000px;*/
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:#fff;
	border:0px solid red;
	}
div#youtube ul li{
	float:left;
	width:330px;
	height:260px;
	background:#fff;
	margin-right:30px;
	margin-bottom:50px;
	border:1px solid #d9d9d9;
	padding:7px;
	}
div#youtube ul li:nth-child(4),
div#youtube ul li:nth-child(8),
div#youtube ul li:nth-child(12){
	margin-right:0;
	}	
div#youtube ul li iframe{
	display:block;
	margin-bottom:15px;
	}	
div#youtube ul li a{
	display:block;
	width:100%;
	height:auto;
	text-decoration:none;
	font-size:18px;
	line-height:1.4;
	letter-spacing:-0.03em;
	}	

/*¸ÞÀηѸµ*/
.erk-cycle-v01{
	clear:both;
	position:relative;
	width:100%;
	height:900px;
	overflow:hidden
}
.erk-cycle-v01 .con{
	z-index:10;
	height:100%;
	height:900px;
	border:0px solid red;
}
.erk-cycle-v01 .con .item{
	width:100%;
	height:100%;
	color:#fff;
	font-size:30px;
	background-position:50% 0;
}
.erk-cycle-v01 .con .item a{
	display:block;
	width:1400px;
	height:900px;
	margin:0 auto;
	text-indent:-99999px;
	}
.erk-cycle-v01 .ctr-dir{
	z-index:10;
	position:absolute;
	left:0;
	top:820px;
	width:100%;
	text-align:center;
}
.erk-cycle-v01 .ctr-dir a{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:30px;
	height:30px;
	margin-right:12px;
	border-radius:30px;
	background:#fff;
	text-decoration:none;	
	text-indent:-9999px;
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;
}
.erk-cycle-v01 .ctr-dir a.activeSlide,
.erk-cycle-v01 .ctr-dir a:hover{
	background:#ff332c;
}
.erk-cycle-v01 .ctr-pn{
}
.erk-cycle-v01 .ctr-pn .prev,
.erk-cycle-v01 .ctr-pn .next{
	z-index:20;
	position:absolute;top:0;
	display:block;
	width:100px;
	height:100%;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0 50%;	
	text-indent:-9999px;
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;	
}
.erk-cycle-v01 .ctr-pn .prev{
	left:0;
	background-image:url(../img/main/bg-prev.png);
}
.erk-cycle-v01 .ctr-pn .next{
	right:0;
	background-image:url(../img/main/bg-next.png);
}
.erk-cycle-v01 .ctr-pn .prev:hover,
.erk-cycle-v01 .ctr-pn .next:hover{
	background-position:0px 50%;
}