@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Quicksand');

@font-face { 
font-family: 'notokr-bold'; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/NotoKR-Bold/notokr-bold.eot'); 
src: url('../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'), 
url('../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'), 
url('../fonts/NotoKR-Bold/notokr-bold.svg#notokr-regular') format('svg'); 
}
@font-face { 
font-family: 'notokr-medium'; 
font-weight: normal; 
font-style: normal;     
src: url('../fonts/NotoKR-Medium/notokr-medium.eot'); 
src: url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'), 
url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'), 
url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-regular') format('svg'); 
}
@font-face { 
font-family: 'notokr-regular'; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/NotoKR-Regular/notokr-regular.eot'); 
src: url('../fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff') format('woff'), 
url('../fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'), 
url('../fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg'); 
}


/*font*/
/*영문폰트*/
#main, #header {font-family: 'Quicksand', 'notokr-medium', 'Nanum Gothic Coding', sans-serif; }
/*한글폰트*/
#submain, #footer, #main table {font-family: 'notokr-regular', 'Nanum Gothic Coding', sans-serif;}
#main table tr td b, #main table caption {font-family: 'notokr-bold'; font-weight: normal;} /*bold*/
#main table tr th {font-family: 'notokr-regular'}

/* reset */
*{margin:0; padding:0;}
body {font-size:14px; line-height:22px; color:gray; overflow-x:hidden; overflow-y:auto; text-align: left; letter-spacing: -0.5px; background: #f4f4f4;} 
li { list-style-type: none; }
img{ border:0 none;} /* ie10 이하 이미지 라인 없앰 */        
header, footer, section, article, nav, aside {display:block;}         
a:link, a:visited { color:#333; text-decoration: none;}
a:hover, a:focus { color:#333; text-decoration:none;}
         
/* style */
#wrapper { width:100%; min-width: 350px; margin: 0 auto; } 
#header {width:100%; position: relative; background:#fff}
#header .header_title { width:100%; height:60px; margin:0 auto; color:#fff; position: relative; text-align: center;}
#header .header_title > a { display: block; height: 100%;}
#header .header_title .home_btn { display: block; width: 60px; height:100%; position: absolute; top:0; left:0;}
#header .header_title .diary_btn { display: block; width: 60px; height:100%; position: absolute; top:0; right:0; background:#c7a7a1 }
#header .header_title img { margin: 17px; display: block; width: 25px; height: 25px; z-index: 50;}

#header .header_title .title_text { display:inline-block; font-size: 15px; color:#fff; letter-spacing:2px; padding:2px 7px; margin-top: 17px; position: relative;}
#header .header_title .title_text:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top:-1px; left:-1px; border:1px solid #fff; opacity: 0.5}
#header .header_line { width: 100%; height:1px;  }

.iden {background: #9159ee; background: -moz-linear-gradient(left, #c7a7a0 0%, #5c79c1 100%); background: -webkit-linear-gradient(left, #c7a7a0 0%,#5c79c1 100%); background: linear-gradient(to right, #c7a7a0 0%,#5c79c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a7a0', endColorstr='#5c79c1',GradientType=1 );}

/*메인 페이지*/
#main {width: 100%; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
#main *, #submain * {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*시간표보러가기 버튼*/
#main .button_bg { width: 100%; height: 200px; position: relative;}
#main .button_bg.bg1{background:url("../images/2008.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg2{background:url("../images/2011ca2.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg3{background:url("http://cfd.tourtips.com/@cms_800/2015062335/gjevy5/1.JPG")no-repeat center;background-size:cover;}
#main .button_bg.bg4{background:url("../images/2012ph2-2.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg5{background:url("../images/2012ph.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg6{background:url("../images/ho2013_1.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg7{background:url("../images/eu2013.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg8{background:url("../images/2015ja2.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg9{background:url("../images/2017ph2.jpg")no-repeat center; background-size:cover; }
#main .button_bg.bg10{background:url("../images/2017sw2.jpg")no-repeat center; background-size:cover;}
#main .button_bg.bg11{background:url("../images/2017ja2.jpg")no-repeat center; background-size:cover;}
#main .button_bg.bg12{background:url("../images/2018ky2.jpg")no-repeat center; background-size:cover;}
#main .button_bg.bg13 {background:url("../images/2018ch2.jpg")no-repeat center; background-size:cover;}
#main .button_bg.bg14 {background:url("https://picalls.com/wp-content/uploads/2015/03/New-York-Street.jpg")no-repeat center; background-size:cover;}
#main .button_bg p { display: inline-block; position: absolute; bottom:0px; left: 10px;}
#main .button_bg p strong { color:#fff; border:1px solid #fff; margin-right:3px; padding:1px 5px;}
#main .button_bg p span{display: inline-block;background: #fff; padding:0 5px; font-size: 13px; font-weight: bold; margin-bottom: 5px;}
#main .button_bg p span.area1{color:#c7a7a0;}
#main .button_bg p span.area2{color:#5c79c1;}
#main .button_bg p span a { display: block; width: 100%; height: 100%;}
#main .quick_time, #main .quick_time * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main .quick_time { display:inline-block; position: absolute; top:10px; right:10px; }
#main .quick_time:after { content:""; display:block; clear:both; }
#main .quick_time li { width:30px; height: 30px; float: left; border-radius: 50%; overflow: hidden; margin-left: 5px;}
#main .quick_time li a { display: block; width: 100%; height: 100%; background:#47475d; position: relative; text-align: center}
#main .quick_time li a img { display:inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: 5px;}
#main .quick_time li:nth-child(2) a img { width: 18px; margin-top:4px;}
#main .quick_time li a span { display: inline-block;}


/*탭*/
#main .tabs {width: 100%; height:40px; margin-top: 20px; padding:0 10px; font-size: 0;}
#main .tabs li { display:inline-block; height: 100%; color:#5c79c1; text-align: center; line-height:38px; border:1px solid #5c79c1; border-left: 0 none; cursor: pointer; font-size: 15px; font-weight: bold; position: relative;}
#main .tabs li.active { background:#5c79c1; color:#fff}
#main .tabs li.active:after { display: block; content: ""; width: 13px; height:8px; position: absolute; bottom:-8px; left:50%; margin-left: -6.5px; background:url("../images/1.svg") }
#main .tabs li:first-child { border-left:1px solid #8381c0; }

/*테이블*/
.tab_container { margin-top: 15px;}
.tab_container div { padding:10px;}
#main table { width: 100%; border-collapse:collapse; }
#main table caption { text-align: left; padding-bottom: 5px; color:#c7a7a0;}
#main table tr th { border:1px solid #c7a7a0; color:#d4d4d4; color:#fff; background: #c7a7a0; padding:3px; text-align: center; letter-spacing:0px; font-size: 12px; }
#main table tr td { border:1px solid #d4d4d4; border-top:0 none; padding:3px; color:#d4d4d4; color:#333; font-size: 12px;  }
#main table tr.flight td { background:#ececec;}
#main table tr.go td { background:#fafafa;}
#main table tr.together td { background:rgba(199, 167, 160, 0.2)}
#main table tr.choice td { background:#eeeeee;}
#main table tr td.pass { background:#f3f2e2; text-align: center;}
.jee { background: #828bbf; color:#fff; padding: 0 4px; border-radius: 3px; margin-right: 3px; font-size: 13px;}
.other { background: #bf82a1; color:#fff; padding: 0 4px; border-radius: 3px; margin-right: 3px; font-size: 13px; }
#main table tr > td:nth-child(1) { text-align: center; color:#555; line-height: 15px; padding:10px 1px}
#main table tr > td:nth-child(3) { text-align: center; padding: 0; line-height: 15px; padding:5px 1px}
#main table tr td span.state { display:inline-block; height: 20px; line-height: 18px; letter-spacing:-1px; border-radius: 5px; font-size: 11px; padding:0 3px 0 1.5px; margin-top:3px}
#main table tr td span.state.res { border:1px solid #ef7554; color:#ef7554; }
#main table tr td span.state.end { border:1px solid #4c95db; color:#4c95db; }
/*btn option*/
.link_go a { display: block; border-radius: 5px; background:#d4d4d4; color:#fff; text-align: center; margin-top: 3px; }
.link_go a:first-child {margin: 0;}
.link_go a.map { background:#c7a7a0 }
.link_go a.buy { background:#5c79c1; }
.link_go a.blog { background:#adc5b3 }
.link_go a.reservation { background:#6e8ad2; font-size: 11px }

/*서브 페이지*/
#submain { padding:10px; }
.underline { display: block;  width: 100%; height: 1px; background:#c7a7a0; margin-bottom: 15px; }
#submain table { width: 100%; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-collapse:collapse; }
#submain table caption { text-align: left; color:#333; font-size: 13px; margin-bottom: 5px;}
#submain table tr th { border-right:1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; color:#d4d4d4; color:#fff; background: #c7a7a0; padding:3px; text-align: center; letter-spacing:0px; font-size: 12px}
#submain table tr td { border-right:1px solid #c7a7a0; border-bottom: 1px solid #c7a7a0; padding:3px; color:#d4d4d4; color:#333; font-size: 12px;  }

/*Gallery*/
.waterfall { width: 100%; height: auto; visibility: visible; margin:10px 0; padding:0 5px}
.waterfall .item { display: inline-block; width: 50%; margin: 0; padding: 6px;-webkit-animation: anim .8s ease-in-out; animation: anim .8s ease-in-out;}
.waterfall .box {border:1px solid #d4d4d4; padding:7px; background:#fff}
.waterfall .box img {width: 100%;}
.waterfall .box p span {display: block;}
.waterfall .box p span:nth-child(1){font-weight: bold;color:#000}
.waterfall .box p span:nth-child(2){color:#666}
@-webkit-keyframes anim {0% {display: none;opacity: 0;}1% {display: block;opacity: 0;-webkit-transform: scale(0);transform: scale(0);}100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
@keyframes anim {0% {display: none;opacity: 0;}1% {display: block;opacity: 0;-webkit-transform: scale(0);transform: scale(0);}100%{opacity: 1;-webkit-transform: scale(1);transform:scale(1)}}

/*Next*/
.meno {padding:0 10px}
.underline{margin-top: 20px;} 
#count .meno { position: relative; font-size: 0;}
#count .meno strong { font-size: 18px; display: block;}
#count .meno strong:first-child { margin-bottom: 5px;}
#count .meno strong.result { font-weight: normal; margin: 15px 0 10px 0; text-decoration: underline;}
#count .meno strong.result span { border:0 none; color:#000; padding:0 5px; font-size: 18px; font-style: italic}
#count .meno span { display: inline-block; border:1px solid #b3809a; padding:3px 5px; margin:0 3px 3px 0;font-size: 15px; color:#b3809a; font-weight: bold;}
#count .meno span:after{ display: none;}
#count .meno span.underline { border:0 none; padding: 0;}
#count .meno span.again { padding-right:20px; position: relative;}
#count .meno span.again span{ margin:0; padding:0; display:inline-block; width: 15px; height:15px; position: absolute; top:50%; margin-top: -7.5px; right:2px; border:0 none; color:#fff; border-radius: 0; text-align: center; font-weight: normal; border-radius: 50%;line-height: 1;}
#count .meno .notice { border:0 none; padding:0; margin:0; font-size: 12px; font-weight: normal; color:#444; position: absolute; bottom:20px; right:10px; padding-left: 17px;}
#count .meno .notice span { margin:0; padding:0; display:inline-block; width: 15px; height:15px; position: absolute; top:50%; margin-top: -7.5px; left:0; border:0 none; color:#fff; border-radius: 0; text-align: center; font-weight: normal; border-radius: 50%; line-height: 1;}
/*1*/
#count > div:nth-child(1) { margin-top: 20px;}
#count > div:nth-child(1) span.again span, #count > div:nth-child(1) .notice span{ background:#ae91a7; }
/*2*/
#count > div:nth-child(2) span { border:1px solid #8581be; color:#8581be;}
#count > div:nth-child(2) span.again span, #count > div:nth-child(2) .notice span{ background:#8581be; }
/*3*/
#count > div:nth-child(3) span { border:1px solid #81a1be; color:#81a1be;}

#footer { width:100%; margin:0 auto; text-align: center; padding:10px 0;}
#footer span { display:block; width:100%; font-size:10px; color:#666; }