@charset "utf-8";

	 @media only screen and (min-width:415px)/*데스크탑 조건*/{
	 .col-1 {width:8.33%}
	 .col-2 {width:16.33%}
	 .col-3 {width:25%}
	 .col-4 {width:33.33%}
	 .col-5 {width:41.66%}
	 .col-6 {width:50%}
	 .col-7 {width:58.33%}
	 .col-8 {width:66.66%}
	 .col-9 {width:75%}
	 .col-10 {width:83.33%}
	 .col-11 {width:91.66%}
	 .col-12 {width:100%}
	 .g_info_pos {position: absolute;right:0;top:4px;}
	 }

	  @media only screen and (max-width:414px)/*모바일 조건*/{
	  .col-m-1 {width:8.33%}
	  .col-m-2 {width:16.66%}
	  .col-m-3 {width:25%}
	  .col-m-4 {width:33.33%}
	  .col-m-5 {width:41.66%}
	  .col-m-6 {width:50%}
	  .col-m-7 {width:58.33%}
	  .col-m-8 {width:66.66%}
	  .col-m-9 {width:75%}
	  .col-m-10 {width:83.33%}
	  .col-m-11 {width:91.66%}
	  .col-m-12 {width:100%}
	  .g_box {width:45% !important;}
	  input.upload {float:none !important;}
	  .col-75 .filename {margin:5px 0 0 !important;}
	  .event_img {width:100%;}
	  .popup_img {padding-top: 0px !important;}
	  .popup_photo {padding-bottom:0 !important;}
	  .info_id {left:20px !important;}
	  /* .tf_reply {margin-left:0 !important;} */
	  #comment_content {margin-left:0 !important;}
	  .popup_table th, tr {padding:13px 20px !important;}
	  .g_box_line {padding:0 !important;margin:7px !important;}
/* 	  .del_btn {background-image: url(images/btn/del_btn_m.gif) !important;} */
	  .gallrey {padding:1% !important;}
	  .ui-dialog {padding:13% 0 0 0 !important;}
	  .popup_photo .popupbtn {
	    position: relative !important;
		top: 1px !important;
		right: 0px !important;
		padding: 5px 5px !important;
		display: inline-block;}
		.g_img img {height:130px !important;}
		#reply_writ_btn {
		 width: 16.67% !important;
		 height: auto !important;}
		 iframe {width:335px !important;height: 200px !important;}
	  }
