@charset "UTF-8";

/* common class */
.sj-container
{
	margin: 0 auto;
	width: 1200px;
}
.clear-float::after
{
	content: '';
	display: block;
	clear: both;
}
 section h1.section-title
 {
	margin-bottom: 35px;
	color: #3f3a39;
	font-size: 2.7em;
	font-weight: 900;
 }
 section h2.section-title
 {
	margin-bottom: 30px;
	color: #4d3e3e;
	font-size: 2.4em;
	font-weight: 900;
 }
 .sj-container.board,
 .sj-container.shop,
 .sj-container.member,
 .sj-container.page
 {
	 margin-top: 65px;
	 margin-bottom: 65px;
 }
 .sns-share-icon img
 {
	 width: 20%;
	 max-width: 34px;
	 border-radius: 50%;
 }

/* wrap */
#wrap
{
	width: 100%;
	font-family: 'Noto Sans KR';
	font-size: 13px;
}

/* header */
header
{
	background: url('/img2/main/header_bg.jpg') no-repeat;
	background-size: 100%;
	padding-top: 98px;
	height: 485px;
}
header.main
{	
	height: 935px;
}
header.about
{
	background-image: url('/img2/about/header_bg.jpg');
}
header.performance
{
	background-image: url('/img2/performance/header_bg.jpg');
}
header.education
{
	background-image: url('/img2/education/header_bg.jpg');
}
header.notice,
header.free,
header.shop
{
	background-image: url('/img2/board_type_01_header_bg.jpg');
}
header h1.header-title
{
	color: #ffffff;
	font-size: 3em;
	font-weight: 900;
	text-align: center;
	line-height: 360px;
}
header p.header-title
{
	color: #ffffff;
	font-size: 2.2em;
	text-align: center;
	opacity: 0.8;
}
header p.header-title.ko
{
	margin-top: 150px;
	font-family: 'Black And White Picture';
	font-size: 4em;
}
header p.header-title.en
{
	margin-top: 20px;
	font-family: 'Anton', sans-serif;
	font-size: 5.6em;
}
header .gnb-wrap
{
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 98px;
	transition: background 0.3s, top 0.3s;
}
header .gnb-wrap.nav-down
{
	top: -98px;
}
header .gnb-wrap .gnb-wrap-bottom
{
	display: none;
	margin-top: 17px;
	height: 313px;
}
/* header .gnb-wrap.active .gnb-wrap-bottom
{
	display: block;
} */
header .gnb-wrap.active, header .gnb-wrap.sub-page
{
	background-color: #ffffff;
	border-bottom: 1px solid #d9d9d9;
}
header .gnb-wrap.active .gnb-wrap-bottom, header .gnb-wrap.sub-page .gnb-wrap-bottom
{
	border-top: 1px solid #d9d9d9;
}
header .gnb-wrap.active #gnb > ul > li > a, header .gnb-wrap.sub-page #gnb > ul > li > a
{
	color: #000000;
	transition: color 0.3s;
}
header .gnb-wrap.active #logo, header .gnb-wrap.sub-page #logo
{
	background-position-y: bottom;
}
header #logo
{
	float: left;;
	background: url('/img2/logo.png') no-repeat left top;
	background-size: 100%;
	margin-top: 10px;
	margin-left: 3px;
	width: 219px;
	height: 70px;
}
header #logo > a
{
	display: block;
	width: 100%;
	height: 100%;
}

/* gnb */
header #gnb
{
	float: right;
	margin-top: 45px;
}
header #gnb > ul > li
{
	float: left;
	margin-right: 31px;
	font-size: 1.3em;
	font-weight: 600;
}
header #gnb > ul > li:last-child
{
	margin-right: 0;
}
header #gnb > ul > li > a
{
	color: #ffffff;
}
/* header #gnb > ul > li:hover .gnb-sub
{
	display: block;
	padding-top: 40px;
} */
header #gnb .gnb-sub
{
	position: absolute;
	display: none;
}
header #gnb .gnb-sub > ul > li
{
	margin: 12px 0;
}

