@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.3.2/css/simple-line-icons.css);
@font-face{font-family:'Nitti iA';src:url('./images/nittiia-regular-v102-web.eot?version=151013');src:url('./images/nittiia-regular-v102-web.eot?#iefix&version=151013') format('embedded-opentype'),url('./images/nittiia-regular-v102-web.woff?version=151013') format('woff'),url('./images/nittiia-regular-v102-web.ttf?version=151013') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'Nitti iA';src:url('./images/nittiia-italic-v102-web.eot?version=151013');src:url('./images/nittiia-italic-v102-web.eot?#iefix&version=151013') format('embedded-opentype'),url('./images/nittiia-italic-v102-web.woff?version=151013') format('woff'),url('./images/nittiia-italic-v102-web.ttf?version=151013') format('truetype');font-weight:normal;font-style:italic;}@font-face{font-family:'Nitti iA';src:url('./images/nittiia-bold-v102-web.eot?version=151013');src:url('./images/nittiia-bold-v102-web.eot?#iefix&version=151013') format('embedded-opentype'),url('./images/nittiia-bold-v102-web.woff?version=151013') format('woff'),url('./images/nittiia-bold-v102-web.ttf?version=151013') format('truetype');font-weight:bold;font-style:normal;}@font-face{font-family:'Nitti iA';src:url('./images/nittiia-bolditalic-v102-web.eot?version=151013');src:url('./images/nittiia-bolditalic-v102-web.eot?#iefix&version=151013') format('embedded-opentype'),url('./images/nittiia-bolditalic-v102-web.woff?version=151013') format('woff'),url('./images/nittiia-bolditalic-v102-web.ttf?version=151013') format('truetype');font-weight:bold;font-style:italic;}@font-face{font-family:'Nitti iA SC';src:url('./images/nittiscia-regular-v102-web.eot?version=151013');src:url('./images/nittiscia-regular-v102-web.eot?#iefix&version=151013') format('embedded-opentype'),url('./images/nittiscia-regular-v102-web.woff?version=151013') format('woff'),url('./images/nittiscia-regular-v102-web.ttf?version=151013') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'Nitti iA SC';src:url('./images/nittiscia-bold-v102-web.eot?version=151013');src:url('./images/nittiscia-bold-v102-web.eot?#iefix&version=151013') format('embedded-opentype'),url('./images/nittiscia-bold-v102-web.woff?version=151013') format('woff'),url('./images/nittiscia-bold-v102-web.ttf?version=151013') format('truetype');font-weight:bold;font-style:normal;}@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx),
  print {@font-face{font-family:'Nitti iA';src:url('./images/nittiia-regularhd-v102-web.woff?version=151013') format('woff');font-weight:normal;font-style:normal;}@font-face{font-family:'Nitti iA';src:url('./images/nittiia-italichd-v102-web.woff?version=151013') format('woff');font-weight:normal;font-style:italic;}@font-face{font-family:'Nitti iA SC';src:url('./images/nittiscia-regularhd-v102-web.woff?version=151013') format('woff');font-weight:normal;font-style:normal;}}

