@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@font-face{
	font-family:"Nanum Gothic";
	src:url('/fonts/NanumGothic.eot');
	src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumGothic.woff') format('woff'),
	url('/fonts/NanumGothic.ttf') format('truetype');
	url('/fonts/NanumGothic.svg#NanumGothic') format('svg')
	src:local(※), url('/fonts/NanumGothic.woff') format('woff');
}

/* base */
body, #wrapper{width:100%;margin:0;padding:0;text-align:center;}
*{margin:0;padding:0;list-style:none;border:0;}
a, a:active, a:visited, a:link, a:hover{text-decoration:none;color:#000;}
img{max-width:100%;}

.webType{display:block;}
.mobileType{display:none;}

.topUtil .innerCont{padding:1px 0 3px;}
.fixedHeader h2{z-index:10;}
.areaSearch input#userId{border:1px solid #5f016c;}
.headCont .headIcon{float:right;}
.headCont .headIcon p{float:left;padding-right:10px;}
.headCont .headIcon span{float:left;padding-right:7px;}
.headCont .headIcon span:nth-child(2){padding-top:3px;}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider1 #showcase {overflow: visible !important;}
.slider1 .card{position:relative;}
.slider1 .card .ranking{position:absolute;top:-12px;left:-12px;}
.slider1 .nav {
  position: absolute;
  top: 60%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 100;
}
.slider1 .nav:active,
.slider1 .nav.down {
  background: rgba(120, 120, 120, 0.5);
  border: solid 2px rgba(0, 0, 0, 0.55);
}
.slider1 .nav.left {background: url(/image/intro/controls.png) no-repeat 0 -32px;left:0;}
.slider1 .nav.right {background: url(/image/intro/controls.png) no-repeat -43px -32px;right:0;}

.slider1 #share {
  top: -84px;
}
.slider1 #credits {
  top: -78px;
}
.slider1 #photo-credits {
  text-align: center;
}
.slider1 #photo-credits h1 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 6px;
}
.slider1 #photo-credits > ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
}

