.topBanner {display:none; text-align:center; height:115px;}
.main .topBanner {display:block;}

/*2018-11-04 플래시 영역*/
#main_visual {overflow:hidden; position:relative; width:100%; height:740px;}
#main_visual .img_list{overflow:hidden; position:absolute; top:0px; left:0px; width:100%; height:740px;}
#main_visual .img_list li{display:none;}
#main_visual .img_list .flash_div{position:absolute;right:50%;margin-right:-880px;top:70px;}
#main_visual .m_container{position:relative; width:1377px; margin:665px auto 0;}
#main_visual .m_container a.btn_prev{display:block; position:absolute; top:40px; left:34px; width:17px; height:26px; background:url('/images/main/btn_prev.png') no-repeat;}
#main_visual .m_container a.btn_next{display:block; position:absolute; top:40px; left:1360px; width:17px; height:26px; background:url('/images/main/btn_next.png') no-repeat;}
#main_visual .m_container .list_cont{overflow:hidden; position:absolute; top:10px; left:80px; width:1260px; height:85px;}
#main_visual .m_container .list_cont ul{position:absolute; top:0px; left:0px; width:20000px;}
#main_visual .m_container .list_cont ul li{float:left; width:204px; border:1px solid #cecece; margin-right:5px; background:#ffffff;}
#main_visual .m_container .list_cont ul li.active{border:1px solid #579ca9; background:#579ca9;}
#main_visual .m_container .list_cont ul li a{display:block; width:100%; height:82px; text-align:center;}
#main_visual .m_container .list_cont ul li a img{margin-top:23px; display:none;}
#main_visual .m_container .list_cont ul li a img:first-child{display:inline-block;}

#main_visual .m_container a.btn_prev_flash{display:block; position:absolute; top:40px; left:34px; width:17px; height:26px; background:url('/images/main/btn_prev.png') no-repeat;}
#main_visual .m_container a.btn_next_flash{display:block; position:absolute; top:40px; left:1360px; width:17px; height:26px; background:url('/images/main/btn_next.png') no-repeat;}
#main_visual .m_container .list_cont_flash{overflow:hidden; position:absolute; top:10px; left:80px; width:1260px; height:85px;}
#main_visual .m_container .list_cont_flash ul{position:absolute; top:0px; left:0px; width:20000px;}
#main_visual .m_container .list_cont_flash ul li{float:left; width:152px; border:1px solid #cecece; margin-right:5px; background:#ffffff;cursor:pointer;}
#main_visual .m_container .list_cont_flash ul li.active{border:1px solid #579ca9; background:#579ca9;}
#main_visual .m_container .list_cont_flash ul li a{display:block; width:100%; height:82px; text-align:center;}
#main_visual .m_container .list_cont_flash ul li a img{max-width:100%;}
#main_visual .m_container .list_cont_flash ul li a img:nth-child(2n-1){margin-top:23px; display:inline-block;}
#main_visual .m_container .list_cont_flash ul li a img:nth-child(2n){margin-top:23px; display:none;}
#main_visual .m_container .list_cont_flash ul li.active a img:nth-child(2n-1){display:none;}
#main_visual .m_container .list_cont_flash ul li.active a img:nth-child(2n){display:inline-block;}
/*2018-11-04 플래시 영역 끝*/

#main_banner{width:100%; margin:auto;  max-width:1920px; position:relative; z-index:1; !important; overflow:hidden;padding-top:70px}

#main_container{overflow:hidden; width:1000px; margin:0 auto;}
#main_container .mcont01{overflow:hidden;}
#main_container .mcont01 img{float:left;}

#main_container .mcont02{overflow:hidden;}
#main_container .mcont02 > div{float:left; overflow:hidden; width:329px; margin-right:6px;}
#main_container .mcont02 > div:last-child {margin-right:0;}

#main_container .mcont03 {overflow:hidden;}
#main_container .mcont03 a {float:left; margin-right:6px;}
#main_container .mcont03 a:last-child {margin-right:0;}

#main_bn{overflow:hidden; width:1000px; margin:0 auto;}
#main_bn .main_bn li {float:left; overflow:hidden; width:333px; }