/* footer */
footer
{
	background-color: #333333;
	padding-top: 99px;
	padding-bottom: 58px;
	height: 377px;	
	color: #a9a9a9;
}
footer .sj-container
{	
	position: relative;
}
footer #bnb
{
	width: 100%;
	font-size: 1em;
}
footer #bnb > ul > li
{
	float: left;
}
footer #bnb > ul > li > a
{
	color: #a9a9a9;
}
footer #bnb > ul > li::after
{
	content: '|';
	margin: 0 6px;
	color: #a9a9a9;
}
footer #bnb > ul > li:last-child::after
{
	content: '';
}
footer .company-info, footer .cs-center
{
	float: left;
}
footer .company-info > h3, footer .cs-center > h3
{
	margin-top: 54px;
	color: #dfdfdf;
	font-size: 1.35em;
}
footer .company-info > p, footer .cs-center > p
{
	font-size: 1.1em;
	font-weight: 500;
}
footer .company-info > p.address
{
	margin-top: 25px;
}
 footer .cs-center
 {
	margin-left: 200px;
 }
 footer .cs-center .tel
 {
	margin: 20px 0 18px;
	color: #dfdfdf;
	font-size: 3.2em;
	font-weight: 900;
 }
 footer .social-buttons
 {
position: absolute;
	right: 0;
	bottom: 0;
 }

 /* main page */
 .main-container
 {
	 padding-bottom: 100px;
 }
 .main-container
 {
	padding-top: 100px;
 }
 .main-container .introduce .img-area, .main-container .introduce .desc-area
 {
	float: left;
 }
 .main-container .introduce .desc-area
 {
	margin-left: 30px;
	padding-top: 230px;
	width: 410px;
 }
 .main-container .introduce .desc-area > img
 {
	display: block;
 }
 .main-container .introduce .desc-area > p
 {
	margin-top: 35px;
	color: #3f3a39;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.5em;
 }
 .main-container .video .video-area
 {
	float: left;
	width: 577px;
	height: 324px;
 }
 .main-container .video .video-area:last-child
 {
	 float: right;
 }
 .main-container .video .video-area > iframe
 {
	width: 100%;
	height: 100%;
 }

 
 .main-container .social-media .instagram-area
 {
	float: left;
	width: 784px;
	height: 548px;
 }
 .main-container .social-media .instagram-area > ul
 {
	 list-style: none;
	 padding-left: 0;
 }
 .main-container .social-media .instagram-area > ul > li
 {
	 float: left;
	 margin-right: 22px;
	 margin-bottom: 19px;
 }
 .main-container .social-media .instagram-area > ul > li:nth-child(3n)
 {
	 margin-right: 0;
 }
 .main-container .social-media .facebook-area
 {
	float: right;
	border: 1px solid #cccccc;
	width: 360px;
	height: 550px;
	text-align: center;
	line-height: 540px;
 }

 /* about */
.page-container.about .greeting
{
	margin-top: 50px;
}
.page-container.about .greeting .profile-area
{
	float: left;
	width: 468px;
}
.page-container.about .greeting .desc-area
{
	float: right;
	padding-top: 43px;
	padding-bottom: 95px;
	width: 693px;
}
.page-container.about .greeting .desc-area > p
{
	margin-top: 35px;
	color: #3f3a39;
	font-size: 1.3em;
	line-height: 1.25em;
	letter-spacing: -0.3px;
	word-break: keep-all;
}
.page-container.about .greeting .desc-area > p.sign
{
	text-align: right;
	font-size: 1.4em;
}
.page-container.about .greeting .desc-area > p.sign > strong
{
	font-family: 'Noto Serif KR', serif;
	font-size: 1.55em;
}

.page-container.about .member
{
	background: #000000 url('/img2/about/section_member_bg.jpg') no-repeat center center;
	background-size: 100%;
	padding-top: 60px;
}
.page-container.about .member h1.section-title
{
	color: #ffffff;
}
.page-container.about .member .member-list
{
	padding: 0;
	list-style-type: none;
}
.page-container.about .member .member-list > li
{
	float: left;
	margin-right: 64px;
	padding-bottom: 65px;
	width: 357px;
}
.page-container.about .member .member-list > li:nth-child(3n)
{
	margin-right: 0;
}
.page-container.about .member .member-list .member-pic
{
	display: block;
	width: 100%;
}
.page-container.about .member .member-list .member-name
{
	display: block;
	margin-top: 15px;
	width: 100%;
	color: #ffffff;
	font-size: 1.8em;
	font-weight: 900;
	text-align: center;
}

.page-container.about .planning
{
	padding: 65px 0;
}
.page-container.about .planning .activity-area
{
	float: left;
	padding-top: 23px;
}
.page-container.about .planning .activity-area .activity
{
	padding-bottom: 52px;
}
.page-container.about .planning .activity-area .activity:last-child
{
	padding-bottom: 0;
}
.page-container.about .planning .activity-area .activity h2
{
	color: #4d3e3e;
	font-size: 1.8em;
	font-weight: 900;
}
.page-container.about .planning .activity-area .activity p
{
	margin-top: 12px;
	font-size: 1.3em;
	color: #3f3a39;
	font-weight: 400;
	line-height: 1.3em;
}
.page-container.about .planning .img-area
{
	float: right;
}

