@charset "utf-8";

.wrapper { }
.main_container {width:100%; max-width:640px; min-width:320px; margin:0 auto; position:relative; overflow:hidden;}

.main_visual {width:100%; position:relative; overflow:hidden; padding-bottom:93.46%;}
.main_visual img { width:100%;}
.main_visual ul.slider { position:relative; width:100%; }
.main_visual ul.slider li { position:absolute; left:0px; }


.main_con .main_con_ul { width:100%;}
.main_con .main_con_ul li { float:left; width:25%;}
.main_con .main_con_ul li img { width:100%;}

.main_con_quick01 { background:url('/m/img/ere_main_con_bg_img01.gif') no-repeat; background-size:100%; max-height:720px; overflow:hidden; margin-top:10%;}
.main_con_quick01 .main_quick01 { width:95%; position:relative; margin:0 auto; padding-bottom:14%;}
.main_con_quick01 .main_quick01:after{content:''; display:block; clear:both;}
.main_con_quick01 .main_quick01 li {  float:left; width:47.5%; margin-right:3%; margin-top:3%; }
.main_con_quick01 .main_quick01 li.last { margin-right:0;}
.main_con_quick01 .main_quick01 li img { width:100%;}

.main_con_quick02 { background:url('/m/img/ere_main_con_bg_img02.gif') no-repeat; background-size:100%; max-height:316px; overflow:hidden;}
.main_con_quick02 .main_quick02 { width:80%; margin-left:4%; margin-top:4%;  margin-bottom:3.5%;}
.main_con_quick02 .main_quick02 li { width:40%;  margin-bottom:2%;}
.main_con_quick02 .main_quick02 li.last { margin-right:0;}
.main_con_quick02 .main_quick02 li img { width:100%;}

/*파노라마영상*/
.wrap_mask {width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:9990; display:none;}
.wrap_mask > .bg {position:absolute; top:0; left:0; width:100%; height:100%; /*background:black;*/ opacity:0.8; z-index:9991;}
.wrap_mask > div {max-width:600px; min-width:280px; width:96%; position:relative; margin:0 auto; z-index:9999; padding-top:10%;}
.wrap_mask > div > .contents {position:relative; width:100%; height:100%; top:0; margin:0 auto; overflow:hidden;}
.wrap_mask > div > .contents > ul {width:100%; height:100%; position:relative;}
.wrap_mask > div > .contents > ul > li {width:100%; height:100%; display:none;}
.wrap_mask > div > .contents > ul > li.li_01 {}
.wrap_mask > div > .contents > ul > li > iframe {}

.wrap_mask > div > .control_bar {width:100%; height:55px; position:relative; overflow:hidden;}
.wrap_mask > div > .control_bar > li {float:left; position:relative; z-index:9995;}
.wrap_mask > div > .control_bar > li.li_01 { color:#ffffff;padding:20px 0 0 10px; }
.wrap_mask > div > .control_bar > li.li_01 img {width:auto; height:20px;}
.wrap_mask > div > .control_bar > li.li_02 {float:right; border:none; padding:10px;}
.wrap_mask > div > .control_bar > li.li_02 img {width:30px; height:auto; padding-top:5px;}
.wrap_mask > div > .control_bar > li.bg {background-size:100% auto; width:100%;  height:100%; background:url('/m/img/erehwon_pop_control_bg.gif') left center no-repeat; z-index:9990;  position:absolute; top:0;}

@media (max-width:320px) {
	
	}




/*video add 2017 11 29*/
div.video_add {width:640px; margin:0px auto 0; transition:all 0.6s; position:absolute;}
div.video_add > h3 {width:211px; height:55px; position:absolute; cursor:pointer; margin: -55px 0 0 0; transition:all 0.45s; background:url("/m/img/tvcf_btn_off.png")0 0 no-repeat; background-size:100% 100%;}
div.video_add > h3.change_bg {background:url("/m/img/tvcf_btn.png")0 0 no-repeat; background-size:100% 100%;} 
.iframe_box {height:0; overflow:hidden; position:absolute;}
#player {overflow:hidden; position:absolute; height:360px }
.tvcf_video {width:640px !important; margin:0 auto; height:100%; max-height:360px; position:relative; z-index:999999; }
.goup_video {margin-top:-56% !important;}

@media all and (max-width:640px) {
	div.video_add {width:100vw;}
	div.video_add > h3 {width:21.875vw; height:8.59375vw; margin: -8.59375vw 0 0 0; }
	#player {max-height:56.25vw}
	.tvcf_video {width:100vw !important; height:56.25vw;}
}