/* STYLE.CSS */
#wrap{min-width:1400px;overflow:hidden; min-height: calc(100vh - 185px);}

#header{ width:100%; position:fixed; height: 119px;  z-index: 99999; background-color: #fff; border-bottom: 1px solid #ddd;}
#header .head{padding:21px 0 0;position:relative;width:1400px;margin:0 auto; background-color: #fff;}
/*
#header{ width:100%; background-color: #fff; z-index: 99999; height: 120px;}
#header .head{padding:21px 0 0;position:fixed;margin:0 auto;right: 0;left: 0; height: 99px; background-color: #fff; z-index: 99999;   border-bottom: 1px solid #ddd;}
*/
#header .head .logo a{display:block;background:url("/images/logo.png") 0 0 no-repeat;width:116px;height:76px;font-size:0;}
#header .head .gnb_top { color:#000;position:absolute;right:0;top:81px; }
#header .head .gnb_top > li { float:left; padding-left: 100px;}

#header .head .gnb_top > li a { font-family: 'gg1000'; font-size: 18px;}
#header .head .gnb_top > li > a.on { font-weight: bold;  color: #000;}

/*1차 메뉴*/
/*
#header .gnb_area{width:1400px;margin:132px auto 0; border-bottom:0px solid #cdcdcd;position:relative;  border-bottom:1px solid #000; z-index: 99999;}
#header .gnb{}
#header .gnb:after{content:"";clear:both;display:block;}
#header .gnb>li{float:left;position:relative;padding-right:60px;}
#header .gnb>li>a{display:block;font-size:17px;color:#8d8d8d; }
#header .gnb>li>a.on{ font-weight: bold; color: #000;}
*/

/*2차 메뉴*/
/*
#header .gnb_area_sub{width:1400px;margin:0 auto; border-bottom:0px solid #cdcdcd;position:relative;}
#header .gnb_sub{}
#header .gnb_sub:after{content:"";clear:both;display:block;}
#header .gnb_sub>li{float:left;height:48px;position:relative;padding-right:30px;}
#header .gnb_sub>li>a{display:block;font-size:17px;color:#8d8d8d; margin-top:24px;}
#header .gnb_sub>li>a.on{ font-weight: bold; color: #000;}
*/

.gnb_area{width:1400px;margin:185px auto 0; position:relative;  border-bottom:1px solid #000; z-index: 99998; padding-bottom:21px;}
.gnb{}
.gnb:after{content:"";clear:both;display:block;}
.gnb > li{float:left;position:relative;padding-right:60px;}
.gnb > li > a{ font-family: 'gg1000'; display:block;font-size:17px;color:#8d8d8d; }
.gnb > li > a.on{ font-weight: bold; color: #000;}

.gnb_area_sub{width:1400px;margin:0 auto; border-bottom:0px solid #cdcdcd;position:relative; z-index: 99997;}
.gnb_sub{}
.gnb_sub:after{content:"";clear:both;display:block;}
.gnb_sub > li{float:left;height:48px;position:relative;padding-right:30px;}
.gnb_sub > li > a{ font-family: 'gg1000'; display:block;font-size:17px;color:#8d8d8d; margin-top:24px;}
.gnb_sub > li > a.on{ font-weight: bold; color: #000;}


/* S: 메인 */
.main_vis {
	width: 100%;
	height: 940px;
	background-image: url("/images/main_vis.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 0;
	display:inline-block;
}

#main_container { }
#main_container .artist { 
	width:1400px; 
	margin:0 auto; 
	overflow: hidden;
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
	margin-bottom:  35px;
}
#main_container .artist h1.title {
	font-family: 'gg1000';
	display: block;
	font-size: 24px;
	color: #010101;
	float:left;
}
#main_container .artist a.more {
	font-family: 'gg1000';
	display: block;
	float:right;
}

#main_container .artist_img {
	width:1400px; 
	margin:0 auto; 
	overflow: hidden;
}

#main_container .artist_img > li {
	width: 200px;
	height: 250px;
	float: left;
	margin-right:39px;
}

#main_container .artist_img > li:last-child {
	margin-right:0px;
}

#main_container .artist_img > li:first-child {

}

#main_container .artist_img > li > DIV {
	width: 100%;
	height: 210px;
	border:1px solid #ebebeb;
	cursor:pointer;

	background-image: url('');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

#main_container .artist_img > li > P {
	height: 40px;
	line-height: 40px;
}


