@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
@font-face{
	font-family: 'AppleGothicT';
	src: url(./images/AppleSDGothicNeoT.ttf) format('truetype');
}
@font-face{
	font-family: 'AppleGothicM';
	src: url(./images/AppleSDGothicNeoM.ttf) format('truetype');
}

ul, li { list-style: none; margin: 0; padding: 0; }

input[type=submit] {
	-webkit-appearance:none;
}

input[type=button] {
	-webkit-appearance:none;
}

a[href^="/toolbar/popup/abuseReport/"] { 
	display: none; 
}

.container_postbtn {
	display: none;
}

input:focus {
  outline: none;
}

textarea:focus {
  outline: none;
}

a:link { 
	color: #000; text-decoration: none;
}

a:visited { 
	color: #000; text-decoration: none;
}

.whole {
	width: 1170px;
	margin-top: 200px;
	margin-bottom: 200px;
}

.sidebar {
	display: inline-block;
	float: left;
	margin-right: 45px;
	width: 250px;
}

.sidebar img {
	display: block;
}

.menu {
	background: #001a67;
	width: 100%;
	height: 325px;
}

.menupadding {
	color: #fff;
	font-size: 9pt;
	font-family: 'AppleGothicT';
	line-height: 3.5;
	text-align: right;
	padding-right: 30px; 
	padding-top: 50px;
}

.menupadding a:link {
	color: #fff;
}

.menupadding a:visited {
	color: #fff;
}

.below {
	margin-right: 20px;
	word-spacing: 20px;
}

.wrap {
	display: inline-block;
	float: right;
	width: 875px;
}

.container {
	border-top: 1px solid #001a67;
	border-bottom: 1px solid #001a67;
	width: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	padding-top: 20px;
	padding-bottom: 45px;
}

.footer {
	font-family: "cooper-black-std",serif;
	font-size: 8pt;
	color: #001a67;
	text-align: right;
	margin-top: 45px;
	margin-bottom: 200px;
}

.footer a:link {
	color: #001a67;
}

.footer a:visited {
	color: #001a67;
}

.conform {
	font-size: 10pt;
	font-family: 'AppleGothicM';
	text-align: left;
	margin-bottom: 20px;
}

.conform i {
	margin-right: 15px;
}

.fixed_img_col ul {
	overflow: hidden;
	list-style: none;
}

.fixed_img_col .soil {
	float: clear;
}

.fixed_img_col .air {
	float: left;
 	width:200px; 
	height:320px; 
	padding-right: 25px;
	padding-bottom: 35px;
}

.fixed_img_col .air:nth-child(4n+4) {
	padding-right: 0px;
}

.fixed_img_col .air a {
	display: block;
}

.fixed_img_col .air a .thumb {
	width: 200px;
	height: 295px; 
	overflow: hidden;
	position: relative;
}

.fixed_img_col .air a .thumb img {
	position: absolute;
	width: 200px;
	height: 295px;
	object-fit: cover;
	margin: auto;
	left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
	transition: 0.3s;
}

.fixed_img_col .air a .thumb:hover img {
	opacity: 0.5; 
} 

.gallist {
	text-align: center;
	font-size: 7pt;
	width: 200px;
	line-height: 1;
}

.gallisttitle {
	white-space: nowrap; 
	width: 200px;
	line-height: 1;
	margin-bottom: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.reallist {
	text-align: justify;
	color: #000;
	font-size: 8pt;
	margin-top: 20px;
}
.list_date {
	font-size: 7pt;
	float: right;
	color: #888;
}
.search_line_list {
	margin-top: 20px;
	margin-bottom: 20px;
}

.article_title {
	font-size: 11pt;
	margin-bottom: 40px;
	margin-top: 20px;
}

.article_content {
	font-size: 10pt;
	margin-bottom: 40px;
	text-align: justify;
}

.admincontrol {
	font-size: 8pt;
	text-align: right;
	margin-bottom: 20px;
}

.actionTrail {
	width: 100%;
	height: 30px;
}

.commentfirst {
	float: right;
	font-size: 10pt;
	margin-bottom: 30px;
}

.comment {
	margin-top: 30px;
}

.commentlist {
	font-size: 10pt;
	line-height: 2;
	text-align: justify;
	margin-bottom: 30px;
	width: 100%;
}

.commentlist > ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/*댓글*/
.commentlist #pk {
	border: 1px solid #fff;
}

.commentlist li {
	list-style: none;
	margin-bottom: 15px;
}

.commetlist ul {
	list-style: none;
	margin-bottom: 15px;
}

/*답글*/
.commentlist li ul li {
	border: 1px solid #fff;
	margin-top: 10px;
	margin-left: 0px;
}

.name {
	font-weight: bold;
	color: #000;
}

.date {
	font-size: 6pt;
	margin-left: 5px;
	margin-right: 20px;
	color: #888;
}

.dates {
	font-size: 6pt;
	margin-left: 5px;
	margin-right: 20px;
	color: #888;
}

.controls {
	font-size: 8pt;
	color: #000;
}

.name .tistoryProfileLayerTrigger {
	display: none;
}

.commentwrite {
	width: 100%
}

.textwhy textarea {
	width: 70%;
	height: 150px;
	border: 1px solid #000;
	font-size: 9pt;
	line-height: 2;
	float: left;
}

