@charset "utf-8";

#chkImgAr{width:100%;}
#chkImg{width:100%;}

#chkImgAr2{width:100%;}
#chkImg2{width:100%;}

#dMainTopSlide{
	position:relative;
	min-width:1118px;
	min-height:647px;
	margin:0 auto;
	background:#e0e0e0;
	/*background:url('/images/renew/main/visual9.jpg') no-repeat center;*/
}

#rPartySlide{
	position:relative;
	min-width:1100px;
	min-height:333px;
	margin:0 auto;
	background:#e0e0e0;
	/*background:url('/images/renew/main/visual9.jpg') no-repeat center;*/
}

.dMainSvcSlideBG{position:relative;top:0px;width:100%;height:248px;background:url('/images/renew/main/serviece_roll_bg.jpg') repeat-x;background-size:100% 100%;}

.bxslider>li{margin:0 auto;}

#dMainSvcSlide{
	width:1140px;
	height:200px;
	margin:0 auto;
	padding-top:29px;
	overflow:hidden;
}
#bxBack1{position:relative;background:url('/images/renew/main/visual1.jpg?v=201902') no-repeat center;}
#bxBack2{position:relative;background:url('/images/renew/main/visual2.jpg') no-repeat center;}
#bxBack3{position:relative;background:url('/images/renew/main/visual3.jpg') no-repeat center;}
#bxBack4{position:relative;background:url('/images/renew/main/visual4.jpg?v=201901') no-repeat center;}
#bxBack5{position:relative;background:url('/images/renew/main/visual5_2.jpg') no-repeat center;}
#bxBack6{position:relative;background:url('/images/renew/main/visual15.jpg') no-repeat center;}
#bxBack7{position:relative;background:url('/images/renew/main/visual8.jpg') no-repeat center;}
#bxBack8{position:relative;background:url('/images/renew/main/visual9.jpg') no-repeat center;}
#bxBack9{position:relative;background:url('/images/renew/main/visual17.jpg?v=201908') no-repeat center;}
#bxBack10{position:relative;background:url('/images/renew/main/visual12.jpg') no-repeat center;}
#bxBack11{position:relative;background:url('/images/renew/main/visual13.jpg') no-repeat center;}
#bxBack12{position:relative;background:url('/images/renew/main/visual14.jpg') no-repeat center;}
.bxLinkWrap{position:relative;left:0px;top:0px;width:1118px;margin:0 auto;}
.bxLink{position:absolute;top:460px;left:47px;width:105px;height:40px;cursor:pointer;}
.bxLink2{position:absolute;top:250px;left:40px;width:436px;height:256px;cursor:pointer;}
.bxLink3{position:absolute;top:250px;left:348px;width:210px;height:260px;cursor:pointer;}
.bxLink4{position:absolute;top:250px;left:560px;width:215px;height:260px;cursor:pointer;}
.bxLink5{position:absolute;top:504px;left:46px;width:105px;height:40px;cursor:pointer;}
.bxLink6{position:absolute;top:410px;left:47px;width:105px;height:40px;cursor:pointer;}
.bxLink7{position:absolute;top:0px;left:0px;width:100%;height:647px;cursor:pointer;}
#dMainSvcSlide>p{text-align:center;color:#715c42;font-size:1.9em;font-family:'Nanum Gothic';margin:0 0 40px;}
.txtBold{font-weight:bold;}