#main_container .ct_wrap {
	width: 1400px;
	margin:0 auto; 
	overflow: hidden;
}
#main_container .ct_wrap > DIV {
	width: 685px;
	float: left;
	padding-left:30px;
}

#main_container .ct_wrap > DIV:first-child {
	padding-left: 0;
}


#main_container .salon_img > li {
	width: 325px;
	height: 230px;
	float: left;
	margin-right:35px;
	border:1px solid # ;
}


#main_container .salon_img > li:last-child {
	margin-right:0px;
}

#main_container .salon_img > li:first-child {
}

#main_container .salon_img > li > DIV {
	width: 100%;
	height: 190px;
	border:1px solid #ebebeb;
	cursor:pointer;

	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#main_container .salon_img > li > P {
	height: 40px;
	line-height: 40px;
}
/* E: 메인 */

/* FOOTER */
footer, .push {  height: 85px; margin-top: 250px;}
.foot_copyright {position:relative; width:100%; text-align:center; }
.foot_copyright p { line-height:84px; color:#020202; opacity:0.8; border-top: 1px solid #c8c8c8;}


/* S: 타이틀(공통) */
.tit_wrap {
	width:100%; 
	margin:0 auto; 
	overflow: hidden;
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
}

.tit_wrap h1.title {
	font-family: 'gg1000';
	display: block;
	font-size: 24px;
	color: #010101;
	float:left;

}
.tit_wrap a {
	font-family: 'gg1000';
	display: block;
	float:right;
	font-size: 17px;
}

#container{ min-height:500px; }

.sub_contents{
	width:1400px;
	margin:0 auto;
	padding:50px 0 150px;
	min-height:500px;
}
.sub_contents:after{
	content:"";
	clear:both;
	display:block;
}

.sub_visimg {	
	margin:0 auto 60px;  
	overflow: hidden;
}

.sub_contents .sub_tit{ font-family: 'gg1000';  font-size:20px; font-weight:bold; color:#000; line-height:1.5;}
.sub_contents .sub_tit_bg { font-family: 'gg1000';   font-size:22px; font-weight:bold; color:#000; background: #eeeeee; display:inline-block; padding: 0 10px;}

.sub_contents .ready_box { font-size:20px; color:#888888; text-align:center; height:200px; line-height:200px;  border:1px solid #d2d2d2;} 


/*버튼*/
.btn_white {
	border:1px solid #acacac;
	background:#fff;
	padding:7px 15px;
	text-align:center;
	display:inline-block;
	border-radius: 4px;
}

.btn_search {
	border:1px solid #404040;
	background:#404040;
	color: #fff;
	padding:5px 12px;
	text-align:center;
	display:inline-block;
}

/* 페이징 */
.paging{text-align:center;margin-top:15px;}
.paging span{display:inline-block;vertical-align:middle;color:#8d8d8d;margin:0 15px;font-size:17px;}
.paging a{display:inline-block;vertical-align:middle;padding:0;color:#888888;font-size:17px;}
.paging a:first-of-type{background:none;}
.paging a.page_num{padding: 0 12px;}
.paging span em{background:url("/images/ico_tr.png") no-repeat;display:inline-block;width:17px;height:15px;vertical-align:middle;}
.paging .prev em{background-position:0 0px;}
.paging .next em{background-position:-10px 0px;}
.paging a.active{color:#000;font-weight:bold;}


/* 검색필드 */
.boardSearch {overflow:hidden; margin-bottom:40px;}
.boardSearch .selectArea {float:right;}
.boardSearch .selectArea span {position:relative; display:inline-block; border-bottom :1px solid #939393; background:#fff;}
.boardSearch .selectArea select { height: 26px; }
.boardSearch .selectArea span input {min-width:320px; border:0 none; height: 26px; line-height: 26px;}

/* 게시글 본문 */
#container .sub_contents .bod_title { 
	font-family: 'gg1000';
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 75px; 
	background-image: url("/images/blt_bline.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 60px;
}

#container .sub_contents .bod_title > P, #container .sub_contents .bod_title > span { font-family: 'gg1000'; }


#container .sub_contents .bod_title2 { width: 1400px; margin-bottom: 30px; font-family: 'gg1000'; font-weight:bold;  font-size: 20px; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; padding: 20px 0; }
#container .sub_contents .bod_title2 span { display: inline-block; padding: 0 30px 0 20px; font-family: 'gg1000'; font-size: 20px; font-weight: normal; color: #8d8d8d;}


#container .sub_contents .bod_view {
	font-size: 17px;
	min-height: 600px;
	line-height: 1.5;
}

#container .sub_contents .bod_view_ex {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 80px;
}

#container .sub_contents .prevNextArea {margin-top:40px;}
#container .sub_contents .prevNextArea table td{padding: 13px 0;   border-top: 1px solid #d7d7d7;}
#container .sub_contents .prevNextArea table tr:last-child { border-bottom: 2px solid #898989; }
#container .sub_contents .prevNextArea table td.subject {
	padding:0 30px; 
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
#container .sub_contents .prevNextArea table td.title{
	background-image: url("/images/blt_rline.png");
	background-repeat: no-repeat;
	background-position: center right;
	text-align: center;
}

.gg1000 {font-family: 'gg1000' }

/* E: 타이틀(공통) */

/* (메인) 게시판 리스트 */
.news:after{content:"";clear:both;display:block;}
.news ol{width:100%;}
.news li{position:relative;  font-size: 17px;}
.news li a{display:block;padding:13px 0;}
.news li a:after{content:"";clear:both;display:block;}
.news li .subject{ font-family:'gg1000'; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top;padding:0px 110px 0 0px;display:block;}
.news li .r_date{ font-family:'gg1000'; position:absolute;right:5px;top:13px;}
/* (메인) 게시판 리스트 */


/* S: 아카이브 > Atists  */
#container .sub_contents .artist_img {
	width:1400px; 
	margin: 0 auto; 
	overflow: hidden;
}

#container .sub_contents  .artist_img > li {
	width: 227px;
	height: 273px;
	float: left;
	margin-right:65px;
}

#container .sub_contents  .artist_img > li:last-child {
	margin-right:0px;
}

#container .sub_contents  .artist_img > li:first-child {

}

#container .sub_contents  .artist_img > li > DIV {
	width: 100%;
	height: 233px;
	border:1px solid #ebebeb;
	cursor: pointer;

	background-image: url();
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;	
}

