/* -------------- common -------------- */

@charset "utf-8";

/*! Generated by Font Squirrel (http://www.fontsquirrel.com) on February 5, 2016 */


/* nanum square - regular */

@font-face {
    font-family: 'NanumSquare';
    src: url('/jtotour/resources/font/nanumSquare/nanumsquarer.eot');
    src: url('/jtotour/resources/font/nanumSquare/nanumsquarer.eot?#iefix') format('embedded-opentype'), url('/jtotour/resources/font/nanumSquare/nanumsquarer.woff2') format('woff2'), url('/jtotour/resources/font/nanumSquare/nanumsquarer.woff') format('woff'), url('/jtotour/resources/font/nanumSquare/nanumsquarer.ttf') format('truetype'), url('/jtotour/resources/font/nanumSquare/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* nanum square - bold */

@font-face {
    font-family: 'NanumSquare';
    src: url('/jtotour/resources/font/nanumSquare/nanumsquareb.eot');
    src: url('/jtotour/resources/font/nanumSquare/nanumsquareb.eot?#iefix') format('embedded-opentype'), url('/jtotour/resources/font/nanumSquare/nanumsquareb.woff2') format('woff2'), url('/jtotour/resources/font/nanumSquare/nanumsquareb.woff') format('woff'), url('/jtotour/resources/font/nanumSquare/nanumsquareb.ttf') format('truetype'), url('/jtotour/resources/font/nanumSquare/nanumsquareb.svg#nanumsquarebregular') format('svg');
    font-weight: 800;
    font-style: bold;
}
html {
    font-size: 15px
}

@media (min-width:414px) and (max-width:52px) {
    html {
        font-size: 20px;
    }
}

@media (min-width:521px) and (max-width:800px) {
    html {
        font-size: 24px;
    }
}

@media (min-width:800px) {
    html {
        font-size: 27px;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.control a {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.868rem;
    width: 1.763rem;
    height: 3.447rem;
    background: url('/jtotour/intro/images/img_slider_controls.png') no-repeat center / auto 100%;
    font-size: 0;
    line-height: 0;
}

.control.bx-next a {
    background-position: right top;
    right: 0.526rem;
}

.control.bx-prev a {
    background-position: left top;
    left: 0.526rem;
}

.intro-slider li {
    display: inline-block;
    height: 100vh;
    min-height: 18.421rem;
    text-align: center;
    background-size: cover;
}

.intro-slider li.intro h1 {
    display: block;
    margin: 38vh auto 0;
    color:#fff;
    font-size:2.4rem;

}

.intro-slider li.intro h1 p {
    display:none;
 }

.intro-slider li.intro p.links {
    display: inline-block;
    width: 100%;
    margin-top: 0.75rem;

}

.intro-slider li.intro .on h1,
.intro-slider li.intro .on p,
.intro-slider li.intro .on div.bx-next {
    animation-duration: 0.5s;
    animation-name: fade-in;
    animation-fill-mode:both;
}

.intro-slider li.intro .off h1,
.intro-slider li.intro .off p,
.intro-slider li.intro .off div.bx-next {
    animation-duration: 0.5s;
    animation-name: fade-out;
    animation-fill-mode:both;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.intro-slider li.intro p.links a {
    font-family: "NanumSquare", "NanumGothic", "Malgun Gothic", "맑은고딕", sans-serif;
    display: inline-block;
    position: relative;
    font-weight: 400;
    margin: 0;
    padding: 0 0.7rem;
    height: 1.579rem;
    line-height: 1.579rem;
    text-decoration: none;
    color: #fff;
}



.intro-slider li.intro p.links a.campaign {
    display: inline-block;
    position:relative;
/*
    width: 5.735rem;
    height: 1.235rem;
    top:-0.147rem;
    font-size: 0;
*/
    color: transparent;
    background: url('/jtotour/intro/images/banner_campaign.png') no-repeat center / 100%;
    margin-left:17px;
}

.intro-slider li.campagin {
    background: #2ac1bc;
    padding-top: 2.105rem;
}

.intro-slider li.campagin h2 {
    display: inline-block;
    width: 100%;
    height: 3.105rem;
}

.intro-slider li.campagin h2>p {
    display: inline-block;
    vertical-align: top;
    width: 12.211rem;
    height: 100%;
    font-size: 0;
    color: transparent;
    background: url('/jtotour/intro/images/campaign_title.png') no-repeat center / 100%;
}

.intro-slider li.campagin h2 div {
    display: inline-block;
    padding: 0.526rem 0 0.526rem 1.316rem;
    font-size: 0.789rem;
    color: #fff;
    height: 100%;
    font-weight: 400;
    position: relative;
    text-align: left;
}

.intro-slider li.campagin h2 div::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0.263rem;
    top: 0.684rem;
    border-left: 0.053rem solid #fff;
    height: 1.842rem;
}

.intro-slider li.campagin h3 {
    display: block;
    width: 16.789rem;
    height: 8.053rem;
    margin: 1.316rem auto;
    font-size: 0;
    color: transparent;
    background: url('/jtotour/intro/images/campaign_tag.png') no-repeat center / 100%;
}

.intro-slider li.campagin .links {
    position: relative;
    display: inline-block;
    font-size: 0.632rem;
    text-align: left;
    width: 960px;
    margin: 1.053rem auto 0;
}

.intro-slider li.campagin .links a {
    display: block;
    position: absolute;
    right: 0;
    top: -0.684rem;
    background: #000;
    color: #fff;
    text-decoration: none;
    width: 3.421rem;
    height: 3.421rem;
    border-radius: 50%;
    text-align: center;
    padding-top: 0.789rem;
}

.intro-slider li.campagin .links a strong {
    display: block;
}

@media (max-width:800px) {
    .intro-slider li.campagin h2 div {
        display: block;
        text-align: center;
        padding: 0.526rem 0;
    }
    .intro-slider li.campagin h2 div::before {
        display: none;
    }
}

@media (max-width:980px) {
    .intro-slider li.campagin .links {
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }
    .intro-slider li.campagin .links a {
        display: inline-block;
        position: relative;
        top: 20px;
    }
}

/* IE8 CSS */
.background{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url('/jtotour/intro/images/background01.jpg') no-repeat center;
	background-size:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/jtotour/intro/images/background01.jpg',sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/jtotour/intro/images/background01.jpg', sizingMethod='scale');
}

.intro-slider-pc li {
    display: inline-block;
	width:100%;
    height: 100%;
    min-height: 295px;
    text-align: center;
}

.intro-slider-pc li.intro-pc h1 {
    display: block;
    margin: 440px auto 0;
    color:#fff;
    font-size:70px;
	height:94px;
	overflow:hidden;
}

.intro-slider-pc li.intro-pc h1 p {
    display:none;
 }

.intro-slider-pc li.intro-pc p.links {
    display: inline-block;
    width: 100%;
    margin-top: 12px;

}
.intro-slider-pc li.intro-pc p.links a {
    font-family: "NanumSquare", "NanumGothic", "Malgun Gothic", "맑은고딕", sans-serif;
    display: inline-block;
    position: relative;
    font-weight: 400;
    margin: 0;
    padding: 0 11px;
    height: 25px;
    line-height: 25px;
	font-size:27px;
    text-decoration: none;
    color: #fff;
}