body {font-size:12px;}
input,select,textarea {font-size:12px;}
select {font-size:12px;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {width:960px;margin:10px auto;}

/* style01 */
#header {}
#header .wrap {border-bottom:#DEDEDE solid 1px;}
#header .logo {float:left;padding:0;margin:0;position:relative;}
#header .logo ._logo_img {}
#header .logo ._logo_img img {}
#header .logo ._logo_txt {padding:0;margin:0;}
#header .logo ._logo_txt a {}

#header .login {float:right;position:relative;}
#header .login a {}
#header .login i {display:inline-block;margin:0 3px 0 3px;position:relative;top:1px;width:1px;height:11px;}

#header .search {float:right;position:relative;margin:0 0 0 20px;}
#header .search form {display:block;width:228px;height:25px;background:#ffffff;border-radius:6px 6px 6px 6px;}
#header .search .keyword {float:left;padding:2px 0 0 3px;margin:3px 0 0 6px;width:186px;height:17px;font-size:11px;color:#888888;border:0;background:#ffffff;}
#header .search .keyword:focus {font-weight:bold;font-size:12px;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}

#topmenu {}
#topmenu .wrap {height:50px;border-bottom:#dfdfdf solid 1px;}
#topmenu ul {padding:15px 0 0 0;margin:0;list-style-type:none;}
#topmenu li {float:left;padding:0 4px 0 4px;margin:0;height:40px;}
#topmenu li a {font-weight:bold;font-family:"malgun gothic";font-size:13px;color:#666666;display:block;padding:1px 7px 5px 7px;letter-spacing:-1px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:1;}
#topmenu li div dl {margin:30px 0 0 1px;padding:3px;width:130px;background:#ffffff;border:#dfdfdf solid 1px;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;padding:4px 0 10px 10px;font-size:12px;height:12px;text-shadow:0 0 0 #666666;}
#topmenu li div dt a:hover {background:#efefef;}
#topmenu li div dd a {overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:12px;height:11px;text-shadow:0 0 0 #666666;}
#topmenu li div dd a:hover {background:#efefef;}
#topmenu li a:hover,#topmenu .on {color:#000000;background:#efefef;border-radius:5px 5px 5px 5px;}
#topmenu .on1 {background:#efefef;border-radius:5px 5px 5px 5px;}
#topmenu .none {color:#999999;padding:2px 0 0 10px;}
#topmenu .none a {display:inline;background:#ffffff;padding:3px 5px 3px 5px;position:relative;top:2px;}
#topmenu .more {margin:0 0 3px 3px;}
#topmenu .home {margin-right:15px;}


#footer .wrap {padding:15px 0 20px 0;border-top:#DEDEDE solid 1px;}
#footer .wrap .slinks {float:left;}
#footer .wrap .slinks .elink {padding:10px 0 10px 0;font-size:11px;color:#c0c0c0;letter-spacing:2px;}
#footer .wrap .slinks .elink a {font-size:12px;letter-spacing:-1px;color:#666666;}
#footer .wrap .slinks .elink a:hover {text-decoration:underline;}
#footer .wrap .slinks .copyright {font-size:11px;font-family:arial;color:#999999;}
#footer .wrap .powered {float:right;}
#footer .wrap .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}

.txc {text-align:center;}
.mb25 {margin-bottom:25px;}

.awe-btn {display: inline-block; background: none; font-family:'Noto Sans JP', sans-serif; white-space: nowrap; text-transform: uppercase; cursor: pointer; line-height: normal; padding: 8px 10px; font-size: 12px; color: #000; min-width: 110px;
  border-width: 0; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}

.page-title {color:#222; text-align:center; padding:20px 0 0 0; font-size: 30px; font-weight: 500;}
.page-title-left {color:#222; text-align:left; padding:0 0 0 15px; font-size: 30px; font-weight: 500;}
.page-title-left-m {color:#222; text-align:left; padding:0 0 0 15px; font-size:24px; font-weight: 500;}

.main-tit {color:#222; text-align: center; padding:0; font-family: 'Noto Sans JP', sans-serif; font-size:60px; font-weight:bold;}
.main-stit {color:#222; text-align: center; padding:0 0 20px 0; font-family: 'Noto Sans JP', sans-serif; font-size:20px; font-weight:normal;}
.main-tit-2 {color:#222; text-align: center; padding:0; font-family: 'Noto Sans JP', sans-serif; font-size:60px; font-weight:bold;}

@media screen and (max-width: 480px) {
.main-tit {color:#222; text-align: center; padding:0; font-family: 'Noto Sans JP', sans-serif; font-size:30px; font-weight:bold; display:none;}
.main-stit {color:#222; text-align: center; padding:0 0 20px 0; font-family: 'Noto Sans JP', sans-serif; font-size:14px; font-weight:normal;}
.main-tit-2 {color:#222; text-align: center; padding:0; font-family: 'Noto Sans JP', sans-serif; font-size:30px; font-weight:bold; display:none;}
}

.section-map .awe-btn {font-family: 'Noto Sans JP', sans-serif; display: block; width: 280px; padding: 12px 25px; margin: 0 auto; font-size: 14px; font-weight: 300; transition: all .3s;}

.tour_item .text {margin-top: 20px;}

@media screen and (max-width: 480px) {
	.tour_item .text {margin-top:0; margin-bottom:20px;}
}

.contact-map {height: 400px; position: relative;}
.contact-map #map {height: 100%; width: 100%; border: 1px solid #ccc;}

@media screen and (max-width: 1400px) {
	.contact-map {height: 300px; position: relative;}
}

#section3{background: url(../../img/main-bg-4.jpg) top center no-repeat;}


/* 소개 */
.about_container {margin:25px 0; overflow:hidden;}
.about-tit-1 {color:#222; text-align:center; padding:0; font-size: 30px; font-weight: 500;}
.about-tit-2 {color:#222; text-align:center; padding:20px 0 0 0; font-size: 30px; font-weight: 500;}

.about-tit-3 {color: #00112f; text-align:left; padding:0 0 0 0; margin:0; font-size: 22px; font-weight: normal; font-family: 'Noto Sans JP', sans-serif;}

.container .desc {color: #333; font-weight:500; font-size:14px; margin-top:0;}
.container .desc p {font-family: 'Noto Sans JP', sans-serif; margin-bottom: 0; font-weight: 500; min-height: 120px; font-size: 14px; line-height: 24px; color: #666;}
.container .desc ul {font-size: 0; padding-left:10px; margin-bottom: 0; margin-bottom:10px;}
.container .desc ul li {position: relative; padding-left: 15px; font-size: 14px; width: 100%; display: inline-block; vertical-align: top; color: #232323; margin: 3px 0; font-weight: 500;}
.container .desc ul li:before {width: 5px; height: 5px; background-color: #333333; content: ''; position: absolute; top: 10px; left: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
/* 소개 */


.room-title {color:#222; text-align:left; padding:20px 0 0 0; font-size: 30px; font-weight: 500;}
.pages_container {width: 100%; position: relative; border-top: 3px solid #000; padding:15px; margin:25px 0 0 0; overflow: hidden;}
.pages_container .room-title {color:#222; text-align:left; padding:20px 0 10px 0; font-size: 30px; font-weight: 500;}
.pages_container p {font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #666;}
.pages_container .desc {color: #333; font-weight: 400; font-size: 14px; margin-top: 15px;}
.pages_container .desc p {font-family: 'Noto Sans JP', sans-serif; margin-bottom: 0; font-weight: 400; min-height: 120px; font-size: 14px; line-height: 24px; color: #666;}
.pages_container .desc ul {font-size: 0; padding-left: 0; margin-bottom: 0; margin-bottom:10px;}
.pages_container .desc ul li {position: relative; padding-left: 15px; font-size: 14px; width: 100%; display: inline-block; vertical-align: top; color: #232323; margin: 3px 0; font-weight: 400;}
.pages_container .desc ul li:before {width: 5px; height: 5px; background-color: #333333; content: ''; position: absolute; top: 10px; left: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.pages_container .bot {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; overflow: hidden; padding: 10px 0; margin-top: 20px;}


#attraction-maps {position: relative; height: 400px;}

@media screen and (max-width: 992px) {
#attraction-maps {height: 300px;position: relative;}
}

@media screen and (max-width: 1400px) {
#attraction-maps {height: 300px;position: relative;}
}


/* main-tour */
.section-main-tour {padding-top: 45px; padding-bottom: 75px;}
.main-tour_content .main-tour_item {margin-top:0px;}
.main-tour_item {position: relative;}
.main-tour_item .img {position: relative;}
.main-tour_item .img img {width: 100%;}
.main-tour_item .img:before {bottom: 0; left: 0; right: 0; top: 50%; position: absolute; content: ''; opacity: 0; z-index: 1; pointer-events: none;}
.main-tour_item .text {margin-top:0px; background:#fff; padding:15px; text-align:left;}
.main-tour_item .text h2 {text-transform: uppercase; font-size: 18px; font-family:'Noto Sans JP', sans-serif; font-weight: bold;}
.main-tour_item .text h2 a {color: #232323; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.main-tour_item .text h2 a:hover {color: #60A7C6;}
.main-tour_item .text p {color: #232323; font-size: 14px; line-height: 1.5em; margin-top: 5px;}
.main-tour_item .text .view-more {color: #232323; font-size: 12px; font-weight: bold; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.main-tour_item .text .view-more i {margin-left: 10px; font-size: 9px;}
.main-tour_item .text .view-more:hover {color: #60A7C6;}
.main-tour_item:hover .img:before {opacity: 1; top: 0;}
/* END / main-tour */

.awe-btn.awe-btn-main-tour {width: 130px; height: 40px; display: block; font-size: 14px; text-align: center; line-height: 20px; color: #222; border: 1px solid #b2b2b2; transition: all 0.3s;}

@media screen and (max-width:480px) {
	.main-tour_item .text {margin-top:0px; background:#fff; padding:5px; text-align:left;}
	.main-tour_item .text h2 { font-size: 13px;}
	.awe-btn {padding: 5px; min-width: 80px;}
	.awe-btn.awe-btn-main-tour {width: 80px; height:34px; display: block; font-size:12px; text-align: center; line-height: 20px; color: #222; border: 1px solid #b2b2b2; transition: all 0.3s;}
}

.main-tour-foot {position:absolute; bottom:86px; left:0; width:100%;}

@media screen and (max-width:1400px) {
	.main-tour-foot {position:absolute; bottom:30px; left:0; width:100%;}
}
/* main-tour */


/* 관광정보 Start */
.section-tour {padding:30px 0;}

.tour_content .tour_item {margin:20px 0;}
.tour_item {position: relative;}

@media screen and (max-width: 480px) {
	.tour [class*="col-"] {width: 100%;}
}

.tour_item .img {position: relative;}
.tour_item .img img {width: 100%;}
.tour_item .img:before {
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  content: '';
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(52, 74, 113, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 74, 113, 0)), to(rgba(52, 74, 113, 0.7)));
  background: -webkit-linear-gradient(top, rgba(52, 74, 113, 0), rgba(52, 74, 113, 0.7));
  background: -moz-linear-gradient(top, rgba(52, 74, 113, 0), rgba(52, 74, 113, 0.7));
  background: -ms-linear-gradient(top, rgba(52, 74, 113, 0), rgba(52, 74, 113, 0.7));
  background: -o-linear-gradient(top, rgba(52, 74, 113, 0), rgba(52, 74, 113, 0.7));
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.tour_item .text h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-family:'Noto Sans JP', sans-serif;
  font-weight: bold;
}
.tour_item .text h2 a {
  color: #232323;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.tour_item .text h2 a:hover {color: #60A7C6;}
.tour_item .text p {color: #555; font-size: 14px; line-height: 1.5em; margin-top: 5px;}
.tour_item .text .view-more {color: #232323; font-size: 12px; font-weight: bold; text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.tour_item .text .view-more i {margin-left: 10px; font-size: 9px;}
.tour_item .text .view-more:hover {color: #60A7C6;}
.tour_item:hover .img:before {opacity: 1; top: 0;}
/* 관광정보 End */


.col-xs-6 .main-txt {display:none;}
.activiti_item .text {margin-bottom:10px;}