#container .sub_contents  .artist_img > li > P {
	height: 40px;
	line-height: 40px;
}
/* E: 아카이브 > Atists  */


/* S: 아카이브 > Dhamul Salon  */
#container .sub_contents .board_list_type01 { 	width:1400px; margin: 0 auto; overflow: hidden;}
#container .sub_contents .board_list_type01 ul { height: 250px; margin-bottom: 80px; overflow: hidden;}
#container .sub_contents .board_list_type01 ul:last-child { margin-bottom: 0px;}
#container .sub_contents .board_list_type01 ul :after{content:"";clear:both;display:block;}
#container .sub_contents .board_list_type01 ul li {float: left; }
#container .sub_contents .board_list_type01 ul > li.image { width: 573px; }
#container .sub_contents .board_list_type01 ul > li.image img { width: 573px; height: 245px; }
#container .sub_contents .board_list_type01 ul > li.content { width: 770px; padding: 0 12px 0px 45px; height: 245px; position: relative; }
#container .sub_contents .board_list_type01 ul > li.content p.title { font-family: 'gg1000'; margin-top: 20px; font-size:18px; line-height: 26px; font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
	max-height: 56px;
}
#container .sub_contents .board_list_type01 ul > li.content p.scontent { margin-top: 35px; line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
	max-height: 144px;
	text-align: justify;
}

#container .sub_contents .board_list_type01 ul > li.content p.scontent5 { margin-top: 35px; line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
	max-height: 120px;
}

#container .sub_contents .board_list_type01 ul > li.content p.date { position: absolute; bottom: 10px;}
/* E: 아카이브 > Dhamul Salon  */


/* S: 아카이브 > Dhamul News  */
#container .sub_contents .board_list_type02 ul {
	width:1400px; 
	margin: 0 auto; 
	overflow: hidden;
	margin-bottom: 80px;
}

#container .sub_contents .board_list_type02 ul:last-child { margin-bottom: 0px;}

#container .sub_contents  .board_list_type02  ul > li {
	width: 421px;
	height: 418px;
	float: left;
	margin-right:43px;
	border:1px solid #ebebeb;
	padding: 14px 7px 30px;
	overflow: hidden;
}

#container .sub_contents  .board_list_type02  ul > li:last-child {
	margin-right:0px;
}

#container .sub_contents  .board_list_type02  ul > li div.image img {
	width: 419px;
	height: 236px;
}

