@charset "utf-8";
/*!
 * main.css
 * 메인 정의 스타일
 */
 
 /*! visual */
.visual-area {width: 100%;position:relative; min-width: 1160px;overflow:hidden;margin-bottom:-4px;}
.visual-area .bxslider {width: 100%;}
.visual-area .bx-wrapper {position: relative;padding: 0;}

.visual-area .mainPager {position: absolute; bottom: 50px; left: 0; width:100%; height: 8px; text-align: center;z-index:50;}
.visual-area .mainPager a {display: inline-block;position:relative; font-size:0; margin:0 6px; width:7px; height:7px; background:#000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}
.visual-area .mainPager a.active {width:12px; height:12px;top:-2px; background:#fd9e00;}
.visual-area .bx-controls-direction {display: none}
.visual-area .bx-controls-auto a {position:absolute;bottom: 35px; left: 50%;font-size:0; margin-left:56px;width:10px; height: 18px; text-align: center;z-index:50;}
.visual-area .bx-controls-auto a.bx-stop {background:url('/jtotour/resources/en/images/main/visualStop.png') no-repeat center;}
.visual-area .bx-controls-auto a.bx-start {background:url('/jtotour/resources/en/images/main/visualPlay.png') no-repeat center;}
.visual-area .bx-item .pic {display:block;width:100%;text-align:center;}
.visual-area .bx-item .pic img {display:inline-block;width:100%;}



.visual-area .bx-item .title-area {position: absolute; top: 28%; width:100%; text-align: center}
.visual-area .bx-item .title-area * {display: block;}
.visual-area .bx-item .title-area .title img {margin:0 auto;}
.visual-area .bx-item .title-area .txt {font-size: 30px; margin-top:10px; letter-spacing: -1px}
.visual-area .bx-item .title-area .txt.white {color:#fff;}



.section.theme,
.section.nowJeju,
.section.toJeju {padding:80px 0;}
.section h2 {text-align:center;margin-bottom:20px;line-height:1;font-weight:400;font-size:35px;}
.section h2 span {display:inline-block;width:30px;height:30px;background: url('/jtotour/resources/en/images/main/iconH3.png') no-repeat center;margin-left:10px;}
.section p.info {text-align:center;font-size:20px;color:#666;}
.section fieldset {text-align:center;margin:40px 0 30px;}
.section fieldset .selectBox {display:inline-block;width:395px;overflow:hidden;background: url('/jtotour/resources/en/images/main/iconSelect.png') no-repeat right center;font-size:20px;height:49px;border:1px solid #000;}
.section fieldset .selectBox select {border:none;line-height:49px;height:49px;width:110%;padding:0 10px;background:transparent;}
.section fieldset a.search {display:inline-block;vertical-align:top;width:52px;height:49px;background: url('/jtotour/resources/en/images/main/btnSearch.png') no-repeat right center;text-indent:-99999px;cursor:pointer;}




.theme {display:inline-block;position:relative;background:#f0f0f0;width: 100%;min-width: 1160px;}

.theme .bx-wrapper {position: relative;margin-top:70px !important;padding: 0;overflow:hidden;}
.theme .bx-item {width:1160px !important}

.theme .bx-item ul {width:100%;}
.theme .bx-item li {display:block;float:left;position:relative;width:580px;height:285px;overflow:hidden;background:#333;}
.theme .bx-item img {width:580px;height:285px;} 
.theme .bx-item li a {display:block;position:absolute;left:0;right:0;top:0;bottom:0;background: url('/jtotour/resources/en/images/main/gradation.png') no-repeat center;}
.theme .bx-item h3 {position:absolute;font-weight:400;left:20px;bottom:22px;color:#fff;font-size:16px;}
.theme .bx-item h3 strong {font-size:18px;font-weight:400;display:block;}
.theme .bx-controls {}
.theme .bx-controls a {position:absolute;text-indent:-99999px;top:calc(50% - 26px);color:#fff;display:block;left:50%;width:28px;height:52px;}
.theme .bx-controls a.bx-prev {margin-left:-628px;background: url('/jtotour/resources/en/images/main/arrowLeft.png') no-repeat center;}
.theme .bx-controls a.bx-next {margin-left:600px;background: url('/jtotour/resources/en/images/main/arrowRight.png') no-repeat center;}

.nowJeju {display:block;text-align:center;}
.nowJeju h2 span {display:inline-block;width:34px;height:31px;margin:0;text-indent:-99999px;background: url('/jtotour/resources/en/images/main/nowJejuH3.png') no-repeat center;}


.nowJeju .listGrid {text-align:left;width:1160px;margin:70px auto 0;}
.nowJeju .listGrid>li {display:block;float:left;margin:0 0 20px 20px;position:relative;width:275px;height:275px;overflow:hidden;}
.nowJeju .listGrid>li:nth-child(4n + 1) {margin-left:0;}
.nowJeju .listGrid img {width:275px;height:275px;}
.nowJeju .listGrid .data {width:275px;height:275px;}
.nowJeju .listGrid .rightPic img {float:right;}
.nowJeju .listGrid .leftPic .data {float:left;}
.nowJeju .listGrid .leftPic img {float:left;}
.nowJeju .listGrid .rightPic .data {float:left;}
.nowJeju .listGrid .rightPic .data {padding-right:20px;}
.nowJeju .listGrid .leftPic .data {padding-left:20px;}

.nowJeju .listGrid li.text h3 {font-size:18px;margin:10px 0;}
.nowJeju .listGrid li.text .text {font-size:15px;color:#666666;}
.nowJeju .listGrid li.text ul {margin:25px 0;}
.nowJeju .listGrid li.text li {font-size:14px;}
.nowJeju .listGrid li.text li strong {padding-right:6px;}
.nowJeju .listGrid li.text .category {font-size:16px;color:#000;}

.nowJeju .listGrid li.text h3 {font-size:18px;margin:10px 0;}
.nowJeju .listGrid li.text .text {font-size:15px;color:#666666;}
.nowJeju .listGrid li.text ul {margin:25px 0;}
.nowJeju .listGrid li.text li {font-size:14px;}
.nowJeju .listGrid li.text li strong {padding-right:6px;}
.nowJeju .listGrid li.text .category {font-size:16px;color:#000;}

.nowJeju .listGrid li.photo {position:relative;}
.nowJeju .listGrid li.photo a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;background: url('/jtotour/resources/images/main/gridBg.png') no-repeat left top;}

.nowJeju .listGrid li.photo a .data {}
.nowJeju .listGrid li.photo a .data * {display:none;}
.nowJeju .listGrid li.photo h3 {display:block !important;font-size:16.5px;position:absolute;left:20px;bottom:20px;}

.nowJeju .listGrid li.photo a:hover {}
.nowJeju .listGrid li.photo a:hover .data {display:block;position:absolute;padding:33px 20px;background:rgba(0, 0, 0, 0.8);}
.nowJeju .listGrid li.photo a:hover .data * {display:block;}
.nowJeju .listGrid li.photo a:hover h3 {position:relative;margin-bottom:20px;left:0;top:0;}

.nowJeju .listGrid li.photo a:hover h3:after {content:"";margin-top:20px;display:block;width:37px;height:3px;background:#fff;}
.nowJeju .listGrid li.photo a:hover .data {display:block;/*animation-duration: 0.5s; animation-name: slide */}
@keyframes slide {
	from {top:550px;}
	to {top:0;}
}
.nowJeju .listGrid li.photo a:hover ul {margin:25px 0;}
.nowJeju .listGrid li.photo a:hover li {font-size:14px;}
.nowJeju .listGrid li.photo a:hover li strong {padding-right:6px;}
.nowJeju .listGrid li.photo a:hover .category {font-size:16px;color:#fff;}




.nowJeju .listHorizon {display:inline-block;margin-top:78px;text-align:left;line-height:1;}
.nowJeju .listHorizon .pic img {width:274px;height:190px;}
.nowJeju .listHorizon>li {float:left;position:relative;width:275px;margin-left:20px;}
.nowJeju .listHorizon>li:nth-child(4n + 1) {margin-left:0;}
.nowJeju .listHorizon .label {display:block;font-size:14px;color:#fff;position:absolute;background:rgba(0, 0, 0, 0.5);left:10px;top:10px;width:35px;height:35px;text-align:center;line-height:35px;border-radius:23px;}

.nowJeju .listHorizon .blog .label {text-indent:-99999px;background: url('/jtotour/resources/en/images/main/iconBlog.png') no-repeat center;background-color:rgba(0, 0, 0, 0.5);}
.nowJeju .listHorizon .movie .label {text-indent:-99999px;background: url('/jtotour/resources/en/images/main/iconMovie.png') no-repeat center;background-color:rgba(0, 0, 0, 0.5);}
.nowJeju .listHorizon .date {padding:20px 0 6px 10px;}
.nowJeju .listHorizon h3 {padding-left:10px;font-size:16px;font-weight:400;line-height:1.4;}

.nowJeju .listHorizon li.list {border-top:3px solid #000;width:256px;padding:30px 20px 0;}
.nowJeju .listHorizon li.list a {display:inline-block;padding-bottom:10px;font-size:20px;color:#333;padding-right:8px;}
.nowJeju .listHorizon li.list a.active,
.nowJeju .listHorizon li.list a:hover {text-decoration:underline;color:#f26522;}

.nowJeju .listHorizon>li.facebook div.facebook-main{display:block;width:100%;height:250px;background:#f0f2f4;}
.nowJeju .listHorizon>li.facebook div.facebook-main a.title{display:block;width:100%;height:62px;background:url('/jtotour/resources/images/main/facebook-bg.png') no-repeat center;text-indent:-9999px;}
.nowJeju .listHorizon>li.facebook div.facebook-main div{display:block;width:100%;height:178px;overflow:hidden;overflow-y:scroll;}
.nowJeju .listHorizon>li.facebook div.facebook-main ul{display:inline-block;padding:10px 0 10px 10px;}
.nowJeju .listHorizon>li.facebook div.facebook-main ul li{position:relative;float:left;display:inline-flex;height:40px;background:#fff;padding:10px;}
.nowJeju .listHorizon>li.facebook div.facebook-main ul li:after{position:absolute;bottom:0;left:15px;content:'';display:block;width:220px;height:1px;background:#f0f2f4;}
.nowJeju .listHorizon>li.facebook div.facebook-main ul li span.profile{display:block;float:left;width:40px;height:40px;background:#f0f0f0;text-indent:-9999px;}
.nowJeju .listHorizon>li.facebook div.facebook-main ul li p{display:-webkit-box;float:left;width:170px;padding-top:3px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2;height:2.2em;}
.nowJeju .listHorizon>li.facebook div.facebook-main ul li small{padding-left:10px;color:#3b5999;}


.toJeju {position:relative;height:642px;background: url('/jtotour/resources/en/images/main/mapBg.gif');}
.toJeju .image {position:absolute;left:50%;top:240px;margin-left:-580px;width:1160px;height:415px;text-indent:-99999px;background: url('/jtotour/resources/en/images/main/map.png') no-repeat center;}

.toJeju .btn-group {position:absolute;width:100%;bottom:80px;text-align:center;}
.toJeju a.btn {display:inline-block;font-size:18px;margin:0 4px;color:#000;background:#fff;width:225px;height:49px;text-align:center;line-height:49px;border:1px solid #000;}


.video {text-align:center;position:relative;height:642px;overflow:hidden;background : url('/jtotour/video/video_load.png') no-repeat center;background-size:cover;}
.video h2 {display:block;position:absolute;top:calc(50% - 75px);left:calc(50% - 423px);font-size:86px;font-weight:800;font-family:sans-serif;color:#fff;z-index:40;}
.video h2 small{display:block;font-size:30px;font-weight:normal;padding-top:20px;}
.video video {width: 100%;position: absolute;height: auto;left: 0;top: 50%;transform: translateY(-50%);}
@media(max-width:1280px){
.video video{width:auto !important;}
}


/* 20170314 alex add start */
.themeStory {margin:0 auto 0 auto;background:#ebebeb;padding:100px 0 10px 0;}
.themeStory ul {width:1160px;margin:50px auto 50px auto;padding:0 0 0 0;height:696px;position:relative;color:#000000}
.themeStory ul li {position:absolute;overflow:hidden;margin:-4px;background-repeat:no-repeat}
.themeStory ul li.item1 {width:464px;height:464px;top:0px;left:0px}
.themeStory ul li.item2 {width:464px;height:232px;top:0px;left:464px;background-position:right}
.themeStory ul li.item3 {width:464px;height:232px;top:232px;left:464px}
.themeStory ul li.item4 {width:232px;height:464px;top:0px;left:928px;background-position:bottom}
.themeStory ul li.item5 {width:464px;height:232px;top:464px;left:0px;}
.themeStory ul li.item6 {width:464px;height:232px;top:464px;left:464px;background-position:right}
.themeStory ul li.more {width:232px;height:232px;top:464px;left:928px;}
.themeStory ul li a {display:block;height:100%;text-align:right}
.themeStory ul li.item2 a {text-align:left}
.themeStory ul li.item6 a {text-align:left}
.themeStory ul li.more a:hover {color:#ef8200}
.themeStory ul li a p{padding:0;margin:0}
.themeStory ul li a div.over {position:absolute;top:0;left:0;border:4px #ef8200 solid;display:none;background:url(/jtotour/resources/images/main/new/bg_plus.png) no-repeat right bottom}

.themeStory ul li a div.txt {display:table-cell;vertical-align:middle;background-repeat:no-repeat}
.themeStory ul li a div.txt p {display:inline-block;word-break: keep-all;word-wrap: break-word;font-size:18px;font-weight:400;color:#666666}
.themeStory ul li a div.txt p span {font-size:26px;line-height:30px;padding-top:10px;display:inline-block;font-weight:bold;color:#000000}

.themeStory ul li.item1 a div.over 	{width:456px;height:456px}
.themeStory ul li.item2 a div.over 	{width:456px;height:224px}
.themeStory ul li.item3 a div.over	{width:456px;height:224px}
.themeStory ul li.item4 a div.over	{width:224px;height:456px}
.themeStory ul li.item5 a div.over 	{width:456px;height:224px}
.themeStory ul li.item6 a div.over	{width:456px;height:224px}
.themeStory ul li.more a div.over	{width:224px;height:224px}
.themeStory ul li.item2 a div.txt 		{width:249px;height:232px;background-image:url(/jtotour/resources/images/main/new/bg_arrow_right.png);}
.themeStory ul li.item3 a div.txt		{width:464px;height:232px;margin-left:232px;background-image:url(/jtotour/resources/images/main/new/bg_arrow_left.png);;background-position:right}
.themeStory ul li a div.txt p 				{width:232px;text-align:center}
.themeStory ul li.item4 a div.txt 		{width:232px;height:249px;background-image:url(/jtotour/resources/images/main/new/bg_arrow_bottom.png)}
.themeStory ul li.item6 a div.txt 		{width:249px;height:232px;background-image:url(/jtotour/resources/images/main/new/bg_arrow_right.png)}
.themeStory ul li.more a div.over 	{display:none}
.themeStory ul li.more a div.txt 		{font-size:70px;color:#CCCCCC;width:232px;text-align:center;line-height:230px}


.themeStory ul li.item1 a div.txt 		{background:url(/jtotour/resources/images/main/new/bg_theme1.png);height:350px;display:block;color:#FFFFFF;padding-top:20px}
.themeStory ul li.item1 a div.txt p.title {font-size:18px;line-height:34px;border-bottom:1px #CCCCCC solid;padding: 0 0 0 0;margin:0 25px 20px 25px;color:#CCCCCC}
.themeStory ul li.item1 a div.txt p.title span {font-size:34px;font-weight:bold;color:#FFFFFF;padding-top:0}
.themeStory ul li.item1 a div.txt p{display:block;font-size:14px;line-height:18px;font-weight:400;width:auto;text-align:left;padding:0 25px 0 25px;color:#FFFFFF}

.themeStory ul li.item5 a div.txt {background:url(/jtotour/resources/images/main/new/bg_theme5.png);height:200px;display:block;color:#FFFFFF;padding-top:20px;text-align:left;color:#FFFFFF}
.themeStory ul li.item5 a div.txt p{display:block;font-size:18px;line-height:26px;font-weight:400;width:auto;text-align:left;padding:0 25px 0 25px;color:#CCCCCC}
.themeStory ul li.item5 a div.txt p span {font-size:26px;font-weight:bold;color:#FFFFFF;padding-top:0}
/* 20170314 alex add end */




div.articlesAreaWrap {min-height:100px;overflow:hidden;background-color:#FFFFFF;padding:40px 0 30px 0}
dl.articlesArea {width:1160px;margin:0 auto;min-height:100px;overflow:hidden}
dl.articlesArea dt {text-align:center;width:100%;padding:0 0 40px 0}
dl.articlesArea dt strong {font-weight:normal;font-size:35px;line-height:40px}
dl.articlesArea dd {float:left;width:50%;height:120px;margin-bottom:20px}
dl.articlesArea dd a {display:block;min-height:50px;overflow:hidden}
dl.articlesArea dd a:hover p {color:#ef8200}
dl.articlesArea dd a:hover p strong {color:#ef8200}
dl.articlesArea dd div {float:left;width:370px;margin-left:10px;}
dl.articlesArea dd div.imgWrap {width:200px;margin-left:0}
dl.articlesArea dd div.imgWrap img {width:100%}
dl.articlesArea dd div p {padding-right:10px;font-size:16px;line-height:18px;color:#666666}
dl.articlesArea dd div p strong {font-size:22px;line-height:26px;color:#000000;display:block;padding-bottom:5px}