/*.bxslider2>a>li{cursor:pointer;}*/
.bxslider2>li p{text-align:center;color:#715c42;font-size:1.2em;font-family:'Nanum Gothic';font-weight:bold;}
.bxslider2>li img{width:100%;}

.bgColorMain{background-color:#faf9f5;}

.storyAr{background-color:#faf9f5;}
.storyAr2{background-color:#faf9f5;}
.storyAr3BG{background-color:#faf9f5;}
.storyAr4BG{background-color:#faf9f5;}
.storyAr4BG{background-color:#faf9f5;}
.storyAr6BG{background-color:#f7f5ef;}
.storyAr7BG{background-color:#f7f5ef;}
.mgLeft5{margin-left:5px;}
.mgTops5{margin-top:-5px;}


#dMainMovieBG{background-color:#f7f5ef;}
#dMainMovie{
	width:1100px;
	min-height:667px;
	margin:0 auto;
	padding:18px 0 2px;
}
.dMainTitle{height:50px;padding:20px 0;}
.MovB{float:left;max-width:832px;}
.MovBar{width:831px;height:462px;background:url('/images/renew/main/party_movie1_2.jpg');margin-left:1px;}
.MovBar div{width:83px;margin:0 auto;padding-top:189px;}

.MovS{float:right;width:237px;}

#MovS1BG{width:237px;height:121px;}
#MovS1BG div img{width:100%;height:auto;}
#MovS2BG{width:237px;height:121px;}
#MovS2BG div img{width:100%;height:auto;}
#MovS3BG{width:237px;height:106px;}
#MovS3BG div img{width:100%;height:auto;}

#MovT1BG{width:237px;height:44px;background:url('/images/renew/main/party_bg_1.jpg');}
#MovT1BG p{font-family:'Nanum Gothic';font-size:14px;color:#333333;text-align:right;padding-top:10px;padding-right:15px;bottom:0;}
#MovT2BG{width:237px;height:44px;background:url('/images/renew/main/party_bg_2.jpg');}
#MovT2BG p{font-family:'Nanum Gothic';font-size:14px;color:#333333;text-align:right;padding-top:10px;padding-right:15px;bottom:0;}
#MovT3BG{width:237px;height:59px;background:url('/images/renew/main/party_bg_3.jpg');}
#MovT3BG p{font-family:'Nanum Gothic';font-size:14px;color:#333333;text-align:right;padding-top:25px;padding-right:15px;bottom:0;}


#graphAr{background-color:#231f1c;background:url('/images/renew/main/graph_bg.jpg');}
.storyAr1{
}
#dMainGraph{
	width:1100px;
	height:499px;
	margin:0 auto;
}

#dMainGraph>div{padding:10px 0;}
.MainGtitle{text-align:center;padding:20px 0 40px;}
.GraphL{margin:0 40px 0 0;}
.GraphL>div{width:510px;}
.GraphR{margin:0 0 0 40px;}
.GraphR>div{width:510px;}
.GinTitle{float:left;width:36px;margin-top:-12px;}
.grapM{color:#ffffff;font-size:11pt;font-family:'Nanum Gothic';border:1px solid #767676;padding:5px 20px;cursor:pointer;}
.grapW{color:#ffffff;font-size:11pt;font-family:'Nanum Gothic';border:1px solid #767676;padding:5px 20px;cursor:pointer;}

.letterInit{letter-spacing:0px;}

.GraphImg{height:328px;display:table-cell;vertical-align:bottom;}

.dMainStoryBG{background-color:#faf9f5;}
#dMainStory{
	width:1100px;
	min-height:492px;
	margin:0 auto;
	padding:18px 0 0;
}
#MstoryTitle{height:50px;padding:20px 0 10px;}

#Story01{width:540px;height:311px;background:url('/images/renew/main/broadcast1.png');margin-right:16px;}
#Story01>div{width:187px;margin:0 auto;padding-top:93px;}
#Story02{width:540px;height:311px;background:url('/images/renew/main/broadcast2.png');}
#Story02>div{width:187px;margin:0 auto;padding-top:93px;}
#Story03{width:540px;height:311px;background:url('/images/renew/main/broadcast3.png');margin:14px 16px 0 0;}
#Story03>div{width:187px;margin:0 auto;padding-top:93px;}
#Story04{width:540px;height:311px;background:url('/images/renew/main/broadcast4.png');margin-top:14px;}
#Story04>div{width:187px;margin:0 auto;padding-top:93px;}

#Story01>div.movie_title{color:#333;font-size:16px;background:#faf9f8;margin:0;padding:15px 0 0 0;width:100%;}
#Story02>div.movie_title{color:#333;font-size:16px;background:#faf9f8;margin:0;padding:15px 0 0 0;width:100%;}
.movie_title p{font-family:'Nanum Gothic';font-size:17px;color:#333;letter-spacing:-1px;}
.movie_title p img{vertical-align:top;}
.movie_title p strong{font-family:'Nanum Gothic';font-size:18px;padding-left:5px;color:#333333;font-weight:normal;}
.movie_title p span{font-family:'Nanum Gothic';font-size:17px;color:#00000;font-weight:bold;}
.movie_title p i{font-style:normal;color:#c8c7c6;padding:0 15px;}
.movie_title div{margin-top:10px;color:#666;font-size:16px;}
.movie_title div p{font-family:'Nanum Gothic';font-size:15px;color:#666666;font-weight:normal;}
.movie_title div p.letterInit{letter-spacing:0px;}
.movie_title div strong{display:inline-block;font-size:24px;font-weight:normal;color:#333;letter-spacing:-1px;padding-bottom:10px;}
.movie_title div small{font-size:20px;color:#666;vertical-align:top;}


#MainBn{clear:both;width:1100px;margin:0 auto;padding:13px 0 10px;}


#dMainEvent{
	width:1210px;
	height:210px;
	margin:0 auto;
}

#dMainContent{
	width:100%;
	height:193px;
	background:url('/images/renew/main/bottom_phone.png');
	background-size:100% 100%;
}

.movImg{cursor:pointer;}
.fixAr2:hover{
	transform:scale3d(1.2,1.2,1.2); 
	-webkit-transform:-webkit-scale3d(1.2,1.2,1.2); 
	-moz-transform:-moz-scale3d(1.2,1.2,1.2); 
	-o-transform:-o-scale3d(1.2,1.2,1.2); 
	transform-origin:center center;perspective:0;
	transform-style:preserve-3d;
	transition:transform ease-out 10s; 
	-webkit-transition:-webkit-transform ease-out 10s; 
	-moz-transition:-moz-transform ease-out 10s; 
}
.movImgP{cursor:pointer;}

#slider1_container{position: relative; top: 0px; left: 0px; width: 1210px; height: 536px;}
#storyImg{position: absolute; left: 0px; top: 0px; width: 1210px; height: 536px;overflow: hidden;}

#slider2_container{position: relative; top: 0px; left: 0px; width: 320px; height: 107px;}
#storyImg2{position: absolute; left: 0px; top: 0px; width: 320px; height: 107px;overflow: hidden;}


/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l(top: 123px; left: 8px;)
.jssora03r(top: 123px; right: 8px;)

.jssora03l:hover            (normal mouseover)
.jssora03r:hover            (normal mouseover)
.jssora03l.jssora03ldn      (mousedown)
.jssora03r.jssora03rdn      (mousedown)
*/


.jssora03l, .jssora03r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(/images/main/arrow.png) no-repeat;
	overflow: hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03l.jssora03ldn { background-position: -243px -33px; }
.jssora03r.jssora03rdn { background-position: -303px -33px; }


#dMainClass{
	width:1200px;
	height:1020px;
	margin:0 auto;
}
#dBGtest{
	position:absolute;
	width:100%;
	height:400px;
	opacity:1;
	z-index:-1;
	background:rgba(255,255,255,1);
    background: -webkit-linear-gradient(black, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, white); /* Standard syntax (must be last) */
}

.leftLine{float:left;width:1px;height:1020px;background-color:#c1ae83;opacity:0.2;}
.rightLine{float:right;width:1px;height:1020px;background-color:#c1ae83;opacity:0.2;}

#dMainTop{
	width:1100px;
	height:162px;/*250*/
	margin:0 auto;
	padding:30px 0;
}
#dMainTop>ul>li{width:359px;height:151px;margin:0px 0px;/*356*226*/}
.dMainTop_Title{display:block;color:#715c42;font-size:1.72em;font-family:'Nanum Gothic';font-weight:bold;margin:2px 0 8px;}
.dMainTop_Con{display:block;color:#715c42;font-size:1.22em;font-family:'Nanum Gothic';font-weight:bold;}
.dMainTop_Date{display:block;color:#715c42;font-size:0.95em;font-family:'Nanum Gothic';font-weight:bold;margin-top:-2px;}

#dMainBtm{width:1138px;height:200px;margin:0 auto; padding:40px 0 30px;}
#dMainBtm>ul>li{width:173px;height:142px;margin:0px 10px;}

#dMainBtm2{width:1138px;height:200px;margin:0 auto; padding:35px 0 30px;}
#dMainBtm2>ul>li{width:173px;height:142px;margin:0px 10px;}

#dMainTest{
	width:1108px;
	height:460px;
	margin:0 auto;
}
#dMainTest>ul>li{width:359px;height:226px;margin:0px 0px;}

#con_320 .menu_btn_area {margin:8px auto 0 auto;width:320px;height:78px;}
#con_320 .menu_btn_area .menu_btn {width:74px;height:74px;}
#con_320 .menu_btn_area .menu_btn_step {width:8px;height:74px;}


.fixAr2{position:relative;width:544px;height:225px;overflow:hidden;}
.fixAr{position:relative;width:359px;height:226px;overflow:hidden;}
.efBig{position:relative;left:0;top:0;}
.efBig:hover{
	/*
	transform:scale3d(1.2,1.2,1.2); 
	-webkit-transform:-webkit-scale3d(1.2,1.2,1.2); 
	-moz-transform:-moz-scale3d(1.2,1.2,1.2); 
	-o-transform:-o-scale3d(1.2,1.2,1.2); 
	transform-origin:center center;perspective:0;
	transform-style:preserve-3d;
	transition:transform ease-out 10s; 
	-webkit-transition:-webkit-transform ease-out 10s; 
	-moz-transition:-moz-transform ease-out 10s;
	*/
}


#dMainLife{
	position:relative;
	width:1100px;
	height:373px;
	margin:0 auto;
	padding:20px 0 60px;
}

#LifeLeft{position:absolute;left:0;width:696px;}
#LifeLeft .leftWrap{position:relative;}
#LifeLeft .leftWrap #LifeImg{width:696px;height:373px;}
#LifeLeft .leftWrap .LifeTxt{position:absolute;bottom:0;left:0;width:696px;height:69px;background:url('/images/renew/life/main_life_btm_bg.png') no-repeat;opacity:0.9;}
/*#LifeLeft .leftWrap .LifeTxt p{padding-left:219px;padding-top:24px;left:219px;font-family:'Nanum Gothic',sans-serif;font-weight:bold;font-size:18px;color:#ffffff;}*/
#LifeLeft .leftWrap .LifeTxt a{display:block;margin-left:219px;}
#LifeLeft .leftWrap .LifeTxt a p{padding-top:24px;font-family:'Nanum Gothic',sans-serif;font-weight:bold;font-size:18px;color:#ffffff;}
#LifeLeft .leftWrap .mLinks{position:absolute;bottom:18px;left:38px;width:152px;height:36px;cursor:pointer;}

#LifeRight{position:absolute;right:0;width:404px;}
#LifeRight .rightWrap{position:relative;}

.selTop{padding-bottom:1px;}
.selTop div.Wrap{background:url('/images/renew/life/main_life_right_bg.png') no-repeat;width:404px;height:75px;box-shadow:0px 1px 0px 1px #a3967d;}
.selTop div.Wrap .WrapIn{height:46px;padding-top:26px;padding-left:90px;background:url('/images/renew/life/main_life_cate1_o.png') no-repeat;background-position:25px 15px;}
.selTop div.Wrap .WrapIn p.Title{float:left;font-family:'Nanum Gothic',sans-serif;font-weight:bold;font-size:22px;color:#f9b94d;}
.selTop div.Wrap .WrapIn p.Dates{float:right;width:80px;font-family:'Nanum Gothic',sans-serif;font-size:12px;color:#ffffff;}

.no1st{width:402px;height:73px;border:1px solid #fac15d;background-color:#f0ece1;}
.no1st div.Wrap{padding:13px 0px 0px 25px;}
.no1st div.Wrap .WrapIn{height:47px;padding-top:12px;padding-left:65px;background:url('/images/renew/life/main_life_cate2.png') no-repeat;}
.no1st div.Wrap .WrapIn p.Title{float:left;font-family:'Nanum Gothic',sans-serif;font-weight:bold;font-size:22px;color:#333333;}
.no1st div.Wrap .WrapIn p.Dates{float:right;width:80px;font-family:'Nanum Gothic',sans-serif;font-size:12px;color:#333333;}

.noTop{width:402px;height:73px;border:1px solid #fac15d;border-top:none;background-color:#f0ece1;}
.noTop div.Wrap{padding:13px 0px 0px 25px;}
.noTop div.Wrap .WrapIn{height:47px;padding-top:12px;padding-left:65px;background:url('/images/renew/life/main_life_cate3.png') no-repeat;}
.noTop div.Wrap .WrapIn p.Title{float:left;font-family:'Nanum Gothic',sans-serif;font-weight:bold;font-size:22px;color:#333333;}
.noTop div.Wrap .WrapIn p.Dates{float:right;width:80px;font-family:'Nanum Gothic',sans-serif;font-size:12px;color:#333333;}

#dMainMoon{
	width:1100px;
	height:368px;
	margin:0 auto;
}

.mroll_thum_link{ position:absolute; left:45.7%; top:476px; height:14px; text-align:center;}
.mroll_thum_link li{ display:inline-block; padding-right:6px;}
.mroll_thum_link li a{ display:inline-block; background:url(/images/renew/main/ball2.png); width:14px; height:14px; }
.mroll_thum_link .on a{ display:inline-block; background:url(/images/renew/main/ball2_on.png); width:14px; height:14px; }
.mroll_thum_link a:hover{ display:inline-block; background:url(/images/renew/main/ball2_on.png); width:14px; height:14px; }

.b_blank{ height:1px;}
.main_1100{ width:1100px; margin:0 auto;}

.m_matching_wrap{ width:100%; height:363px; background:url(/images/renew/main/m_matching_test.jpg) no-repeat center;}

.m_matching{ width:1100px; height:363px; margin:0 auto;}
.m_matching_link{ display:inline-block; width:550px; height:363px; float:left; cursor:pointer; }
.m_rematching_link{ display:inline-block; width:550px; height:363px; float:right; cursor:pointer; }

.main_black_wrap{ background:#201d19; width:100%;}
.m_ideal{ margin-top:54px; position:relative; width:1100px; height:345px; background:url(/images/renew/main/m_ideal_bg.jpg); }
.m_ideal span{ position:absolute; top:27px; left:516px; font-size:72px; font-family:Arial; color:#fad36f; font-weight:bold; letter-spacing:-1px;}

.m_ideal ul{ float:left; margin:125px 0 0 16px;}
.m_ideal li{ float:left; margin-right:12px;}

.why_dnoble_wrap{ position:relative; width:1100px; height:418px; background:url(/images/renew/main/m_why_bg_.jpg);}
.why_dnoble_wrap span{ position:absolute;}
.wd_movie1{ top:159px; left:16px;}
.wd_movie2{ top:159px; left:392px;}
.wd_movie3{ top:159px; left:768px;}

.m_free_meet{ margin-top:40px;}
	
.m_d_party{width:1100px; height:850px; background:url(/images/renew/main/m_d_party_bg.jpg) no-repeat; padding-bottom:29px; margin-top:27px;}
.d_party_step1{ padding-top:180px; height:216px;}
.dps_btn1{ float:left; }
.dps_btn2{ float:right; }

.d_party_step2{ position:relative; width:1100px; height:453px; }
.d_party_step2 span{ position:absolute;}
.m_party_list1{ top:130px; left:85px;}
.m_party_list2{ top:130px; left:330px;}
.m_party_list3{ top:130px; left:567px;}
.m_party_list4{ top:130px; left:812px;}

.m_party_roll_wrap{ width:100%; height:333px;}
.m_party_roll{ position:relative; width:1100px; height:333px; margin:0 auto;}
.m_clean_link{ position: absolute; width:1100px; height:297px;}

.m_level_wrap{ width:100%; height:373px; background:url(/images/renew/main/m_level_wbg.jpg) repeat-x; }
.m_level{ position:relative; margin:0 auto; width:1100px; height:373px; background:url(/images/renew/main/m_level_bg.jpg);}
.m_level span{ position:absolute;}
.m_level_btn1{ top:278px; left:192px;}
.m_level_btn2{ top:278px; left:439px;} 
.m_level_btn3{ top:278px; left:687px;}

.m_white_area{ width:100%; background-color:#fff; }
.white_in{ padding-top:48px; }

.mb_play{ height:305px;}

.m_broad_area{}
.m_broad_top{ height:40px; width:100%; }
.m_broad_top h3{ float:left;}
.m_broad_top span{ float:right;}

.mb_list_area{ padding-top:21px; width:100%; height:414px;}
.mbp_txt_area{ height:25px; padding-top:25px; font-size:17px; vertical-align:top;}
.mb_list_area li{width:540px; float:left;}

.mb_list_area img{ float:left; }
.mbp_txt_area i{ float:left;  font-style: normal; color: #c8c7c6; padding: 0 15px;}
.mbp_txt_area span{  float:left; font-size:17px; font-weight:bold; color:#000;}

.mbp_txt_else{ font-size:15px; letter-spacing:-1px; margin-top:15px;}

.m_media_area{ margin-top:37px;}
.m_media_top{ height:40px; width:100%; }
.m_media_top h3{ float:left;}
.m_media_top span{ float:right;}

.m_media_list{ margin-top:21px; height:297px;}
.m_media_list li{ float:left; width:243px; margin-right:42px;}
.m_media_list b{ display:block; margin-top:18px; height:16px; font-size:15px; color:#000;}
.m_media_list span{ display:block; font-size:13px; color:#666; line-height:24px; margin-top:8px;}

.big_service_area{ height:145px; margin-top:44px; }
.big_service_area li{ float:left; margin-right:20px;}

.dlife{ height:373px; margin-top:48px;}

.m_map_area{ margin-top:59px; width:100%; height:409px; background:#423d39;}
.m_map{ width:1100px; height:409px; margin:0 auto; background:url(/images/renew/main/m_map_bg.jpg);}
.m_map_api{ float:left; width:1069px; height:248px; margin:121px 0 0 16px;}

#ifrSmap{width:100%;height:248px;border:0;}

.layer_pop{clear:both;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000000;}
.layer_pop_bg{position:fixed;width:100%;height:100%;background:url(http://www.dnoble.co.kr/images/form/bg_pop_wrap.png) repeat;}
#partyA{position:relative;width:1000px;margin:0 auto;}
#parView{position:absolute;top:75px;left:0px;z-index:5;}
#parView div.close{float:right;}
#parView div.close p{display:block;cursor:pointer;}
#parView div.partyAr{clear:both;position:relative;width:1000px;height:744px;margin:0 auto;}
#parView div.partyAr div.freePar{position:absolute;bottom:14px;left:85px;width:830px;height:205px;}
#parView div.partyAr div.freePar p{display:block;width:830px;height:205px;text-indent:-9999px;cursor:pointer;}


.news_list li a div strong.boldTitle2{
display:block; 
margin-top:18px; 
height:20px; 
font-size:15px; 
color:#000;
text-overflow: ellipsis;
white-space: nowrap; /*normal*/
word-wrap: normal;
overflow: hidden;
}
.news_list li a div .boldcont2{
display:block;
height:50px;
font-size: 13px;
color: #666;
line-height: 24px;
margin-top: 8px;
text-overflow: ellipsis;
white-space: normal;	/*nowrap*/
word-wrap: normal;
overflow: hidden;
}