@charset "utf-8";
/*
 KSODESIGN TEMPLATE
 http://ksodesign.com/
 Copyright 2010~2017 KSODESIGN	 
 Contributing author : KSJade (EMAIL. contact@ksodesign.com)
--------------------------------------------------------------- */
/*
**
** 이 파일은 절대 수정하지 마세요!! (수정 및 추가는 ./kso-custom.css 파일을 이용해주세요)
**
**
**********************************************/
@font-face {
  font-family: ng;
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: ngBold;
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
body, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, hr {font-family: "Playfair Display","Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif}
a {
	text-decoration:none;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
}
a:hover,a:focus {text-decoration:none}
iframe{border:0}
#enigma {display:none;position: absolute;top: 0;left: 0;width: 0;height: 0;padding: 0;font-size: 0;line-height: 0;overflow: hidden}
/*h1, h2, h3 {font-family: ngBold!important}*/

.mBottom10 {margin-bottom:10px}
.mBottom20 {margin-bottom:20px}
.mBottom30 {margin-bottom:30px}
.mBottom40 {margin-bottom:40px}
.mBottom50 {margin-bottom:50px}
.mBottom60 {margin-bottom:60px}
.nPadding {padding:0}
.bgGray {background-color:#f2f2f2}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.font-raleway {font-family:Raleway, Sans-Serif}
.font-openSans {font-family:Open Sans, Sans-Serif}
.font-gulim {font-size:12px;font-family:Gulim, Sans-serif}

/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:0;overflow:hidden}
.skip>a:focus{height:auto}

/* login alert */
#login-alert .alert {padding:0;margin:0;text-align:center}
#login-alert .alert-login,#login-alert .message.error{color:#fff;background-color:#EC7264;border:0 !important}
#login-alert .alert p{padding:5px 0}
#login-alert .alert-dismissable .close {top:1px}
#login-alert .close{float:none}

/* navbar */
.navbar, .dropdown-menu {border:0;border-radius:0}
.navbar .navbar-nav ul.dropdown-menu ul.dropdown-menu {left: 160px;top: -7px;border-top-right-radius: 0;border-top-left-radius: 0}
.dropdown-menu>li>a {padding-top:7px;padding-bottom:7px;font-size: 13px}
.navbar.sticked {left:0;width:100%}

.modal-title {margin-top:10px}
.modal-backdrop {z-index:0}

/* tab-element */
.tab-container {border:1px solid #ddd}
.tab-container .tab-content {padding:15px}
.tab-container .nav-tabs > li > a{font-size:12px;color:#666;border:0;border-left:1px solid;border-bottom:1px solid;background-color:#f8f8f8;border-radius:0;}
.tab-container .nav-tabs > li > a{border-color:#ddd;border-bottom-color:#ddd}
.tab-container .nav-tabs.nav-justified>li>a {border-radius: 0}
.tab-container .nav-tabs.nav-justified>.active>a, 
.tab-container .nav-tabs.nav-justified>.active>a:hover, 
.tab-container .nav-tabs.nav-justified>.active>a:focus {background-color:#fff;border-top:0;border-right:0;border-bottom:1px solid #fff;}
.tab-container .nav-tabs.nav-justified> li:first-child > a,
.tab-container .nav-tabs.nav-justified> li:first-child > a:hover{border-left:0}

.scroll-top {display: none;position: fixed;right: 20px;bottom: 200px;z-index: 999;width: 40px;height: 40px;font-size: 18px;color: #666;text-align: center;background-color: #d8d8d8;border-radius: 3px;}
.scroll-top i{line-height:40px}
/*
.delay02 {animation-delay: 0.2s; -webkit-animation-delay: 0.2s}
.delay03 {animation-delay: 0.3s; -webkit-animation-delay: 0.3s}
.delay04 {animation-delay: 0.4s; -webkit-animation-delay: 0.4s}
.delay05 {animation-delay: 0.5s; -webkit-animation-delay: 0.5s}
.delay06 {animation-delay: 0.6s; -webkit-animation-delay: 0.6s}
.delay08 {animation-delay: 0.8s; -webkit-animation-delay: 0.8s}
.delay09 {animation-delay: 0.9s; -webkit-animation-delay: 0.9s}
.delay10 {animation-delay: 1s; -webkit-animation-delay: 1s}
.delay11 {animation-delay: 1.1s; -webkit-animation-delay: 1.1s}
.delay12 {animation-delay: 1.2s; -webkit-animation-delay: 1.2s}
.delay13 {animation-delay: 1.3s; -webkit-animation-delay: 1.3s}
.delay14 {animation-delay: 1.4s; -webkit-animation-delay: 1.4s}
.delay15 {animation-delay: 1.5s; -webkit-animation-delay: 1.5s}
.delay16 {animation-delay: 1.6s; -webkit-animation-delay: 1.6s}
.delay17 {animation-delay: 1.7s; -webkit-animation-delay: 1.7s}
.delay18 {animation-delay: 1.8s; -webkit-animation-delay: 1.8s}
.delay19 {animation-delay: 1.9s; -webkit-animation-delay: 1.9s}
.delay20 {animation-delay: 2.0s; -webkit-animation-delay: 2.0s}
*/

.deco-line:after {content:'';display:block;margin:15px 0 20px;height:1px;background-color:#ddd}
.plus-line {margin-bottom: 10px;text-align:center}
.plus-line span {font-size:14px}
.plus-line span:before,.plus-line span:after {
	content: '';width: 60px;height: 1px;	
	display: inline-block;vertical-align: middle;
	margin-top: -2px;margin-right: 10px;margin-left: 0;
	background-color: #ccc
}
.plus-line span:after {margin-right:0;margin-left:10px}

/* btn */
.btn-kso {display: inline-block;padding:10px 20px;border: 0;border-radius:3px}
.btn-large {padding:15px 40px;font-size:14px}
.btn-small {padding:5px 15px;font-size:12px}

.btn-line {padding:6px 20px;font-size:13px;color:#fff;border:2px solid #fff;}
.btn-line:hover {color:#fff}

.btn-flat-silver {background-color:#bdc3c7}
.btn-flat-turq {background-color:#1abc9c}
.btn-flat-river {background-color:#3498db}
.btn-flat-wet {background-color:#34495e}
.btn-flat-orange {background-color:#f39c12}
.btn-flat-carrot {background-color:#e67e22}
.btn-flat-aliz {background-color:#e74c3c}
.btn-flat-silver,.btn-flat-turq,.btn-flat-river,.btn-flat-wet,.btn-flat-orange,.btn-flat-carrot,.btn-flat-aliz{color:#fff}
.btn-flat-silver:hover{color:#fff;background-color:#95a5a6}
.btn-flat-turq:hover{color:#fff;background-color:#16a085}
.btn-flat-river:hover{color:#fff;background-color:#2980b9}
.btn-flat-wet:hover{color:#fff;background-color:#2c3e50}
.btn-flat-orange:hover{color:#fff;background-color:#ca830b}
.btn-flat-carrot:hover{color:#fff;background-color:#d35400}
.btn-flat-aliz:hover{color:#fff;background-color:#c0392b}

/* Core */
/* memberSkin */
.xm textarea, .xm input[type="text"], .xm input[type="password"], .xm input[type="datetime"], .xm input[type="datetime-local"], .xm input[type="date"], .xm input[type="month"], .xm input[type="time"], .xm input[type="week"], .xm input[type="number"], .xm input[type="email"], .xm input[type="url"], .xm input[type="search"], .xm input[type="tel"], .xm input[type="color"],
.x input[type=color], .x input[type=date], .x input[type=datetime-local], .x input[type=datetime], .x input[type=email], .x input[type=month], .x input[type=number], .x input[type=password], .x input[type=search], .x input[type=tel], .x input[type=text], .x input[type=time], .x input[type=url], .x input[type=week] {height: 26px!important;line-height: 26px!important;}/* 페이지글쓰기 */
.xm select{height:26px;}
.xm label {display:inline-block;margin-right:15px;}

button.btn, input.btn {height:24px!important}
.board .iText {height:25px}
.write_option label,
.write_option input[type=radio],.write_option input[type=checkbox] {margin-top:0!important;vertical-align: middle}
.list_footer .board_search .iText {height: 26px;line-height: 26px;width: 206px;} 
.list_footer .pagination {display:block;margin:0}

.localNavigation li a{padding:3px 15px;font-size:12px}/* 통합검색 스킨 */
.xpress-editor .tool li.character .layer p input,
.xpress-editor .tool li.url .layer fieldset input.link,
.localNavigation li a,.localNavigation li.on a,
#spot .search input[type="text"],
#kso-container .bd_tmb_lst.gall_style2 .tmb_wrp,#kso-container .bd_lst {  /* box-sizing */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* restboard */
#restboard button.btn,#restboard .btn{height:34px !important;}
#restboard .btn-group-sm a.btn{height:26px !important;}

/* mediaQuery
****************************************/

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
/* 960 Grid */
@media screen and (min-width: 768px) {
	.modal-dialog {margin:150px auto}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.modal-dialog {margin:80px auto}
	.tab-container .nav-tabs > li > a{border-left:0}
	.nav-tabs.nav-justified>li>a{margin-bottom:1px}
	.tab-container .nav-tabs.nav-justified>.active>a, 
	.tab-container .nav-tabs.nav-justified>.active>a:hover, 
	.tab-container .nav-tabs.nav-justified>.active>a:focus{border-left:0;border-bottom:1px solid #ddd}
	.scroll-top {left: 50%;bottom: 20px;margin-left: -50px;padding: 5px 15px;width: 110px;height: 30px;font-size: 12px;color: #fff;    text-align: center;background-color: #e8554e;border-radius: 20px;}
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	.kso-subtop .route-title {height: 300px!important}
	.kso-subtop .table-cell {top:30%}
	.kso-subtop .table-cell h1 {font-size:28px}
}
/* Large desktop */
@media (min-width: 1200px) {  
}