.write input {
	width: 25%;
	height: 152px;
	line-height: 30px;
	border: 1px solid #001a67;
	text-align: center;
	background-color: #001a67;
	color: #fff;
	float: right;
	font-size: 10pt;
}

.guest {
	margin-bottom: 10px;
	text-align: left;
}

.guest input {
	width: 100px;
	height: 20px;
	border: 1px solid #fff;
	text-align: justify;
	letter-spacing: 1px;
}

.hidden {
	margin-top: 10px;
	float: left;
}

.article {
	font-size: 10pt;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: justify;
}

.protected {
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
}

.ugly {
	margin-left: 10px;
	display: inline-block;
}

.protected .conf {
	border: 1px solid #000;
	width: 200px;
	height: 35px;
	text-align: center;
	margin-top: 15px;
	letter-spacing: 2px;
}

.protected .submit {
	border: 1px solid #001a67;
	width: 60px;
	height: 35px;
	text-align: center;
	background: #001a67;
	color: #fff;
}

.paging {
	margin-top: 45px;
	font-size: 9pt;
	word-spacing: 10px;
	text-align: center;
}

.guestbook {
	width: 100%
	text-align: justify;
}

.gone {
	font-size: 12pt;
	text-align: justify;
	margin-bottom: 30px;
}

.guestWrite {
	width: 100%
}

.book {
	margin-bottom: 10px;
	text-align: left;
}

.guestWrite .above {
	width: 100px;
	height: 20px;
	border: 1px solid #fff;
	text-align: justify;
	letter-spacing: 1px;
}

.guestWrite input[type=password] {
	width: 100px;
	height: 20px;
	border: 1px solid #fff;
	text-align: justify;
	letter-spacing: 1px;
}

.guestList {
	width: 100%;
	margin-top: 45px;
	font-size: 9pt;
	text-align: justify;
}

.guestList > ol {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.guestList #pk {
	margin-bottom: 30px;
}

.guestList > ol > li > ul > li {
	list-style: none;
	margin-bottom: 30px;
}

.guestWrite textarea {
	width: 100%;
	height: 80px;
	box-sizing:border-box;
	background: transparent;
	border: 1px solid #000;
	padding: 10px;
}

.guestWrite input[type=submit] {
	width: 50px;
	height: 25px;
	background: #001a67;
	color: #fff;
	border: none;
	float: right;
	margin-top: 10px;
}

.hidden2 {
	margin-bottom: 10px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

.header {
	width: 100%;
	height: 100px;
	display: none;
}

.header p {
  position: fixed;
  top: 25px;
  left: 40px;
  z-index: 6;
  font-size: 1em;
  font-weight: 900;
  font-family: "cooper-black-std",serif;
	color: #fff;
}
body h1 > span {
  text-transform: none;
  opacity: 0.5;
  font-weight: 300;
  font-size: 12px;
}
body input + label {
  position: fixed;
  top: 40px;
  right: 40px;
  height: 20px;
  width: 15px;
  z-index: 5;
}
body input + label span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: #fff;
  transition: 0.5s;
}
body input + label span:first-child {
  top: 3px;
}
body input + label span:last-child {
  top: 16px;
}
body label:hover {
  cursor: pointer;
}
body input:checked + label span {
  opacity: 0;
  top: 50%;
}
body input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}
body input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
}
body input ~ nav {
  background: #001a67;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 3;
  transition: 0.5s;
  transition-delay: 0.5s;
  overflow: hidden;
}
body input ~ nav > ul {
  text-align: center;
  position: absolute;
  top: 25%;
  left: 20%;
  right: 20%;
}
body input ~ nav > ul > li {
  opacity: 0;
  transition: 0.5s;
  transition-delay: 0s;
}

body input ~ nav ul {
	color: #fff;
  font-family: 'AppleGothicT';
}

body input ~ nav > ul > li > a {
  text-decoration: none;
  display: block;
  padding: 10px;
}

body input ~ nav a:link {
	color: #fff;
}

body input ~ nav a:visited {
	color: #fff;
}

body input:checked ~ nav {
  height: 100%;
  transition-delay: 0s;
}
body input:checked ~ nav > ul > li {
  opacity: 1;
  transition-delay: 0.5s;
}

@media (max-width: 1000px) {
	
	* { max-width: 100%; }
	
	.header {
		display: block;
	}
	
	.sidebar {
		display: none;
	}
	
	.wrap {
		display: block;
		float: clear;
	}
	
	.whole {
		margin-top: 45px;
		margin-bottom: 45px;
	}
	
	.footer {
		margin-bottom: 45px;
	}
	
	.fixed_img_col .air {
	float: left;
 	width:46vw; 
	height:65vw; 
	padding-right: 3vw;
	padding-bottom: 10vw;
}

.fixed_img_col .air:nth-child(2n+2) {
	padding-right: 0px;
}
	
.fixed_img_col .air a {
	display: block;
}

.fixed_img_col .air a .thumb {
	width: 46vw;
	height: 60vw; 
	overflow: hidden;
	position: relative;
}

.fixed_img_col .air a .thumb img {
	position: absolute;
	width: 46vw;
	height: 60vw;
	object-fit: cover;
	margin: auto;
	left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
	transition: 0.3s;
}
	
	.search_line_list {
	margin-top: 30px;
	margin-bottom: 30px;
}
	
}