@charset "utf-8";

/* ======================================공통==========================================
 ======================================================================================*/

/* 페이징 */
.pg_wrap {text-align:center; margin-top:25px;}
	.pg_wrap span.pg .pg_current {display:inline-block; width:30px; height:30px; line-height:30px; vertical-align:middle; background:#c40c32; color:#fff; font-weight:normal;}
	.pg_wrap span.pg .pg_page {margin:0 2.5px; display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid #ddd;}
	
	.pg_wrap .pg_start, .pg_wrap .pg_end {border: 1px solid #ddd; font-size:0; background:#f7f7f7}
	.pg_wrap .pg_start:before {content:'〈〈'; display:inline-block; font-size:13px; line-height:28px;}
	.pg_wrap .pg_end:before {content:'〉〉'; display:inline-block; font-size:13px; line-height:28px;}



/* 검색 */
input {font-size:13px !important;}
#bo_sch {background:#f7f7f7; padding:25px; margin-bottom:15px;}


#bo_sch input[type=text] {float: left; border: 0; width: 85%; height: 50px; padding: 0 20px; margin: 0; background: #fff;}
#bo_sch input[type=submit] {float:left; width:15%; height: 50px; background:#c40c32; color:#fff; border:0; cursor:pointer;}
	.sel_sch input[type=text] {width:calc(85% - 90px) !important;}
	.sel_sch select {float:left; width:90px; border:none; height:50px; padding-left:15px; font-size:13px;}



/* 글쓰기 / 수정 페이지 공통 */	
.tbl_wrap input {height:40px; border:1px solid #ddd; padding:0 15px;}
 p.pr {float:right; color:#c40c32; font-weight:500; display:inline-block;}
.btn_confirm {float:right}
.btn_confirm ul {text-align:center; margin:15px 0 0;}
.btn_confirm ul li {display:inline-block; width:110px;}
.btn_confirm a {margin: 0 2px; font-size: 14px; padding: 10px 25px; display: block; color:#fff;}
.btn_confirm .btn_submit {width:90%; border:1px solid #c40c32; background:#c40c32; padding:11px; color:#ffffff;}
.btn_confirm .btn_cancel {background: #444; border: 1px solid #444;}
 span.sound_only {display:none;}
.photo_file {max-width:300px; margin-right:10px; padding:7px !important; cursor:pointer;}
input[type="file"] {padding:7px !important; cursor:pointer;}





	
	/* 읽기 버튼 */
	.board_bo {border-top:1px solid #ddd; padding-top:30px;}
	.btn_b03 {display:inline-block; float:right}
	.btn_b01 {width:90px; text-align:center; font-size:14px; padding:10px 0; border: 1px solid #ddd; color:#aaa; display:block}
	.btn_b02 {width:90px; text-align:center; font-size:14px; padding:10px 0; border: 1px solid #c40c32; background:#c40c32; color:#fff; display:block}
	.btn_b03 .btn_b01 {background:#444; border:1px solid #444; color:#fff; margin-left:5px;}
	.btn_b03 .btn_b02 {background:#fff; border:1px solid #444; color:#444; margin-left:5px;}
	.btn_b04 .btn_b02 {margin:15px auto 0; width:200px; }

	#bo_v_con {border-top:2px solid #444; padding:35px 15px;}
	#bo_v_top {margin:0; padding:15px 0 0}
	.com_ul {padding:0 15px 35px 15px;}


	/* register 버튼 */
	p.btn_b04 {display:block;}
	.btnJoinnow {background:#444; border:1px solid #444; color:#fff; margin-left:5px; width:150px; text-align:center; margin:auto; font-size:14px; padding:10px 0; display:block}
		.btnJoinnow:hover {color:#fff}
	.bootstrap-select>.dropdown-toggle {margin-top:0;}
		

	/* 본문 내용 */
	.board img {max-width:100% !important;}
	.board .viewpg {border-top:2px solid #444}
	.board .tt {padding:30px 30px 0; border-bottom:1px solid #ddd; background:#f7f7f7; margin-bottom:50px; position:relative;}
	.board h5.name {display:inline-block; margin-bottom:5px;}

	.board p.viewdate {margin-bottom:30px;}


	.board .fileDown {padding:15px 30px; border-top:1px solid #ddd; margin-top:50px; background:#f7f7f7}

	.board .fileDown ul li {font-size:14px; line-height:1.2;}
	.board .fileDown ul li a img {margin-right:5px;}

	.viewpg > div .view_image {display:table; margin:auto;}
	





	#share {text-align:center; margin-top:50px;}
	#share #bo_v_sns {margin:0; }
	#share #bo_v_sns li {float:inherit; margin-left:5px; display:inline-block; width:40px; height:40px;}
		#share #bo_v_sns li.sns {display:none;}
		#share #bo_v_sns li:nth-child(2) {background:url(/images/sub/sns_facebook_b.png) round}
		#share #bo_v_sns li:nth-child(3) {background:url(/images/sub/sns_twitter_b.png) round}
		#share #bo_v_sns li:nth-child(4) {background:url(/images/sub/sns_google_b.png) round}
			#share #bo_v_sns li:hover {transition:.2s ease-in-out}
			#share #bo_v_sns li:nth-child(2):hover {background:url(/images/sub/sns_facebook.png) round;}
			#share #bo_v_sns li:nth-child(3):hover {background:url(/images/sub/sns_twitter.png) round;}
			#share #bo_v_sns li:nth-child(4):hover {background:url(/images/sub/sns_google.png) round;}
		#share #bo_v_sns li a {display:block; text-indent:-9999px; width:100%; height:100%;}

	





/* ======================================개별스킨==========================================
 ======================================================================================*/

/* 웹진게시판 */
.board .webzine {display:inline-block; width:100%; max-width:1200px;}
	.board .webzine .line {padding:30px 15px 15px; width:100%; max-width:1200px;}
	.board .webzine .gall_li {display: -webkit-box; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; position:relative;}
		.board .webzine .gall_li:last-child {margin-bottom:0;}
	
	.board .webzine .gall_li > a {display:block; width:100%;}

	.board .webzine .gall_li > div {display:table-cell;}
		
		.board .webzine .gall_li .gall_thumb {width:20%; margin-right:2%; display:inline-block;}		
			.gall_thumb > div {width: 220px; height: 150px;	margin: 0; padding: 0; background: #fff; overflow: hidden;}
			.gall_li a .gall_thumb > div img {-webkit-transform: scale(1); transform: scale(1);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; height:100%;}
			.gall_li a:hover .gall_thumb > div img {-webkit-transform: scale(1.1); transform: scale(1.1);}
		
		.board .webzine .gall_li .gall_txt {width:65%; display:inline-block; vertical-align:top}
			.board .webzine .gall_li .gall_txt h5 {overflow: hidden; display:inline-block; max-width: 95%; text-overflow: ellipsis; white-space: nowrap; padding-top:5px;}
				.board .webzine .gall_li a:hover .gall_txt h5 {color:#c40c32; transition: color 300ms; -webkit-transition: color 300ms;}

			.board .webzine .gall_li .gall_txt p.con {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5; height:45px; margin:5px 0 35px;}
			.board .webzine .gall_li .gall_txt p.date {font-size:14px; color:#aaa}

		.board .webzine .gall_li .gall_moreBtn {display: table-cell; vertical-align: middle; position: absolute; right: 0; top: 50%; margin-top: -40px;}
			.gall_moreBtn span {display: block; width: 60px; height: 60px; position: relative; font-weight: normal; line-height:60px; text-align:center; color: #ddd; border: 2px solid #ddd; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; -webkit-transition: color 300ms, border-color 300ms; transition: color 300ms, border-color 300ms;}
				.board .webzine .gall_li a:hover .gall_moreBtn span {color:#c40c32; border:2px solid #c40c32}
			.gall_moreBtn span:after {display: block; content: '〉';    font-size: 20px; line-height: 55px; font-weight: 600;}


			







/* 리스트게시판 */	
.board .list {}
.board .list .tblist > table {margin-bottom:15px;}
.board .list .tblist > table colgroup {display: table-column-group;}
.board .list .tblist > table thead tr {border-bottom:1px solid #ddd;}
.board .list .tblist > table tr:hover {background:#fbfbfb; transition:all 0.3s ease-in-out;}
	.board .list .tblist > table th {border-right:0; }
	.board .list .tblist > table td {border-right:0; text-align:center;}
		.board .list .tblist > table td.td_subject {text-align:left; width:98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
		





/* 이벤트게시판 */
	/* 초기화 */
	.board .eventList {width:100%; display:inline-block;}
	.board .eventList #today_schedule {margin-top:0; border-top:0}


	.board .eventList #today_schedule > div {float:left; width:33%; margin-right:0.5%; border:1px solid #ddd; margin-bottom:15px; position:relative;}
		.board .eventList #today_schedule > div:nth-child(3n) {margin-right:0;}
	.board .eventList #today_schedule > div a {display:block; width:100%; height:100%;}

		.abdate {position:absolute; top:15px; left:15px; text-align:center; color:#fff; background:rgba(40,62,86,.7); width:60px; height:60px; display:table;}
		.abdate h3 {color:#fff; line-height:1; vertical-align:middle; display:table-cell;}
		.abdate h3 span {font-size:16px; font-weight:300; display:block;}



	.board .eventList a .event_thumb {/* width:100%; height:100%; */ overflow:hidden; height:252px; width:100%;}
		.board .eventList a .event_thumb img {-webkit-transform: scale(1); transform: scale(1);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width:100%; height:100%; object-fit: cover;}
		.board .eventList a:hover .event_thumb img {-webkit-transform: scale(1.1); transform: scale(1.1);}

	.board .eventList a .event_txt {padding:25px 15px; border-top:1px solid #ddd;}
		.board .eventList a:hover .event_txt {background:#f7f7f7; transition: background 300ms; -webkit-transition: background 300ms;}
		.board .eventList a .event_txt h5 {width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; line-height:1.2em; height:3.6em;}
			.board .eventList a:hover .event_txt h5 {color:#c40c32}
		
		
		.board .eventList a .event_txt p {margin-top:10px;}
	
			.board .eventList a .event_txt p.cal {}
			.board .eventList a .event_txt p.deadline{}
			.board .eventList a .event_txt p.venue {}
				.board .eventList a .event_txt p span {color:#aaa; display:block; width:85%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
		 
		

	.board .eventview {padding:0 40px;}
	
	.board .eventview .info {display:inline-block; width:100%;}
	.board .eventview .info .lineBox {border:3px solid #eee; width:49.5%; margin-right:1%; float:left; padding:25px; height:240px; margin-top:15px;}
	.board .eventview .info .lineBox:nth-child(2n) {margin-right:0;}
	.board .eventview .info .longBox {width:100%; margin-bottom:15px; height:auto;}

	.board .eventview .info .lineBox h5 {border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px}
	.board .eventview .info .lineBox p {padding-left:10px}


	.speakerBox {display:inline-block; width:100%;}
	.speaker {width:100%; display:inline-block; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:15px;}
		.speaker .speakerImg {width:200px; height: 230px; overflow: hidden; display:inline-block; border-radius: 10px; box-sizing: content-box; float:left}
			.speaker .speakerImg img {display: block; min-width: 100%; min-height: 100%;}
		.speaker .profile {display:inline-block; width:75%; float:right; padding-top:10px;}
			.speaker .profile h5 {}
			.speaker .profile p.profileCon {margin:15px 0;}

	

	/* register */ 
	.process{width:100%; overflow: hidden;}
	.process ul{position: relative;display:table;width:65%;table-layout:fixed; margin:50px auto;}
	.process ul:after{content: ""; display: table; clear: both;width:10px; height: 10px; background:#ddd; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;position: absolute; top:6px; left:5px; margin-left:-5px;z-index: 10;}
	.process ul:before{content: ""; display: table; clear: both;width:10px; height: 10px; background:#ddd; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;position: absolute; top:6px; right:0.5px; margin-left:-5px;z-index: 10;}
	.process li:before{content: ""; width:100%; height: 1px; background:#ddd; position: absolute; top:10px; left:0;}
	.process li{display:table-cell; text-align: center;/* font-size: 0; */ line-height: 0;width:30%;}
	.process li a{display:inline-block; padding-top:32px; position: relative; }
	.process li a:after{content: "";width:10px; height: 10px; background:#ddd; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;position: absolute; top:5px; left:50%; margin-left:-5px;z-index: 10;}
	.process li.on a{font-size:16px; color:#222; font-weight: bold;padding-top:30px;}
	.process li.on a:after{width:25px; height:25px; border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border:solid 5px #c40c32; background: #fff;top:0; margin-left:-10px;}
	
		



	.application input[type=text] {height: 40px; border: 1px solid #ddd; padding: 0 15px; width:100%;}
		.application input.halfIn {width:50%;}
	.application h4 p.pr {font-size:initial; margin-top:20px;}

	#applicant_info input[type=radio] + label {border:1px solid #ddd; color:#aaa; width:24.8%; text-align:center; cursor:pointer; padding:5px; font-weight:300}
	#applicant_info input[type=radio]:checked + label {border:1px solid #c40c32; color:#c40c32; font-weight:500}

	.isMem input[type=radio] + label {border:1px solid #ddd; color:#aaa; width:24.8%; text-align:center; cursor:pointer; padding:5px; font-weight:300}
	.isMem input[type=radio]:checked + label {border:1px solid #c40c32; color:#c40c32; font-weight:500}




	.btnSearch {height:39px; background:#444; padding:0 10px; color:#fff}
	.btnSearch img {width:100%; max-width:20px !important;}

	#guest_info label {font-weight:normal; margin-bottom:0; margin-right:15px; cursor:pointer;}
	#guests-info select {border-color:#ddd; width:100px; height:40px; padding:0 15px; margin-left:15px;}
	
	#guest-list .btnWrap {text-align:center; margin-top:15px;}
	#guest-list .btnWrap button {width:90px; text-align:center; font-size:14px; padding:10px 0; border: 1px solid #c40c32; background:#c40c32; color:#fff;}
		#guest-list .btnWrap button.back-button {background:#fff; color:#c40c32}
	
	#event_fee label {cursor:pointer; font-weight:normal}

	#cart-items {}
	#cart-items tr {}
	#cart-items tr td {border-right:0}
		#cart-items tr td.coun {text-align:center;}


	#cart-total-cost-wrapper {display: none; position: relative; height:60px; background:#f7f7f7; padding:15px;}
	.nextBtn {margin-top:25px; border-top:1px solid #ddd; width:100%; padding-top:15px;}
		.nextBtn .btn_b01, .nextBtn .btn_b02 {float:right}

	
	.method input[type=radio] + label {padding:10px 0}
	.idea {background:#f7f7f7; padding:25px; margin-top:15px;}
		.idea p {padding-left:15px; position:relative;}
		.idea p:before {content:'*'; display:inline-block; position:absolute; left:0; top:3px;}







/* 저널 게시판 */
	.journal {margin-top:25px;}

	#gall_ul {display:inline-block; width:100%;}
	.journal .gall_li  {width:24%; margin-right:1%; float:left; border:1px solid #ddd; margin-bottom:15px;}
		.journal .gall_li:nth-child(4n)  {margin-right:0}

		.journal .gall_li > a {display:block; width:100%; height:100%;}
		.journal .gall_li .gall_con {width:100%; height:380px; overflow: hidden; display: block; margin: auto; box-sizing: content-box;}
			.journal .gall_li > a .gall_con img  {-webkit-transform: scale(1); transform: scale(1); transition: .3s ease-in-out; width: 100%; }
			.journal .gall_li > a:hover .gall_con img {-webkit-transform: scale(1.1); transform: scale(1.1);} 
		.journal .gall_li .gall_title {padding:25px; text-align:center;}
			.journal .gall_li .gall_title h5 {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height:2.4em;}

		
		.journal .boxLineTitle {background:#f7f7f7; margin-top:50px; padding:25px;}

		.journal .journalBtn {display:block; margin:25px auto 0; background-color: #555; color: #eee; border: 0; padding:15px 30px;}












/* ======================================반응형==========================================
 ======================================================================================*/
@media(max-width:1200px){ 
 	.board .webzine .gall_li .gall_txt {margin-left:4%;}
}
@media(max-width:950px){ 
	.board .eventList #today_schedule > div {width:49%; margin-right:2%;}
	.board .eventList #today_schedule > div:nth-child(2n) {margin-right:0;}
	.board .eventList #today_schedule > div:nth-child(3n) {margin-right:2%;}
	.board .eventview .info .lineBox {width:100%; margin-right:0; height:auto; padding:15px;}
	.board .webzine .gall_li .gall_moreBtn {display:none;}
	.board .webzine .gall_li .gall_txt {width:70%; float:right;}
}
@media(max-width:850px){
	#gall_ul {padding:0 2.5%}
	.journal .gall_li {width:31%; margin-right:3%;}
	.journal .gall_li:nth-child(4n) {margin-right:3%;}
	.journal .gall_li:nth-child(3n) {margin-right:0}
	.journal .gall_li .gall_title {padding:15px;}

	#applicant_info input[type=radio] + label, .isMem input[type=radio] + label {width:49%;}
	.process ul {width:100%;}
	.process ul:before, .process ul:after {display:none;}
	.process li {width:33%}
	.board .webzine .gall_li .gall_thumb {display:none;}
	.board .webzine .gall_li .gall_txt {width:100%; float:left; margin-left:0;}
}
@media(max-width:650px){ 
	.board .list .tblist > table, .board .list .tblist > table tbody, .board .list .tblist > table thead, .board .list .tblist > table tr {display:block; width:100%;}
	.board .list .tblist > table tr td, .board .list .tblist > table tr th {display:block; width:100%; padding:0; text-align:left;}
	.board .list .tblist > table tr {padding:15px;}
	.board .list .tblist > table thead, .board .list .tblist > table tr td.td_file {display:none;}
	.board .list .tblist > table td.td_subject > a {font-weight:500; color:#444; font-size:15px;}

	.board .tt {padding:15px 15px 0}
	.board p.viewdate {margin-bottom:15px;}
	.shareBtn {right:15px;}

	a.btn_b02, a.btn_b01 {font-size:12px; width:70px;}
	p.btn_b03 a.btn_b01 {padding:10px 20px}

	.board .fileDown {padding:15px;}
	.board .fileDown a {font-size:12px;}

	.board .eventview {padding:0 5px;}
	

	.journal .gall_li {width:48%; margin-right:2%;}
	.journal .gall_li:nth-child(3n) {margin-right:2%}
	.journal .gall_li:nth-child(2n) {margin-right:0}

	.board .webzine .gall_li{margin-bottom:15px; padding-bottom:15px;}
	.board .webzine .gall_li .gall_txt p.con {margin:5px 0 20px;}
}


@media(max-width:550px){ 
	.board .eventList {padding:0 40px}
	.board .eventList #today_schedule > div {width:100%; margin-right:0;}
	.board .eventList #today_schedule > div:nth-child(3n) {margin-right:0;}
	.pg_wrap span.pg .pg_page, .pg_wrap span.pg .pg_current {margin:0; width:25px; height:25px; line-height:25px;}
}

@media(max-width:450px){ 
	#gall_ul {padding:0 40px}
	.board .eventList {padding:0 15px}
	.journal .gall_li {width:100%; margin-right:0;}
	.journal .gall_li:nth-child(3n) {margin-right:0}
}