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

#header{ width:100%; position:fixed; height: 50px;  z-index: 99999; background-color: #fff; border-bottom: 1px solid #ddd;}
#header .head{ background-color: #fff;}
#header .head .logo a{display:block;background:url("/images/logo_mobile.png") 0 0 no-repeat;width:50px;height:38px;font-size:0; margin:10px 0 0 10px;}

/*2차 메뉴*/
#container .gnb_area_sub{width:100%;margin:-30px auto 40px; border-bottom:0px solid #cdcdcd;position:relative;}
#container .gnb_sub{}
#container .gnb_sub:after{content:"";clear:both;display:block;}
#container .gnb_sub > li{float:left;height:28px;position:relative;padding-right:30px;}
#container .gnb_sub > li > a{display:block;font-size:14px;color:#8d8d8d; margin-top:14px; font-family:'gg1000';}
#container .gnb_sub > li > a.on{ font-weight: bold; color: #000;}

/* S: Navi Menu Toggle */
#nav { margin-top: 30px; }
#nav ul{ width:100%; margin:0; padding:0; }
#nav ul.menu li{ position:relative; float:left; width:100%; list-style-type:none; }
#nav ul.menu li > a{ display:block; width:100%; height:100%; line-height:40px; font-size:16px; font-family:'gg1000'; background:url("/images/m_icn_arrow_r.png") 97% 50% no-repeat;background-size:15px auto; text-indent:15px; color:#000; font-weight:bold; text-decoration:none; outline: none; select-dummy: expression(this.hideFocus=true); }
#nav ul.menu li a:hover{ }
#nav ul.menu li .sub a{ position:relative; float:left; display:block; width:100%; text-indent:30px; z-index:999; font-size:14px; line-height:30px; font-family:'gg1000'; color:#111; background:none; font-weight:normal;}
#nav ul.menu li .sub a:hover{ }

.mobile-nav-button {
  width: 25px;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9999;
  cursor: pointer;

}

.mobile-nav-button .mobile-nav-button__line {
  width: 100%;
  height: 2px;
  background: #0e0e0e;
  position: relative;
  transition: 1s ease;
}

.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; }

.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 13px;
  position: absolute;
}

.mobile-nav-button .mobile-nav-button__line--2 { display: none; }

.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 13px;
  position: absolute;
}

.mobile-menu {
  display: block;
  max-width: 100%;
  width: 100%;
  right: -100%;
  height: 100vh;
  background: #fff;
  position: absolute;
  z-index: 9998;
  transition: 0.6s ease;
  top: 48px;
  opacity: 0;
}

.mobile-menu--open {
  right: 0;
  opacity: 1;
}
/* E: Navi Menu Toggle */



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

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

#main_container .artist_img {
	width:100%; 
	margin:0 auto; 
	overflow: hidden;
}

#main_container .artist_img > li {
	width: 48%;
	height: 173px;
}

#main_container .artist_img > li:first-child {
	float: left;
}

#main_container .artist_img > li:last-child {
	float: right;
}


#main_container .artist_img > li > DIV {
	width: 99%;
	height: 133px;
	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: 100%;
	margin:0 auto; 
	overflow: hidden;
}
#main_container .ct_wrap > DIV {
	width: 100%;
}

#main_container .salon_img > li {
	width: 100%;
	height: 195px;
}


#main_container .salon_img > li > DIV {
	width: 100%;
	height: 155px;
	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:28px; margin-top: 125px;}