#container{padding:10px 0 30px 0;border-bottom:1px solid #ccc;}
h3{text-align:left;font-weight: bold;}
h3 a{float:right;color:#555;}
h3 .title{display:inline-block;letter-spacing:-0.5px;}
h3 b{float:left;padding:3px 5px 0 0;color:#555;font-size:16px;}
h3 img{padding-top:4px;}

.rankingBox{width:100%;max-width:960px;height:240px;border:1px solid #ccc;background:#f7f7f7;overflow:hidden;}
.rankingBox h3{padding:7px 8px 7px 11px;background:#eee;border-top:1px solid #e3e3e3;border-bottom:1px solid #f4f4f4;font-size:18px;}

.rankingBox .slider1{/*width:960px;*/ left:-480px; position:relative;padding-top:10px;}

.rankingBox .slider1 p{font-size:16px;}
.rankingBox .slider1 .slide{margin:0 18px;}
.rankingBox .bx-wrapper{padding:0 20px;}
.rankingBox .bx-pager{display:none;}
.rankingBox .bx-prev{left:-20px;}
.rankingBox .bx-next{right:-20px;}
.rankingBox .bx-viewport{height:auto !important;}
.banner .storyImage img{opacity:0.8;}

.ajaxWrap{max-height:195px;padding:20px 0;border:1px solid #ccc;border-bottom:2px solid #e0e0e0;border-top:none;background:#eee;overflow:hidden;}
.navCont{position:relative;}
.navCont .bx-pager{display:none;}
.navCont .bx-prev{left:-40px; background:url('/image/intro/controls.png') no-repeat;}
.navCont .bx-next{right:-40px; background:url('/image/intro/controls.png') no-repeat -43px -32px;}

.event .bx-prev{left:-40px; background:url('/image/intro/controls.png') no-repeat;}
.event .bx-next{right:-40px; background:url('/image/intro/controls.png') no-repeat -43px -32px;}

/*.navCont .slider{padding:0px 55px;}*/
.navCont .slide{float:left !important;padding-right:10px;margin-right:10px;position:relative !important;}
.navCont .slide span{width:97.8%;padding:6px 3%;background:#383838;opacity:0.8;color:#fff;font-size:17px;text-align:left;position:absolute;left:0px;bottom:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.navCont .btnSlide .slideLeft{background: url('/image/intro/btn_prev.png') 0 0 no-repeat;}
.navCont .btnSlide .slideRight{background: url('/image/intro/btn_next.png') 0 0 no-repeat;}

.innerCont.keyPalace{margin-top:30px;background:#eee;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
.contKeyword{float:left;width:40.5%;max-width:390px;height:375px;background:url('/image/intro/contPalace.png') right center no-repeat;}
.contKeyword h3{padding:15px 12px 15px 15px;font-size:20px;}
.keywordList{padding-left:15px;}
.keywordList p{float:left;width:173px;height:116px;margin:0 14px 45px 0;position:relative; background:#000;}
.keywordList p:nth-child(2n){margin-right:0px;}
.keywordList p b{width:100%;position:absolute;left:0;top:36%;font-size:20px;color:#fff;font-weight: bold;}
.keywordList img{border:1px solid #ccc; opacity:0.75;}

.contPalace{float:right;width:59.4%;max-width:568px;height:355px;}
.contPalace h3{padding:15px;font-size:20px;}
.contPalace ul{padding-left:15px;}
.contPalace li{float:left;width:173px;height:161px;margin:0 5px 0 0;}
.contPalace li:nth-child(3n){margin-right:0;}
.contPalace li:last-child{position:relative;}
.contPalace li > a {}
.contPalace li:last-child > a{position:relative; display:inline-block; overflow:hidden;}
/*.contPalace li p.exp{position:relative;  display:inline-block;  width:97%; height:44px;  font-size:12px; padding-left:0px;text-align:left; 
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}*/

.contPalace  li  p.exp{position:relative; height:24px; width:97%; word-break:break-all; font-size:13px; padding-left:0px;text-align:left; 
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 97%;
  height: 36px;
  /* Fallback for non-webkit */
  margin: 0;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contPalace img{border:1px solid #ccc;}
.contPalace li .lastAvi{position:absolute;top:0;}
.contPalace li .playiImage{margin-bottom:19px;}

.contPalace li:last-child img:first-child{}
.contPalace li:last-child img{width:100%;border:none;}

.innerCont.event{padding-top:30px;}
.event h3{padding:15px 9px 15px 15px;font-size:20px;}
.event .slide{height:180px;}
.event .slide:last-child{margin-right:0px;}
.event .slide img{border:5px solid #ccc;}
.event .bx-wrapper{position:relative;}
.event .bx-pager{display:none;}
.event .bx-prev{left:7px;}
.event .bx-next{right:7px;}

.footer{background:#eee;color:#333;text-align:left;font-size:0.82em;}

.info_wrap {border-bottom:1px solid #e0e2e1;}
.info_wrap .info_side {position:relative;width:100%;margin:0 auto;}
.info_wrap .info_side ul {overflow:hidden;padding:14px 0;position:relative;}
.info_wrap .info_side li {float:left;}
.info_wrap .info_side li a {display:block;padding:0 6px; background:url('http://www.traveli.co.kr/image/renewal_intro/bull_line.png') no-repeat 0 3px;letter-spacing:-0.2px;font-weight:normal;}
.info_wrap .info_side li:first-child a {background:none;padding:0 6px 0 0}

.info_wrap .info_side .sns {position:absolute;top:14px;right:115px;font-size:0.92em;}
.info_wrap .info_side select {height:20px;border:1px solid #e1e1e1;background-color:#ececec;position:absolute;top:12px;right:0;}
/* .ft_border{border-bottom:1px solid #e0e2e1;width:100%;background-color:#ccc;position:absolute;margin:0 auto;left:0;top:72px;} */

.footer_bottom {width:100%;margin:20px auto 0;}
.txtAddress p:first-child {display:block;}
.footer_bottom .info_side2 > h1{border:5px solid aqua; display:inline; float:left; vertical-align:top;}
.footer_bottom .info_side2 ul{overflow:hidden;margin-left:180px;}
.footer_bottom .info_side2 ul:after {content:'';display:block;clear:both;}

.footer_bottom .address p strong {color:#000;margin-right:5px}

.footer_bottom .address p span {color:#606060; padding-right:12px;-webkit-text-size-adjust:none;}

.txtAddress {margin-left:180px;}
.txtAddress p span {margin-right:10px;}
.txtAddress p.copy {margin-top:15px;}

.footer p {margin:0 auto;font-weight:normal;}
/* .navCont a.go-cont {width:30px;height:30px;} */
.ban-close {width:36px;height:36px;top:50%;margin-top:-18px;}

.txtAddress p.copy{color:#333;}
.footer_bottom .info_side2{background:url("/image/intro/h1_logo_footer.png") no-repeat 0 10px;}
.txtAddress p.copy{margin-top:5px;}

/*.navCont .bx-wrapper {max-width:100% !important;}*/

.bx-prev{background: url('/image/intro/btn_prev.png') 0 0 no-repeat;}
.bx-next{background: url('/image/intro/btn_next.png') 0 0 no-repeat;}


/* media */

@media all and (max-width:980px){
	.keywordList p{width:46%;}
	.event .bx-wrapper{padding:0 15px;}
	.event .slide{margin-right:0.1% !important;}
}
@media all and (max-width:970px){
}
@media all and (max-width:960px){
	.rankingBox .slider1{}
}
@media all and (max-width:853px){
	.head .areaSearch{width:35%;left:155px;}
	.headCont .headIcon p{padding-right:5px;}
	.rankingBox .bx-prev{left:0;}
	.rankingBox .bx-next{right:0;}
	.navCont .bx-prev{left:-15px;}
	.navCont .bx-next{right:-15px;}
	.ajaxWrap{padding:20px 15px;}
	.navCont .slide{width: 400px !important;}
	.contKeyword{width:49.5%;max-width:100%;height:auto;}
	.contKeyword h3{padding:15px;}
	.innerCont.keyPalace{overflow:hidden;}
	.contPalace{width:50%;}
	.keywordList, .contPalace ul{padding:0 15px;}
	.keywordList img, .contPalace img{width:100%;}
	.keywordList p{width:48%;margin:0 10px 62px 0;}
	.contPalace li{width:48%;height:auto;margin:0 10px 10px 0;}
	.contPalace li:nth-child(3n){margin-right:10px;}
	.contPalace li:nth-child(2n){margin-right:0;}
	.event .slide{margin-right:0.45% !important;}

	.footer_bottom .info_side2 ul, .txtAddress{margin-left:25%;}
	.footer_bottom .info_side2 li{margin:2px 0;}
	.footer_bottom .info_side2 li:nth-child(4){float:none;}
	.footer_bottom .info_side2 li:nth-child(5) span{padding-left:0;}
	.footer_bottom .info_side2 li span{background:none;}
	.info_wrap .info_side .sns strong{display:none;}
}
@media all and (max-width:800px){
	.headCont .headIcon p{padding-right:5px;}
	.rankingBox h3{font-size:16px;}
	.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto{bottom:10px;}
	.bx-wrapper .bx-pager.bx-default-pager a{width:10px;height:10px;}
	.navCont .slide{width: 375px !important;}	
	.navCont .slide span{width:97%;padding:10px 0 10px 3%;}
	.contPalace li{margin-bottom:20px;}
	.event .slide{margin-right:0.2% !important;}
}
@media all and (max-width:768px){
	.fixedHeader{background:#5f016c;border-bottom:none;}
	.fixedHeader h2{width:50%;margin-left:-25%;top:0;}
	.areaSearch{padding-top:6px;}
	.areaSearch button{width:30px;background: url('/image/intro/mobile/btn_search_purple.png') 0 center no-repeat;top:6px;}
	.head{display:none;}

	.headCont .headIcon span{padding-right:5px;}
	.headCont .headIcon span:nth-child(2){padding-top:3px;}
	.navCont .slide{width: 355px !important;}
	h3 b {padding: 4px 2px 0 0;font-size: 14px;}
	.keywordList p{width:48.5%;height:auto;}
	.contPalace li{margin-right:12px;}
	.contPalace li:nth-child(3n){margin-right:12px;}
	.event .slide{margin-right:1.65% !important;}
	.info_wrap .info_side .sns{right:95px;}
	.info_wrap .info_side select{width:90px;}
}
@media all and (max-width:736px){

	.webType{display:none;}
	.mobileType{display:block;}
	.ad-banner{background:#292f51;}
	.ad-banner .mobileType{display:inline;text-align:center;}

	.mobileType img{width:95%;}
	.mobileIcon_gnb{padding:25px 4%;margin:0 15px;}
	.mobileIcon_gnb p{float:left;width:21%;margin-right:5%;}
	.mobileIcon_gnb p:last-child{margin-right:0;}
	.mobileIcon_gnb p span{display:block;}
	.mobileIcon_gnb p span:nth-child(2){padding-top:10px;font-size:1.5em;font-weight:bold;}
	.mobileIcon_lnb{padding:20px 20px 0 20px;margin:0 4%;background:#eee;}
	.mobileIcon_lnb li{float:left;width:25%;margin-bottom:20px;}

	.innerCont.keyPalace{width:92%;margin:30px 4% 0;}
	.contKeyword{width:100%;max-width:100%;height:auto;float:none;background-image:none;border-bottom:1px solid #cdcdcd;}
	.keywordList p {width:49%;}
	.contPalace{width:100%;max-width:100%;height:auto;float:none;}
	.contPalace li{width:49%;height:auto;margin-right:10px;}
	.contPalace li:nth-child(3n){margin-right:10px;}
	.contPalace li:nth-child(2n){margin-right: 0;}
	.contPalace li .playiImage{margin-bottom:33px;}
	.contKeyword h3, .contPalace h3 {font-size:18px;}
	.event .slide{margin-right:1.5% !important;}

	.footer .mobileType{text-align:center;font-size:14px;}
	.footer .mobileType p{margin-bottom:15px;}
	.footer .mobileType p span{padding:0 5px;}
	.keywordList p b{font-size:18px;}
}
@media all and (max-width:720px){
	.event .slide{margin-right:1.35% !important;}
}
@media all and (max-width:700px){
	.event .slide{margin-right:1.2% !important;}
}
@media all and (max-width:680px){
	.event .slide{margin-right:1% !important;}
}
@media all and (max-width:667px){
	.event .slide{margin-right:0.9% !important;}
}
@media all and (max-width:640px){
	.event .slide{margin-right:0.6% !important;}
}
@media all and (max-width:600px){
	.rankingBox .slider1{}
	.mobileIcon_gnb p span:nth-child(2){font-size:1.2em;}
	.event .slide{height:auto;margin-right:0.35% !important;}
	.contPalace li .playiImage{margin-bottom:27px;}
}
@media all and (max-width:568px){
	.keywordList p, .contPalace li, .contPalace li:nth-child(3n){margin-right:1.5%;}
	.contPalace li:nth-child(2n){margin-right: 0;}
	.contPalace li .playiImage{margin-bottom:24px;}
}
@media all and (max-width:533px){
	.footer .mobileType{font-size:12px;}
}
@media all and (max-width:512px){
	.mobileIcon_gnb p span:nth-child(2) {font-size:1em;}
}
@media all and (max-width:480px){
	.rankingBox .slider1{}
	.event .slide{margin-right:0.45% !important;}
	.contPalace li .playiImage{margin-bottom:21px;}
	.footer_bottom{margin:0 auto;}
	.footer .mobileType p:last-child{margin-bottom:5px;}
}
@media all and (max-width:414px){
	.rankingBox .slider1{}
	.mobileIcon_gnb p span:nth-child(2) b{display:block;}
	.event h3 b{display:none;}
	.footer .mobileType p span{padding:0 2px;}
}
@media all and (max-width:400px){
	.footer .mobileType{font-size:0.9em;}
	.event .slide{margin-right:0.55% !important;}
	.contPalace li .playiImage{margin-bottom:19px;}
}
@media all and (max-width:384px){
}
@media all and (max-width:375px){
	.rankingBox .slider1{}
}
@media all and (max-width:360px){
	.event h3{font-size:18px;}
}
@media all and (max-width:320px){
	.rankingBox .slider1{}
	.rankingBox .slider1 p{font-size:14px;}
	.mobileIcon_gnb p span:nth-child(2){font-size:12px;}
	.contKeyword h3, .contPalace h3, .event h3{font-size:16px;}
	.contKeyword h3 b{display:none;}
}