ol, ul, li { margin:0; padding:0;  list-style-type: none !important;}
body{background-color:#dbdbdb; background-image:url('./images/bg.jpg');}
body,button,h3,h4,h5,h6,input,select,td,th,a{font-size:0.950rem;font-family:"Nitti iA",'Nanum Gothic Coding',AppleGothic,Sans-serif !important;color:#5b5b5b;letter-spacing:0.01em;}
textarea{font-family:"Nanum Gothic Coding";color:#5b5b5b;letter-spacing:0.01em;}

.article {line-height:1.750;}
.article iframe {width:835px !important; height:470px !important;}

h2.title{line-height:1.0;font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif,Dotum;}

h2.title a{font-size:20px !important; font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif,Dotum;}

.mg .tdiv {width:835px; line-height: 0 !important; margin:0 auto; padding-bottom:19px;}
.hr {width:100%;border-bottom: 1px solid #e7e7e7;margin-bottom:10px;}
span.cate {line-height:0 !important;padding:5px;background-color:#ffc600;color:white !important;font-family:"Nitti iA" !important;}

.GOOD {background-color:#01e1d1 !important;}
.VERY {background-color:#9fdd07 !important;}
.BAD {background-color:#fe7d17 !important;}
.COLD {background-color:#fe4746 !important;}
a.tx-link {left:-10px;position: relative;top:-40px;float:right;margin-bottom:-40px;font-size:0.8rem; line-height:0.9 !important;padding:5px !important;background-color:#315473;color:#60C1EC !important;font-family:"Nitti iA" !important;}
a.normal-link {padding:3px;background-color:#60C1EC;color:white !important;font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif !important;}
a.youtube-link {left:-10px;position: relative;top:-40px;float:right;margin-bottom:-40px;font-size:0.8rem; line-height:0.9 !important;padding:5px !important;background-color:#e62117;color:white !important;font-family:"Nitti iA" !important;}
a.red-link {padding:3px;background-color:#e62117;color:white !important;font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif !important;}

.name .tistoryProfileLayerTrigger {display:none;}

.alogo {padding:8px;background-color:#9FCF22;color:white !important;font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif !important;font-size:1.0rem;font:bold; line-height:10;}

.alert {padding:8px;background-color:#F66D6C;color:white !important;font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif !important;font-size:0.8rem; line-height:0;}

.date_timestamp a {padding:4px;background-color:#cccccc;color:white !important;font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif !important;font-size:0.65rem !important; line-height:0;}

.tagTrail {max-width:800px !important;}
.tagTrail span a{margin:0px;font-size:0.85rem; line-height:3 !important;padding:6px;background-color:#cccccc;color:white !important;}
.tagTrail span a:hover{margin:0px;font-size:0.85rem; line-height:1 !important;padding:6px;background-color:#cccccc;color:#f2f2f2 !important;}

.dated a{font-size:10.5px;float:right;margin-bottom:10px;padding:6px;background-color:#ececec;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}

.wrap { max-width: 920px;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.menu {padding-top:20px;}
.menu img {border:0;}

.imageblock img {
	max-width: 835px;
	height: auto;
	cursor: default !important;
	border: none;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	transition-delay: 0.4s;
-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-radius: 5px;
	border-top-left-radius: 5px;
margin-bottom:7px;
}

.ExifInfo { padding-bottom:8px; }

.imageblock img:hover {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}
.article blockquote {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
	margin: 30px 0;
	font-size: 1.3em;
	font-weight: 100;
}


.menu .logos img {
	margin-top:5px;
	max-width: 890px;
	height: auto;
	border: none;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	transition-delay: 0.4s;

}


.menu .logos img:hover {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.entry {border: 1px solid #d1d1d1;
padding: 10px 0;
width: 100%;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #d2d2d2 0px 0px 20px;
-moz-box-shadow: #d2d2d2 0px 0px 20px;
box-shadow: #d2d2d2 0px 0px 20px;
background: #dfdfdf;
behavior: url(./images/PIE.htc);}

.entry .mg {margin-left:40px; margin-right:40px;}

/* paging */
.paging {
	margin-top: 0px;
	text-align: center;
	line-height: 2.5;
}

.paging a.num, .paging a.nav {
	cursor: pointer;
	padding: 10px 15px;
	color: #a6a6a6;
	font-weight: 100;
}

.paging a.nav.no-more-next, .paging a.nav.no-more-prev {
	display: none;
}

.paging a.num span.selected {
	color: #ffc600;
	font-weight: 300;
}

.paging a:hover {
	background: #eee;
}

.paging .no-more-prev {
	margin-right: 20px;
}

.paging .no-more-next {
	margin-left: 20px;
}

/* commentWrite */
.commentWrite {
	position: relative;
}

.commentWrite textarea {
	border: none;
	width: 85%;
	height: 90px;
	margin: 0px;
	padding: 10px;
	background-color: #fbfbfb;
	box-sizing: border-box;
	color: #555;
	font-size: 0.9em;
	max-width: 85%;
	max-height: 90px;
	-webkit-appearance: none;
	font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif,Gulim !important;
}

.container_postbtn {display:none;}


.commentWrite input[type="submit"] {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 90px;
	border: none;
	background-color: #eee;
	box-sizing: border-box;
	font-size: 0.9em;
	-webkit-appearance: none;
}

/* commentInfo */

.commentList li {list-style-type: none !important;}

.commentList .commentInfo {
	position: relative;
	padding: 10px;
	font-size: 0.8rem !important;
}

.commentList .commentInfo.reply {
	padding-left: 30px;
	padding-bottom: 9px;
}

.commentList .commentInfo.reply .header .reply-icon {
	position: absolute; top: 7px; left:10px;
	font-size: 0.8rem;
}

.commentList .commentInfo .header .name {
	display: inline-block;
	margin-right: 15px;
	font-size: 0.8rem;
	line-height:0.9 !important;padding:5px !important;background-color:#5baecd;color:#ffffff !important;
}

.name a{
	color:#ffffff !important;
	font-size: 0.8rem !important;

}

.name img{
		display: inline-block;
	top:-3px; margin-bottom:-3px;
}

.commentList .commentInfo .header .date {
	font-size: 0.8rem !important;
}
.commentList .commentInfo .header .date a{
	font-size: 0.8rem !important;
}

.commentList .commentInfo .header .control {
	display: none;
	position: absolute;
	top: 15px;
	right: 10px;
	font-weight: 100;
}

.commentList .commentInfo .header .control a {
	color: #555;
	font-size: 0.75rem !important;
}

.commentList .commentInfo:hover .header .control {
	display: block;
}

.commentList .commentInfo .header {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 8px;
}

.commentList .commentInfo .content {
	padding-top: 5px;
	font-weight: 100;
	letter-spacing:0.151em;
	line-height:1.5 !important;
}

/* commentList */
.commentList {
	margin-top: 20px;
}

.guestInfo label {
	margin-right: 6px;
	color: #555;
}

.guestInfo input[type="text"],
.guestInfo input[type="password"] {
	display: block;
	width: 100%;
	padding: 8px 10px;
	margin-bottom: 5px;
	color: #555;
	font-weight: 100;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.secretWrap {
	margin: 15px 0;
} 

.secretWrap2 {
	margin: 15px 0; line-height:0 !important; margin-bottom:-15px;
} 
.hidden { display: none !important; }
.lbl {
  position: relative;
  display: block;
  height: 20px;
  width: 44px;
  background: #898989;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.lbl:after {
  position: absolute;
  left: -2px;
  top: -3px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
  content: '';
  transition: all 0.3s ease;
}

.lbl:active:after { transform: scale(1.15, 0.85); }

.lbl span {padding-left:52px;height:20px;margin:0;vertical-align: middle;font-size:0.7em !important;font-family:'Nitti iA';}

.cbx:checked ~ label { background: #6fbeb5; }

.cbx:checked ~ label:after {
  left: 20px;
  background: #5baecd;
}

.cbx:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none;
}

.cbx:disabled ~ label:after { background: #bcbdbc; }

#lv-container {margin:30px;}
/* guestbook */
.guestbook {width:920px !important;}
.guestbook-title {
	margin-left:40px !important; margin-right:40px !important;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 0.8rem !important;
}

.guestWrite {
	margin-left:40px !important; margin-right:40px !important;
	position: relative;
	margin-bottom: 30px;
	line-height:-10px !important;
}

.guestWrite textarea {
	border: none;
	width: 85%;
	height: 90px;
	margin: 0px;
	padding: 10px;
	background-color: #fbfbfb;
	box-sizing: border-box;
	color: #555;
	font-size: 0.9em;
	max-width: 85%;
	max-height: 90px;
	-webkit-appearance: none;
}

.guestWrite input[type="submit"] {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 90px;
	border: none;
	background-color: #eee;
	box-sizing: border-box;
	color: #555;
	font-size: 0.9em;
	-webkit-appearance: none;
}

.guestWrite input[type="text"],
.guestWrite input[type="password"] {
	display: block;
	width: 100%;
	padding: 8px 10px;
	margin-bottom: 5px;
	color: #555;
	font-weight: 100;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.guestList li {list-style-type: none !important; line-height:0 !important;}
.guestList .commentInfo {
	margin-left:40px !important; margin-right:40px !important;
	position: relative;
	padding: 10px;
}

.guestList .commentInfo.reply {
	padding-left: 30px;
}

.guestList .commentInfo.reply .header .reply-icon img{
	position: absolute; top: -7px; margin-bottom:-7px;
	font-size: 0.8rem;
}


.guestList .commentInfo .header .name {
	display: inline-block;
	margin-right: 15px;
	font-size: 0.8rem;
	line-height:0.9 !important;padding:5px !important;background-color:#5baecd;color:#ffffff !important;
}


.guestList .commentInfo .header .date {
	font-size: 0.8rem !important;
}

.guestList .commentInfo .header .date a {
padding:4px;background-color:#cccccc;color:white !important;font-family:"Nitti iA","Nanum Gothic Coding","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif !important;font-size:0.65rem !important; line-height:0;
}

.guestList .commentInfo .header .control {
	display: none;
	position: absolute;
	top: 20px;
	right: 10px;
	font-weight: 100;
}

.guestList .commentInfo .header .control a {
	color: #555;
	font-size: 0.75rem !important;
}

.guestList .commentInfo:hover .header .control {
	display: block;
}

.guestList .commentInfo .header {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 7px;
}

.guestList .commentInfo .content {
	margin-top:-6px;
		font-size: 0.8rem !important;
	letter-spacing:0.171em !important;
		line-height:1.8 !important;
	
}

.guestList .commentInfo.reply {
	padding-left: 30px;
	padding-bottom: 20px;
}

.guestList .commentInfo.reply .header .reply-icon {
	position: absolute; top: 8px; left: 10px;
	font-size: 0.8rem;
}

/* searchBox */
#searchBox{width:300px;;height:50px;margin:0 auto}
.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both}
.cf{zoom:1} 
.searchform{margin:0}
.searchform input {width:230px;height:10px;padding:10px;line-height:10px;float:left;border:0;background:#eee;border-radius: 3px 0 0 3px}
.searchform input:focus {outline:0;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.8) inset}
.searchform button {overflow:visible;position:relative;float:right;border:0;padding:0;cursor:pointer;height:30px;width:50px;
	font: bold 12px/35px 'lucida sans', 'trebuchet MS', 'Tahoma';line-height:30px;color: #fff;background:#d83c3c;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
   
.searchform button:hover{ackground: #e54040}   
.searchform button:active,.searchform button:focus{background:#c42f2f;outline:0}
.searchform button:before {content:'';position:absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #d83c3c transparent;
	top: 8px;left: -6px;}
.searchform button:hover:before{border-right-color: #e54040}
.searchform button:focus:before,.searchform button:active:before{border-right-color: #c42f2f}      
.searchform button::-moz-focus-inner {border:0;padding:0}  

#return_top a { position:fixed !important; right:0; bottom:15px;
                display:block; height:53px; width:59px; background:url(images/totop.png) no-repeat left top; }