/* product_gallrey */
		
		.gallrey .title
		{text-align: center;margin-top: 20px;}
		.gallrey h3
		{padding:30px;}
		.gallrey .lineup h2
		{text-align:right;font-size:1.2em;margin-bottom: 10px;}
		.gallrey .lineup a {padding:10px}

		.g_btn_box6 {
		clear: both;
		overflow: hidden;
		text-align: center;}

		.g_btn_box6 .btn_r {
		margin-left: 10px;
		margin-top: 30px;
		width: 240px;}
			  
		.g_btn_box6 a {
		display: inline-block;
		width: 240px;
		padding: 15px 0 16px;
		text-align: center;}

	 .gallrey {padding: 5%;}
	
 	  .g_box {width:23%;}
	  .g_box_line {padding:10px;margin:5px;float:left;}
	  .g_img img {height:230px;width:100%;}	 
	  .g_info {
		position:relative;
		padding:5px 10px;
		line-height:22.5px;
		height:auto;background:#efefef;}

	 .g_footer {display: inline-block;vertical-align: middle;}
	 .g_footer span {margin-right:10px;}
	 .g_btn_pos {height:15px;width:15px;background-repeat: no-repeat;}
	 /* .g_vote_img {background-image: url(/event/images/btn/g_vote.gif);}
	 .g_comment_img {background-image: url(/event/images/btn/g_comment.gif);} */
	 .popup_img img {max-height: 500px;}
	 
	
	 .id {
	 position: absolute;
	 left: 0;
	 top: 0;
	 margin:5px;
	 right: 150px;
	 padding:5px;
	 font-size:13px;
	 
	 }
	 .like {
	  position: absolute;
	  right: 60px;
	  top: 5px;
	  margin:5px;
	  font-size:13px;
	 }
	
	 .like img {width:40%;float:left;margin-right:5px}
	 .comments {
	  position: absolute;
	  right:5px;
	  top: 5px;
	  margin:5px;
	  font-size:13px;
	 }
	 .comments img {width:40%;float:left;margin-right:5px}

/* popup_2 */

				.event_popup_bg {
				/* 	 width:840px; */
				 height:auto;
				 margin:0 auto;
				 background:#fff;
				 /* border-radius:70px */
				}
				.popup_photo {
				position: relative;
				min-height: 250px;
				padding-bottom:30px;
				border-bottom:1px solid #ccc;
				}
				.popup_photo .popupbtn {
				position: absolute;
				top: 25px;
				right: 25px;
				float:none;
				padding: 0;}

				.popup_photo .prev {
				position: absolute;
				top: 45%;
				left: 25px;
				padding: 0;}

				.popup_photo .next {
				position: absolute;
				top: 45%;
				right: 25px;
				padding: 0;}

				.popup_img {
				width: 100%;
				/* vertical-align: middle; */
				/* margin: 0 auto; */
				padding-top: 30px;
				}
				

				.event_info_box {background: #000099;
			/* 	width: 840px; */
				height:64.8px;
				position:relative;
			/* 	border-radius:70px 70px 0 0; */
				}
				.info_id {color:black;
				 font-size: 1.3em;
				 margin:0;
				 display:block;
				}

				.popup_table {border-collapse: collapse;width:100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: auto;}
				.popup_table th, tr{padding:13px 50px;text-align:left;}
				#comment_content {
			/* 	 width:840px; */
				 resize: none;
				 margin-left:32px;
				 padding-left:12px;
				 padding-top:12px;
				 line-height:13px;
				 box-sizing: border-box;
				 border: 1px solid #ffffff;
				 }
				 .reply_write label {
				  display: inline-block;

			     }
				 .reply_write .reply_writ_btn {
				  background-color: gray;
				  color: white;
				  width: auto;
			  	  padding: 12px;
				  border: none;
				  cursor: pointer;
				  float: right;
				  }
				  .popup_text span {display: block;}
				  .reply_write {height:46px;position:relative}

			/* section */
			 .b1 {display:block;}
			 .afkep {min-height:40px;min-width:40px;}
			 .action_line {/* border-top:1px solid #ddd; */padding-left:20px;position:relative;margin-bottom: 10px}
			 /* .vote_img {background-image: url("/event/images/btn/vote.png");} */
			 .btn_pos {height: 24px;width: 24px;background-repeat:no-repeat;}
			 /* .share_img {background-image: url("/event/images/btn/share.png");} */
			 .share_pos {height: 24px;width: 24px;background-repeat:no-repeat;}
			 .action_btn {display:inline-block;vertical-align: middle;}
			 .vote_counte {font-weight:600;min-height:23px}
			 .popup_text_id {margin:20px;font-weight: 600;}
			 .popup_text_contents {margin:0 20px 20px;word-break:break-all;}

			 /* 댓글작성버튼 */
			 #reply_writ_btn {
				  background-color: gray;
				  color: white;
				  width: 16.67%;
			  	  padding: 14px;
				  border: none;
				  cursor: pointer;
				  position:absolute;
				  top:0;
				  right:0
				  }

			  #reply_writ_btn a {color: white;}	   