.foot_copyright {position:relative; width:100%; text-align:center; }
.foot_copyright p { line-height:28px;; color:#020202; opacity:0.8; border-top: 1px solid #c8c8c8; font-size:8px;}


/* 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: 20px;
	color: #010101;
	float:left;

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

#container{ min-height:500px; margin-top:51px;}

.sub_title {
	position:relative;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	font-family: 'gg1000'; 
	display:block;
	font-size:18px;
	color:#434343;
	font-weight: bold;
}

.sub_contents{
	margin:0 auto;
	padding:30px 15px 0;
	min-height:300px;
}
.sub_contents:after, .sub_title:after {
	content:"";
	clear:both;
	display:block;
}

.sub_visimg {	
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 0;
	display:inline-block;
}

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

.sub_contents .ready_box { font-size:14px; color:#888888; text-align:center; height:100px; line-height:100px;  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 8px;font-size:14px;}
.paging a{display:inline-block;vertical-align:middle;padding:0;color:#888888;font-size:14px;}
.paging a:first-of-type{background:none;}
.paging a.page_num{padding: 0 10px;}
.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:40px 0; text-align:center;}
.boardSearch .selectArea {}
.boardSearch .selectArea span {position:relative; display:inline-block; width:50%; border-bottom :1px solid #939393; background:#fff;}
.boardSearch .selectArea select { height: 26px; }
.boardSearch .selectArea span input {width:100%; border:0 none; height: 26px; line-height: 26px;}

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

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

#container .sub_contents .bod_title2 { 
	font-family: 'gg1000';
	font-weight: bold;
	font-size: 17px;
	padding: 10px 0; 
	margin-bottom: 20px;
	line-height: 1.5;
	border-bottom: 1px solid #d7d7d7; 
	border-top: 1px solid #d7d7d7; 	
}
#container .sub_contents .bod_title2 span { display: inline-block; padding: 0 15px 0 5px; font-family: 'gg1000'; font-size: 17px; font-weight: normal; color: #8d8d8d;}


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

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

#container .sub_contents .prevNextArea {margin-top:40px;}
#container .sub_contents .prevNextArea table td{padding: 7px 0;   border-top: 1px solid #d7d7d7;  font-size: 13px;}
#container .sub_contents .prevNextArea table tr:last-child { border-bottom: 2px solid #898989; }
#container .sub_contents .prevNextArea table td.subject {
	padding:0 10px; 
	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' }
.justify { text-align: justify; }
.go_top{display:none; position:fixed; right:10px; bottom:35px; width:25px; height:25px; background:url("/images/go_top.png") no-repeat center; background-size:100%; text-indent:-2000px; overflow:hidden; z-index:10;}
/* E: 타이틀(공통) */

/* (메인) 게시판 리스트 */
.news:after{content:"";clear:both;display:block;}
.news ol{width:100%;}
.news li{position:relative;}
.news li a{display:block;padding:8px 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 90px 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:100%; 
	margin: 0 auto; 
	overflow: hidden;
}


#container .sub_contents  .artist_img > li {
	width: 48%;
	height: 173px;
}

#container .sub_contents  .artist_img > li:first-child {
	float: left;
}

#container .sub_contents  .artist_img > li:last-child {
	float: right;
}


#container .sub_contents  .artist_img > li > DIV {
	width: 99%;
	height: 133px;
	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:100%; margin: 0 auto; overflow: hidden;}
#container .sub_contents .board_list_type01 ul { margin-top: 30px; overflow: hidden; border-top: 1px solid #ddd;padding-top:30px;}
#container .sub_contents .board_list_type01 ul:first-child { margin-top: 0px; padding-top:0; border-top:none;}
#container .sub_contents .board_list_type01 ul:after{content:"";clear:both;display:block;}
#container .sub_contents .board_list_type01 ul li { }
#container .sub_contents .board_list_type01 ul > li.image { width: 100%; }
#container .sub_contents .board_list_type01 ul > li.image img { width: 100%; height: auto; }
#container .sub_contents .board_list_type01 ul > li.content { width: 100%; position: relative; }
#container .sub_contents .board_list_type01 ul > li.content p.title { font-family: 'gg1000'; margin-top: 10px; font-size:17px; line-height: 1.5; 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: 15px; line-height: 1.5; 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.scontent3 { margin-top: 15px; line-height: 1.5; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
	max-height: 60px;
	text-align: justify;
}

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

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

#container .sub_contents .board_list_type01 ul > li.content p.date { margin-top: 15px; font-size: 13px;}
/* E: 아카이브 > Dhamul Salon  */


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

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

#container .sub_contents .board_list_type02 ul > li {
	border:1px solid #ebebeb;
	padding: 14px 7px 15px;
	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: 100%;
	height: auto; 
}

#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: 20px 0 15px;
	font-family: 'gg1000';
	font-weight: bold;
}

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


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


/* S: 아카이브 > Dhamul News 이벤트공지  */
#container .sub_contents .board_list_type03{ width: 100%; }
#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:15px 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:0px;}
#container .sub_contents .board_list_type03 .ta_r{text-align:right;padding-right:5px;}
/* E: 아카이브 > Dhamul News 이벤트공지  */

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



*/