.page-container.about .history
{
	background: #000000 url('/img2/about/section_history_bg.jpg') no-repeat center center;
	background-size: 100%;
	padding-top: 60px;
	padding-bottom: 68px;
}
.page-container.about .history h1.section-title
{
	color: #ffffff;
}
.page-container.about .history .img-area
{
	float: left;
}
.page-container.about .history .history-area
{
	float: left;
	margin-left: 50px;
	padding-top: 175px;
}
.page-container.about .history .history-area ol
{
	list-style: none;
	padding: 0;
	color: #ffffff;
}
.page-container.about .history .history-area ol > li
{
	margin-top: 21px;
}
.page-container.about .history .history-area ol > li span.date
{
	display: block;
	font-size: 1.6em;
	font-weight: 700;
}
.page-container.about .history .history-area ol > li span.text
{
	display: block;
	font-size: 1.2em;
	font-weight: 400;
}

.page-container.about .location .map-area .root_daum_roughmap 
{
	width: 100%;
}
.page-container.about .location .map-area .root_daum_roughmap .wrap_map 
{
	height: 550px;
}
.page-container.about .location .map-area .root_daum_roughmap .wrap_controllers
{
	display: none;
}
.page-container.about .location .info-area
{
	padding-top: 30px;
	padding-bottom: 45px;
	color: #3f3a39;
	font-size: 1.3em;
	text-align: center;
}

/* perfomance */
.page-container.perfomance
{
	padding-top: 45px;
	padding-bottom: 80px;
	color: #4d3e3e;
}
.page-container.perfomance .perform-desc
{
	font-size: 1.35em;
	font-weight: 400;
}
.page-container.perfomance ul.image-list
{
	list-style: none;
	margin-top: 30px;
	padding: 0;
}
.page-container.perfomance section
{
	margin-bottom: 130px;
}
.page-container.perfomance section:last-child
{
	margin-bottom: 0;
}
.page-container.perfomance ul.image-list > li
{
	float: left;
	margin-right: 45px;
	width: 368px;
}
.page-container.perfomance ul.image-list > li:last-child
{
	margin-right: 0;
}
.page-container.perfomance ul.image-list > li .image
{
	display: block;
}
.page-container.perfomance ul.image-list > li .image-title
{
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
}

/* education */
.page-container.education
{
	padding-top: 57px;
	padding-bottom: 93px;
	color: #3f3a39;
}
.page-container.education .living-arts
{
	border-bottom: 1px solid #4d3e3e;
	padding-bottom: 60px;
}
.page-container.education .professional
{
	padding-top: 55px;
}
.page-container.education .living-arts .desc-area,
.page-container.education .professional .img-area
{
	margin-left: 30px;
}
.page-container.education .living-arts .desc-area
{
	padding-top: 60px;
}

.page-container.education .professional .desc-area
{
	padding-top: 130px;
}
.page-container.education .living-arts .desc-area ul.desc > li
{
	margin-bottom: 2px;
	word-break: keep-all;
}
.page-container.education .professional .desc-area ul.desc > li
{
	margin-bottom: 10px;
	word-break: keep-all;
}
.page-container.education .img-area
{
	float: left;
	width: 580px;
}
.page-container.education .desc-area
{
	float: left;
	width: 580px;
}
.page-container.education .desc-area h3
{
	font-size: 1.65em;
	font-weight: 600;
	word-break: keep-all;
}
.page-container.education .desc-area .second_busienss
{
	margin-top: 40px;
}
.page-container.education .desc-area ul.desc
{
	list-style-type: square;
	list-style-position: outside;
	padding-left: 25px;
	font-size: 1.3em;
	letter-spacing: -0.5px;
}

/* 게시판 영역 */
.board-list table.list-tbl
{
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
.table.list-tbl > thead > tr > td.active,
.table.list-tbl > tbody > tr > td.active,
.table.list-tbl > tfoot > tr > td.active,
.table.list-tbl > thead > tr > th.active,
.table.list-tbl > tbody > tr > th.active,
.table.list-tbl > tfoot > tr > th.active,
.table.list-tbl > thead > tr.active > td,
.table.list-tbl > tbody > tr.active > td,
.table.list-tbl > tfoot > tr.active > td,
.table.list-tbl > thead > tr.active > th,
.table.list-tbl > tbody > tr.active > th,
.table.list-tbl > tfoot > tr.active > th
{
	background-color: #f5f5f5;
}
table.list-tbl > tbody > tr > td
{
	border-top: 1px solid #dddddd;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}