/* popup_1 */

	* {box-sizing: border-box;}
		* {margin:0;padding:0;}

		#event_header {margin:20px;background:rgb(255,255,255);border-bottom:1px solid rgb(238,238,238);position:relative;}
		#event_header p {margin:6px 0 11px 0;}

		#event_header .close {
		position: absolute;
		top: 10px;
		right: 25px;
		padding: 0;}

		.row {margin:10px 0;}

		.col-75 input[type=text], select, textarea {
			width: 100%;
			padding: 12px;
			border: 1px solid #ccc;
			/* border-radius: 4px; */
			resize: vertical;
		}

		.col-25, .col-75 label {
			padding: 12px 12px 12px 0;
			display: inline-block;
		}
		/*input[type=file] {
			background-color: #4CAF50;
			color: white;
			padding: 12px 20px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
		}

		input[type=file]:hover {
			background-color: #45a049;
		}*/
		input.upload {  
		  opacity: 0;        /*input type="file" tag 투명하게 처리*/
		  padding: 12px 20px;
		  position: relative;
		  width: 93px;
		  height: 40px;
		  float: left;
		}
		button.replace {    /*button tag 에 원하는 스타일 적용*/
		  background-color: gray;
		  color: white;
		  padding: 12px 20px;
		  border: none;
		  /* border-radius: 4px; */
		  cursor: pointer;
		  position: absolute;
		}

		input[type=submit] {
			background-color: gray;
			color: white;
			width:100%;
			padding: 12px 100px 12px 100px;
			border: none;
			/* border-radius: 4px; */
			cursor: pointer;
		}

/* 		input[type=submit]:hover {
			background-color: #45a049;
		} */

		.container {
			/*border-radius: 5px;*/
			background-color:white;
			padding: 20px;
			/* margin-top:80px; */
			width:100%;
		}
		.container h3 {margin-bottom:20px;}

		.col-25 {
			float: left;
			width: 15%;
			margin-top: 6px;
		}

		.col-75 {
			float: left;
			width: 75%;
			margin-top: 6px;
		}
		.col-75 p {color:gray;}
		
		.col-75 .filename {
			color: gray;
			margin: 20px 100px 4px;
			display: block;
			width: auto;}
		.photo_p {padding:20px 8px 8px 0;}
		.photo_p p {font-size: 13px;color:black;}
		.photo_p p:first-child {margin-bottom:5px;}

		.last {margin:20px 0 20px 0;padding:10px 0 0 10px;border-top:1px solid #ccc;text-align:left;}
		.last p {font-size: 13px;}
		.last p:first-child {margin-bottom:5px;}

		/* Clear floats after the columns */
		.row:after {
			content: "";
			display: table;
			clear: both;
		}

		/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
		@media screen and (max-width: 600px) {
			/* .col-25, .col-75, input[type=submit] {
				width: 100%;
				margin-top: 0;} */

			.col-25 input[type=submit] {
				width:20%;
				margin-top: 0}
			.col-75 input[type=submit] {
				width:80%;
				margin-top: 0;
			}		 
		}
/* 	dialog	 */

		.ui-widget {
			/* font-family: Verdana,Arial,sans-serif; */
			/* font-size: .8em; */
		}

		.ui-widget-content {
			background: #ffffff scroll;
			/* border: 1px solid #90d93f; */
			color: #222222;
		}

		.ui-dialog {
			left: 0;
			outline: 0 none;
			padding: 5%;
			position: absolute !important;
			width: 100% !important;
			top: 0;
		}

		#modalPopup {
			height: 100% !important;
			margin: 0; 
		}

		.ui-dialog .ui-dialog-content {/* 			background: none repeat scroll 0 0 transparent; */border: 0 none;overflow: auto;position: relative;padding: 0 !important;}

		.ui-widget-header {
			background: #000000;
			border: 0;
			color: white;
		/*     font-weight: normal; */
		}

		.ui-dialog .ui-dialog-titlebar {
			padding: 0.1em .5em;
			position: relative;
		/*     font-size: 1em; */
		}
		.myClass {background:rgba(0, 0, 0, 0.3);height: 100% !important;}
		.ui-dialog-buttonpane,.ui-widget-header {display:none;}

		/* 공유하기 modal 팝업 */
		   #another-dialog-modal {width:290px !important;background: #fff !important;padding:20px !important;margin: 0 auto;top: 30%;}
		   #another-dialog-modal ul {padding:20px}
		   .share-Modal-img img {margin:10px;display:inline-block;}
		   .ui-resizable {position: fixed !important;background: #2525257a;padding: 20px !important;height: 100% !important;}

		#comment {resize: none;height:46px;padding:12px;position:absolute;top:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
		iframe {vertical-align: middle;margin-left: auto;border: 0;margin-right: auto;display: block;}