div.board{position:relative;}
div.board .timg{float:left;}
div.board > div{float:right; width:224px;}
div.board .ptitle{padding-top:8px; padding-left:7px; border-bottom:1px solid #c2c2c2; font-size:11px; color:#000000; line-height:30px; letter-spacing:-1px;}
div.board .ptitle .c01{color:#1e8585}
div.board .btn_more {display:block; position:absolute; top:19px; right:7px; width:12px; height:12px; text-indent:-99999px; background:url('/images/main/btn_more.jpg') left top no-repeat; background-size:12px;}
div.board ul {padding-top:5px;}
div.board ul li{overflow:hidden; width:100%; background:url('/images/main/bg_dot_line.jpg') left bottom repeat-x; white-space:nowrap; text-overflow:ellipsis;}
div.board ul li span.title{display:block; float:left; overflow:hidden; padding-left:12px; width:135px; color:#5c5c5c; line-height:25px; background:url('/images/main/ico_dot.jpg') 12px 20px no-repeat;}
div.board ul li span.date{float:right; padding-right:7px; color:#9b9b9b; line-height:25px;}
div.board ul li:hover span{color:#000000;}
div.board .lt_title,div.board .lt_more {display:none;}
div.board .lt {margin:0; padding:0 10px; border:0;}
div.board .lt ul {margin:0;}
div.board .lt a {padding:5px 0 0 0;}


.s_gallery{position:relative; background:#000000;}
.s_gallery .img_list{overflow:hidden; position:relative; height:544px; background:#2d2e31;}
.s_gallery .img_list li{display:none;}
.s_gallery .m_container{position:relative; width:100%; height:120px; background:#2d2e31;}
.s_gallery .m_container .btn_prev{display:block; position:absolute; top:49px; left:9px; width:12px; height:22px; background:url('/images/sub/btn_prev.png') no-repeat;}
.s_gallery .m_container .btn_next{display:block; position:absolute; top:49px; right:9px; width:12px; height:22px; background:url('/images/sub/btn_next.png') no-repeat;}
.s_gallery .m_container .list_cont{overflow:hidden; position:absolute; top:10px; left:31px;}
.s_gallery .m_container .list_cont li{float:left; position:relative; width:148px; height:101px; margin-right:12px;}
.s_gallery .m_container .list_cont li img{display:none; position:relative; z-index:100;}
.s_gallery .m_container .list_cont li img:first-child{display:block;}
.s_gallery .m_container .list_cont li span.over{display:none; position:absolute; top:0px; left:0px; z-index:1000; width:148px; height:101px; background:url('/images/sub/bg_on.png') no-repeat;}
.s_gallery .m_container .list_cont li:hover span.over{display:block;}

.mt20{margin-top:20px;}



#main_pop {position:absolute;left:0px; background:#000; z-index:1000;width:400px; height:425px; overflow:hidden; line-height:0;}
#main_pop .popContents_wrap {position:absolute;top:0;left:0;width:800px; line-height:0;}
#main_pop .popContents_wrap a {float:left;display:inline-block; line-height:0;}
#main_pop .pop_control {position:absolute;bottom:0;left:0;width:100%;height:14px;padding:9px 0;text-align:center; line-height:0;}
#main_pop .pop_control li {display:inline-block;width:14px;height:14px;background-color:#9a9a9a;border-radius:7px;cursor:pointer;}
#main_pop .pop_control li.on {background-color:#363636;}
#main_pop .pop_bottom {padding:11px 10px;background-color:#111;position:absolute;bottom:0;left:0;width:365px;}



.mainSocial {overflow:hidden; margin:20px auto;}
.mainSocial .socialArea {float:left; border:1px solid #bcbcbc; width:325px; height:210px; overflow:hidden;}
.mainSocial .socialArea.blogArea {margin:0 9px;}
.mainSocial .socialArea .postList {width:300px; margin:10px auto;}
.mainSocial .socialArea .postList li {line-height:28px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainSocial .socialArea .postList li a {color:#333; font-size:13px;}
.mainSocial .socialArea > div {float:left;}
.mainSocial .socialArea > div img {width:162.5px;height:160px;}


.mainGalleryList ul {overflow:hidden;}
.mainGalleryList ul li {float:left; width:195px; overflow:hidden; margin-right:6px; text-align:center;}
.mainGalleryList ul li:last-child {margin-right:0;}
.mainGalleryList ul li span {display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainGalleryList ul li strong {display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainGalleryList ul li span.media {font-size:14px; color:#3daeae; font-weight:bold; margin-top:10px;}
.mainGalleryList ul li strong.title {font-size:13px; color:#23211f;}
.mainGalleryList ul li strong.date {color:#23211f;}

/*20170202 */
.quick_banner_li{
	position:relative;
/* 	display:none; */
	
}
.quick_banner_li .img_box{
	cursor:pointer;
	
}

.quick_banner_li .over_img{
	position:absolute;
	top:0;
	left:0;
    z-index:-1;	
	transition:all 0.3s ease;
	
}


.quick_banner_li .img_box:hover .over_img{
	left:-250px;
	transition:all 0.3s ease;
	
}
.quick_banner_li:first-child .img_box:hover .over_img{
	left:-600px !important;
	transition:all 0.3s ease;
	
}



/*20170210*/
/*서브nav*/
.sub-nav, .sub-nav3{
	width:1000px;
	margin:0 auto 40px auto;
	padding-top:10px;
}
.sub-nav ul:before,
.sub-nav ul:after{
	content:'';
	display:table;
}
.sub-nav ul:after {
  clear: both;
}
.sub-nav3 ul:before,
.sub-nav3 ul:after{
	content:'';
	display:table;
}
.sub-nav3 ul:after {
  clear: both;
}
.sub-nav.sub-nav2 li{
		width:130px;
}

.sub-nav li,
.sub-nav3 li
{
		float:left;
		width:150px;
		border:solid 1px #9d9d9d;
		margin-left:-1px;
		box-sizing:border-box;
}
.sub-nav li a,
.sub-nav3 li a{
		display:block;
		padding:8px 0;
		text-align:center;
		color:#666;
		font-size:14px;
		border-top:solid 4px #fff;
		border-bottom:solid 4px #fff;
		box-sizing:border-box;
}
.sub-nav li a.active{
	color:#448490;
	font-weight:normal;
	border-top:solid 4px #448490;
}
.sub-nav3 li a.active{
	color:#448490;
	font-weight:normal;
	border-top:solid 4px #448490;
}
.sub-nav li a:hover,
.sub-nav li a:focus,
.sub-nav3 li a:hover,
.sub-nav3 li a:focus{
		color:#448490;
}

.nav2{
		width:900px;
		margin:0 auto;
}
.nav3{
		width:750px;
		margin:0 auto;
}
.nav4{
		width:350px;
		margin:0 auto;
}
.nav5{
		width:600px;
		margin:0 auto;
}
.nav6{
		width:448px;
		margin:0 auto;
}

/* 2020-05-29 신규 유뷰트 영상 */
.mc_youtube_container { position:relative; padding-bottom:70px; background:#f1f1f1 }
.mc_youtube_container .titleImage h2 {text-align:center;font-size:32px;color:#000;font-weight:bold;line-height:32px;padding:90px 0 40px;}
.mc_youtube_container .titleImage h2 img {vertical-align:middle;}

.mc_youtube_wrap img { /*width:100%;*/ }
.mc_youtube_wrap { max-width:1348px; margin:0 auto; position:relative; font-size:0; background:none }

.mc_youtube_wrap .menu_container { position:relative; text-align:left; font-size:0; background:none;}
.mc_youtube_wrap .menu_container > p { top:0; left:0; position:absolute; margin:8px 0 0 20px;font-size:22px; line-height:1; letter-spacing:-1px; color:#000 }
.mc_youtube_wrap .menu_container .btn_more {text-align:right;padding-right:30px;}
.mc_youtube_wrap .menu_wrap { position:relative; margin-left:120px }
.mc_youtube_wrap .menu_wrap .btn { display:inline-block; position:relative; cursor:pointer; height:40px; overflow:hidden; background:none }
.mc_youtube_wrap .menu_wrap .btn:before { content:''; top:30%; left:0; position:absolute; width:1px; height:40%; background:#ddd }
.mc_youtube_wrap .menu_wrap .btn:last-child:after { content:''; top:30%; right:0; position:absolute; width:1px; height:40%; background:#ddd }
.mc_youtube_wrap .menu_wrap .btn > p { font-size:15px; line-height:1; color:#000; padding:12px 15px 0 15px }

.mc_youtube_wrap .thumb_wrap { position:relative; text-align:left; margin-top:20px; font-size:0 }
#t_alert { top:0; left:0; position:absolute; width:100%; margin-top:120px; font-size:15px; line-height:1.2; color:#999; text-align:center; opacity:0 }
.mc_youtube_wrap .thumb_wrap .list { display:inline-block; *display:inline; zoom:1; vertical-align:top !important; width:246px; margin:0 10px 40px; position:relative;cursor:pointer; background:none }
.mc_youtube_wrap .thumb_wrap .list:nth-child(n+2):before { /*content:''; top:0; left:0; position:absolute; width:1px; height:100%; background:url(/images/main/youtube/dot.png); opacity:.2*/ }
.mc_youtube_wrap .thumb_wrap .list .photo_wrap { width:246px; height:138px; overflow:hidden; position:relative }
.mc_youtube_wrap .thumb_wrap .list .photo_wrap > img { position:relative; width:100%; height:auto;margin:0;}
.mc_youtube_wrap .thumb_wrap .list .txt_wrap { width:100%; background:none; margin-top:15px }
.mc_youtube_wrap .thumb_wrap .list .txt_wrap p {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mc_youtube_wrap .thumb_wrap .list .txt_wrap .t_subject { font-size:17px; line-height:1.2; letter-spacing:-1px; color:#222; position:relative }
.mc_youtube_wrap .thumb_wrap .list .txt_wrap .t_contents {font-size:13px; line-height:1.2; letter-spacing:-1px; color:#777; margin-top:10px }
.mc_youtube_wrap .thumb_wrap .list .frame { top:0; left:0; position:absolute; width:100%; height:100%; box-sizing:border-box; border:5px solid #d71eff; opacity:0 }

.mc_youtube_container .more_wrap { margin-top:80px; text-align:center; font-size:0 }
.mc_youtube_container .more_wrap .linkBtn { display:inline-block; *display:inline; zoom:1; width:200px; height:60px; position:relative }
.mc_youtube_container .more_wrap .linkBtn:before { content:''; top:10%; left:0; position:absolute; width:1px; height:80%; background:#ddd }
.mc_youtube_container .more_wrap .linkBtn:last-child:after { content:''; top:10%; right:0; position:absolute; width:1px; height:80%; background:#ddd }

.pop_move {position:fixed;top:50%;left:50%;margin:-240px 0 0 -425px;}