@charset "utf-8";

/* namo 추가 */
ul, ol, li { list-style:none; display:inline-block; }
i, em { font-style:normal; }
img { vertical-align:top; }
button { border:none; background:none; cursor:pointer; }
button > span { position:relative; }

/*- 메인---------------------------------------------------------------------------------------------------------------------------*/
.wrapper_main, .wrapper_sub { position:relative; min-height:100%; }

.main_toparea { position:relative; width:1000px; height:173px; margin:0 auto; border:0px solid #00f; position:relative; z-index:90; }

.logo_topleft { position:absolute; left:0px; top:0px; width:243px; height:82px; border:0px solid #fff; text-align:left; cursor:pointer; }
.logo_topleft a { position:absolute; width:100%; height:100%; left:0; top:37px; font-weight:bold; color:#888; }

.topetc_wrapper { position:absolute; top:15px; right:0; z-index:95; }
.topetc_wrapper .topetc-list li { float:left; height:12px; margin-left:7px; padding-left:8px; border-left:1px solid #ccc; line-height:14px; }
.topetc_wrapper .topetc-list li:first-child { border-left:none; }
.topetc_wrapper .topetc-list li a { font-size:11px; }
.topetc_wrapper .topetc-list li a.btn-login { color:#338ec9; font-weight:bold; }

.topmenu_wrapper { position:absolute; right: -70px; top:87px; border:0px solid #f00; width:600px; height:100px; z-index:90; text-align:right; padding-right:50px;}
.topmenu li { float:left; }
.topmenu li a { display:block; padding:0 10px; font-size:15px; line-height:18px; border-left:1px solid #ccc; }
.topmenu li > a:hover, .topmenu li.currentcategory > a { color:#37479d; }
.topmenu li#topmenulistitem0 > a { border-left:none; }

.top_submenu { position:absolute; visibility:hidden; left:0; top:35px; padding:7px 10px 0; background:url(img/ico_arrow-menu.png) no-repeat center top; z-index:90; overflow:visible; }
.top_submenu li { float:none; display:block; min-width:130px; padding:14px 20px; background:#29459d url(img/ico_menu-div.png) no-repeat center top; text-align:center; vertical-align:top; }
.top_submenu li:first-child { padding-top:30px; background-image:none; }
.top_submenu li.last { padding-bottom:30px; }
.top_submenu li a { padding:0 15px; font-size:14px; color:#fff; border-left:none; }
.top_submenu li a:hover { text-decoration:underline; color:#fff; }
.top_submenu li:first-child a { border-left:none; }


#main_characterstic { position:absolute; left:612px; top:223px; width:359px; height:131px; }

.main_mid_area { position:relative; padding-bottom:150px; background:url(img/bg_main.jpg) no-repeat center 53px; }
.main_mid_area .mid-top { position:relative; width:426px; padding-left:574px; margin:0 auto; }

/* 2015-05-28 수정 */
.main_mid_slide_area { position:absolute; width:100%; min-width:1000px; height:600px; top:1px; text-align:center; }
.main_mid_slide_area #slider { position:absolute; width:1000px; height:600px; right:50%; margin-right:-73px; text-align:right;  }
.main_mid_slide_area #slider li { position:absolute; display:none; width:1000px; height:600px; top:0; right:0; text-align:right;}
.main_mid_slide_area #slider li:first-child { display:block; }

.navBulletsWrapper { position:absolute; width:140px; height:30px; top:524px; left:50%; margin-left:-90px; z-index:150; }
.navBulletsWrapper ul { *margin-left:50px; }
.navBulletsWrapper ul li { float:left; margin:0 3px ;z-index:50;}
.navBulletsWrapper ul li button { display:block; width:13px; height:13px; text-indent:-10000px; background:url(img/btn_dot-off.png) no-repeat left top; z-index:50; }
.navBulletsWrapper ul li.on button { background-image:url(img/btn_dot-on.png); }
/* 2015-05-28 수정 // */







.btn-artEnglish { height:285px; padding:9px 0 0 41px; border:0px solid #f00; position:relative; }

.more-button { width:426px; padding:16px 0; overflow:hidden;}
.more-button ul { display:inline-block; width:100%; }
.more-button li { float:left; margin:0 15px; } /* 4개일때는 15px */
.more-button li:first-child { margin-left:35px; }

.mdu .tit { padding-left:10px; }
.newTx-list { padding:4px 0; }
.newTx-list li { margin-top:4px; height:16px; overflow:hidden; }
.newTx-list li a { display:block; width:100%; font-size:12px; line-height:16px; overflow:hidden; color:#888; cursor:pointer; }
.newTx-list li a i { display:block; float:left; width:330px; padding-left:10px; background:url(img/ico_blet1.png) no-repeat left 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.newTx-list li a .date { display:block; float:right; }

.mid-top .noticewrap { width:360px; margin:30px 0 0 31px; }

.mid-top .newswrap { width:360px; margin:20px 0 0 31px; }

.mid-btm { width:1000px; margin:50px auto 0; }
.mid-btm .familywrap { width:100%; height: 80px; padding:0; background:#f2f2f2; border-radius:6px; behavior: url(pie.htc); overflow:hidden;  }
.mid-btm .familywrap .tit { float:left; width:75px; height:16px; padding:28px 40px 32px 30px;  }
.mid-btm .family-list { display:block; overflow:hidden; border:0px solid #f00; vertical-align:middle; height:100%;}
.mid-btm .family-list ul { height:100%; vertical-align: middle; line-height:80px; }
.mid-btm .familywrap li { display:inline-block; margin:auto 20px auto 0; border:0px solid #f00; vertical-align:middle;}

/*- 서브 ---------------------------------------------------------------*/

.wrapper_sub { min-width:1030px; background:url(img/bg_sub-center.jpg?a=1) no-repeat center top; }
.wrapper_sub .bgL {position:absolute; top:0; left:-515px; width:50%; height:700px;}
.wrapper_sub .bgL div {width:100%; height:700px; background: url('img/bg_sub-left.jpg') no-repeat right top;}
.wrapper_sub .bgR {position:absolute; top:0; right:0px; width:50%; height:700px;}
.wrapper_sub .bgR div {width:100%; height:700px; background: url('img/bg_sub-right.jpg') no-repeat 515px top;}

.sub_midarea { position:relative;  width:1030px; margin:0 auto; border:0px solid #000;  padding-bottom:120px;}
.sub_menu { width:220px; float:left; margin:0;  border:0px solid #f00; min-height:500px; }
.sub_content { position:relative;  width:710px; float:left; padding:147px 50px 30px; margin-left:0; border:0px solid #00f; }


.sub_loginarea { width:172px; height:77px; padding:7px; border:1px solid #d2d2d2; position:relative; border-radius:6px; behavior: url(pie.htc); background:rgba(255,255,255,0.9);  }

.sub_content_title { position:absolute; display:block; width:810px; top:0; left:0;}
.sub_content_title .sub_content_title_boardname { position:absolute; left:50px; top:100px; font-size:30px; color:#444; line-height:32px; }
.sub_content_title .sub_content_title_categoryname { display:none; }
.sub_content_title .sub_content_title_location { position:absolute; right:3px; top:0; padding-top:36px; color:#fff; text-align:right; border:0px solid #fff; }
.sub_content_title .sub_content_title_location div { display:inline-block; color:#fff; }
/* .sub_contents_title_boardname { position:absolute; left:0px; top:23px; font-size:18px; font-weight:400; white-space:nowrap; color:#595959; float:left; border:0px solid #f00; }
.sub_contents_title_categoryname { height:15px; font-size:15px; line-height:15px; font-weight:700; display:inline-block; border-left:2px solid #969696; padding-left:13px; margin-left:13px; }  
.sub_contents_title_location { position:absolute; right:0px; top:25px; padding-left:18px; background:url('img/icon_home.png') left 1px no-repeat;   }*/


.sub_bottom_wrapper  { background: url('img/sub_bottombg.png') center top;  position:relative; border:0px solid #f00; height:264px;}

.menu_wrapper { width:200px; margin-top:20px; overflow:hidden; border:0px solid #f00; }
.menu_wrapper .menu_category { padding:45px 0 10px 18px; text-align:left; font-size:30px; color:#fff; overflow:hidden; border:0px solid #fff;}
.menu_wrapper ul { display:block; padding:12px 20px; min-height:320px; }
.menu_wrapper ul li { display:block; background:url(img/ico_menu-div2.png) no-repeat left top; vertical-align:top; }
.menu_wrapper ul li:first-child { border-top:none; }
.menu_wrapper ul li a { display:block; padding:10px 0; color:#f3f3f3; font-size:14px; line-height:16px; }
.menu_wrapper ul a.menu_currentboard, .menu_wrapper ul a:hover { color:#fff200; background:url(img/bg_lnb-arrow.png) no-repeat right 50%; }
.menu_buttonsandprevalbum img { margin-top:8px; }

/* footer 영역 ------------------------------------------------------------------------------------------------------------------------------------------------------------------  */



.footer_area_wrapper { clear:both; position:absolute; bottom:0; left:0; width:100%; height:95px; padding-top:30px; border-top:1px solid #b5b5b5; background:#fff; }
.footer_area_wrapper .inbox { position:relative; width:1000px; margin:0 auto; }
.logo-footer { float:left; width:280px; overflow:hidden; }
.logo-footer li { float:left; margin-right:28px; }
.footer-cnt { float:left; width:580px; }
.fooer-menu-list { margin-bottom:6px; }
.fooer-menu-list li { float:left; vertical-align:top; }
.fooer-menu-list li a { display:block; height:12px; padding:0 7px; border-left:1px solid #939393; }
.fooer-menu-list li:first-child a { padding-left:0; border-left:none; }
.footer-tx { font-size:11px; color:#888888; line-height:1.5em; }
.footer-tx .tx-red { color:#dd333a; }

.sns-list { text-align:right; }
.sns-list ul { display:inline-block; }
.sns-list li { display:block; float:left; margin-left:10px; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




.fullscreen_slide_thumb { display:inline-block; border:0px solid #303030; margin-right:10px; margin-bottom:10px; cursor:pointer;} /*img*/
.interior_thumbnails li:nth-child(3n+1) img, .interior_thumbnails li.nth-child-3np1 img { 	margin-right:0px; }

.interiorstudio_thumbnails li:nth-child(3n) img, .interiorstudio_thumbnails li.nth-child-3np0 img { 	margin-right:0px; }





#fullscreen_slide { 
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
	background:url('img/alpha70.png') repeat;
	
	display:none;
}
#fullscreen_slide_close { position:absolute; right:15px; top:5px; font-size:30px; color:#ccc; cursor:pointer; }
	


/* 로그인박스에 id라는 글자 대문자로 */
.logintype_select .onetype 
{
	text-transform: uppercase;
}


/*스튜디오 리스트를 보여주는 테이블을 위한 스타일 */
.studio_intro
{
	margin-bottom:20px;
	font-size:18px; 
}

.studio_table
{
	border-collapse:collapse;
	width:100%;
}
.studio_table tr.header
{
	background-color:#f6f6f6;
}

.studio_table tr td
{
	border:1px solid #eee;
	padding:10px; 
}


/* paging button styling */
.common_postinglist_page a.currentpage { background:#2b3a97; color:#fff; border:1px solid #bdbdbd;  }