#container .sub_contents  .board_list_type02  ul > li p.title {
	font-family: 'gg1000';
	font-size: 17px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	padding: 37px 0 25px;
	font-weight:bold;
}

#container .sub_contents  .board_list_type02  ul > li p.content {
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
	margin-bottom: 25px;
	height: 60px;
}


#container .sub_contents  .board_list_type02  ul > li span.date {
	font-size: 14px;
	line-height: 18px;
	display: inline-block;
}
/* E: 아카이브 > Dhamul News  */


/* S: 아카이브 > Dhamul News 이벤트공지  */
#container .sub_contents .board_list_type03{ width: 1400px; }
#container .sub_contents .board_list_type03 table{table-layout:fixed;word-wrap:break-word;word-break:break-all;}
#container .sub_contents .board_list_type03 th, #container .sub_contents .board_list_type03 td{padding:25px 5px;text-align:center;border-top:1px solid #d7d7d7;}
#container .sub_contents .board_list_type03 tr:last-child th, #container .sub_contents .board_list_type03 tr:last-child td {border-bottom:1px solid #d7d7d7;}
#container .sub_contents .board_list_type03 th{font-weight:bold; }
#container .sub_contents .board_list_type03 .ta_l{text-align:left;padding-left:15px; }
#container .sub_contents .board_list_type03 .ta_r{text-align:right;padding-right:15px;}
/* E: 아카이브 > Dhamul News 이벤트공지  */



/* S: 전시 > 현재 예정 과거  */
#container .sub_contents .board_list_type04 { 	width:1400px; margin: 0 auto; overflow: hidden;}
#container .sub_contents .board_list_type04 ul { height: 600px; margin-bottom: 80px; overflow: hidden;}
#container .sub_contents .board_list_type04 ul:last-child { margin-bottom: 0px;}
#container .sub_contents .board_list_type04 ul :after{content:"";clear:both;display:block;}
#container .sub_contents .board_list_type04 ul li {float: left; }
#container .sub_contents .board_list_type04 ul > li.image { width: 351px; height: 500px; }
#container .sub_contents .board_list_type04 ul > li.image img { width: 351px; height: 500px; }
#container .sub_contents .board_list_type04 ul > li.content { width: 965px; padding: 0 12px 0px 65px; height: 500px; position: relative; }
#container .sub_contents .board_list_type04 ul > li.content p.title { font-family: 'gg1000'; margin-top: 20px; font-size:18px; line-height: 26px; font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
	max-height: 56px;
}

#container .sub_contents .board_list_type04 ul > li.content p.scontent12 { margin-top: 35px; line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
	max-height: 100px;
}

#container .sub_contents .board_list_type04 ul > li.content p.scontent11 { margin-top: 35px; line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 15; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
	max-height: 480px;
}

#container .sub_contents .board_list_type04 ul > li.content p.scontent11-2 { margin-top: 0px; line-height: 24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
	max-height: 380px;
}



#container .sub_contents .board_list_type04 ul > li.content p.date { position: absolute; bottom: 10px; }
/* E: 아카이브 > Dhamul Salon  */


/* S: 기부활용실적  */
#container .sub_contents .board_list_type05{ width: 1400px; }
#container .sub_contents .board_list_type05 table{table-layout:fixed;word-wrap:break-word;word-break:break-all;}
#container .sub_contents .board_list_type05 th, #container .sub_contents .board_list_type03 td { font-family: 'gg1000'; padding:25px 5px;text-align:center;border-top:1px solid #d7d7d7;}
#container .sub_contents .board_list_type05 tr:last-child th, #container .sub_contents .board_list_type03 tr:last-child td {font-family: 'gg1000'; border-bottom:1px solid #d7d7d7;}
#container .sub_contents .board_list_type05 th{font-weight:bold; }
#container .sub_contents .board_list_type05 .ta_l{text-align:left;padding-left:15px; }
#container .sub_contents .board_list_type05 .ta_r{text-align:right;padding-right:15px;}
/* E: 기부활용실적  */


/* S: 전시 상단 설명글 */
#container .sub_contents .exhibit_txt p { font-family: 'gg1000'; font-weight: bold; font-size: 19px; }
#container .sub_contents .exhibit_txt ul { margin: 10px 0 140px;}
#container .sub_contents .exhibit_txt ul li {background:url("/images/blt_dot.png") 0 15px no-repeat;padding-left:7px; line-height: 36px; font-size: 17px;}
/* E: 전시 상단 설명글 */

*/