@charset "utf-8";
/* @import url(font.css); */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
/*
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }
*/

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }
/* @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */
.nm {
 font-family: 'Nanum Myeongjo', serif;
}

.nt {
 font-family:'Noto Sans KR';
}


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre{font-family: 'NanumSquareRound', sans-serif; font-size:16px;color:#000}
body{text-align:left; word-break:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top; max-width:100%}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}


/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

::-webkit-input-placeholder {  color: #aaaaaa; font-weight: normal; font-size: 15px;  font-weight: 400; font-family: 'NanumSquare'}
:-moz-placeholder { color: #aaaaaa; opacity: 1; font-weight: normal; font-size: 15px;  font-weight: 400; font-family: 'NanumSquare' }
::-moz-placeholder {  color: #aaaaaa; opacity: 1; font-weight: normal; font-size: 15px;  font-weight: 400;font-family: 'NanumSquare' }
:-ms-input-placeholder {  color: #aaaaaa; font-weight: normal;font-size: 15px; font-weight: 400; font-family: 'NanumSquare'}


* {box-sizing:border-box;}
body {overflow-x:hidden; min-width:320px;}
.clear:after{content:''; display:block; clear:both;}
.mob {display: none;}
input[type=password] { font-family:'Noto Sans KR';}




.head {position: absolute; left:0; top:0; width: 100%; z-index: 200;}
.head .inner {background:#fff; text-align: center; position: relative;}
.head .inner:after {content:''; display:block; clear:both;}
.head .inner .h1Logo {position: absolute; left:0; top:0; padding:18px 0 0 30px; z-index: 1;}
.head .inner .h1Logo h1 a {display: block; width: 236px; height: 47px; background:url('/images/h1Logo.png') no-repeat; text-indent:-999em; background-size:contain;}
.head .inner .rightArea {position: absolute; right:0; top:0; z-index: 10;}
.head .inner .rightArea:after {content:''; display:block; clear:both;}
.head .inner .rightArea .btnLogin {float:left;}
.head .inner .rightArea .btnLogin a {display: block; width: 43px; height:80px; text-indent:-999em; background:url('/images/ico_rock.png') center no-repeat;}
.head .inner .rightArea .btnLogin a.logout {background:url('/images/ico_rock_off.png') center no-repeat;}
.head .inner .rightArea .btnJoin {float:left;}
.head .inner .rightArea .btnJoin a {display: block; width: 65px; height:80px; text-indent:-999em; background:url('/images/ico_user.png') center no-repeat;}
.head .inner .rightArea .btnJoin a.edit {background:url('/images/ico_user_off.png') center no-repeat;}
.head .inner .rightArea .btnReg {float:left;}
.head .inner .rightArea .btnReg a {position: relative; display: block; width: 76px; height:80px;  background:#f14766; font-size: 18px; color:#fff; text-align: center; padding-top: 25px;font-weight:bold}
.head .inner .rightArea .btnReg .hand {position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/images/ico_hand.png') center bottom no-repeat;}
.head .inner .rightArea .btnReg a:hover {color:#f17a90;}
.head .inner .rightArea .btnReg a:hover .hand { background:url('/images/ico_handOn.png') right bottom no-repeat;}
.head .inner .rightArea .btnglobal {position: relative; float:left;text-align: center;}
.head .inner .rightArea .btnglobal a {display: block; width: 76px; height:80px; font-size: 16px; color:#fff; text-align: center; padding-top: 26px;}
.head .inner .rightArea .btnglobal a.hover {background:#494947;}
.head .inner .rightArea .btnglobal a.hover span {display: block; padding-bottom: 10px; background:url('/images/ico_topArrow.png') center bottom no-repeat;}
.head .inner .rightArea .btnglobal ul {position: absolute; left:0; top:80px; width: 100%; display: none;}
.head .inner .rightArea .btnglobal ul li.no1 {background:rgba(0,0,0,.5);}
.head .inner .rightArea .btnglobal ul li.no2 {background:rgba(0,0,0,.4);}
.head .inner .rightArea .btnglobal:hover ul {display: block;}

.gnbWrap .in { max-width: 910px; margin:0 auto; }
.gnbWrap .in > ul { white-space:nowrap; position: relative; z-index: 10;}
.gnbWrap .in > ul:after {content:''; display:block; clear:both;}
.gnbWrap .in > ul > li {display: inline-block; padding:0 9px; position: relative; text-align: center; }
.gnbWrap .in > ul > li:first-child {margin-left: 0;}
.gnbWrap .in > ul > li .tit a{display: block; height: 80px; line-height: 80px;padding:0 30px; font-size: 18px; color:#000000; font-weight: 700; transition:.3s all; font-family:'nanumsquare'; }
.gnbWrap .in > ul > li:hover .tit a{border-bottom:5px solid #ed1940; }
.gnbWrap .subGnb {position: absolute; left:0; top:80px;  border-left:1px solid #eeeeee;  padding:0 0 0 15px; transition:.2s all; height:0px; overflow:hidden; width: 100%;}
.gnbWrap .subGnb:after {content:''; display:block; clear:both;}
.gnbWrap .subGnb li {margin-bottom: 19px; text-align: left;}
.gnbWrap .subGnb li a {display: block; font-size: 15px; color:#000000; white-space:nowrap;}
.gnbWrap .bgGnb { position: absolute; left:0; top:80px; width: 100%;  background:#fff;  box-shadow: 0 10px 10px -3px rgba(0,0,0,.2); transition:.2s all; height:0px; }

.gnbWrap.on {background:#fff;}
.gnbWrap .in:hover {background:#fff;}
.gnbWrap .in:hover .bgGnb {height: 240px; border-top:1px solid #e7e7e7; }
.gnbWrap .in:hover .subGnb {height: 240px;  padding-top:40px;}

.head .btnMenu {display: none;}
.head .btnMenuClose {display: none;}


.mainSlide {position: relative;}
.mainSlide .slick-slider {position: static;}
.mainSlide .slide li {min-height:350px;}
.mainSlide .slide li span {position: absolute; left:50%; margin-left:-600px; top:220px; width: 650px; height: 351px;}
.mainSlide .slide li.no1 { background:url('/images/mainSlide01.jpg') center top no-repeat ; background-size:cover;}
.mainSlide .slide li.no2 { background:url('/images/mainSlide02.jpg') center top no-repeat ; background-size:cover;}
.mainSlide .slide li.no3 {background:url('/images/mainSlide03.jpg') center top no-repeat ; background-size:cover;}
.mainSlide .slide li.no4 { background:url('/images/mainSlide04.jpg') center top no-repeat ; background-size:cover;}

.mainSlide .slide li.no1 span {background:url('/images/mainSlideTit01.png') left top no-repeat ;}
.mainSlide .slide li.no2 span {background:url('/images/mainSlideTit02.png') left top no-repeat ;}
.mainSlide .slide li.no3 span {background:url('/images/mainSlideTit03.png') left top no-repeat ;}
.mainSlide .slide li.no4 span {background:url('/images/mainSlideTit04.png') left top no-repeat ;}

.mainSlide .slick-arrow {position: absolute; top:50%;z-index: 10;  border:none; width: 47px; height: 50px; text-indent:-999em; z-index: 10;}
.mainSlide .slick-arrow.slick-prev {left:0; background:url('/images/mainArrowLeft.png') no-repeat;}
.mainSlide .slick-arrow.slick-next {right:0; background:url('/images/mainArrowRight.png') no-repeat;}
.mainSlide .slick-slide {height: 300px; background:gray; outline:none;}
.mainSlide .slick-dots { position: absolute; left:50%; top:580px; margin-left:-585px; }
.mainSlide .slick-dots > li {display: inline-block; margin-left: 10px;  height: 15px; }
.mainSlide .slick-dots > li:first-child {margin-left: 0;}
.mainSlide .slick-dots > li button {display:inline-block; width: 15px; height: 15px; transition:.3s all; background:#fff; text-indent:-9999em; border:none; outline:none; border-radius:50%;}
.mainSlide .slick-dots > li.slick-active button {background:#ed1940; }
.mainSlide .autoStop {position: absolute; left:50%; top:581px; margin-left:-484px; z-index: 10;}
.mainSlide .autoStop div {display: inline-block; width:12px; height: 16px; background:url('/images/mainSlideStop.png') no-repeat; text-indent:-999em; cursor:pointer;}
.mainSlide .autoStop .play{display: none;}



.bikeList {max-width:1200px; position: relative; margin:0 auto; margin-bottom: 70px; position: relative; }
.bikeList ul:after {content:''; display:block; clear:both;}
.bikeList ul li {position: relative; top:100px;  float:left; text-align: center; width: 30%; margin-left:5%; transition:1s all; opacity:0;  box-shadow: 0 0 15px 5px rgba(0,0,0,.15); overflow:hidden;}
.bikeList ul li:first-child {margin-left: 0;}
.bikeList ul li:hover .img img {transform:scale(1.1);}
.bikeList ul li .img {width:100%;}
.bikeList ul li .img img {transition:2s all;}
.bikeList ul li .tit {position: absolute; left:0; top:45px; width: 100%; padding-top: 60px; color:#ed1940; font-size: 28px; font-weight: 800; background:url('/images/mainBtnLogo.png') center top no-repeat;}
.bikeList ul li .tit span {display: block;}
.bikeList ul li .btn {position: absolute; left:0; bottom:0; width: 100%; text-align: center; background:url('/images/mainBtn01Bg.png') center bottom no-repeat; height: 221px;}
.bikeList ul li .btn .in {position: absolute; left:0; bottom:39px; width: 100%; }
.bikeList ul li .btn p {display: inline-block; vertical-align: middle; margin-left: 23px; padding-left: 23px; position: relative;}
.bikeList ul li .btn p:after {content:''; position: absolute; left:0; top:0; width: 1px; height:23px; background:rgba(255,255,255,.49);}
.bikeList ul li .btn p:first-child {margin-left: 0; padding-left: 0;}
.bikeList ul li .btn p:first-child:after {display: none;}
.bikeList ul li .btn p a{font-size: 16px; color:#fff; font-weight: 700; display: inline-block; padding:5px 0 5px 28px}
.bikeList ul li .btn p.bt01 a{background:url('/images/ico_cal.png') left center no-repeat; padding-left: 38px;}
.bikeList ul li .btn p.bt02 a{background:url('/images/ico_search.png') left center no-repeat;}
.bikeList ul li .btn br{display: none;}
.bikeList ul li.no2 {transition-delay:100ms;}
.bikeList ul li.no3 {transition-delay:200ms;}
.bikeList ul li.no2 .tit {color:#5b9f34;}
.bikeList ul li.no3 .tit {color:#fb9a02;}
.bikeList ul li.no2 .btn { background:url('/images/mainBtn02Bg.png') center bottom no-repeat;}
.bikeList ul li.no3 .btn { background:url('/images/mainBtn03Bg.png') center bottom no-repeat;}
.bikeList.active ul li {top:-85px; opacity:1;}

.vrmain {position: relative; padding-bottom: 70px; margin-bottom: 130px;}
.vrmain .in{max-width:1200px; margin:0 auto; position: relative; z-index: 10;}
.vrmain:after {content:''; position: absolute; left:0; bottom:0; width: 100%; height:330px; background:#d4cebb;}
.vrmain .tab {padding:40px 0 0 0; margin-bottom: 40px;}
.vrmain .tab:after {content:''; display:block; clear:both;}
.vrmain .tab a {float:left; margin-left: 10px;  width: 150px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color:#fff; font-weight: 700; border-radius:30px; background:#c9c9c9;}
.vrmain .tab a:first-child {margin-left: 0;}
.vrmain .tab a.active {background:#ed1940;}
.vrmain .tabBox { position: relative; left:-20px }
.vrmain .tabBox > div {display: none;}
.vrmain .tabBox > div.on {display: inline-block;}
.vrmain .tabBox .tabCont {border:1px solid #aaa596; padding:0 16px 16px 16px;}
.vrmain .tabBox .tabCont .textbox {position: relative; background:#fff; padding:35px; height: 345px; padding-top: 60px; width: 600px; }
.vrmain .tabBox .tabCont .textbox .title {font-size: 26px; color:#222222; font-weight: 700; margin-bottom: 35px; }
.vrmain .tabBox .tabCont .textbox .txt {font-size: 16px; color:#666666; line-height: 30px; }
.vrmain .videoBox {position: absolute; right:-20px; top:-145px; width: 53.5%; height: 361px; background:url('/images/mainVideo2.png') center center no-repeat; background-size:cover;
box-shadow: 20px 20px 15px rgba(0,0,0,.15);}
.vrmain .videoBox .iframeBox {position: relative;width: 100%; height: 100%; cursor:pointer;}
.vrmain .videoBox .iframeBox iframe {width: 100%; height: 100%;}

.vrmain .cha {position: absolute; }
.vrmain .cha.cha01 {right:80px; top:-124px;}
.vrmain .cha.cha02 {right:80px; bottom:20px;}
.vrmain .cha.cha03 {right:-220px; bottom:-50px;}


.mainBoard {max-width:1200px; margin:0 auto;}
.mainBoard:after {content:''; display:block; clear:both;}
.mainBoard .bigTit {font-weight: bold; color:#3b5998; font-size: 26px; line-height: 26px; padding-bottom: 18px; border-bottom:4px solid #3b5998;;}

.mainBoard .facebookWrap {float:left; width: 31.6%; position: relative;}
.mainBoard .facebookWrap .fbList ul li {margin-top: 25px; padding-top: 25px; border-top: 1px solid #dedede;}
.mainBoard .facebookWrap .fbList ul li:first-child {padding-top: 0; border-top:none;}
.mainBoard .facebookWrap .fbList ul li a {display: block;}
.mainBoard .facebookWrap .fbList ul li a:after {content:''; display:block; clear:both;}
.mainBoard .facebookWrap .fbList ul li a .img {float:left; width: 104px; height: 104px; overflow:hidden;}
.mainBoard .facebookWrap .fbList ul li a .img img {width: 100%;}
.mainBoard .facebookWrap .fbList ul li a .textWrap {margin-left: 120px; line-height: 25px;font-size: 16px; color:#666666;}
.mainBoard .facebookWrap .fbList ul li a .textWrap .txt {}
.mainBoard .facebookWrap .fbList ul li a .textWrap .date {font-size: 13px; line-height: 13px; font-weight: 300; margin-top: 15px;}
.mainBoard .facebookWrap .fbList ul li a .textWrap .date {font-size: 13px; line-height: 13px; font-weight: 300; margin-top: 15px;}
.mainBoard .btnMore {position: absolute; right:0; top:10px; width: 15px; height: 15px;}
.mainBoard .btnMore a {display: block; width: 15px; height: 15px; background:url('/images/btnMore.png') no-repeat; text-indent:-999em;}

/* 0328���� ���� */
.mainBoard .rightArea {float:right; width: 51.6%; position: relative;}
.mainBoard .rightArea .borardTit {color:#222222;;  margin-bottom: 40px; font-size: 17px; color:#222222;  border-bottom:5px solid #222222; height: 55px;}
.mainBoard .rightArea .borardTit span {position: relative;float:left;cursor:pointer; border-bottom:5px solid #222222; width:32.5%; height: 55px; margin-left:-5px; line-height: 58px; font-weight:900;   text-align: center;}
.mainBoard .rightArea .borardTit span:after {content:''; position: absolute; right:0; bottom:0; width: 5px; height: 15px; background:#222; }
.mainBoard .rightArea .borardTit span.active:after {display: none;}
.mainBoard .rightArea .borardTit span.active:before {content:''; position: absolute; right:0; bottom:-5px; width:100%; height: 5px; background:#fff;z-index: 5; }
.mainBoard .rightArea .borardTit span.active { border:5px solid #222222;  line-height:48px;}
.mainBoard .rightArea .btnMore a {background:url('/images/btnMore2.png') no-repeat;}
.mainBoard .rightArea .boardBox {height: 161px;}
.mainBoard .rightArea .boardBox .list {display: none;}
.mainBoard .rightArea .boardBox .list:first-child {display: block;}
.mainBoard .rightArea .list ul li {margin-bottom: 14px;}
.mainBoard .rightArea .list ul li a {position: relative; display: block; padding:0 70px 0 0;}
.mainBoard .rightArea .list ul li a .notice {display: inline-block; width: 45px; height: 21px; line-height: 21px; border-radius:10px; background:#ed1940;  font-size: 12px; color:#fff; font-weight: 700; text-align: center; display: inline-block; vertical-align: middle; margin-right: 5px;}
.mainBoard .rightArea .list ul li a .text { font-size: 15px; color:#666666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:85%; display: inline-block; vertical-align: middle;}
.mainBoard .rightArea .list ul li a .date {position: absolute; right:0; top:0; font-size: 13px; color:#666666;}
.mainBoard .rightArea .boardWrap {margin-bottom: 57px;}
/* 0328���� �� */

.popZone {position: relative;}
.popZone .slick-slider { position: static;}
.popZone .tit{font-size: 26px; line-height: 26px; color:#3b5998; font-weight: bold; margin-bottom: 12px;}
.popZone .popSlide {}
.popZone .popSlide img {width:100%;}
.popZone .slick-arrow {position: absolute; top:5px;z-index: 10;  border:none; width:26px; height: 24px; text-indent:-999em; z-index: 10; border:1px solid #dddddd;}
.popZone .slick-arrow.slick-prev {right:33px; background:url('/images/mainArrowLeft2.png') no-repeat;}
.popZone .slick-arrow.slick-next {right:0; background:url('/images/mainArrowRight2.png') no-repeat;}

.container {padding-bottom: 135px; padding-top: 80px;}

.footer .in {max-width:1200px; margin:0 auto; position: relative;}
.footer .top {background:#464c52; height: 56px; }
.footer .top .footGnb {padding-top: 20px;}
.footer .top .footGnb ul li {float:left; position: relative; padding-left: 10px; margin-left: 10px;}
.footer .top .footGnb ul li:after {content:''; position: absolute; left:0; top:1px; width: 1px; height:13px; background:#fff;}
.footer .top .footGnb ul li:first-child {margin-left: 0; padding-left: 0;}
.footer .top .footGnb ul li:first-child:after {display: none;}
.footer .top .footGnb ul li a {color:#fff; font-size: 15px; line-height: 15px; font-family:'Noto Sans KR'}
.footer .top .sns {position: absolute; right:0; top:10px; }
.footer .top .sns li {display: inline-block; margin-left: 15px;}
.footer .top .sns li a {display: inline-block; width: 38px; height: 37px; text-indent:-999em;}
.footer .top .sns li.no1 {background:url('/images/sns01.png') no-repeat;}
.footer .top .sns li.no2 {background:url('/images/sns02.png') no-repeat;}
.footer .top .sns li.no3 {background:url('/images/sns03.png') no-repeat;}
.footer .top .sns li.no4 {background:url('/images/sns04.png') no-repeat;}
.footer .addWrap {background:#626b73; padding:14px 0 80px 0; font-family:'Noto Sans KR'; font-size: 13px; line-height: 25px; color:#fff; font-family:'Noto Sans KR';}
.footer .addWrap *{color:#fff; font-family:'Noto Sans KR';}
.footer .btnTop {position: fixed; right:50px; bottom:0; opacity:0; visibility:hidden; transition:.3s all;}
.footer .btnTop.on {opacity:1; visibility:visible; bottom:50px;}
.footer .btnTop a {display: block; width: 47px; height: 47px; background:url('/images/btnTop.png') no-repeat; text-indent:-999em;}


.head.active .inner {background:#fff;}
.head.active .mHeader {display: block;}
.head.active .btnMenu {display: none;}
.head.active .btnMenuClose {display: block;}


.mHeader {position: fixed; left:0; top:50px; bottom:0; overflow-y:scroll; width: 100%; z-index: 999;background:#fff; display: none; }
.mHeader .globalWrap {background:#f5f5f5; padding:0 15px;}
.mHeader .globalWrap ul:after {content:''; display:block; clear:both;}
.mHeader .globalWrap ul li {float:left; width: 33.33336%; text-align: center;} 
.mHeader .globalWrap ul li a {display: block; height: 40px; line-height: 40px; font-size: 13px; font-weight:700; color:#999999;}
.mHeader .globalWrap ul li.active a {border-bottom: 2px solid #f04766; color:#333333;}
.mHeader .memberInfo {border-bottom: 1px solid #f0f0f0;}
.mHeader .memberInfo:after {content:''; display:block; clear:both;}
.mHeader .memberInfo a {float:left; width: 50%; height: 39px; line-height: 39px; text-align: center; color:#222222; font-weight: 700; }
.mHeader .memberInfo a span {display: inline-block;  font-size: 12px; line-height: 12px;}
.mHeader .memberInfo a.no1 {border-right: 1px solid #f0f0f0;}
.mHeader .memberInfo a.no1 span {padding:3px 0 3px 20px; background:url('/images/ico_rock.png') left 0 no-repeat; background-size:12px auto;}
.mHeader .memberInfo a.no1.logout span {padding:4px 0 3px 20px; background:url('/images/ico_rock_off.png') left 0 no-repeat; background-size:12px auto;}
.mHeader .memberInfo a.no2 span {padding:4px 0 3px 23px; background:url('/images/ico_user.png') left 0 no-repeat; background-size:15px auto;}
.mHeader .memberInfo a.no2.edit span {padding:4px 0 3px 25px; background:url('/images/ico_user_off.png') left 0 no-repeat; background-size:18px auto;}

.gnbMob {padding:0 15px; }
.gnbMob > ul > li {}
.gnbMob > ul > li .tit {border-bottom: 1px solid #f0f0f0;}
.gnbMob > ul > li .tit a {display: block; font-size: 13px; color:#222222; padding:20px 0; position: relative;}
.gnbMob > ul > li.active .tit a { color:#222222; font-weight: 800; padding:20px 0;}
.gnbMob > ul > li .tit a:after {content:''; position: absolute; right:10px; top:50%; margin-top:-5px; width: 10px; height: 10px; background:url('/images/ico_mobOn.png') no-repeat; background-size:10px auto;;}
.gnbMob > ul > li.active .tit a:after { background:url('/images/ico_moboff.png') no-repeat; background-size:10px auto;;}
.gnbMob > ul > li .tit.not a:after {display: none;}
.gnbMob > ul > li .subGnb {padding:10px 0; border-bottom: 1px solid #f0f0f0;  display: none;}
.gnbMob > ul > li .subGnb > li {}
.gnbMob > ul > li .subGnb > li:last-child {border-bottom:none;}
.gnbMob > ul > li .subGnb > li > a {display: block; font-size: 12px; color:#666666; padding:10px 15px;}
.gnbMob > ul > li .subGnb > li.active > a {font-weight: 700; color:#222222;}
.gnbMob > ul > li .last {padding:0 0 0 30px; display: none;}
.gnbMob > ul > li .last li > a {position: relative; display: block; font-size: 12px; color:#666666; padding:8px 0 8px 7px;}
.gnbMob > ul > li .last li > a:after {content:''; position: absolute; left:0; top:50%; margin-top:-1px; width: 2px ;height: 2px; background:#666666; border-radius:5px;}
.gnbMob > ul > li .last li > a:hover {color:#f04766; }
.gnbMob > ul > li .last li > a:hover:after {background:#c8a977; }



.subTopWrap {position: relative; height: 320px; z-index: 30;}
.subTopWrap.company {background:url('/images/sub/subTop01.jpg') center top no-repeat; }
.subTopWrap.rail {background:url('/images/sub/subTop02.jpg') center top no-repeat; }
.subTopWrap.vr {background:url('/images/sub/subTop03.jpg') center top no-repeat; }
.subTopWrap.land {background:url('/images/sub/subTop04.jpg') center top no-repeat; }
.subTopWrap.team {background:url('/images/sub/subTop05.jpg') center top no-repeat; }
.subTopWrap.community {background:url('/images/sub/subTop06.jpg') center top no-repeat; }
.subTopWrap.recruitment {background:url('/images/sub/subTop07.jpg') center top no-repeat; }
.subTopWrap.companion {background: url('/images/sub/subTop09.jpg') center top no-repeat;}
.subTopWrap .lnbWrap {position: absolute; left:50%; width: 1204px; margin-left:-602px;; bottom:0; height:60px; border-bottom:1px solid #d1d1d1; background:#fff;}
.subTopWrap .lnbWrap .btnHome {float:left; width:60px; height: 60px; background:#f14766 url('/images/sub/btnHome.png') center no-repeat; text-indent:-999em;}
.subTopWrap .lnbWrap .lnbList {position: relative; float:left; width: 22.5%; margin-left:-1px; }
.subTopWrap .lnbWrap .lnbList p a {position: relative; display: block; font-size: 15px;  height: 59px; line-height:59px; padding-left: 20px; color:#555555;  border-right:1px solid #d1d1d1; }
.subTopWrap .lnbWrap .lnbList p a:after {content:''; position: absolute; right:20px; top:50%; margin-top:-4px; width: 12px; height: 7px; background:url('/images/sub/ico_lnb.png') no-repeat;}
.subTopWrap .lnbWrap .lnbList ul {position: absolute; left:0; top:60px; width: 100%; background:#fff; border:1px solid #d1d1d1; border-top:none; display: none;}
.subTopWrap .lnbWrap .lnbList ul li {border-top:1px solid #d1d1d1;}
.subTopWrap .lnbWrap .lnbList ul li:first-child {border-top:none;}
.subTopWrap .lnbWrap .lnbList ul a {display: block; font-size: 15px;  height: 59px; line-height:59px; padding-left: 20px; color:#555555; }

.h2Wrap {padding:80px; text-align: center;}
.h2Wrap h2 {font-size: 48px; color:#333333; font-weight:700;}
.h2Wrap .subText {font-size: 16px; color:#888888; padding-top: 50px; }

.max {max-width:1200px; margin:0 auto; }
.subContent {max-width:1200px; margin:0 auto; }
.subContent.min {max-width:100%}


.greetingWrap {margin-top: 100px;}
/*
.greetingWrap .textWrap {position: relative; padding-left: 596px; min-height:600px; }
.greetingWrap .textWrap .img {position: absolute; left:0; top:0; width:45.5%;}
*/
.greetingWrap .textWrap .txt {width: 50% ; max-width: 405px; font-size: 20px; color:#111; font-weight: 500; line-height: 32px;}
.greetingWrap .text {font-size: 30px;  font-family: 'NanumSquareRound', serif; font-weight: 500; color:#111; margin-bottom: 60px; text-align:center;}
.greetingWrap .textWrap .logo{margin-top:3em; text-align:right;}
.greetingWrap .textWrap{ display:flex; gap: 2em; justify-content: center; }
@media all and (max-width:1024px) {
    .greetingWrap .text {
        font-size: 24px;
    }
    .greetingWrap .textWrap{ flex-direction: column; }
    .greetingWrap .textWrap .txt{ width:auto; text-align: center; }
}

/*
.greetingWrap .textWrap .text2 {font-size: 30px; line-height: 40px; font-weight: 700; color:#333333; padding:60px 0;}
.greetingWrap .textWrap .text2 p {margin-bottom: 10px;}
.greetingWrap .textWrap .text2 span {display:inline-block; border-bottom: 1px solid #333333;}
*/

.locationWrap .mapWrap { margin-bottom: 70px; width: 100% !important;}
.locationWrap .mapWrap iframe {width: 100%;}
.locationWrap .locaList.first {padding-bottom: 65px; margin-bottom: 65px; border-bottom: 1px solid #dbdbdb;}

.h3Wrap {margin-bottom: 30px;}
.h3Wrap h3{font-size: 24px; font-weight:700; color:#333333; position: relative; padding-top: 20px;}
.h3Wrap h3:after {content:''; position: absolute; left:0; top:0; width:20px; height: 2px; background:#000000;}

.addrList:after {content:''; display:block; clear:both;}
.addrList li {float:left; padding:1px 0;}
.addrList.double li:first-child {margin-right: 45px; padding-right: 45px; border-right:1px solid #999999}
.addrList li .tit {font-size: 16px; color:#333333; font-weight:700; display: inline-block; vertical-align: top; margin-right: 5px; padding:2px 0 2px 30px;}
.addrList li .tit.no1 {background:url('/images/sub/ico_loca.png') left center no-repeat;}
.addrList li .tit.no2 {background:url('/images/sub/ico_phone.png') left center no-repeat;}
.addrList li .text {font-size: 16px; color:#555555; display: inline-block; vertical-align: top; margin-top:10px; margin-left:10px;}

.locaList.img:after {content:''; display:block; clear:both;}
.locaList.img .box {position: relative; width:27.5%; float:left; margin-left: 8.75%; padding-top: 160px;}
.locaList.img .box:first-child {margin-left: 0;}
.locaList.img .box .img {position: absolute; left:0; top:0;}


.h2Wrap.tabB {padding-bottom:215px;}

.railTab {position: relative; }
.railTab ul {position: absolute; left:0; bottom:-345px;  width: 100%; border-bottom: 1px solid #dddddd;}
.railTab ul:after {content:''; display:block; clear:both;}
.railTab ul li {float:left; width: 20%; position: relative;}
.railTab ul li:first-child {margin-left: 0;}
.railTab ul li a {display: block; padding-bottom: 20px; font-size: 20px; line-height:20px; color:#888888; text-align: center; }
.railTab ul li.active a {color:#f14766; font-weight:700;}
.railTab ul li.active a:after {content:''; position: absolute; left:0; bottom:-1px; width: 100%; height: 2px; background:#f14766;}
.railTab ul li.active a:before {content:''; position: absolute; left:50%; margin-left:-5px; bottom:-6px; width: 11px; height:6px; background:url('/images/sub/ico_tab.png') no-repeat; }
.railTab.four ul li {width: 20.5%; margin-left:6%;}
.railTab.four ul li:first-child {margin-left: 0;}

.railWrap .topText {margin-bottom: 43px;}
.railWrap .topText:after{content:''; display:block; clear:both;}
.railWrap .topText .tit {display: inline-block; vertical-align: middle; font-size: 40px; color:#f14766; font-weight: 700; border-right:1px solid #c3c3c3; margin-right: 50px; padding-right:50px;}
.railWrap .topText .txt { display: inline-block; vertical-align: middle; font-size: 16px; color:#555555; line-height: 24px;}

.scrollImg {border:1px solid #e5e3e4; margin-bottom: 100px;}
.scrollImg.type2 {margin-bottom: 30px;}

.railSlide img {width: 100%;}
.railSlide .slick-arrow {position: absolute; top:50%; margin-top:-75px; z-index: 10;  border:none; width:66px; height: 66px; text-indent:-999em; z-index: 10;  background:url('/images/sub/railArrowOff.png') no-repeat; outline:none;}
.railSlide .slick-arrow:hover { background:url('/images/sub/railArrowOn.png') no-repeat;}
.railSlide .slick-arrow.slick-prev {left:0px;}
.railSlide .slick-arrow.slick-prev:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/images/sub/railArrowLeft.png') center no-repeat;}
.railSlide .slick-arrow.slick-next {right:-1px;}
.railSlide .slick-arrow.slick-next:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/images/sub/railArrowRight.png') center no-repeat;}
.railSlide .title {font-size: 24px; color:#333333; text-align: center; border-bottom: 1px solid #cdcdcd; padding:30px 0 25px 0; font-weight: 700;}


.railTabMini  ul {border:1px solid #f14766; margin-bottom: 80px;}
.railTabMini  ul:after {content:''; display:block; clear:both; }
.railTabMini  ul li {float:left; width: 50%;}
.railTabMini  ul li a {display: block; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color:#989898; font-weight:700;}
.railTabMini  ul li.active a {color:#fff; background:#f14766;}

.railWrap .reservInfo .topInfo {position: relative; padding-left:228px; margin-bottom: 70px;}
.railWrap .reservInfo .topInfo .imgTit {font-size: 40px; color:#f14766; font-weight: 700; position: absolute; left:0; top:0;   width:225px; height:295px; background:url('/images/sub/cha01.png') left bottom no-repeat;}
.railWrap .reservInfo .topInfo .dotList {border-left: 1px solid #dddddd; padding-left: 40px;}

.dotList ul li {padding-left:25px; position: relative; font-size: 16px; color:#555555; margin-top: 25px;}
.dotList ul li:first-child {margin-top:0;;}
.dotList ul li:after {content:''; position: absolute; left:0; top:1px; border:4px solid #f14766; width: 6px; height: 6px; border-radius:50% }

.reservWan {background:#efeded; border-radius:8px; padding:25px 35px; margin-bottom:50px;}
.reservWan .topText {padding-bottom: 20px; margin-bottom: 25px; border-bottom:2px solid #f14766;}
.reservWan .topText .tit {display: inline-block; font-size: 24px; color:#333333; font-weight:700; border-right:1px solid #000000; padding-left:35px; background:url('/images/sub/ico_wan.png') left center no-repeat; padding-right: 12px; margin-right: 12px; vertical-align: middle; }
.reservWan .topText .red {font-size: 16px; font-weight:700; display: inline-block; vertical-align: middle; color:#f14766;}
.reservWan .dotList:after {content:''; display:block; clear:both;}
.reservWan .dotList ul {float:left;}
.reservWan .dotList ul.right {float:right;}




/* 예약안내 2025-08-07 신규디자인 */
.railWrap .resv-info {
    background: #f5f5f5;
    padding: 1.5em;
    width: 100%;
    position: absolute;
    left: 0;
}
.railWrap .resv-info .resv-info-contentWrap{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 10em;
}
.railWrap .resv-info .info-title{
    position: relative;
    min-width: 400px;
    z-index: 1;
}
.railWrap .resv-info .info-title h2{
    font-size: 2em;
}
.railWrap .resv-info .info-content{
    width: 100%;
    padding: 1.5em;
    border-radius: 1em;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19);
    position: relative;
    z-index: 2;
}
.railWrap .resv-info .info-content ul li{
    padding: 0.3em;
    padding-left: 1em;
    margin-bottom: 0.5em;
    line-height: 140%;
    position: relative;    
}
.railWrap .resv-info .info-content ul li::before{
    content: '●';
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 0.5em;
}
.railWrap .resv-info .info-content ul .text-red{
    color: #f14766;
}
.railWrap .resv-info .info-content::before{
    content: '';
    display: block;
    background: #f14766;
    width: 80px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 1.5em;
}
.railWrap .resv-info .info-1 .info-title::before{
    content: '';
    width: 264px;
    height: 305px;
    position: absolute;
    top: -80px;    
    right: -5em;
    display: block;
    z-index: -1;
    background: url('../images/sub/rail1_03_bg_icon1.png') top center no-repeat;    
}
.railWrap .resv-info .info-2 .info-title::before{
    content: '';
    width: 264px;
    height: 305px;
    position: absolute;
    top: -45px;    
    right: -5em;
    display: block;
    z-index: -1;
    background: url('../images/sub/rail1_03_bg_icon2.png') top center no-repeat;    
}
.railWrap .resv-info .info-3 .info-title::before{
    content: '';
    width: 264px;
    height: 305px;
    position: absolute;
    top: -45px;    
    right: -5em;
    display: block;
    z-index: -1;
    background: url('../images/sub/rail1_03_bg_icon3.png') top center no-repeat;    
}


@media(max-width:1200px){
    .railWrap .resv-info .info-title h2{
        margin-bottom: 0.5em;
    }
    .railWrap .resv-info .info-title h2 br{
        display: none;
    }
    .railWrap .resv-info .resv-info-contentWrap{
        flex-direction: column;
        margin-bottom: 5em;
    }
}



/* baseRadio */
.baseRadio input {position: absolute; visibility:hidden;}
.baseRadio label {position: relative; padding-left:28px; font-size: 16px; color:#666666;}
.baseRadio label:after {content:''; position: absolute; left:0; top:0; width:16px; height: 16px; background:#fff; border:1px solid #d1d1d1; border-radius:50%;}
.baseRadio input:checked +label:after { background: url('/images/sub/ico_radioOn.png') center center no-repeat;}
.baseRadio.type2 label:after {top:4px}
.radioWrap .baseRadio:first-child {margin-right: 20px;}




/* BTN */
.btnRight {text-align: right;  margin-bottom:30px;}

.btnCenter {text-align: center;  margin-bottom:30px;}
.btnCenter a {margin-left:7px; }
.btnCenter a:first-child { margin-left:0; }

.btn01 { font-family:'Noto Sans KR'; display: inline-block; width: 135px; line-height:50px; height: 50px; border-radius:5px; text-align: center; font-size: 16px;  color:#fff; background:#f14766;}
.btn01.size01 {width: 220px; height: 60px; line-height: 60px;}
.btn01.red01 {background:#c93d2f; color:#fff; border:none;}
.btn01.white {background:#fff; color:#333333; border:1px solid #cccccc}
.btn01.black {background:#333333; }



/* paging */
.paging  {text-align: center;  margin-bottom:30px;}
.paging .btn { text-indent:-999em;}
.paging .first { background: url('/images/paging01.png') center center no-repeat; margin-left: 0;}
.paging .prev {background: url('/images/paging02.png') center center no-repeat; margin-right:35px; margin-left:1px;}
.paging .next {  background: url('/images/paging03.png') center center no-repeat; margin-left:35px; margin-right:1px;}
.paging .last {background: url('/images/paging04.png') center center no-repeat; margin-left: 0;}
.paging a {display: inline-block; margin-left: 3px; text-align: center; vertical-align: middle; border:1px solid #cccccc; min-width:30px; height:30px; line-height:30px; text-align: center; background:#fff; font-size: 17px; color:#333333; }
.paging a.on {background: #f14766; color:#fff; border:none;}

.viewContent {padding:30px 25px 60px 25px; font-size:16px; color:#555555;}


/* viewPaging */
.viewPaging  { border-top:none;  margin-bottom:40px;}
.viewPaging .line {border-top:1px solid #dddddd; }
.viewPaging .line:last-child {border-bottom:1px solid #dddddd;}
.viewPaging .line:after {content:''; display: block; clear:both;}
.viewPaging .line .tit {float:left; font-size: 16px; color:#222222;  height:50px; font-weight:700; line-height: 50px; border-right:1px solid #dddddd;background:#f5f5f5 ; width: 140px;  padding:0 0 0 30px; }
.viewPaging .line .tit span {padding-right: 50px;}
.viewPaging .line.prev .tit span {background:url('../images/btnUp.png') right center no-repeat;}
.viewPaging .line.next .tit span {background:url('../images/btnDown.png') right center no-repeat;}
.viewPaging .line .text {float:left; height: 50px; line-height: 50px;  font-size: 15px; color:#666666;}
.viewPaging .line .text a { font-size: 15px; color:#555555; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left: 20px;}



/* searchTable */
.searchTable {}
.searchTable:after {content:''; display:block; clear:both;}
.searchTable .rightSearch {float:right; }
.searchTable .rightSearch:after {content:''; display:block; clear:both;}
.searchTable .rightSearch .baseSel {float:left;width:125px; height:45px;}
.searchTable .rightSearch .baseSel select {height:45px; width: 100%;  padding-left: 10px; color:#666666;}
.searchTable .rightSearch .baseSel:after {background:url('/images/sub/ico_select4.png') no-repeat;}
.searchTable .rightSearch .inputBox {float:left; width:215px; margin-left:6px;}
.searchTable .rightSearch .inputBox  input{height:45px; line-height:45px; width: 100%; border:1px solid #d9d9d9; color:#333;padding-left: 10px; font-size: 15px; }
.searchTable .rightSearch .btnSearch {float:left; margin-left:4px;}
.searchTable .rightSearch .btnSearch a{display:inline-block; height:45px; line-height:45px; width: 70px; background:#f14766; text-align: center; font-size:16px; font-weight:700; color:#fff;} 

.fakeTable {margin-bottom:50px;}
.fakeTable table {width: 100%; border-top:1px solid #565656;}
.fakeTable table colgroup .no1 {width: 200px;}
.fakeTable table th {font-size:16px; color:#222222; background:#f5f5f5; padding:17px 0 17px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.fakeTable table th:last-child {border-right:none;}
.fakeTable table td {font-size:16px; color:#555555;  padding:17px 0 17px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.fakeTable table td:last-child {border-right:none;}
.fakeTable table td.mobTd {text-align: left; padding-left: 30px;}
.fakeTable table td.mobTd .mobInfo {display: none;}
.fakeTable table td.mobTd .notiTit {display: none;}
.fakeTable table tbody tr:hover{background:#dce1eb;}
.fakeTable .col01 {width:100px;}
.fakeTable .col03 {width:130px;}
.fakeTable .col04 {width:100px;}

.state {border-radius:5px; width: 50px; height: 24px; line-height: 24px; color:#fff; font-size: 16px; text-align: center; font-weight: 700; display: inline-block; background:#cccccc;}
.state.on { background:#ed1940;}
.fakeTable .mobState {display: none;}

.fakeTable.rec .col03 {width: 130px;}
.fakeTable.rec .col04 {width: 130px;}
.fakeTable.rec .col05 {width: 100px;}


.notiTit {display: inline-block; color:#fff; font-size: 14px; background:#024e8a; border-radius:3px; width:50px; height:24px; line-height:24px;  text-align: center;}
.icoFile {display: inline-block; vertical-align: middle; text-indent:-999em; width: 13px; height:14px; background:url('/images/sub/ico_file.png') no-repeat; margin-left: 5px;}
.icoNew {display: inline-block; vertical-align: middle; text-indent:-999em; width: 15px; height:15px; background:url('/images/sub/ico_new.png') no-repeat; margin-left: 5px;}


.searchTable.center {text-align: center; margin-bottom: 40px;}
.searchTable.center .rightSearch {display: inline-block; float:none;}

.countBoard {margin-bottom:20px; font-size: 14px; color:#333333; position: relative;}
.countBoard ul {position: absolute; right:0; top:0;}
.countBoard ul li {position: relative; float:left; margin-left:18px; padding-left: 18px;}
.countBoard ul li:after {content:''; position: absolute; left:0; top:0; width: 1px; height: 17px; background:#a1a1a1;}
.countBoard ul li:first-child {padding-left: 0; margin-left: 0;}
.countBoard ul li:first-child:after {display: none;}
.countBoard ul li a {font-size: 18px; color:#333333;}
.countBoard ul li.active a {font-weight:700;}

/* tableType02 */
.tableType02 {}
.tableType02 colgroup .no1 {width: 240px;}
.tableType02 colgroup .no3 {width:240px;}
.tableType02 table {width: 100%; border-top:1px solid #565656;}
.tableType02 table th {background: #f5f5f5; border-bottom:1px solid #d1d1d1; color:#222222; text-align: left; font-weight: 700; font-size: 16px; padding:17px 0 17px 28px;}
.tableType02 table td {border-bottom:1px solid #d1d1d1; color:#555555; text-align:left; font-weight: 700; font-size: 16px;  padding:17px 0 17px 28px;}
.tableType02 table td a {color:#555555; }


.faqTable {margin-bottom:50px;}
.faqTable table {width: 100%; border-top:1px solid #565656;}
.faqTable table colgroup .col01 {width: 100px;}
.faqTable table colgroup .col02 {width: 150px;}
.faqTable table th {font-size:16px; color:#222222; background:#f5f5f5; padding:17px 0 17px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.faqTable table th:last-child {border-right:none;}
.faqTable table td {font-size:16px; color:#555555;  padding:17px 0 17px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.faqTable table td:last-child {border-right:none;}
.faqTable table td.left {text-align: left; padding-left: 38px;}

.faqTable .qTit {display: inline-block; border-radius:3px; width: 24px; height: 24px; line-height: 24px; color:#fff; font-size: 16px; font-weight: 700;background:#ed1940; text-align: center; }
.faqTable .aTit {display: inline-block; border-radius:3px;  width: 24px; height: 24px; line-height: 24px; color:#fff; font-size: 16px; font-weight: 700;background:#024e8a; text-align: center; }
.faqTable .question {cursor:pointer;}
.faqTable .answerHidden {background:#f8f8f8; display: none;}
.faqTable .answerHidden td {border-right:none; vertical-align: top;}
.faqTable .answerHidden td.text {text-align: left; padding-left: 45px; line-height: 25px;}


.timeWrap {margin-bottom: 60px;}
.timeWrap .inTime {padding-right: 280px; position: relative; display: inline-block;}
.timeWrap .inTime .img {position: absolute; right:0; bottom:0;}
.timeWrap .timeTable {display: inline-block;}
.timeWrap .timeTable table {width: 100%; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.timeWrap .timeTable table thead th {border-bottom: 2px solid #fcaf17;; text-align: center; font-size: 16px; color:#555555; padding:20px 0;}
.timeWrap .timeTable table thead th:first-child {text-align: left; padding-left: 12px;}
.timeWrap .timeTable table td { text-align: center; font-size: 16px;  padding:5px 0 15px 0;; vertical-align: top; white-space:nowrap; font-weight: 800; color:#ff8009;}
.timeWrap .timeTable table .red td {color:#f14766;  padding:15px 0 5px 0;}
.timeWrap .timeTable table td.left {text-align: left; padding-left: 12px; font-weight:400; color:#555;}

.priceWrap {margin-bottom: 75px;}
.priceWrap:after {content:''; display:block; clear:both;}
.priceWrap .box {float:left; width: 31.6%; margin-left:2.5%; height:365px; margin-bottom: 24px; background:#f6f6f6; padding-top: 33px;  text-align: center;}
.priceWrap .box:first-child {margin-left: 0;}
.priceWrap .box .tit {font-size: 20px; color:#000000; font-weight: 700; margin-bottom: 20px;}
.priceWrap .box .tit span {display: inline-block; padding:3px 0 3px 35px; background:url('/images/sub/ico_info01.png') left center no-repeat }
.priceWrap .box .tit.no2 span {background:url('/images/sub/ico_info02.png') left center no-repeat }
.priceWrap .box .tit.no3 span {background:url('/images/sub/ico_info02.png') left center no-repeat }
.priceWrap .box .prList {margin:0 40px;}
.priceWrap .box .prList li {padding:22px 0 21px 23px; border-radius:10px; margin-bottom:20px;}
.priceWrap .box .prList li.color01 {background:#7cc242;}
.priceWrap .box .prList li.color02 {background:#fcaf17;}
.priceWrap .box .prList li.color03 {background:#ff8009;}
.priceWrap .box .prList li:after {content:''; display:block; clear:both;}
.priceWrap .box .prList li .num {float:left; font-size: 20px; color:#fff; font-weight: 700; width: 132px; text-align: left;}
.priceWrap .box .prList li .price {float:left; font-size: 20px; color:#333333; font-weight: 700; text-align: left; letter-spacing:-1px;}
.priceWrap .box .carList {text-align: center; margin-bottom: 23px;}
.priceWrap .box .carList ul {display: inline-block; text-align: left; width:245px;}
.priceWrap .box .carList ul li:first-child {margin-top: 0;}
.priceWrap .box .carList ul li {display: inline-block; margin-top: 6px; text-align: center; }
.priceWrap .box .carList ul li span {display: inline-block; font-size: 14px; color:#fff; font-weight: 700; width: 62px; height: 23px; line-height: 23px; border-radius:10px; background:#fb4705; vertical-align: middle;}
.priceWrap .box .carList ul li em {display: inline-block; font-size: 16px; color:#555555; font-weight: 700; vertical-align: middle; margin-left: 5px;}
.priceWrap .box .kiroBox .in {width: 318px; margin:0 auto;}
.priceWrap .box .kiroBox .in:after {content:''; display:block; clear:both;}
.priceWrap .box .kiroBox .in .sm{float:left;position: relative; width: 150px; height: 150px; background:#fcaf17; border-radius:10px; }
.priceWrap .box .kiroBox .in .sm1{float:center;position: relative; width: 300px; height: 150px; background:#fcaf17; border-radius:10px; margin-left:8px; }
.priceWrap .box .kiroBox .in .sm:first-child {margin-right: 18px;}
.priceWrap .box .kiroBox .in .sm:first-child:after {content:''; position: absolute; right:-9px; top:-3px; width: 1px; height:154px; background:url('/images/sub/dot.png') no-repeat;}
.priceWrap .box .kiroBox .in .sm .kiroTit{font-size: 16px; line-height: 23px; font-weight:700; color:#ffffff; padding:25px 0 5px 0; height:80px;}
.priceWrap .box .kiroBox .in .sm .kiroTxt{font-size: 15px; font-weight:700; color:#333333; line-height:20px; }
.priceWrap .box .kiroBox .in .sm1 .kiroTit{font-size: 16px; line-height: 25px; font-weight:700; color:#ffffff; padding:25px 0 25px 0; height:80px;}
.priceWrap .box .kiroBox .in .sm1 .kiroTxt{font-size: 16px; font-weight:700; color:#333333; line-height: 23px; }
.priceWrap .box .kiroBox .in .sm:last-child .kiroTit {padding-top: 25px;}
.priceWrap .box .etcInfo01  { font-size: 16px; color:#555555; font-weight: 700;}
.priceWrap .box .etcInfo01 .et01 {margin-bottom: 10px; margin-top: 43px; }
.priceWrap .box .etcInfo01 .et01 span {display: inline-block; font-size: 16px; color:#fff; text-align: center; background:#fb4705; width: 120px; height: 23px; line-height: 23px; border-radius:10px;}
.priceWrap .box .line {width: 1px; height:35px;margin:25px auto 40px auto; background:#999999;}
.priceWrap .box .etcInfo02 {font-size: 16px; color:#555555; font-weight: 700; line-height: 25px;}

.returnWrap { margin-bottom: 75px;}
.returnWrap .tit {font-size: 16px; color:#555555; margin-bottom: 25px;}
.returnWrap .dotBox:after {content:''; display:block; clear:both;}
.returnWrap .dotBox .dotList {float:left}
.returnWrap .dotBox .dotList.right {margin-left:70px;}

.chaTable .tableType01 {width:817px; position: relative; margin-bottom: 30px;}
.chaTable .tableType01.type2 {margin-bottom: 80px;}
.chaTable .tableType01 .img {position: absolute; right:-143px; bottom:0;}
.chaTable .tableType01 .img.vr {position: absolute; top:-60px;}

/* tableType01 */
.tableType01 {}
.tableType01 colgroup .no1 {width: 162px;}
.tableType01 colgroup .no2 {width:250px;}
.tableType01 table {width: 100%;}
.tableType01 table thead th {background: #f5f5f5; border:1px solid #d1d1d1; color:#000000; text-align: center; font-weight: 700; font-size: 16px; padding:12px 0;}
.tableType01 table tbody th {background: #f5f5f5; border:1px solid #d1d1d1; color:#555555; text-align: center; font-size: 16px; padding:12px 0;}
.tableType01 table td {border:1px solid #d1d1d1; color:#555555; text-align:left; font-weight: 700; font-size: 16px; padding:12px 0 12px 20px;}
.tableType01 table td span {color:#f14766;}

.lastInfo {font-size: 16px; color:#555555; }
.lastInfo p{ margin-bottom: 12px; }

.busInfo {font-size: 16px; color:#555555; }
.busInfo p{ margin-bottom: 15px;}
.busInfo .pink {display: inline-block; border-radius:10px; background:#f14766; font-weight:700; color:#fff; font-size: 15px; padding:5px 10px; margin-right: 7px;}

.vrIntro {position: relative; margin-bottom:20px;}
.vrIntro:after {content:''; position: absolute; left:0; top:0; width: 100%; background:#ecebeb url('/images/sub/vr01.png') center top no-repeat; height:217px;}
.vrIntro .in {position: relative; z-index: 1; top:-22px}
.vrIntro .in .img {max-width:1200px; margin:0 auto; text-align: center;}

.vrWrap .vrTit01 {position: relative;font-size: 34px; font-weight:700; color:#333333; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.vrWrap .vrTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:80px; background:#a5a5a5;}
.vrWrap .vrTit01 span {color:#fb4705;}
.vrWrap .vrTit02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}

.vrWrap .vrImg01 {margin-bottom:100px;}
.vrWrap .vrImg01 p {font-size: 16px; color:#333333;  padding-top: 20px; letter-spacing:-0.03em}

.vrWrap .vrImg02 {margin-bottom: 100px;position: relative;} 
.vrWrap .vrImg02 ul {position: absolute; left:0; top:0; width: 100%; height: 100%;}
.vrWrap .vrImg02 ul:after {content:''; display:block; clear:both;}
.vrWrap .vrImg02 ul li {float:left; width: 33.3336%; position: relative; height: 100%; cursor:pointer; background:rgba(255,255,255,.01);} 
.vrWrap .vrImg02 ul li a {display: block; position: relative; height: 100%;}
.vrWrap .vrImg02 ul li a:hover span {opacity:1; visibility:visible; transform:scale(1)}
.vrWrap .vrImg02 ul li a:active span {opacity:1; visibility:visible; transform:scale(1)}
.vrWrap .vrImg02 ul li span {position: absolute; opacity:0; visibility:hidden;transform:scale(.7); transition:.3s all;}
.vrWrap .vrImg02 ul li.no1 span {left:15px; top:40px;}
.vrWrap .vrImg02 ul li.no2 span {left:-30px; top:13px;}
.vrWrap .vrImg02 ul li.no3 span {left:10px; top:20px;}

.vrWrap .vrTit03 {position: relative; padding-top: 42px; margin-bottom: 75px; text-align: center; }
.vrWrap .vrTit03:after {content:''; position: absolute; left:0; top:0; height: 115px; width: 100%; background:#ececec;}
.vrWrap .vrTit03 .tit01 {font-size: 20px; color:#333333;  margin:0 45px 40px 45px; padding-top: 40px; background:#fff; position: relative; z-index: 10;}
.vrWrap .vrTit03 .tit01 span {font-size: 40px; color:#fb4705; font-weight:700;}
.vrWrap .vrTit03 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:10px; line-height:33px; }
.vrWrap .vrTit03 .tit02 span {color:#fb4705; display: inline-block; border-bottom: 1px solid #fb4705; line-height: 25px;}

.vrWrap .vrTit04 {position: relative; padding-top:100px; margin-bottom: 90px; text-align: center; }
.vrWrap .vrTit04:after {content:''; position: absolute; left:0; top:0; height:400px; width: 100%; background:#ececec;}
.vrWrap .vrTit04 .tit01 {font-size: 30px; color:#333333;  margin-bottom:35px; z-index: 10; font-weight:700; position: relative;z-index: 1;}
.vrWrap .vrTit04 .tit01 span { color:#ed1940; }
.vrWrap .vrTit04 .img {position: relative; z-index:1;}
.vrWrap .vrTit04 .tit02 {position: relative; left:-20px;}
.vrWrap .vrTit04 .tit02 .box {float:left; width: 45%;}
.vrWrap .vrTit04 .tit02 .box:first-child {width: 55%;}
.vrWrap .vrTit04 .tit02 .box:after {content:'';display:block; clear:both;}
.vrWrap .vrTit04 .tit02 .box .tit {position: relative; top:-30px; float:left; color:#fff; padding:55px 0 0 35px;  text-align: left; font-weight:700; font-size: 22px; background:url('/images/sub/ico_vr.png') center top no-repeat; width: 145px; height: 187px; }
.vrWrap .vrTit04 .tit02 .box .text {margin-left:140px; padding-top:40px;text-align: left; font-size:20px; color:#333333; line-height: 30px;}
.vrWrap .vrTit04 .tit02 .box .text span {display: inline-block; text-align: center; color:#fff; font-size: 18px; line-height: 18px; background:#ed1940; ; border-radius:10px;padding:5px 5px;}
.vrWrap .arrowBottom {margin-bottom: 55px; height: 245px; background:url('/images/sub/vr06.png') center no-repeat;}

.vrBike {background:url('/images/sub/vr08.png') center top no-repeat; text-align: center; margin-bottom: 100px;}
.vrBike .tit {margin-bottom: 50px; padding-top: 50px;}
.vrBike .infoText {max-width:1240px; margin:0 auto;}
.vrBike .infoText:after {content:''; display:block; clear:both;}
.vrBike .infoText .box {position: relative; float:right; width:50%; height: 370px; padding-top:50px; background:url('/images/sub/vr10.png') no-repeat;}
.vrBike .infoText .box:first-child {float:left; }
.vrBike .infoText .box:first-child .cha {position: absolute; left:-138px; top:-78px;}
.vrBike .infoText .box:last-child .cha {position: absolute; right:60px; top:-99px;}
.vrBike .infoText .box .tit01 {margin-bottom: 30px;}
.vrBike .infoText .box .tit01 span{display: inline-block; border-radius:30px; font-size: 16px; color:#fff; font-weight:700; width: 180px;height: 50px; line-height: 50px; background:#ed1940;}
.vrBike .infoText .box .tit02 {font-size: 19px; color:#333333; line-height: 35px;}
.vrBike .infoText .box:last-child .tit02 {font-style:italic;}
.vrBike .infoText .box .tit02 span {color:#ed1940; font-weight: 700;}

.worldBike {background:url('/images/sub/vr11.png') center top no-repeat; text-align: center;;}
.worldBike .titleWrap .tit01 {font-size: 80px;  padding-top: 140px; font-weight: 700; color:#000000;; margin-bottom: 30px;}
.worldBike .titleWrap .tit01 span {display: inline-block; border-bottom: 1px solid #1a1a1a; padding-bottom: 15px;}
.worldBike .titleWrap .tit02 {font-size: 40px; color:#fb4705; font-weight:800; letter-spacing:23px; margin-bottom: 100px;}

.worldBike .infoPro {position: relative; background:#262626; padding:38px 0 38px 40px; text-align: left; }
.worldBike .infoPro:after {content:''; display:block; clear:both;}
.worldBike .infoPro .title {float:left; }
.worldBike .infoPro .title .tit01 {font-size: 16px; color:#fff; letter-spacing:7px; margin-bottom: 15px;}
.worldBike .infoPro .title .tit02 {font-size: 23px; color:#fff; font-weight:700; letter-spacing:8px;}
.worldBike .infoPro .info {margin-left: 220px; padding-left:60px; border-left:1px solid #fff;}
.worldBike .infoPro .info .tit01:first-child {margin-bottom: 22px;}
.worldBike .infoPro .info .tit01 {position: relative; padding-left: 33px; font-size: 20px; color:#ff8828; }
.worldBike .infoPro .info .tit01:after {content:''; position: absolute; left:0; top:18px; width: 5px; height: 5px; background:#ff8828;}
.worldBike .infoPro .info .tit01 span {font-size: 40px;}
.worldBike .infoPro .info .tit01.color02 {color:#ffd65a; line-height: 40px;}
.worldBike .infoPro .info .tit01.color02:after {background:#ffd65a; top:22px}
.worldBike .infoPro .cha {position: absolute; right:40px; top:-135px;}



.vrReserve .vrInfoWrap {position: relative; text-align: center; padding-top: 50px;}
.vrReserve .vrInfoWrap:after {content:''; position: absolute; left:0; top:0; width: 100%; height:190px; background:#f0f0f0;}
.vrReserve .vrInfoWrap .vrInfo {position: relative; z-index: 10; margin-bottom:130px; }
.vrReserve .vrInfoWrap .vrInfo .tit {display: inline-block; vertical-align: middle; border-bottom: 1px solid #000000; margin-right:35px;}
.vrReserve .vrInfoWrap .vrInfo .tit span {font-size:80px; color:#fb4705; font-weight:800; display: inline-block; vertical-align: middle; margin-right: 15px;}
.vrReserve .vrInfoWrap .vrInfo .tit em {font-size: 30px; color:#333333; font-weight:700; display: inline-block; vertical-align: middle;}
.vrReserve .vrInfoWrap .vrInfo .text {font-size: 20px; line-height: 33px; color:#333333; display: inline-block; vertical-align: middle;}
.vrReserve .vrInfoWrap .vrInfo .cha01 {position: absolute; left:30px; top:10px;}

.vrReserve .vrReservList  {margin-bottom: 90px;}
.vrReserve .vrReservList ul:after {content:''; display:block; clear:both;}
.vrReserve .vrReservList ul li {float:left; width: 33.3336%; padding:0 23px; border-left:1px dashed #999999; height: 280px;  text-align: center;}
.vrReserve .vrReservList ul li .num {margin-bottom: 30px;}
.vrReserve .vrReservList ul li .num span{display: inline-block; text-align: center;color:#fff; border-radius:50px; width:90px; height: 90px; line-height:90px; font-size: 34px; font-weight:700; background:#fb4705;}
.vrReserve .vrReservList ul li .textWrap {font-size: 16px; color:#333333; }
.vrReserve .vrReservList ul li .textWrap .tit01 { line-height: 25px; padding-top: 20px;}
.vrReserve .vrReservList ul li .textWrap .tit01 span {color:#fb4705; font-weight: 700;;}
.vrReserve .vrReservList ul li .textWrap .tit02 {font-size: 20px; font-weight:700; color:#333333; margin-bottom: 13px;}
.vrReserve .vrReservList ul li .textWrap .tit03 {border-radius:10px; background:#f0f0f0; padding:13px 15px; letter-spacing:-0.05em; line-height:23px;}
.vrReserve .vrReservList ul li.no1 .textWrap .tit01 {padding-top: 0;}

.hdmWrap {background: url('/images/sub/vr13.png') center top no-repeat; text-align: center;padding-top: 65px;}
.hdmWrap .tit01 {margin-bottom: 20px;}
.hdmWrap .img01 {margin-bottom: 95px;}

.landList ul {}
.landList ul:after {content:''; display:block; clear:both;}
.landList ul li {position: relative; float:left; width:47.5%;margin-bottom:60px}
.landList ul li:nth-child(odd){ margin-right:5%; }
.landList ul li:hover .pop{opacity:1; visibility:visible; }
.landList ul li .img img {width: 100%;}
.landList ul li .titleWrap {padding:32px 0 45px 31px;}
.landList ul li .titleWrap .tit01 {font-size: 26px; font-weight: 700; color:#333333; margin-bottom: 15px;}
.landList ul li .titleWrap .tit02 {position: relative; font-size: 18px; color:#999999;}

.landList ul li .pop {position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.85); opacity:0; visibility:hidden; transition:.3s all;}
.landList ul li .pop .popTit01 {position: absolute; left:0; top:0; width: 100%; text-align: center;}
.landList ul li .pop .popTit01 .tit01 {font-size:26px; color:#ffffff; font-weight:700; padding-top: 65px; margin-bottom: 20px;}
.landList ul li .pop .popTit01 .tit02 {font-size:14px; color:#ffffff; position: relative; padding-bottom: 20px;}
.landList ul li .pop .popTit01 .tit02:after {content:''; position: absolute; left:50%; margin-left:-15px; bottom:0; width:30px; height: 1px; background:#fff;}
.landList ul li .pop .popTit02 {position: absolute; left:0; top:255px; width: 100%; padding:0 20px;}
.landList ul li .pop .popTit02 > .tit01 {height:82px; margin-bottom: 25px; border-bottom: 1px solid #fff;;}
.landList ul li .pop .popTit02 > .tit01 img {vertical-align: middle;}
.landList ul li .pop .popTit02 > .tit01.vm {line-height:82px;}
.landList ul li .pop .popTit02  .popText .tit01 {font-size: 20px; color:#fff; letter-spacing:-1px;}
.landList ul li .pop .popTit02  .popText .tit01  em {display: inline-block; vertical-align: middle;}
.landList ul li .pop .popTit02  .popText .tit01  span {display: inline-block; vertical-align: middle;  color:#c5fc83; border-left: 2px solid #b7b7b7; margin-left:10px; padding-left: 10px;}
.landList ul li .pop .popTit02  .popText .tit02{font-size: 16px; color:#fff; line-height: 25px;  margin-top: 10px;}

.formWrap .tit01 {font-size: 21px; color:#333333; font-weight:700; margin-bottom: 30px;}
.formWrap .agree  {font-size: 15px; color:#666666; line-height: 23px; border:1px solid #d1d1d1; padding:20px; margin-bottom: 20px;}


/* baseCehck */
.baseCehck input {position: absolute; visibility:hidden;}
.baseCehck a { font-size: 15px; line-height: 15px; color:#888888; border-bottom:1px solid #888888; margin-left:2px; letter-spacing:-1px;}
.baseCehck label {position: relative; padding-left:27px; font-size: 15px; color:#444444; letter-spacing:-1px;}
.baseCehck label:after {content:''; position: absolute; left:0; top:-2px; width:16px; height: 16px; background:#fff; border:1px solid #d1d1d1;}
.baseCehck input:checked +label:after { background: url('/images/sub/ico_checkOn.png') center no-repeat;}
.baseCehck.solo label {padding-left:16px;}

/* baseSel */
.baseSel {position: relative; background:#fff;display: inline-block; height: 40px; border:1px solid #d1d1d1; min-width:130px; vertical-align: middle;} 
.baseSel:after {content:''; position: absolute; right:10px; top:50%; width:13px; margin-top:-4px; height:8px;background:url('/images/sub/ico_select3.png') center center no-repeat; }
.baseSel label {position: absolute; left:10px; top:12px; font-size: 15px; color:#666666; }
.baseSel select {opacity:0; width: 100%; height:40px; position: relative; z-index:10; font-size: 15px;}

.tlb01 {margin-top: 70px; margin-bottom:50px;}
.tlb01 table {width: 100%; border-top:1px solid #565656;}
.tlb01 table colgroup .no1 {width: 200px;}
.tlb01 table th {font-size:16px; color:#222222; background:#f5f5f5; padding:25px 0 25px 30px; border-bottom: 1px solid #dddddd; font-weight:400;}
.tlb01 table td {font-size:16px; color:#666666; padding:10px 20px; border-bottom: 1px solid #dddddd;}
.tlb01 .star {color:#ed1940;}
.tlb01 input[type=text] {border:1px solid #d1d1d1; height: 40px; padding-left: 10px;}
.tlb01 input[type=password] {border:1px solid #d1d1d1; height: 40px; padding-left: 10px;}
.tlb01 textarea {border:1px solid #d1d1d1; height:220px; width: 100%; padding:10px;}
.tlb01 .size01 {width:600px;}
.tlb01 .size02 {width:230px;}
.tlb01 .size03 {width:180px;}
.tlb01 .size04 {width:180px;}
.tlb01 .info {margin-left:5px;}
.tlb01 .dash {display: inline-block; vertical-align: middle; width: 22px; text-align: center;}

.fkLabel {position: relative; display: inline-block; vertical-align:middle;}
.fkLabel.db {display: block;}
.fkLabel input + label { position: absolute; left:10px;	top:5px; display: none !important; color:#999999;}
.fkLabel input + label:after {content:'*'; color: #eb4465; }
.fkLabel input:invalid + label { display: inline-block;}
.fkLabel input:valid + label{display: none;}

.fkLabel textarea + label { position: absolute; left:10px;	top:5px; display: none !important; color:#999999; }
.fkLabel textarea + label:after {content:'*'; color: #eb4465; }
.fkLabel textarea:invalid + label { display: inline-block;}
.fkLabel textarea:valid + label{display: none;}

.tlb01 .hiddenTxt {display: none;}
.autoDis .img {display: inline-block; vertical-align: top; margin-right: 7px;}
.autoDis .inputAuto {display: inline-block;  vertical-align: top;}
.autoDis .inputAuto .btnAuto {margin-bottom:10px;}
.autoDis .inputAuto .btnAuto a {display: inline-block; border:1px solid #d1d1d1; border-radius:3px; text-align: center; width: 100px; height: 25px;}
.autoDis .inputAuto .btnAuto a span {display: inline-block; font-size: 13px; color:#666666; font-weight: 700; padding:5px 0 2px 23px; background:url('/images/sub/ico_re.png') left 4px no-repeat;}
.autoDis .inputAuto .btnAuto .size06 {width:180px;}

.logArea {padding-top: 180px;}
.logArea .tit01 {text-align: center; margin-bottom:60px;}
.logArea .tit01 .logo {width: 174px; height: 80px; background:url('/images/sub/logLogo.png') no-repeat;  vertical-align: middle; display: inline-block;}
.logArea .tit01 .text { padding-left: 28px; margin-left:28px; border-left:1px solid #d1d1d1;vertical-align:middle; display: inline-block; text-align: left;}
.logArea .tit01 .text .txt01 {font-size: 22px; font-weight:700; color:#000000; padding:12px 0 12px 0;}
.logArea .tit01 .text .txt02 {font-size: 16px; color:#666666; line-height:25px; }
.logArea .inputLog {width:436px; margin:0 auto 25px auto;}
.logArea .inputLog .ipLine .line {margin-bottom: 10px;}
.logArea .inputLog .ipLine input {width:100%; padding-left: 20px; height: 50px; border:1px solid #d1d1d1; background:#fafafa; color:#333;;}
.logArea .inputLog .btnLogin a {text-align: center; display: block; font-size: 16px; color:#fff; background:#f14766; border-radius:3px; height: 60px; line-height: 60px; font-weight:700;}

.idWrap {width:618px;  padding:0 90px 50px 90px; border-bottom:1px solid #dddddd; margin:0 auto 40px auto; }

.searchBtn {width:475px; margin:0 auto;}
.searchBtn .box {margin-bottom:15px;}
.searchBtn .box:after {content:''; display:block; clear:both;}
.searchBtn .box .tit {float:left; margin-top:10px; padding-left: 20px; font-size:16px; color:#666666; position: relative;}
.searchBtn .box .tit:after {content:''; position: absolute; left:0; top:5px; width:4px; height: 4px; background:#333333;;}
.searchBtn .box a {float:right; font-size: 15px; color:#333333; width:166px; height:34px; line-height:34px; text-align: center; border:1px solid #333333; border-radius:5px;}


.idpwSearch {width: 635px; margin:0 auto;}
.idpwSearch .radioWrap {text-align: center; padding:28px 0; background:#f8f8f8; margin-bottom: 30px;}
.idpwSearch .radioWrap .baseRadio { display: inline-block;}
.idpwSearch .radioWrap .baseRadio:first-child {margin-right:70px;}
.idpwSearch .searchSel {} 
.idpwSearch .searchSel .writeType01 { border-bottom:1px solid #d1d1d1; margin-bottom: 30px; padding-bottom: 40px; padding:0 80px 40px 80px;}
.idpwSearch .searchSel .writeType01 colgroup .no1 {width: 105px;}
.idpwSearch .searchSel .writeType01 table {width: 100%;}
.idpwSearch .searchSel .writeType01 table th{text-align: left; font-size: 16px; font-weight:700; color:#000000; vertical-align: top;padding-top:20px;}
.idpwSearch .searchSel .writeType01 table td{text-align: left; font-size: 15px; color:#333333; padding:5px 0;}
.idpwSearch .searchSel .writeType01 table input {width: 100%; height: 45px; border:1px solid #d1d1d1; padding-left: 10px;}
.idpwSearch .searchSel .writeType01 table .size03 {width:105px;}
.idpwSearch .searchSel .writeType01 .addInput {padding-top: 10px;}
.idpwSearch .searchSel .writeType01 ::-webkit-input-placeholder  {  text-indent:-9999em}
.idpwSearch .searchSel .writeType01 :-ms-input-placeholder {   text-indent:-9999em}
.fakeFb01 .fd {display: inline-block; vertical-align: middle;}


.joinWrap {padding-top: 140px;}
.joinWrap .joinTit {font-size:28px; color:#333333; padding-bottom:22px; margin-bottom:29px; border-bottom:2px solid #000000;}
.joinWrap .agreeBox {margin-bottom:50px;}
.joinTit01 {font-size:20px; color:#f14766; font-weight: 700; margin-bottom: 17px;}
.joinTit01 span {font-size:14px; color:#555555; font-weight: 400;}
.joinWrap .agreeCont {border:1px solid #cccccc; height: 230px; overflow-y:auto; padding:20px; line-height:25px; font-size:15px; color:#666666; margin-bottom: 10px;}
.joinWrap .agreeCont pre {white-space:pre-line;;}

.tlb01.type2 {margin-top: 15px;}
.tlb01.type2 table {border-top:1px solid #d3d3d3;}
.tlb01.type2 table colgroup .no1 {width: 160px;}
.tlb01.type2 ::-webkit-input-placeholder  { text-indent:-9999em;}
.tlb01.type2 :-ms-input-placeholder { text-indent:-9999em}
.tlb01.type2 input {width: 100%;}
.tlb01.type2 .btnSame {display: inline-block; vertical-align: middle; text-align: center; width:105px; height: 40px; line-height:40px; font-size:15px; color:#333333; border-radius:5px; background:#e8e8e8; margin-left:5px; font-weight:700;}
.tlb01.type2 .btnPhone {display: inline-block; vertical-align: middle; text-align: center; width:130px; height: 40px; line-height:40px; font-size:15px; color:#333333; border-radius:5px; margin-left:5px; font-weight:700; border:1px solid #333333;}
.tlb01.type2 .fdSize01 {width: 245px;}
.tlb01.type2 .fdSize03 {width: 360px;}
.tlb01.type2 .fdSize05 {width: 200px;}
.tlb01.type2 .fdSize07 {width: 200px;}
.tlb01.type2 .fdSize08 {width: 120px;}
.tlb01.type2 .baseSel {width: 100%;}
.tlb01.type2 .numIn {color:#333333; font-weight:700;}
.tlb01 .btnPhoneMob {display: none;}
.tlb01 .fkTb {display: inline-block;}
.tlb01 .fkTb.double {display:block;}
.tlb01 .fkTb.double .btnPhone {display: none;}
.tlb01 .fkTb .fd{display: inline-block;}
.tlb01 .dir{display: inline-block;}

.joinCom {text-align: center; margin-top: 90px;}
.joinCom .logo{font-size:24px; color:#333333; padding-top: 120px; background:url('/images/sub/logLogo.png') center top no-repeat; margin-bottom: 100px;}
.joinCom .btnCenter {background:#f9f9f9; padding:50px 0; border-top: 1px solid #dedede;}


/* popArea */
.popArea {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 100; display: none;}
.popArea .bg{position: fixed; left:0; top:0;  width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.5);}
.popArea .popCont{position: absolute; left:50%; top:50%; height: 400px; z-index:10; width: 796px; margin-left:-398px; margin-top:-200px; background:#fff;}
.popArea .popCont .title {font-size:22px; color:#000000; font-weight:700; padding:25px 0 18px 28px; border-bottom: 1px solid #d1d1d1;}
.popArea .popCont .cont {padding-top:76px; text-align: center; line-height:30px;}
.popArea .popCont .cont .outTit01 {font-size: 20px ;color:#666666; padding-bottom:65px;}
.popArea .popCont .closePop {position: absolute; right:20px; top:20px; cursor:pointer;}
.popArea .popCont .closePop a {display: inline-block;text-indent:-999em;width:26px; height: 25px; background:url('/images/sub/btnClose.png') no-repeat;}



@media all and (max-width:1400px) {
	.gnbWrap .in > ul {margin-right: 75px;}
	.gnbWrap .in > ul > li  {padding:0;}
	.gnbWrap .in > ul > li .tit a {padding:0 8px; font-size: 16px;}
	.gnbWrap .in .subGnb {padding-left: 5px;}
	.gnbWrap .subGnb li a {font-size: 11px;}

	.head .inner .h1Logo {padding-left: 5px;}
	.head .inner .h1Logo h1 a {width:150px;}

	.head .inner .rightArea .btnLogin a {width:35px;}
	.head .inner .rightArea .btnJoin a {width: 50px;}
}

@media all and (max-width:1204px) {
	.subTopWrap .lnbWrap {width: 100%; margin-left: 0; left:0;}
	.mainSlide .slide li span { margin-left:-300px; transition:.3s all;}
	.mainSlide .slick-dots {margin-left:-285px;  transition:.3s all;}
	.mainSlide .autoStop {margin-left:-185px;  transition:.3s all;}

	.subContent { padding: 0 15px 0 15px;}
    .subContent.pd0 {padding:0;}

}


@media all and (max-width:1024px) {
    .pc {display: none !important;}
    .mob {display: block;}
    /* Mobile Form Default */
    textarea,input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}



    .head .gnbWrap {display:none;}
    .head .rightArea .btnLogin{display:none;}
    .head .rightArea .btnJoin{display:none;}
    .head .rightArea .btnglobal{display:none;}

    .head .inner {height: 50px;}
    .head .btnMenu {position: absolute; left:0; top:0; display: block;}
    .head .btnMenu a {display: block; width:55px; height:50px; background:url('/images/btnMenu.png') center no-repeat; background-size:25px auto; text-indent:-999em;}
    .head .btnMenuClose {position: absolute; left:0; top:0; display:none;}
    .head .btnMenuClose a {display: block; width:55px; height:50px; background:url('/images/btnMobClose.png') center no-repeat; background-size:22px auto; text-indent:-999em;}

    .head .inner .h1Logo {position: static; text-align: center; padding:0; height: 50px; line-height: 50px;}
    .head .inner .h1Logo h1 a {display: inline-block; vertical-align: middle; width: 170px; height: 32px; background:url('/images/h1Logo_m.png') no-repeat; background-size:170px auto;}
    .head .inner .rightArea .btnReg a {font-size: 13px; height: 50px; padding-top: 19px; width: 50px;}
    .head .inner .rightArea .btnReg a em {display: block;}
    .head .inner .rightArea .btnReg .hand {background:none;}
    .head .inner .rightArea .btnReg a:hover .hand {background-size:40px auto;}

    .container {padding-top: 50px; padding-bottom: 70px;}
    .subTopWrap {height: 38px; }
    .subTopWrap .lnbWrap {height: 38px; position: relative; padding-left:40px;background:#8d001c; border-bottom:none;}
    .subTopWrap .lnbWrap .btnHome {position: absolute; left:0; top:0; height: 38px; width: 40px; background:#f14766 url('/images/sub/btnHome_m.png') center no-repeat; background-size:10px auto;}
    .subTopWrap .lnbWrap .lnbList {width: 50%; margin-left: 0;}
    .subTopWrap .lnbWrap .lnbList:last-child {border-right:none;}
    .subTopWrap .lnbWrap .lnbList p a {height: 38px; line-height: 38px; font-size: 12px; color:#fff; border-right:1px solid #620014;}
    .subTopWrap .lnbWrap .lnbList p a:after {background:url('/images/sub/ico_lnb_m.png') center no-repeat; background-size:8px auto; right:10px;}
    .subTopWrap .lnbWrap .lnbList ul {top:38px; border:none; border-top:1px solid #620014;}
    .subTopWrap .lnbWrap .lnbList ul a {height: 38px; line-height: 38px; font-size: 12px; background:#8d001c; color:#fff;}
    .subTopWrap .lnbWrap .lnbList ul li {border-top:1px solid #620014;}
    .subTopWrap.three .lnbWrap .lnbList:last-child{display: none;}


    .footer {position: relative;}
    .footer .in {position: static;}
    .footer .top  {height: 38px;}
    .footer .top .footGnb {padding:10px 0 0 15px;}
    .footer .top .footGnb ul li {float:left; position: relative; padding-left:8px; margin-left: 8px;}
    .footer .top .footGnb ul li:after {top:5px; width: 1px; height:8px; background:#fff;}
    .footer .top .footGnb ul li a {color:#fff; font-size: 12px; line-height: 12px;}
    .footer .top .sns {position: absolute;top:auto; left:0; bottom:25px; z-index: 10; }
    .footer .top .sns li {}
    .footer .top .sns li a {display: inline-block; width: 28px; height: 28px; text-indent:-999em;}
    .footer .top .sns li.no1 {background:url('/images/sns01_m.png') no-repeat; background-size:28px auto;}
    .footer .top .sns li.no2 {background:url('/images/sns02_m.png') no-repeat; background-size:28px auto;}
    .footer .top .sns li.no3 {background:url('/images/sns03_m.png') no-repeat; background-size:28px auto;}
    .footer .top .sns li.no4 {background:url('/images/sns04_m.png') no-repeat; background-size:28px auto;}
    .footer .addWrap {background:#626b73; padding:20px 0 75px 15px; font-family:'Noto Sans KR'; font-size: 11px; line-height: 22px; color:#fff; font-family:'Noto Sans KR';}
    .footer .btnTop { right:15px;}
    .footer .btnTop.on {bottom:15px;}
    .footer .btnTop a { width: 25px; height: 25px; background-size:25px auto;}

    .memberheader {position: fixed; left:0; top:0; width: 100%; height:50px; text-align: center; background:#fafafa; border-bottom:1px solid #e7e7e7;}
    .memberheader .btnBack {position: absolute; left:0; top:0; } 
    .memberheader .btnBack a{display: block; width: 50px; height: 50px;background:url('/images/sub/btnBack.png') center no-repeat; background-size:14px auto; text-indent:-999em;} 
    .memberheader .memberTit {height: 50px; line-height: 50px; font-size:17px; color:#333333; font-weight:700;}

    .logArea {padding-top: 35px;}
    .logArea .tit01 { margin-bottom:25px;}
    .logArea .tit01 .logo {width:130px; height:60px; background:url('/images/sub/logLogo_m.png') center center no-repeat; background-size:130px auto; }
    .logArea .tit01 .text { padding-left: 0; margin-left:0; border-left:none;display: block; text-align: center;}
    .logArea .tit01 .text .txt01 {font-size:16px; font-weight:700; color:#000000; padding:35px 0 6px 0;}
    .logArea .tit01 .text .txt02 {font-size: 12px; color:#666666;line-height: 20px;  }
    .logArea.idpw .tit01 .text .txt01{display: none;}
    .logArea.idpw .tit01 .text .txt02{padding-top: 35px;}
    .logArea .inputLog {margin:0 auto 10px auto; padding:0 35px; width: 100%;}
    .logArea .inputLog .ipLine .line {margin-bottom: 5px;}
    .logArea .inputLog .ipLine input {width:100%; padding-left:10px; height: 35px; line-height:35px; }
    .logArea .inputLog .btnLogin a { font-size: 14px; color:#fff; background:#f14766; border-radius:3px; height: 35px; line-height: 35px; font-weight:700;}

    .idWrap { margin:0 35px 15px 35px; border-bottom:1px solid #dddddd; padding:0 0 15px 0; width:auto;}

    .searchBtn {width:100%; margin:0 auto; padding:0 35px;}
    .searchBtn:after {content:''; display:block; clear:both;}
    .searchBtn .box {margin-bottom:0; display: inline-block; vertical-align: middle; width:49%; float:left;}
    .searchBtn .box:first-child {margin-right:2%;}
    .searchBtn .box .tit {display: none;}
    .searchBtn .box a {display: block; float:none; font-size: 13px; color:#333333; width:100%; height:30px; line-height:30px; }

    .baseCehck label { padding-left:20px; font-size: 13px; }
    .baseCehck label:after { top:-1px; width:13px; height: 13px; background:#fff; border:1px solid #d1d1d1;}
    .baseCehck input:checked +label:after { background:#fafafa url('/images/sub/ico_checkOn.png') center no-repeat;}
    .baseCehck.solo label {padding-left:16px;}


    ::-webkit-input-placeholder { font-size: 13px;}
    :-moz-placeholder { font-size: 13px; }
    ::-moz-placeholder {  font-size: 13px; }
    :-ms-input-placeholder { font-size: 13px;}

    .idpwSearch {width:100%; margin:0 auto;}
    .idpwSearch .radioWrap {text-align: center; padding:14px 0; background:#f8f8f8; margin-bottom:20px;}
    .idpwSearch .radioWrap .baseRadio { display: inline-block;}
    .idpwSearch .radioWrap .baseRadio:first-child {margin-right:35px;}
    .idpwSearch .radioWrap .baseRadio label {font-size: 13px;}
    .idpwSearch .baseSel label {font-size: 13px;}
    .idpwSearch .searchSel {} 
    .idpwSearch .searchSel .writeType01 {margin-bottom: 25px;  padding:0 35px 20px 35px;}
    .idpwSearch .searchSel .writeType01 colgroup .no1 {display: none;}
    .idpwSearch .searchSel .writeType01 table th{display: none;}
    .idpwSearch .searchSel .writeType01 table td{font-size: 13px; color:#333333; padding:3px 0;}
    .idpwSearch .searchSel .writeType01 table input {height: 35px; padding-left: 10px;}
    .idpwSearch .searchSel .writeType01 table .size03 {width:100%;}
    .idpwSearch .searchSel .writeType01 .addInput {padding-top: 6px;}
    .idpwSearch .searchSel .writeType01 ::-webkit-input-placeholder  {  text-indent:0}
    .idpwSearch .searchSel .writeType01 :-ms-input-placeholder {   text-indent:0}
    .idpwSearch .searchSel .writeType01 .fakeFb01 {display:table; width: 100%;}
    .idpwSearch .searchSel .writeType01 .fakeFb01 .fd {display:table-cell;}
    .idpwSearch .searchSel .writeType01 .fakeFb01 .fdSize02 {width: 25px; text-align: center;}
    .idpwSearch .searchSel .writeType01 .fakeFb01 .fdSize03 {width: 100px;}
    .idpwSearch .searchSel .writeType01 .fakeFb01 .fdSize04 {}
    .idpwSearch .searchSel .writeType01 .fakeFb01 .fdSize05 {width: 15px; text-align: center;}
    .fakeFb01 .fd {display: inline-block; vertical-align: middle;}

    /* baseSel */
    .baseSel {position: relative; background:#fff;display: inline-block; height: 35px; border:1px solid #d1d1d1; min-width:100%; vertical-align: middle;} 
    .baseSel:after {right:8px; top:50%; width:13px; margin-top:-4px; height:8px;background:url('/images/sub/ico_select.png') center center no-repeat; background-size:6px auto; }
    .baseSel label {position: absolute; left:10px; top:10px; font-size: 13px; color:#666666; }
    .baseSel select {opacity:0; width: 100%; height:35px; position: relative; z-index:10; font-size: 13px;}



    .joinWrap {  padding-top: 45px;}
    .joinWrap .joinTit {display: none;}
    .joinWrap .agreeBox {margin-bottom:35px;}
    .joinTit01 {font-size:15px;  margin-bottom: 15px;}
    .joinTit01 span {font-size:12px; display: block;padding-top: 10px;}
    .joinWrap .agreeCont {border:1px solid #cccccc; height:170px; overflow-y:auto; padding:15px;  font-size:13px; color:#666666; margin-bottom: 15px;}
    .joinWrap .agreeCont pre { font-size:13px; color:#666666; line-height:inherit;margin:0;}

    .tlb01 {margin-top: 35px; margin-bottom:25px;}
    .tlb01 table td {font-size:13px;padding:10px 0; }
    .tlb01 table td input {font-size:13px;}
    .tlb01 input[type=text] {height: 35px; padding-left: 10px; line-height:35px;}
    .tlb01 input[type=password] { height: 35px; padding-left: 10px; line-height:35px;}
    .tlb01 textarea {height:170px; width: 100%; padding:10px;}
    .tlb01 .size01 {width:600px;}
    .tlb01 .size02 {width:230px;}
    .tlb01 .size03 {width:180px;}
    .tlb01 .size04 {width:180px;}
    .tlb01 .info {display: none;}
    .tlb01 .dash { width: 15px; }
    .tlb01 table th {display: none;}
    .tlb01 table colgroup .no1 {display: none;}

    .tlb01.type2 {margin-top: 15px;}

    .tlb01.type2 ::-webkit-input-placeholder  {  text-indent:0}
    .tlb01.type2 :-ms-input-placeholder {   text-indent:0}
    .tlb01.type2 input {width: 100%;}
    .tlb01.type2 .btnSame {width:100%; height: 35px; line-height:35px; font-size:13px; margin-left:0;}
    .tlb01.type2 .edSize02 {width: 100px; padding-left: 5px;}
    .tlb01.type2 .btnPhone {width:100%; height: 35px; line-height:35px; font-size:13px; margin-left:5px; }
    .tlb01.type2 .fdSize01 {width: 245px;}
    .tlb01.type2 .fdSize03 {width: 360px;}
    .tlb01.type2 .fdSize05 {width: 200px;}
    .tlb01.type2 .fdSize07 {width: 200px;}
    .tlb01.type2 .fdSize08 {width: auto;}
    .tlb01.type2 .fdSize09 {width: 95px; padding-left: 5px; }
    .tlb01.type2 .fdSize10 {width:145px; }
    .tlb01.type2 .fdSize11 {width: 18px; text-align: center;}
    .tlb01.type2 .fdSize12 {width: 125px;}
    .tlb01.type2 .fdSize13 {width:110px; padding-right: 5px;}
    .tlb01.type2 .fdSize14 {}
    .tlb01.type2 .fdSize15 {width:60px; padding-left: 5px;}
    .tlb01.type2 .fdSizeAuto {width:auto;}
    .tlb01.type2 .width100 {width:100%;}
    .tlb01.type2 .baseSel {width: 100%;}
    .tlb01.type2 .numIn {color:#333333; font-weight:700;}
    .tlb01 .btnPhoneMob {display:block;}
    .tlb01 .fkTb { width: 100%; display:table;}
    .tlb01 .fkTb.double {display:table;}
    .tlb01 .fkTb.double .btnPhone {display:inline-block; margin-left: 0;}
    .tlb01 .fkTb .fd{display:table-cell;}
    .tlb01 .dir{ width: 100%; padding-top:5px;}
    .tlb01 table td.doubleTd {border-bottom: 1px dashed #d1d1d1;}
    .tlb01 .fdSize06 {text-align: center;}

    .btn01 {width: 100px; line-height:35px; height: 35px; font-size: 13px;  }

    .tlb01.type3 ::-webkit-input-placeholder  { text-indent:-9999em}
    .tlb01.type3 :-ms-input-placeholder {  text-indent:-9999em}
    .tlb01.type3 input {width: 100%;}
    .tlb01.type3 .btnSame {width:100%; height: 35px; line-height:35px; font-size:13px; margin-left:0;}
    .tlb01.type3 .edSize02 {width: 100px; padding-left: 5px;}
    .tlb01.type3 .btnPhone {width:100%; height: 35px; line-height:35px; font-size:13px; margin-left:5px; }
    .tlb01.type3 .fdSize01 {width: 245px;}
    .tlb01.type3 .fdSize03 {width: 360px;}
    .tlb01.type3 .fdSize05 {width: 200px;}
    .tlb01.type3 .fdSize07 {width: 200px;}
    .tlb01.type3 .fdSize08 {width: 120px;}
    .tlb01.type3 .fdSize09 {width: 95px; padding-left: 5px; }
    .tlb01.type3 .fdSize10 {width:145px; }
    .tlb01.type3 .fdSize11 {width: 18px; text-align: center;}
    .tlb01.type3 .fdSize12 {width: 125px;}
    .tlb01.type3 .fdSize13 {width:110px; padding-right: 5px;}
    .tlb01.type3 .fdSize14 {}
    .tlb01.type3 .fdSize15 {width:60px; padding-left: 5px;}
    .tlb01.type3 .fdSizeAuto {width:auto;}
    .tlb01.type3 .width100 {width:100%;}
    .tlb01.type3 .size07 {width:18px; text-align: center;}
    .tlb01.type3 .size08 {width:125px; }
    .tlb01.type3 .baseSel {width: 100%;}
    .tlb01.type3 .numIn {color:#333333; font-weight:700;}
    .tlb01.type3 .dash { text-align: center;}

    .tlb01 .hiddenTxt {display: block; margin-bottom: 10px; clear:both;}
    .autoDis:after {content:''; display:block; clear:both;}
    .autoDis .img {float:left;  vertical-align: top; margin-right: 0; width: 90px;}
    .autoDis .img img {width: 100%; height:35px;}
    .autoDis .inputAuto {margin-left:95px; display: block; position: relative; vertical-align: top;}
    .autoDis .inputAuto .btnAuto {margin-bottom:0;}
    .autoDis .inputAuto .btnAuto a {position: absolute; right:5px; top:5px; text-align: left; padding-left: 10px; width:70px;}
    .autoDis .inputAuto .btnAuto a span {display: inline-block; font-size: 11px; color:#666666; font-weight: 700; padding:6px 0 2px 15px; background:url('/images/sub/ico_re_m.png') left 6px no-repeat; background-size:11px auto;}
    .autoDis .inputAuto .size06 { padding-right: 80px;}



    .fkLabel {position: relative; display:table-cell; vertical-align:middle;}
    .fkLabel.last {display: block; padding-top: 10px; margin-top: 10px; border-top:1px dashed #d1d1d1;}
    .fkLabel.db {display: block;}
    .fkLabel input + label { position: absolute; left:10px;	top:10px; display: block !important;  opacity:0;}
    .fkLabel input + label:after {content:'*'; color: red;  margin-left:2px;}
    .fkLabel input:invalid + label { display: inline-block;  opacity:1;}
    .fkLabel input:valid + label{display: none; opacity:0;}

    .fkLabel textarea + label { position: absolute; left:10px;	top:10px; display: block !important; opacity:0; }
    .fkLabel textarea + label:after {content:'*'; color: red; margin-left:2px; }
    .fkLabel textarea:invalid + label { display: inline-block !important; opacity:1;}
    .fkLabel textarea:valid + label{display: none;opacity:0; }



    .joinCom {text-align: center; margin-top: 20px;}
    .joinCom .logo{font-size:16px; color:#333333; padding-top:90px;  background:url('/images/sub/logLogo_m.png') center top no-repeat; background-size:130px auto; margin-bottom: 50px;}
    .joinCom .btnCenter {padding:25px 0; }


    /* popArea */
    .popArea .popCont{position: absolute; left:3%; top:50%; height: 260px; z-index:10; width:94%; margin-left:0; margin-top:-130px; background:#fff;}
    .popArea .popCont .title {font-size:18px; color:#000000; font-weight:700; padding:15px 0 15px 10px;}
    .popArea .popCont .cont {padding-top:35px; text-align: center; line-height:22px;}
    .popArea .popCont .cont .outTit01 {font-size: 13px ;color:#666666; padding-bottom:35px;}
    .popArea .popCont .closePop {position: absolute; right:10px; top:14px; cursor:pointer;}
    .popArea .popCont .closePop a {display: inline-block;text-indent:-999em;width:26px; height: 25px; background:url('/images/sub/btnClose.png') center no-repeat; background-size:15px auto;}


    .vrmain {position: relative; padding-bottom: 35px; margin-bottom:30px;}
    .vrmain .in{max-width:1200px; margin:0 auto; position: relative; z-index: 10;}
    .vrmain:after {height:210px; }
    .vrmain .tab {display: none;}
    .vrmain .tab:after {content:''; display:block; clear:both;}
    .vrmain .tab a {float:left; margin-left: 10px;  width: 150px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color:#fff; font-weight: 700; border-radius:30px; background:#c9c9c9;}
    .vrmain .tab a:first-child {margin-left: 0;}
    .vrmain .tab a.active {background:#ed1940;}
    .vrmain .tabBox { position: relative; left:0; padding:0 15px; }
    .vrmain .tabBox > div {display: none;}
    .vrmain .tabBox > div.on {display:block;}
    .vrmain .tabBox .tabCont {border:1px solid #aaa596; padding:20px 15px; background:#fff;}
    .vrmain .tabBox .tabCont .textbox { height:auto;  width:auto; padding:0 0 15px 0;}
    .vrmain .tabBox .tabCont .textbox .title {font-size: 20px; margin-bottom:15px; }
    .vrmain .tabBox .tabCont .textbox .txt {font-size: 12px; color:#666666; line-height: 25px; padding-right:70px; }
    .vrmain .videoBox {position: static; width:100%; box-shadow:none; height:300px;}
    .vrmain .videoBox .iframeBox {position: relative;width: 100%; height: 100%; cursor:pointer; }
    .vrmain .videoBox .iframeBox iframe {width: 100%; height: 100%;}

    .vrmain .cha {position: absolute; }
    .vrmain .cha.cha01 {right:-30px; top:40px;}
    .vrmain .cha.cha01 img {display:none;/*width:90px;*/}
    .vrmain .cha.cha02 {display: none;}
    .vrmain .cha.cha03 {display: none;}



    .mainBoard {padding:0 15px; margin-bottom:0;}

    .mainBoard .bigTit { font-size: 20px; line-height: 20px; padding-bottom: 10px; border-bottom:2px solid #3b5998;}

    .mainBoard .facebookWrap {float:none; width: 100%; margin-bottom:35px;}
    .mainBoard .facebookWrap .fbList ul li {margin-top:15px; padding-top: 10px; border-top: 1px solid #dedede; display: none;}
    .mainBoard .facebookWrap .fbList ul li:first-child {display: block;}
    .mainBoard .facebookWrap .fbList ul li a .textWrap {line-height: 20px;font-size: 12px;}
    .mainBoard .facebookWrap .fbList ul li a .textWrap .date {font-size: 12px; margin-top: 5px;}
    .mainBoard .btnMore {position: absolute; right:0; top:10px; width: 12px; height: 12px;}
    .mainBoard .btnMore a {display: block; width: 12px; height: 12px; background:url('/images/btnMore.png') no-repeat; background-size:12px auto;}

    /* 0328���� ���� */
    .mainBoard .rightArea {float:none; width: 100%; position: relative;}
    .mainBoard .rightArea .boardWrap{ margin-bottom:40px;}
    .mainBoard .rightArea .borardTit { border-bottom:2px solid #222222; margin-bottom: 20px; font-size: 15px;height: 30px;}
    .mainBoard .rightArea .borardTit span { height: 30px; line-height:33px; border-bottom:2px solid #222222; margin-left:-2px; width:31%; }
    .mainBoard .rightArea .borardTit span:after {width:2px; height: 8px;}
    .mainBoard .rightArea .borardTit span.active {border:2px solid #222; line-height:29px;}
    .mainBoard .rightArea .borardTit span.active:before {bottom:-2px; height: 2px;}
    .mainBoard .rightArea .btnMore a {background:url('/images/btnMore2.png') no-repeat; background-size:12px auto;}
    .mainBoard .rightArea .list ul li {margin-bottom: 10px;}
    .mainBoard .rightArea .list ul li a {padding:0 0 0 0;}
    .mainBoard .rightArea .list ul li a .notice {display: inline-block; width: 35px; height: 17px; line-height: 17px; border-radius:10px; background:#ed1940;  font-size: 11px; margin-right: 3px;}
    .mainBoard .rightArea .list ul li a .text { font-size: 12px; color:#666666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:85%; display: inline-block; vertical-align: middle;}
    .mainBoard .rightArea .list ul li a .date {display: none; font-size: 11px;}
    .mainBoard .rightArea .boardBox {height:auto;}
    /* 0328���� �� */

    .popZone {position: relative;}
    .popZone .slick-slider { position: static;}
    .popZone .tit{font-size: 21px; line-height: 21px; margin-bottom: 5px;}
    .popZone .popSlide {}
    .popZone .slick-arrow {position: absolute; top:0px;z-index: 10;  border:none; width:22px; height: 22px; text-indent:-999em; z-index: 10; border:1px solid #dddddd;}
    .popZone .slick-arrow.slick-prev {right:25px; background:url('/images/mainArrowLeft2_m.png') center center no-repeat; background-size:20px auto;}
    .popZone .slick-arrow.slick-next {right:0; background:url('/images/mainArrowRight2_m.png') center center no-repeat; background-size:20px auto;}

    .h2Wrap {padding:45px 0 30px 0;}
    .h2Wrap h2 {font-size: 24px;}
    .h2Wrap .subText {font-size: 13px; color:#888888; padding-top:13px; }


    .subContent {max-width:1200px; margin:0 auto; }
    .subContent.min {max-width:100%}


    .greetingWrap {margin-top: 0;}
    .greetingWrap .textWrap { padding-left: 0; }
    .greetingWrap .textWrap .img {position: static; width: 100%; margin-bottom: 25px;}
    .greetingWrap .textWrap .txt {font-size: 13px; color:#555555; line-height: 24px;}
    .greetingWrap .textWrap .text {font-size: 20px;  font-family: 'Nanum Myeongjo', serif; text-align: center;  margin-bottom: 25px;}
    .greetingWrap .textWrap .text2 {font-size:18px; line-height:23px;  padding:20px 0;}
    .greetingWrap .textWrap .text2 p {margin-bottom: 5px;}

    .locationWrap .mapWrap { margin-bottom:40px; width: 100%;}
    .locationWrap .mapWrap .wrap_map {height:250px !important; }
    .locationWrap .locaList.first {padding-bottom: 35px; margin-bottom: 35px;}

    .h3Wrap {margin-bottom: 22px;}
    .h3Wrap h3{font-size:16px;padding-top: 11px;}
    .h3Wrap h3:after {width:15px; height:1px;}

    .addrList:after {content:''; display:block; clear:both;}
    .addrList li {float:none; padding:1px 0;}
    .addrList.double li:first-child {margin-right: 0; padding-right: 0; border-right:none; margin-bottom:12px;}
    .addrList li .tit {font-size: 13px; margin-right: 0; padding:2px 0 2px 18px; width:80px;}
    .addrList li .tit.no1 {background:url('/images/sub/ico_loca.png') left 2px no-repeat; background-size:12px auto;; letter-spacing: 1px;}
    .addrList li .tit.no2 {background:url('/images/sub/ico_phone.png') left center no-repeat; background-size:12px auto;}
    .addrList li .text {font-size: 13px; color:#555555; display: inline-block; vertical-align: top; margin-top:5px;}


    .locaList.img .box {width:100%; float:none; margin-left: 0; padding-top: 0; margin-bottom:40px;}
    .locaList.img .box:first-child {margin-left: 0;}
    .locaList.img .box .img {position: static; margin-bottom:23px;}
    .locaList.img .box .img img {width: 100%;}


    .h2Wrap.tabB {padding-bottom:30px;}

    .railTab {position: relative; }
    .railTab ul {position: static; display:table; width:100%;} 
    .railTab ul li {display:table-cell; width:18%; float:none;}
    .railTab ul li:nth-child(4) {width:auto;}
    .railTab ul li a {display: block; padding:7px 0; font-size:12px; line-height:15px; }


    .railTab.four ul li {width: 25%; margin-left:0%;}
    .railTab.four ul li:first-child {margin-left: 0;}

    .railWrap .topText {margin-bottom:25px;}
    .railWrap .topText:after{content:''; display:block; clear:both;}
    .railWrap .topText .tit {display: block;  font-size: 21px; border:none; margin-right: 0; padding-right:0; text-align: center;}
    .railWrap .topText .txt {display: none; }
    .railWrap .topText.bottom .txt {display: block; font-size: 13px; color:#555555; line-height: 21px;}


    .railSlide img {width: 100%;}
    .railSlide .slick-arrow {margin-top:-45px; width:35px; height:35px; background:url('/images/sub/railArrowOff.png') no-repeat; }
    .railSlide .slick-arrow:hover { background:url('/images/sub/railArrowOn.png') no-repeat;}
    .railSlide .slick-arrow.slick-prev {left:0px;}
    .railSlide .slick-arrow.slick-prev:after {background:url('/images/sub/railArrowLeft.png') center no-repeat; background-size:10px auto;}
    .railSlide .slick-arrow.slick-next {right:-1px;}
    .railSlide .slick-arrow.slick-next:after {background:url('/images/sub/railArrowRight.png') center no-repeat; background-size:10px auto;}
    .railSlide .title {font-size:13px; padding:15px 0 15px 0; }


    .railTabMini  ul { margin-bottom:25px;}
    .railTabMini  ul li a {height: 36px; line-height: 36px; font-size: 13px; }


    .railWrap .reservInfo .topInfo {position: relative; padding-left:0; margin-bottom: 25px; text-align: center;}
    .railWrap .reservInfo .topInfo .imgTit {font-size: 21px; position: static;  width:100%; height:160px; margin-bottom: 25px; background:url('/images/sub/cha01_m.png') center bottom no-repeat; background-size:109px auto;}
    .railWrap .reservInfo .topInfo .dotList {border-left:none; border-top: 1px solid #dddddd; padding-left: 0; padding-top:15px;}

    .dotList ul li {padding-left:13px; position: relative; font-size: 12px; color:#555555; margin-top: 10px; text-align: left;}
    .dotList ul li:first-child {margin-top:0;;}
    .dotList ul li:after {content:''; position: absolute; left:0; top:1px; border:2px solid #f14766; width:4px; height:4px; border-radius:50% }

    .reservWan {background:#f6f6f6; border-radius:5px; padding:25px 17px; margin-bottom:25px;}
    .reservWan .topText {padding-bottom: 13px; margin-bottom: 15px; border-bottom:1px solid #ffffff; text-align: center;}
    .reservWan .topText .tit {display: inline-block; font-size: 16px;  border-right:none; padding-left:20px; background:url('/images/sub/ico_wan.png') left center no-repeat; padding-right: 0; margin-right: 0;  background-size:15px auto;}
    .reservWan .topText .red {font-size: 13px;  display:block;  color:#f14766; padding-top:23px; line-height:21px;}
    .reservWan .dotList ul {float:none;}
    .reservWan .dotList ul.right {float:none; margin-top:10px;}

    .timeWrap {margin-bottom:15px; padding-top:104px;  background:url('/images/sub/cha02_m.png') center top no-repeat; background-size:214px auto;}
    .timeWrap .inTime {padding-right: 0;  overflow-x:scroll; display: block;}
    .timeWrap .inTime .img {position: static;  margin-bottom:40px; text-align: center;}
    .timeWrap .inTime .img img {width:214px; display: inline-block;}
    .timeWrap .timeTable { width:640px; margin:0 auto; display: block;}
    .timeWrap .timeTable.sizeTwo {width:400px; margin:0 auto; display: block;}
    .timeWrap .timeTable table {}
    .timeWrap .timeTable table thead th {font-size: 13px;padding:12px 0;}
    .timeWrap .timeTable table thead th:first-child {text-align: left; padding-left: 7px;}
    .timeWrap .timeTable table td { text-align: center; font-size: 12px;  padding:5px 0 15px 0;; vertical-align: top; white-space:nowrap; font-weight: 800; color:#ff8009;}
    .timeWrap .timeTable table .red td {color:#f14766;  padding:15px 0 5px 0;}
    .timeWrap .timeTable table td.left {text-align: left; padding-left:7px; font-weight:400; color:#555;}


    .priceWrap {margin-bottom: 45px;}
    .priceWrap:after {content:''; display:block; clear:both;}
    .priceWrap .box {float:none; width:100%; height:auto; margin-left:0; margin-bottom: 14px; padding:23px 0;}
    .priceWrap .box .tit {font-size:15px;  margin-bottom:20px;}
    .priceWrap .box .tit span {display: inline-block; padding:3px 0 3px 20px; background:url('/images/sub/ico_info01.png') left center no-repeat; background-size:15px auto; }
    .priceWrap .box .tit.no2 span {background:url('/images/sub/ico_info02.png') left center no-repeat;background-size:15px auto; }
    .priceWrap .box .tit.no3 span {background:url('/images/sub/ico_info02.png') left center no-repeat;background-size:15px auto; }
    .priceWrap .box .prList {margin:0 20px;}
    .priceWrap .box .prList li {padding:22px 0 21px 28px; border-radius:10px; margin-bottom:15px;}
    .priceWrap .box .prList li.color01 {background:#7cc242;}
    .priceWrap .box .prList li.color02 {background:#fcaf17;}
    .priceWrap .box .prList li.color03 {background:#ff8009;}
    .priceWrap .box .prList li:after {content:''; display:block; clear:both;}
    .priceWrap .box .prList li .num {float:left; font-size: 15px; width:auto; text-align: left;}
    .priceWrap .box .prList li .price {float:right; text-align: left; width: 120px; font-size: 17px; letter-spacing:-1px;}
    .priceWrap .box .carList {text-align: center; margin-bottom: 23px;}
    .priceWrap .box .carList ul { width:190px;}
    .priceWrap .box .carList ul li:first-child {margin-top: 0;}
    .priceWrap .box .carList ul li {}
    .priceWrap .box .carList ul li span {font-size: 12px; color:#fff;width: 50px; height: 23px; line-height: 23px; border-radius:10px; background:#fb4705; vertical-align: middle;}
    .priceWrap .box .carList ul li em {font-size: 12px; vertical-align: middle; margin-left: 5px;}
    .priceWrap .box .kiroBox .in {width:auto; margin:0 auto;}
    .priceWrap .box .kiroBox .in:after {content:''; display:block; clear:both;}
    .priceWrap .box .kiroBox .in .sm{float:none; display: inline-block; vertical-align: top; position: relative; width: 130px; height: 110px; background:#fcaf17; border-radius:10px; }
    .priceWrap .box .kiroBox .in .sm:first-child {margin-right: 24px;}
    .priceWrap .box .kiroBox .in .sm:first-child:after {content:''; position: absolute; right:-14px; top:-4px; width: 1px; height:130px; background:url('/images/sub/dot.png') no-repeat; background-size:auto 120px;}
    .priceWrap .box .kiroBox .in .sm .kiroTit{font-size: 13px; font-weight:700; color:#ffffff; padding:15px 0 10px 0; height:55px; line-height:18px;}
    .priceWrap .box .kiroBox .in .sm .kiroTxt{font-size: 13px; font-weight:700; color:#333333; line-height: 18px; }
    .priceWrap .box .kiroBox .in .sm:last-child .kiroTit {padding-top: 15px;}
    .priceWrap .box .etcInfo01  { font-size: 14px; }
    .priceWrap .box .etcInfo01 .et01 {margin-bottom: 15px; margin-top: 43px; }
    .priceWrap .box .etcInfo01 .et01 span {display: inline-block; font-size: 13px;  width: 100px; height: 23px; line-height: 23px; border-radius:10px;}
    .priceWrap .box .line {width: 1px; height:40px;margin:20px auto 20px auto; background:#999999;}
    .priceWrap .box .etcInfo02 {font-size: 13px; color:#555555; font-weight: 700; line-height: 21px;}

    .returnWrap { margin-bottom: 40px;}
    .returnWrap .tit {font-size: 13px; color:#555555; margin-bottom: 15px;}
    .returnWrap .dotBox:after {content:''; display:block; clear:both;}
    .returnWrap .dotBox .dotList {float:none}
    .returnWrap .dotBox .dotList.right {margin-left:0; margin-top:10px;}

    .chaTable .tableType01 {width:100%; position: relative; margin-bottom: 20px;}
    .chaTable .tableType01.type2 {margin-bottom: 40px;}
    .chaTable .tableType01 .img {position: absolute; right:0; bottom:-130px;}
    .chaTable .tableType01 .img img{width: 75px;}

    /* tableType01 */
    .tableType01 {}
    .tableType01 colgroup .no1 {width: 62px;}
    .tableType01 colgroup .no2 {width:100px;}
    .tableType01 table {width: 100%;}
    .tableType01 table thead th {background: #f5f5f5; border:1px solid #d1d1d1; color:#000000; text-align: center; font-weight: 700; font-size: 12px; padding:12px 0;}
    .tableType01 table tbody th {background: #f5f5f5; border:1px solid #d1d1d1; color:#555555; text-align: center; font-size: 12px; padding:12px 0;}
    .tableType01 table td {border:1px solid #d1d1d1; color:#555555; text-align:left; font-weight: 700; font-size: 12px; padding:8px 0 8px 5px; word-break:keep-all;}
    .tableType01 table td span {color:#f14766; display: block;}
    .lastInfo {font-size: 12px; color:#555555; padding-right:80px; }
    .lastInfo p{ margin-bottom: 10px; text-indent:-14px; padding-left: 14px; line-height:18px; }

    .busInfo {font-size: 12px; color:#555555; }
    .busInfo .pink {display: inline-block; border-radius:10px; background:#f14766; font-weight:700; color:#fff; font-size: 12px; padding:4px 7px; margin-right: 7px; margin-bottom:6px;}


    .vrIntro {position: relative; margin-bottom:0;}
    .vrIntro:after {display: none;}
    .vrIntro .in {position: relative; z-index: 1; top:0}
    .vrIntro .in .img img {width: 100%;}

    .vrWrap .vrTit01 {position: relative;font-size:17px; font-weight:700; color:#333333; margin-bottom: 15px; text-align: center; padding-top:60px;}
    .vrWrap .vrTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:40px; background:#a5a5a5;}
    .vrWrap .vrTit01 span {color:#fb4705;}
    .vrWrap .vrTit02 {font-size: 13px;  color:#333333; margin-bottom:25px; text-align: center; line-height:18px; ;}

    .vrWrap .vrImg01 {margin-bottom:100px; padding:0 15px;}
    .vrWrap .vrImg01 p {font-size: 13px; line-height: 18px; color:#333333; padding-top:15px; letter-spacing:-0.03em}

    .vrWrap .vrImg02 {margin-bottom: 45px;position: relative;} 
    .vrWrap .vrImg02 ul {position: absolute; left:0; top:0; width: 100%; height: 100%;}
    .vrWrap .vrImg02 ul:after {content:''; display:block; clear:both;}
    .vrWrap .vrImg02 ul li {float:left; width: 33.3336%; position: relative; height: 100%; cursor:pointer;} 
    .vrWrap .vrImg02 ul li:hover span {opacity:1; visibility:visible; transform:scale(1)}
    .vrWrap .vrImg02 ul li span {position: absolute; opacity:0; visibility:hidden;transform:scale(.7); transition:.3s all;  text-align: center;}
    .vrWrap .vrImg02 ul li.no1 span {left:-5px; top:-50px; }
    .vrWrap .vrImg02 ul li.no1 span img {width:180px; max-width:1000px}
    .vrWrap .vrImg02 ul li.no2 span {left:-40px; top:-50px; }
    .vrWrap .vrImg02 ul li.no2 span img {width:240px; max-width:1000px}
    .vrWrap .vrImg02 ul li.no3 span {left:auto; right:0; top:-50px; }
    .vrWrap .vrImg02 ul li.no3 span img {width:180px; max-width:1000px}

    .vrWrap .vrTit03 {position: relative; padding-top:20px; margin:0 15px 30px 15px; }
    .vrWrap .vrTit03:after {content:''; position: absolute; left:0; top:0; height: 60px; width: 100%; background:#ececec;}
    .vrWrap .vrTit03 .tit01 {font-size: 14px; color:#333333;  margin:0 25px 20px 25px; padding-top:20px; background:#fff; position: relative; z-index: 10;}
    .vrWrap .vrTit03 .tit01 span {font-size: 20px; color:#fb4705; font-weight:700;}
    .vrWrap .vrTit03 .tit02 {font-size: 13px; color:#333333; font-weight:700;z-index: 10;line-height:20px; margin:0 30px 10px 30px; word-break:keep-all; }
    .vrWrap .vrTit03 .tit02 span {color:#fb4705; display: inline-block; border-bottom: 1px solid #fb4705; line-height: 18px;}
    .vrWrap .vrTit03 .img img {width: 100%;}

    .vrWrap .vrTit04 {position: relative; margin-bottom: 0; text-align: center; padding:50px 15px 0 15px;}
    .vrWrap .vrTit04:after {content:''; position: absolute; left:0; top:0; height:200px; width: 100%; background:#ececec;}
    .vrWrap .vrTit04 .tit01 {font-size:17px; color:#333333; line-height:24px;  margin-bottom:15px; z-index: 10; font-weight:700; position: relative;z-index: 1;}
    .vrWrap .vrTit04 .tit01 span { color:#ed1940; }
    .vrWrap .vrTit04 .img {position: relative; z-index:1;}
    .vrWrap .vrTit04 .tit02 {position: relative; left:0;}
    .vrWrap .vrTit04 .tit02 .box {float:none; width: 100%;}
    .vrWrap .vrTit04 .tit02 .box:first-child {width: 100%;}
    .vrWrap .vrTit04 .tit02 .box:after {content:'';display:block; clear:both;}
    .vrWrap .vrTit04 .tit02 .box .tit {position: relative; left:-10px; top:0; float:left; color:#fff; padding:30px 0 0 25px; ;  font-size: 15px; background:url('/images/sub/ico_vr_m.png') center no-repeat; background-size:70px auto ;width: 70px; height:75px; }
    .vrWrap .vrTit04 .tit02 .box .text {margin-left:75px; padding-top:30px;text-align: left; font-size:13px; color:#333333; line-height: 21px;}
    .vrWrap .vrTit04 .tit02 .box .text span {display: inline-block; text-align: center; color:#fff; font-size: 13px; line-height: 13px; background:#ed1940; padding:4px 10px; border-radius:10px; margin-top:5px;}
    .vrWrap .arrowBottom {margin-bottom:20px; height: 120px; background:url('/images/sub/vr06.png') center no-repeat; background-size:auto 120px;}

    .vrBike {text-align: center; margin-bottom:30px;  background:none; position: relative;}
    .vrBike .tit {margin-bottom: 15px; padding-top:25px; position: relative; z-index: 10;}
    .vrBike .tit img {width:230px; display: inline-block;}
    .vrBike .infoText {max-width:1240px; margin:0 auto; padding:0 15px;}
    .vrBike .infoText:after {content:''; display:block; clear:both;}
    .vrBike .infoText .box {position: relative; float:none; width:100%; height: auto; padding:40px 15px 30px 15px; background:url('/images/sub/vr10.png') center top no-repeat; background-size:100% auto;}
    .vrBike .infoText .box:first-child {float:none; }
    .vrBike .infoText .box:first-child .cha {position: absolute; left:0; top:-28px;}
    .vrBike .infoText .box:first-child .cha img {width:70px;}
    .vrBike .infoText .box:last-child .cha {position: absolute; right:20px; top:-29px; }
    .vrBike .infoText .box:last-child .cha img {width:75px;}
    .vrBike .infoText .box .tit01 {margin-bottom: 20px;}
    .vrBike .infoText .box .tit01 span{display: inline-block; border-radius:30px; font-size: 15px; color:#fff; font-weight:700; width: 120px;height: 30px; line-height:30px; background:#ed1940;}
    .vrBike .infoText .box .tit02 {font-size: 14px; color:#333333; line-height:21px; word-break:keep-all; padding:0 30px;}
    .vrBike .infoText .box:last-child .tit02 {font-style:italic;}
    .vrBike .infoText .box .tit02 span {color:#ed1940; font-weight: 700;}
    .vrBike .bg {position: absolute; left:0; top:0; width: 100%;}
    .vrBike .bg img {width: 100%;}
    .vrBike .img {position: relative; z-index: 10; padding:0 15px;}
    .vrBike .img img {width: 100%;}

    .worldBike {text-align: center; background:url('/images/sub/vr11_m.png') center top no-repeat;background-size:100% auto;}
    .worldBike .titleWrap .tit01 {font-size: 30px;  padding-top:75px;  margin-bottom:15px;}
    .worldBike .titleWrap .tit01 span {display: inline-block; border-bottom: 1px solid #1a1a1a; padding-bottom: 10px;}
    .worldBike .titleWrap .tit02 {font-size:17px; color:#fb4705; font-weight:800; letter-spacing:6px; margin-bottom: 50px;}

    .worldBike .infoPro {position: relative; background:#262626; padding:20px 0 20px 35px; text-align: left;  margin:0 15px;}
    .worldBike .infoPro:after {content:''; display:block; clear:both;}
    .worldBike .infoPro .title {float:none; border-left:1px solid #fff; padding-left: 15px; margin-bottom: 35px;}
    .worldBike .infoPro .title .tit01 {font-size: 13px; color:#fff; letter-spacing:7px; margin-bottom: 10px;}
    .worldBike .infoPro .title .tit02 {font-size:20px; color:#fff; font-weight:700; letter-spacing:10px;}
    .worldBike .infoPro .info {margin-left: 0; padding-left:0; border-left:none;}
    .worldBike .infoPro .info .tit01:first-child {margin-bottom: 10px;}
    .worldBike .infoPro .info .tit01 {position: relative; padding-left:15px; font-size:13px; color:#ff8828; }
    .worldBike .infoPro .info .tit01:after {content:''; position: absolute; left:0; top:8px; width: 3px; height: 3px; background:#ff8828;}
    .worldBike .infoPro .info .tit01 span {font-size:18px;}
    .worldBike .infoPro .info .tit01.color02 {color:#ffd65a; line-height:20px;}
    .worldBike .infoPro .info .tit01.color02:after {background:#ffd65a; top:10px}
    .worldBike .infoPro .cha {position: absolute; right:10px; top:-40px;}
    .worldBike .infoPro .cha img {width:90px;}

    .vrReserve .vrInfoWrap {position: relative; text-align: center; padding-top:0;}
    .vrReserve .vrInfoWrap:after {display: none;}
    .vrReserve .vrInfoWrap .vrInfo {position: relative; z-index: 10; margin-bottom:30px;  background:#f0f0f0;  padding:15px 0;}
    .vrReserve .vrInfoWrap .vrInfo .tit {display: inline-block; vertical-align: middle; border-bottom:none; margin-right:17px;}
    .vrReserve .vrInfoWrap .vrInfo .tit span {font-size:35px; color:#fb4705; font-weight:800; display: inline-block; vertical-align: middle; margin-right:0; display: block; border-bottom: 1px solid #000000; margin-bottom: 5px;}
    .vrReserve .vrInfoWrap .vrInfo .tit em {font-size: 15px; color:#333333; font-weight:700; display: inline-block; vertical-align: middle; }
    .vrReserve .vrInfoWrap .vrInfo .tit em br{display: none;}
    .vrReserve .vrInfoWrap .vrInfo .text {font-size: 12px; line-height:18px; color:#333333; display: inline-block; vertical-align: middle; width:180px; text-align:left; word-break:keep-all;}
    .vrReserve .vrInfoWrap .vrInfo .cha01 {position: absolute; left:0; top:-50px;}
    .vrReserve .vrInfoWrap .vrInfo .cha01 img {width:70px;}


    .vrReserve .vrReservList  {margin-bottom: 45px; padding:0 15px; position: relative;}
    .vrReserve .vrReservList ul:after {content:''; display:block; clear:both;}
    .vrReserve .vrReservList ul li {float:none; width:100%; padding:0; border-left:none; border-bottom:1px dashed #999999; height: auto;  text-align:left; padding-bottom: 20px; margin-bottom: 20px;}
    .vrReserve .vrReservList ul li:after {content:''; display:block; clear:both;}
    .vrReserve .vrReservList ul li:last-child {border-bottom:none; margin-bottom: 0; padding-bottom: 0;}
    .vrReserve .vrReservList ul li .num {margin-bottom: 30px; float:left;}
    .vrReserve .vrReservList ul li .num span{display: inline-block; text-align: center;color:#fff; border-radius:50px; width:45px; height:45px; line-height:45px; font-size: 20px; font-weight:700; background:#fb4705;}
    .vrReserve .vrReservList ul li .textWrap {font-size: 13px; color:#333333; margin-left:60px;}
    .vrReserve .vrReservList ul li .textWrap .tit01 { line-height: 25px; padding-top: 0;}
    .vrReserve .vrReservList ul li .textWrap .tit01 span {color:#fb4705; font-weight: 700;;}
    .vrReserve .vrReservList ul li .textWrap .tit02 {font-size:14px; font-weight:700; color:#333333; margin-bottom: 13px;}
    .vrReserve .vrReservList ul li .textWrap .tit03 {border-radius:10px; background:#f0f0f0; padding:7px 8px; letter-spacing:-0.05em; line-height:21px; word-break:keep-all;}
    .vrReserve .vrReservList ul li.no1 .textWrap .tit01 {padding-top: 0;}
    .vrReserve .vrReservList .cha02 {position: absolute; right:5px; top:-40px; z-index: 10;}
    .vrReserve .vrReservList .cha02 img {width:80px;}

    .hdmWrap {background: url('/images/sub/vr13.png') center top no-repeat; text-align: center;padding-top: 35px;}
    .hdmWrap .tit01 {margin-bottom: 10px; text-align: center;}
    .hdmWrap .tit01 img {width:175px; display: inline-block;}
    .hdmWrap .img01 {margin-bottom: 45px; padding:0 30px; position: relative; left:-15px;}
    .hdmWrap .img01 img {width: 100%;}
    .hdmWrap .img02  {padding:0 15px;}
    .hdmWrap .img02 img {width: 100%;}


    .formWrap .tit01 {font-size: 15px; color:#333333; font-weight:700; margin-bottom: 15px;}
    .formWrap .agree  {font-size: 13px; color:#666666; line-height:18px; border:1px solid #d1d1d1; padding:10px; margin-bottom: 10px; height:170px; overflow-y:scroll;}
    .formWrap .teamTit01  {font-size: 15px; line-height:15px; color:#666666; font-weight: 700; padding-bottom:15px; margin-top:45px;}

    .tlb01.mt0 {margin-top:0;}


    .landList ul {}
    .landList ul:after {content:''; display:block; clear:both;}
    .landList ul li {position: relative; float:none; width:100%;margin-bottom:25px}
    .landList ul li:nth-child(odd){ margin-right:0; }
    .landList ul li:hover .pop{opacity:1; visibility:visible; }
    .landList ul li .img img {width: 100%;}
    .landList ul li .titleWrap {padding:16px 0 15px 16px;}
    .landList ul li .titleWrap .tit01 {font-size: 15px; margin-bottom: 10px;}
    .landList ul li .titleWrap .tit02 {position: relative; font-size: 13px; color:#999999;}

    .landList ul li .pop {position: absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.85); opacity:0; visibility:hidden; transition:.3s all;}
    .landList ul li .pop .popTit01 {position: absolute; left:0; top:0; width: 100%; text-align: center;}
    .landList ul li .pop .popTit01 .tit01 {font-size:17px; color:#ffffff; font-weight:700; padding-top: 30px; margin-bottom: 10px;}
    .landList ul li .pop .popTit01 .tit02 {font-size:13px; color:#ffffff; position: relative; padding-bottom: 10px;}
    .landList ul li .pop .popTit01 .tit02:after {content:''; position: absolute; left:50%; margin-left:-15px; bottom:0; width:15px; height: 1px; background:#fff;}
    .landList ul li .pop .popTit02 {position: absolute; left:0; top:auto; bottom:15px; width: 100%; padding:0 20px;}
    .landList ul li .pop .popTit02 > .tit01 {height:auto; margin-bottom: 13px; padding-bottom: 0;  border-bottom:none}
    .landList ul li .pop .popTit02 > .tit01 img {vertical-align: middle;}
    .landList ul li .pop .popTit02 > .tit01.vm {line-height:inherit;}
    .landList ul li .pop .popTit02  .popText { }
    .landList ul li .pop .popTit02  .popText .tit01 {font-size: 12px; color:#fff; letter-spacing:-1px; padding-bottom: 15px; margin-bottom:15px; border-bottom: 1px solid #fff;;}
    .landList ul li .pop .popTit02  .popText .tit01  em {display: inline-block; vertical-align: middle;}
    .landList ul li .pop .popTit02  .popText .tit01  span {display: inline-block; vertical-align: middle;  color:#c5fc83; border-left: 1px solid #b7b7b7; margin-left:9px; padding-left:9px;}
    .landList ul li .pop .popTit02  .popText .tit02{font-size: 11px; color:#fff; line-height: 18px;  margin-top: 0;}
    .landList ul li.no1 .tit01 img {width:80px;}
    .landList ul li.no2 .tit01 img {width:30px;}
    .landList ul li.no3 .tit01 img {width:90px;}
    .landList ul li.no4 .tit01 img {width:83px;}
    .landList ul li.no5 .tit01 img {width:68px;}
    .landList ul li.no6 .tit01 img {width:84px;}


    /* searchTable */
    .searchTable { margin-bottom: 15px;}
    .searchTable:after {content:''; display:block; clear:both;}
    .searchTable .rightSearch {float:none; width: 100%; position: relative; }
    .searchTable .rightSearch:after {content:''; display:block; clear:both;}
    .searchTable .rightSearch .baseSel {float:left;width:95px; height:35px; min-width:10px;}
    .searchTable .rightSearch .baseSel select {height:35px; width: 100%;  padding-left: 10px; color:#666666;}
    .searchTable .rightSearch .baseSel:after {background:url('/images/sub/ico_select4.png') no-repeat; background-size:8px auto;}
    .searchTable .rightSearch .baseSel label {top:10px}
    .searchTable .rightSearch .inputBox {float:none; margin-left:100px; margin-right:65px; width:auto;}
    .searchTable .rightSearch .inputBox  input{height:35px; line-height:35px; width: 100%; border:1px solid #d9d9d9; color:#333;padding-left: 10px; font-size: 13px; }
    .searchTable .rightSearch .btnSearch {position: absolute; right:0; top:0; margin-left:0;}
    .searchTable .rightSearch .btnSearch a{display:inline-block; height:35px; line-height:35px; width: 60px; background:#f14766; text-align: center; font-size:13px; font-weight:700; color:#fff;} 

    .fakeTable {margin-bottom:25px;}
    .fakeTable table {width: 100%; border-top:1px solid #565656;}
    .fakeTable table thead {display: none;}
    .fakeTable table td {font-size:12px; color:#555555;  padding:17px 0 17px 0; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
    .fakeTable table td:last-child {border-right:none;}
    .fakeTable table .col01 {display: none;}
    .fakeTable table .col03 {display: none;}
    .fakeTable table .col04 {display: none;}
    .fakeTable table td {display: none;}
    .fakeTable table td.mobTd {text-align: left; padding-left: 10px; display: block;}
    .fakeTable table td.mobTd .mobInfo {display: block; padding-top: 10px; color:#999999;}
    .fakeTable table td.mobTd .mobInfo:after {content:''; display:block; clear:both;}
    .fakeTable table td.mobTd .tit{font-size: 13px; font-weight:700; color:#555555;}
    .fakeTable table td.mobTd .mobInfo span {float:left; padding-right: 6px; margin-right: 6px; border-right: 1px solid #a1a1a1; color:#555555;}
    .fakeTable table td.mobTd .mobInfo span:last-child {margin-right: 0; padding-right: 0; border-right:none;}
    .fakeTable table td.mobTd .notiTit {display: inline-block;}
    .fakeTable table tbody tr:hover{background:#dce1eb;}
    .fakeTable table tr.notice {background:#f7f7f7;}
    .fakeTable .col01 {width:100px;}
    .fakeTable .col03 {width:130px;}
    .fakeTable .col04 {width:100px;}

    .state {border-radius:3px; width: 30px; height:17px; line-height:17px; color:#fff; font-size: 11px; text-align: center; font-weight: 700; display: inline-block; background:#cccccc;}
    .state.on { background:#ed1940;}
    .fakeTable .mobState {display: inline-block; vertical-align:middle;}
    .mobTable .state{display: inline-block; vertical-align:middle; margin-right: 3px;}
    .mobState .state {margin-right: 3px; vertical-align: top;}

    .fakeTable.rec .col03 {width: 130px;}
    .fakeTable.rec .col04 {width: 130px;}
    .fakeTable.rec .col05 {width: 100px;}


    .notiTit {display: inline-block; color:#fff; font-size: 10px; background:#024e8a; border-radius:3px; width:30px; height:16px; line-height:16px;  text-align: center;}
    .icoFile { width: 10px; height:13px; background:url('/images/sub/ico_file_m.png') center no-repeat; background-size:10px auto; margin-left: 3px;}
    .icoNew { width: 13px; height:13px; background:url('/images/sub/ico_new_m.png') center no-repeat; background-size:13px auto; margin-left:3px;}


    .searchTable.center {margin-bottom: 20px;}


    /* paging */
    .paging  {text-align: center;  margin-bottom:15px;}
    .paging .first { background: url('/images/sub/paging01_m.png') center center no-repeat; background-size:24px auto; margin-left: 0;}
    .paging .prev {background: url('/images/sub/paging02_m.png') center center no-repeat; background-size:24px auto;; margin-right:17px; margin-left:1px;}
    .paging .next {  background: url('/images/sub/paging03_m.png') center center no-repeat; background-size:24px auto; margin-left:17px; margin-right:1px;}
    .paging .last {background: url('/images/sub/paging04_m.png') center center no-repeat; background-size:24px auto; margin-left: 0;}
    .paging a {display: inline-block; margin-left:1px; text-align: center; vertical-align: middle; border:1px solid #cccccc; min-width:25px; height:25px; line-height:25px; text-align: center; background:#fff; font-size: 12px; color:#333333; }
    .paging a.on {background: #f14766; color:#fff; border:none;}



    .countBoard {margin-bottom:10px; font-size: 12px; color:#333333; position: relative;}
    .countBoard ul {position: absolute; right:0; top:0;}
    .countBoard ul li {position: relative; float:left; margin-left:10px; padding-left: 10px;}
    .countBoard ul li:after {content:''; position: absolute; left:0; top:0; width: 1px; height: 12px; background:#a1a1a1;}
    .countBoard ul li:first-child {padding-left: 0; margin-left: 0;}
    .countBoard ul li:first-child:after {display: none;}
    .countBoard ul li a {font-size: 12px; color:#333333;}
    .countBoard ul li.active a {font-weight:700;}

    .viewContent {padding:15px 12px 30px 12px; font-size:13px; color:#555555;}

    .mobTable .title{font-size:13px; color:#333333; font-weight:700; padding:15px 0 15px 7px; border-bottom: 1px solid #dddddd; border-top:1px solid #000000;}
    .mobTable .info {font-size: 11px; color:#444444;    padding:15px 0 15px 6px; border-bottom: 1px solid #dddddd; }
    .mobTable .info:after {content:''; display:block; clear:both;}
    .mobTable .info span {float:left; padding-right:15px; margin-right:15px; border-right: 1px solid #b3b3b3; color:#999999;}
    .mobTable .info span:last-child {margin-right: 0; padding-right: 0; border-right:none;}
    .mobTable .info span em {color:#444444; margin-right:2px; font-weight:700;}


    /* viewPaging */
    .viewPaging  { border-top:none;  margin-bottom:20px;}
    .viewPaging .line .tit {float:left; font-size: 12px; color:#222222;  height:40px; font-weight:700; line-height: 40px; border-right:1px solid #dddddd;background:#f5f5f5 ; width: 100px;  padding:0 0 0 20px; }
    .viewPaging .line .tit span {padding-right: 25px;}
    .viewPaging .line.prev .tit span {background:url('../images/btnUp.png') right center no-repeat; background-size:8px auto;}
    .viewPaging .line.next .tit span {background:url('../images/btnDown.png') right center no-repeat;  background-size:8px auto;}
    .viewPaging .line .text {float:left; height:40px; line-height: 40px;  font-size: 15px; color:#666666;}
    .viewPaging .line .text a { font-size: 12px; color:#555555; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left: 10px;}

    /* baseRadio */
    .baseRadio label {position: relative; padding-left:18px; font-size: 12px; color:#666666;}
    .baseRadio label:after {content:''; position: absolute; left:0; top:0; width:10px; height: 10px; background:#fff; border:1px solid #d1d1d1; border-radius:50%;}
    .baseRadio input:checked +label:after { background: url('/images/sub/ico_radioOn_m.png') center center no-repeat; background-size:6px auto;;}
    .baseRadio.type2 label:after {top:4px}
    .radioWrap .baseRadio:first-child {margin-right: 10px;}

    .tlb01.type3 .radioWrap{display: inline-block; vertical-align: middle;}
    .hiddenTxt.type2 {display: inline-block; margin-right: 13px; vertical-align: middle; margin-bottom: 0;}


    .faqTable {margin-bottom:25px;}
    .faqTable table colgroup .col01 {width: 35px;}
    .faqTable table colgroup .col02 {width: 70px;}
    .faqTable table thead {display: none;}
    .faqTable table td {font-size:12px; color:#555555;  padding:9px 0 9px 0; }
    .faqTable table td:last-child {border-right:none;}
    .faqTable table td.left {text-align: left; padding-left:10px;}

    .faqTable .qTit {display: inline-block; border-radius:3px; width: 18px; height: 18px; line-height: 18px; color:#fff; font-size: 13px;  }
    .faqTable .aTit {display: inline-block; border-radius:3px;  width: 18px; height: 18px; line-height: 18px; color:#fff; font-size: 13px; }
    .faqTable .question {cursor:pointer; position: relative;}
    .faqTable .question .left {position: relative; padding-right:20px;}
    .faqTable .question .left:after {content:''; position: absolute; right:8px; top:50%; margin-top:-3px; width:9px; height: 5px; background:url('/images/sub/ico_faqOff_m.png') no-repeat; background-size:9px auto;}
    .faqTable .question.active .left:after {background:url('/images/sub/ico_faqOn_m.png') no-repeat; background-size:9px auto;}
    .faqTable .answerHidden {background:#f8f8f8; display: none;}
    .faqTable .answerHidden td {border-right:none; vertical-align: top;}
    .faqTable .answerHidden td.text {text-align: left; padding-left:15px; line-height:18px;}


}


@media all and (max-width:768px) {
    .mainSlide .slide li {min-height:350px;}
    .mainSlide .slide li span {left:10px; top:110px; margin-left:0;}
    .mainSlide .slide li.no1 span {background:url('/images/mainSlideTit01.png') left top no-repeat ;  background-size:250px auto;;}
    .mainSlide .slide li.no2 span {background:url('/images/mainSlideTit02.png') left top no-repeat ;  background-size:250px auto;;}
    .mainSlide .slide li.no3 span {background:url('/images/mainSlideTit03.png') left top no-repeat ;  background-size:250px auto;;}
    .mainSlide .slide li.no4 span {background:url('/images/mainSlideTit04.png') left top no-repeat ;  background-size:250px auto;;}

    .mainSlide .slick-arrow {display: none !important; }
    .mainSlide .slick-dots {left:20px; margin-left: 0; top:330px;}
    .mainSlide .slick-dots > li {display: inline-block; margin-left: 10px;  height: 15px; }
    .mainSlide .autoStop {display: none;}


    .bikeList {padding:0 15px; margin-bottom: 0; }
    .bikeList ul li {position: relative; float:left; width:32%; margin-left:2%; text-align: center; box-shadow:none; overflow:hidden;}
    .bikeList ul li:first-child {margin-left: 0;}
    .bikeList ul li .img { display: none;}
    .bikeList ul li .tit {position: static; height:80px;padding-top:10px; padding-bottom:12px;font-size: 13px; background:none; color:#fff !important}
    .bikeList ul li .tit span {display: block;  height:45px; font-size:18px; padding-bottom:5px;}
    .bikeList ul li .btn {position: static; text-align: center; background:none !important; height: auto;}
    .bikeList ul li .btn .in {position:static;  }
    .bikeList ul li .btn .in:after {content:''; display:block; clear:both;}
    .bikeList ul li .btn p {float:left; margin-left: 0; padding-left: 0; width: 50%; text-align: center;}
    .bikeList ul li .btn p:after {display: none;}
    .bikeList ul li .btn p:first-child {margin-left: 0; padding-left: 0;}
    .bikeList ul li .btn p:first-child:after {display: none;}
    .bikeList ul li .btn p a{font-size: 12px; display: inline-block; height: 50px;}
    .bikeList ul li .btn p.bt01 {background:rgba(62,62,62,.2); padding-top: 7px;}
    .bikeList ul li .btn p.bt02 {background:rgba(255,255,255,.2); padding-top: 7px;}
    .bikeList ul li .btn p.bt01 a{background:url('/images/ico_cal.png') center top no-repeat; background-size:14px auto; padding:22px 0 0px 0px;}
    .bikeList ul li .btn p.bt02 a{background:url('/images/ico_search.png') center top no-repeat;  background-size:13px auto; padding:22px 0 0px 0px;}
    .bikeList ul li.no1  {background:#ed1940;}
    .bikeList ul li.no2  {background:#5b9f34;}
    .bikeList ul li.no3  {background:#fb9a02;}
    .bikeList ul li .btn br{display: block;}
    .bikeList.active ul li {top:-35px; opacity:1;}

    .vrmain .videoBox {height:150px;}


    .scrollImg {border:1px solid #e5e3e4; margin-bottom: 17px; overflow-x:scroll;}
    .scrollImg .in {width:555px;}
    .scrollImg .in img {height:300px;}
    .scrollImg.type2 {margin-bottom:15px;}

}

@media all and (max-width:320px) {
	.searchBtn .box a {font-size: 10px;}
}

.subTopWrap.pet {background:url('/images/sub/subTop08.jpg') center top no-repeat; }

.petSlide img {width: 100%;}
.petSlide .slick-arrow {position: absolute; top:50%; margin-top:-75px; z-index: 10;  border:none; width:66px; height: 66px; text-indent:-999em; z-index: 10;  background:url('/images/sub/railArrowOff.png') no-repeat; outline:none;}
.petSlide .slick-arrow:hover { background:url('/images/sub/railArrowOn.png') no-repeat;}
.petSlide .slick-arrow.slick-prev {left:0px;}
.petSlide .slick-arrow.slick-prev:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/images/sub/railArrowLeft.png') center no-repeat;}
.petSlide .slick-arrow.slick-next {right:-1px;}
.petSlide .slick-arrow.slick-next:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('/images/sub/railArrowRight.png') center no-repeat;}
.petSlide .title {font-size: 24px; color:#333333; text-align: center; border-bottom: 1px solid #cdcdcd; padding:30px 0 25px 0; font-weight: 700;}
/********petbike*******/


.pet_intro{width:100%;margin:0 auto;max-width:1200px;}
.pet_intro .pet_intro_img{width:100%;margin-bottom:90px;}
.pet_intro .pet_intro_img img{width:100%;}
.petWrap{width:100%; margin:0 auto; max-width:1200px;}
.petWrap .petTit01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.petWrap .petTit01 span {color:#764c22;}
.petWrap .petTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:80px; background:#a5a5a5;}
.petWrap .petTit02 span {color:#fb4705;}
.petWrap .petTit02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}

.petWrap .petimg{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.petWrap .petimg ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.petWrap .petimg ul li{float:left;margin-top:15px;}
.petWrap .petimg_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}

.petWrap .petrail_img{width:53.5%;margin:0 auto;max-width:640px;margin-top:110px;}
.petWrap .petrail_img img{width:100%;}

.petWrap .petTit2_01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.petWrap .petTit2_01 span {color:#764c22;}
.petWrap .petTit2_02 span {color:#fb4705;}
.petWrap .petTit2_02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}

.petWrap .pet_ground{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.petWrap .pet_ground ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.petWrap .pet_ground ul li{float:left;margin-top:15px;}
.petWrap .petground_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}


.petWrap .petTit03 {position: relative; padding-top: 42px; margin-bottom: 75px; text-align: center; margin-top:200px;}
.petWrap .petTit03:after {content:''; position: absolute; left:0; top:0; height: 115px; width: 100%; background:#ececec;}
.petWrap .petTit03 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 40px; background:#fff; position: relative; z-index: 10;font-weight:700;}
.petWrap .petTit03 .tit01 span {font-size: 40px; color:#764c22; font-weight:700;}
.petWrap .petTit03 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:10px; line-height:33px; }

.petWrap .petTit04 {position: relative; padding-top:0px; margin-bottom: 90px; text-align: center; }
.petWrap .petTit04:after {content:''; position: absolute; left:50%; top:0; height:520px; width:100%; margin:0 auto;text-align:center;max-width:1200px; background:#ececec;z-index:-9;transform:translate(-50%, 0);}
.petWrap .petTit04 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 50px;  position: relative;font-weight:700;}
.petWrap .petTit04 .tit01 span {font-size: 40px; color:#764c22; font-weight:700;}
.petWrap .petTit04 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:50px; line-height:33px; }
.petWrap .petTit04 .map_add{width:100%;max-width:907px;margin:0 auto; font-size:16px;text-align:left;margin-top:10px;}

.petWrap .petTit5_01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.petWrap .petTit5_01 span {color:#764c22;}
.petWrap .petTit5_02 span {color:#fb4705;}
.petWrap .petTit5_02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}
.petWrap .pet1{width:100%;margin:0 auto; max-width:1200px;}
.petWrap .pet1_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.petWrap .pet2{width:100%;margin:0 auto; max-width:1200px;}
.petWrap .pet2_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.pet_h2Wrap {padding:80px; text-align: center;}
.pet_h2Wrap h2 {font-size: 48px; color:#333333; font-weight:700;line-height:72px;}
.pet_h2Wrap .subText {font-size: 16px; color:#888888; padding-top: 50px; }

.main_video{
position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:20px;
}

.main_video2{position: relative;width:1200px;margin:0 auto; max-width:1200px;margin-bottom:20px;}

.main_video video{

   width:100%;
   max-width:1200px;
   height:auto;

}

.main_video iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pet_yotube div.img{
position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:20px;
}
.pet_yotube div.img iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




@media all and (max-width:1204px) {	
	.pet_intro .pet_intro_img{margin-bottom:50px;}
	.petWrap .petTit01 {position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px;}
	.petWrap .petTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:40px; background:#a5a5a5;}
	.petWrap .petTit02 {font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; ;}

	.petWrap .petimg{width:70%;height:auto;padding:10px 0;}
	.petWrap .petimg ul{margin-left:0;margin-top:10px;}
	.petWrap .petimg ul li{width:80%;margin:0 auto;float:none;margin-bottom:10px;}
	.petWrap .petimg ul li img{width:100%;}
	.petWrap .petimg_text{font-size:12px;width:90%;margin:0 auto;line-height:18px; }
	.petWrap .petrail_img{margin-top:60px;}

	.petWrap .petTit2_01 {position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px;}
	.petWrap .petTit2_02 {font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; ;}

	.petWrap .pet_ground{width:70%;height:auto;padding:10px 0;}
	.petWrap .pet_ground ul{margin-left:0;margin-top:10px;}
	.petWrap .pet_ground ul li{width:80%;margin:0 auto;float:none;margin-bottom:10px;}
	.petWrap .pet_ground ul li img{width:100%;}
	.petWrap .petground_text{font-size:12px;width:90%;margin:0 auto;line-height:18px; }

	.petWrap .petTit03 {position: relative; padding-top:20px; margin:100px 15px 30px 15px; }
	.petWrap .petTit03:after {content:''; position: absolute; left:0; top:0; height: 60px; width: 100%; background:#ececec;}
	.petWrap .petTit03 .tit01 {font-size: 20px; margin:0 25px 20px 25px; padding-top:20px; background:#fff; position: relative; z-index: 10;}
	.petWrap .petTit03 .tit01 span {font-size: 20px; font-weight:700;}
	.petWrap .petTit03 .tit02 {font-size: 13px; color:#333333; font-weight:700;z-index: 10;line-height:20px; margin:0 30px 10px 30px; word-break:keep-all; }
	.petWrap .petTit03 .tit02 span {color:#fb4705; display: inline-block; border-bottom: 1px solid #fb4705; line-height: 18px;}
	



	.petWrap .petTit04 img{width:95%;}
	.petWrap .petTit04 .map_add{width:95%;margin:0 auto; font-size:14px;text-align:left;margin-top:10px;}

	.petWrap .petTit04 .tit01{position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px;}
	.petWrap .petTit04 .tit01 span{font-size:17px;}
	.petWrap .petTit04:after{height:370px;}
	.petWrap .petTit04 .tit02{font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; ;}

	.petWrap .petTit5_01{position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px;}
	.petWrap .petTit5_01 span{font-size:17px;}
	.petWrap .petTit5_02{font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; ;}

	.petWrap .pet1_text{height:60px;line-height:60px;font-size:18px;border:1px solid #D1D1D1;border-top:0;}
	.petWrap .pet2_text{height:60px;line-height:60px;font-size:18px;border:1px solid #D1D1D1;border-top:0;}


	.h2Wrap {padding:45px 0 30px 0;}
	.h2Wrap h2 {font-size: 24px;line-height:36px;}
	.h2Wrap .subText {font-size: 13px; color:#888888; padding-top:13px; }

}


.petWrap2 .petWrap2_intro{width:100%;margin:0 auto; max-width:1200px;}
.petWrap2 .petList  {margin-bottom: 90px;margin-top:80px;}
.petWrap2 .petList ul:after {content:''; display:block; clear:both;}
.petWrap2 .petList ul li {float:left; width: 33.3336%; padding:0 23px; border-left:1px dashed #999999; height: 280px;  text-align: center;}
.petWrap2 .petList ul li .num {margin-bottom: 20px;}
.petWrap2 .petList ul li .num span{display: inline-block; text-align: center;width:90px; height: 90px;}
.petWrap2 .petList ul li .textWrap {font-size: 16px; color:#333333; }
.petWrap2 .petList ul li .textWrap .tit01 { line-height: 25px; padding-top:0px;font-size:20px; color:#000;font-weight:700;padding-bottom:10px;}
.petWrap2 .petList ul li .textWrap .tit02 {font-size: 16px; font-weight:400; color:#000000; margin-bottom: 13px;line-height:23px;letter-spacing:-0.5px;}
.petWrap2 .petList ul li .textWrap .tit03 {border-radius:10px; background:#f0f0f0; padding:13px 15px; letter-spacing:-0.05em; line-height:23px;}
.petWrap2 .petList ul li.no1{border-left:0;}

.petWrap2 .pet_caution{position:relative;text-align: center;width:100%;max-width:1120px; height:480px; margin:0 auto;background:#F2EBE9;margin-top:340px;border-radius:30px;}
.petWrap2 .pet_caution h3{text-align:left;font-size:34px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
.petWrap2 .pet_caution p{text-align:left;font-size:20px;color:#000;padding-left:7%;line-height:37px;}
.petWrap2 .pet_caution .pet_caution_img{position: absolute;top:-200px;left:50%;transform:translate(-50%, 0);padding-bottom:-20px;z-index:9;}
.petWrap2 .pet_caution .pet_caution_img img{min-width:700px;}



.petWrap2 .pet_caution2{position:relative;width:100%;max-width:1120px; margin:0 auto;margin-top:20px;}
.petWrap2 .pet_caution2 h3{text-align:left;font-size:34px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
.petWrap2 .pet_caution2 p{text-align:left;font-size:20px;color:#000;padding-left:7%;line-height:37px;}



.petWrap2 .pet_caution3{position:relative;text-align: center;width:100%;max-width:1200px; height:850px; margin:0 auto;background:#F2EBE9;margin-top:280px;}
.petWrap2 .pet_caution3 h3{text-align:left;font-size:34px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
.petWrap2 .pet_caution3 p{text-align:left;font-size:20px;color:#000;padding-left:7%;line-height:37px;}
.petWrap2 .pet_caution3 .pet_caution3_img{position: absolute;top:-205px;left:50%;transform:translate(3%, 0);padding-bottom:-20px;z-index:9;}
.petWrap2 .pet_caution3 .pet_caution3_img img{min-width:428px;}
.petWrap2 .pet_caution3 ul{width:78.5%;margin:0 auto;margin-top:30px;}
.petWrap2 .pet_caution3 ul li{display:inline-block;margin:5px 2px}
.petWrap2 .pet_reservation{width:150px; height:50px; line-height:50px;background:#F14766;text-align:center;margin:0 auto;border-radius:10px;margin-top:20px;}
.petWrap2 .pet_reservation a{color:#fff;display:block;}

@media all and (max-width:1204px) {	

    .petWrap2 .petList  {margin-bottom: 45px; padding:0 15px; position: relative;}
    .petWrap2 .petList ul:after {content:''; display:block; clear:both;}
    .petWrap2 .petList ul li {float:none; width:100%; padding:0; border-left:none; border-bottom:1px dashed #999999; height: auto;  text-align:left; padding-bottom: 20px; margin-bottom: 20px;}
    .petWrap2 .petList ul li:after {content:''; display:block; clear:both;}
    .petWrap2 .petList ul li:last-child {border-bottom:none; margin-bottom: 0; padding-bottom: 0;}
    .petWrap2 .petList ul li .num {margin-bottom: 30px; float:left;}
    .petWrap2 .petList ul li .num {display: inline-block; text-align: center;color:#fff; width:45px; height:45px; line-height:45px;}
    .petWrap2 .petList ul li .num img{width:100%;}
    .petWrap2 .petList ul li .textWrap {font-size: 13px; color:#333333; margin-left:60px;}
    .petWrap2 .petList ul li .textWrap .tit01 { line-height: 25px; padding-top: 0;}
    .petWrap2 .petList ul li .textWrap .tit01 span {color:#fb4705; font-weight: 700;;}
    .petWrap2 .petList ul li .textWrap .tit02 {font-size:14px; font-weight:700; color:#333333; margin-bottom: 13px;}
    .petWrap2 .petList ul li .textWrap .tit03 {border-radius:10px; background:#f0f0f0; padding:7px 8px; letter-spacing:-0.05em; line-height:21px; word-break:keep-all;}
    .petWrap2 .petList ul li .textWrap br {display:none;}


    .petWrap2 .pet_caution{margin-top:200px;width:96%;height:420px;}
    .petWrap2 .pet_caution h3{text-align:left;font-size:20px;padding-left:5.3%;padding-top:40px;padding-bottom:10px;}
    .petWrap2 .pet_caution p{text-align:left;font-size:14px;color:#000;line-height:28px;width:80%;margin:0 auto;padding-left:0;}
    .petWrap2 .pet_caution .pet_caution_img{position: absolute;top:-110px;left:50%;transform:translate(-50%, 0);padding-bottom:-20px;z-index:9;}
    .petWrap2 .pet_caution .pet_caution_img img{min-width:400px;}

    .petWrap2 .pet_caution2 h3{text-align:left;font-size:20px;padding-left:5.3%;padding-top:40px;padding-bottom:10px;}
    .petWrap2 .pet_caution2 p{text-align:left;font-size:14px;color:#000;line-height:28px;width:80%;margin:0 auto;padding-left:0;}



    .petWrap2 .pet_caution3{height:1000px;margin-top:150px;}
    .petWrap2 .pet_caution3 h3{text-align:left;font-size:20px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
    .petWrap2 .pet_caution3 p{text-align:left;font-size:14px;color:#000;padding-left:7%;line-height:37px;}

    .petWrap2 .pet_caution3 .pet_caution3_img{top:-119px;width:50px;transform:translate(-3%, 0);}
    .petWrap2 .pet_caution3 .pet_caution3_img img{min-width:250px;}
    .petWrap2 .pet_caution3 ul li{width:32%;}
    .petWrap2 .pet_caution3 ul li img{width:100%;} 

}

.petSlide img {width: 100%;}
.petSlide .slick-arrow {margin-top:-45px; width:35px; height:35px; background:url('/images/sub/railArrowOff.png') no-repeat; }
.petSlide .slick-arrow:hover { background:url('/images/sub/railArrowOn.png') no-repeat;}
.petSlide .slick-arrow.slick-prev {left:0px;}
.petSlide .slick-arrow.slick-prev:after {background:url('/images/sub/railArrowLeft.png') center no-repeat; background-size:10px auto;}
.petSlide .slick-arrow.slick-next {right:-1px;}
.petSlide .slick-arrow.slick-next:after {background:url('/images/sub/railArrowRight.png') center no-repeat; background-size:10px auto;}
.petSlide .title {font-size:13px; padding:15px 0 15px 0; }




/**************************************************************************************************
동행 바이크 style
**************************************************************************************************/
/********petbike*******/

.compan_intro{width:100%;margin:0 auto;max-width:1200px;}
.compan_intro .compan_intro_img{width:100%;margin-bottom:90px;}
.compan_intro .compan_intro_img img{width:100%;}
.companWrap{width:100%; margin:0 auto; max-width:1200px;}
.companWrap .companTit01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.companWrap .companTit01 span {color:#764c22;}
.companWrap .companTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:80px; background:#a5a5a5;}
.companWrap .companTit02 span {color:#fb4705;}
.companWrap .companTit02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}

.companWrap .companimg{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.companWrap .companimg ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.companWrap .companimg ul li{float:left;margin-top:15px;}
.companWrap .companimg_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}

.companWrap .companrail_img{width:53.5%;margin:0 auto;max-width:640px;margin-top:110px;}
.companWrap .companrail_img img{width:100%;}


.companWrap .compan_ground{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.companWrap .compan_ground ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.companWrap .compan_ground ul li{float:left;margin-top:15px;}
.companWrap .companground_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}

.companWrap .companTit03 {position: relative; padding-top: 42px; margin-bottom: 75px; text-align: center; margin-top:200px;}
.companWrap .companTit03:after {content:''; position: absolute; left:0; top:0; height: 115px; width: 100%; background:#ececec;}
.companWrap .companTit03 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 40px; background:#fff; position: relative; z-index: 10;font-weight:700;}
.companWrap .companTit03 .tit01 span {font-size: 40px; color:#764c22; font-weight:700;}
.companWrap .companTit03 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:10px; line-height:33px; }

.companWrap .companTit04 {position: relative; padding-top:0px; margin-bottom: 90px; text-align: center; }
.companWrap .companTit04 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 50px;  position: relative;font-weight:700;}
.companWrap .companTit04 .tit01 span {font-size: 40px; color:#5bbcb9; font-weight:700;}
.companWrap .companTit04 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:50px; line-height:33px; }
.companWrap .companTit04 .map_add{width:100%;max-width:907px;margin:0 auto; font-size:16px;text-align:left;margin-top:10px;}

.companWrap hr{
    width: 100%;
    height: 1px;
    border-top: 1px solid #b2b2b2 !important;
}

.companWrap .companTit5_01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.companWrap .companTit5_01 span {color:#5bbcb9;}
.companWrap .companTit5_02 span {color:#fb4705;}
.companWrap .companTit5_02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}
.companWrap .compan1{width:100%;margin:0 auto; max-width:1200px;}
.companWrap .compan1_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.companWrap .compan2{width:100%;margin:0 auto; max-width:1200px;}
.companWrap .compan2_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.compan_h2Wrap {padding:80px; text-align: center;}
.compan_h2Wrap h2 {font-size: 48px; color:#333333; font-weight:700;line-height:72px;}
.compan_h2Wrap .subText {font-size: 16px; color:#888888; padding-top: 50px; }
.compan_intro{width:100%;margin:0 auto;max-width:1200px;}
.compan_intro .compan_intro_img{width:100%;margin-bottom:90px;}
.compan_intro .compan_intro_img img{width:100%;}
.companWrap{width:100%; margin:0 auto; max-width:1200px;}
.companWrap .companTit01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.companWrap .companTit01 span {color:#5bbcb9;}
.companWrap .companTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:80px; background:#a5a5a5;}
.companWrap .companTit02 span {color:#fb4705;}
.companWrap .companTit02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}

.companWrap .companimg{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.companWrap .companimg ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.companWrap .companimg ul li{float:left;margin-top:15px;}
.companWrap .companimg_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}

.companWrap .companrail_img{width:53.5%;margin:0 auto;max-width:640px;margin-top:110px;}
.companWrap .companrail_img img{width:100%;}


.companWrap .compan_ground{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.companWrap .compan_ground ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.companWrap .compan_ground ul li{float:left;margin-top:15px;}
.companWrap .companground_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}

.companWrap .companTit03 {position: relative; padding-top: 42px; margin-bottom: 75px; text-align: center; margin-top:200px;}
.companWrap .companTit03:after {content:''; position: absolute; left:0; top:0; height: 115px; width: 100%; background:#ececec;}
.companWrap .companTit03 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 40px; background:#fff; position: relative; z-index: 10;font-weight:700;}
.companWrap .companTit03 .tit01 span {font-size: 40px; color:#5bbcb9; font-weight:700;}
.companWrap .companTit03 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:10px; line-height:33px; }

.companWrap .companTit04 {position: relative; padding-top:0px; margin-bottom: 90px; text-align: center; }
.companWrap .companTit04 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 50px;  position: relative;font-weight:700;}
.companWrap .companTit04 .tit01 span {font-size: 40px; color:#5bbcb9; font-weight:700;}
.companWrap .companTit04 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:50px; line-height:33px; }
.companWrap .companTit04 .map_add{width:100%;max-width:907px;margin:0 auto; font-size:16px;text-align:left;margin-top:10px;}
.companWrap .companTit04 .img{
    padding:3em 0;
    border-bottom: 1px solid #b2b2b2;
}
.companWrap .companTit04 .img:last-child{
    border-bottom: none;
}

.companWrap .companTit05 {position: relative; padding-top: 42px; margin-bottom: 75px; text-align: center; margin-top:200px;}
.companWrap .companTit05 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 40px; background:#fff; position: relative; z-index: 10;font-weight:700;}
.companWrap .companTit05 .tit01 span {font-size: 40px; color:#5bbcb9; font-weight:700;}
.companWrap .companTit05 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:10px; line-height:33px; }
.companWrap .companTit05 .tit02 label{
    display: inline-block;
    position: relative;
    background:linear-gradient( to bottom, #fff 50%, #ffe236 50% );
}
.companWrap .companTit05 .subtit{
    color: #053291;
    font-size: 20px;
    font-weight:700;
    text-align: left;
    margin: 0.5em 0;
}


.companWrap .companTit5_01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.companWrap .companTit5_01 span {color:#5bbcb9;}
.companWrap .companTit5_02 span {color:#fb4705;}
.companWrap .companTit5_02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}
.companWrap .compan1{width:100%;margin:0 auto; max-width:1200px;}
.companWrap .compan1_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.companWrap .compan2{width:100%;margin:0 auto; max-width:1200px;}
.companWrap .compan2_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.compan_h2Wrap {padding:80px; text-align: center;}
.compan_h2Wrap h2 {font-size: 48px; color:#333333; font-weight:700;line-height:72px;}
.compan_h2Wrap .subText {font-size: 16px; color:#888888; padding-top: 50px; }
.compan_intro .compan_intro_img{width:100%;margin-bottom:90px;}
.compan_intro .compan_intro_img img{width:100%;}
.companWrap{width:100%; margin:0 auto; max-width:1200px;}
.companWrap .companTit01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.companWrap .companTit01 span {color:#5bbcb9;}
.companWrap .companTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:80px; background:#a5a5a5;}
.companWrap .companTit02 span {color:#fb4705;}
.companWrap .companTit02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}

.companWrap .companimg{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.companWrap .companimg ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.companWrap .companimg ul li{float:left;margin-top:15px;}
.companWrap .companimg_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}

.companWrap .companrail_img{width:53.5%;margin:0 auto;max-width:640px;margin-top:110px;}
.companWrap .companrail_img img{width:100%;}

.companWrap .companTit2_01 {
    position: relative; font-size: 34px; font-weight:700; color:#000000; text-align: center;
    height: 108px; background: url(../images/sub/companion/compan_table_img1.png) no-repeat bottom right;
    margin-top: 1em;
}
.companWrap .companTit2_01 span {color:#764c22;}
.companWrap .companTit2_02 span {color:#fb4705;}
.companWrap .companTit2_02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}

.companWrap .compan_table1 table{
    width: 100%;
    border-top: 2px solid #999999;
    border-bottom: 2px solid #999999;
    font-size: 1.25em;
}
.companWrap .compan_table1 table th{
    border-bottom: 2px solid #fcaf17;
    text-align: center;
    font-size: 1.25em;
    color: #757575;
    padding: 20px 0;
}
.companWrap .compan_table1 table td{
    padding: 1em;
    text-align: center;
    color: #e50027;
    font-weight: 600;
}
.companWrap .compan_table1 table td:first-child {    
    color: #757575;
}

.companWrap .compan_table2 table{
    width: 100%;
    border-top: 2px solid #053291;
    border-bottom: 2px solid #999999;
    font-size: 1.25em;
}
.companWrap .compan_table2 table th{
    border-bottom: 1px solid #053291;
    background: #f0f6ff;
    text-align: center;
    font-size: 1.25em;
    color: #757575;
    padding: 20px 0;
}
.companWrap .compan_table2 table th:first-child, .companWrap .compan_table2 table td:first-child {
    border-right: 1px solid #999;
}
.companWrap .compan_table2 table td{
    padding: 1em;
    text-align: center;
    color: #757575;
    font-weight: 600;
}

.companWrap .companTit05 .compan_table2{
    margin-top:2em;
}
.companWrap .companTit05 th{
    color: #053291 !important;
}
.companWrap .companTit05 .compan_table2 td{
    color: #333940 !important;
}
.companWrap .companTit05 .compan_table2 th, .companWrap .companTit05 .compan_table2 td{
    border-right: 1px solid #999;
}
.companWrap .companTit05 .compan_table2 th:last-child, .companWrap .companTit05 .compan_table2 td:last-child{
    border-right:none;
}

.companWrap .infoBox1{
    background: #eaeaea;
    color: #565656;
    margin: 1em 0 3em 0;
}
.companWrap .infoBox1 ul {
    padding: 1em;
}
.companWrap .infoBox1 ul li{
    padding-left: 1.5em;
    margin: 0.5em 0;
    position: relative;
}
.companWrap .infoBox1 ul li::before{
    content: '●';
    margin-right: 0.75em;
    display: inline-block;
    color: #fff;    
}

.companWrap .infoBox2{    
    position: relative;
    color: #053291;
    margin: 3em 0 3em 0;
}
.companWrap .infoBox2 ul {
    padding: 0;
    text-align: left;
}
.companWrap .infoBox2 ul li{    
    margin: 0.5em 0;
    position: relative;
    line-height: 160%;
}
.companWrap .infoBox2 ul li::before{
    content: '●';
    margin-right: 0.75em;
    display: inline-block;
    color: #053291;    
}

.infoBox2 .qr{
    position: absolute;
    right: 0;
    top: 2em;
}

.companWrap .compan_ground{width:100%;margin:0 auto; max-width:1200px;height:314px;background:#F2EBE9;}
.companWrap .compan_ground ul{width:100%;margin:0 auto;text-align:center;margin-left:11px;}
.companWrap .compan_ground ul li{float:left;margin-top:15px;}
.companWrap .companground_text{clear:both;width:100%; margin:0 auto; max-width:1200px;padding-top:20px;text-align:center;font-size:16px;word-break:keep-all;}


.companWrap .companTit03 {position: relative; padding-top: 42px; margin-bottom: 75px; text-align: center; margin-top:200px;}
.companWrap .companTit03:after {content:''; position: absolute; left:0; top:0; height: 115px; width: 100%; background:#ececec;}
.companWrap .companTit03 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 40px; background:#fff; position: relative; z-index: 10;font-weight:700;}
.companWrap .companTit03 .tit01 span {font-size: 40px; color:#764c22; font-weight:700;}
.companWrap .companTit03 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:10px; line-height:33px; }

.companWrap .companTit04 {position: relative; padding-top:0px; margin-bottom: 90px; text-align: center; }
.companWrap .companTit04 .tit01 {font-size: 40px; color:#000000;  margin:0 45px 40px 45px; padding-top: 50px;  position: relative;font-weight:700;}
.companWrap .companTit04 .tit01 span {font-size: 40px; color:#764c22; font-weight:700;}
.companWrap .companTit04 .tit02 {font-size: 20px; color:#333333; font-weight:700;z-index: 10; margin-bottom:50px; line-height:33px; }
.companWrap .companTit04 .map_add{width:100%;max-width:907px;margin:0 auto; font-size:16px;text-align:left;margin-top:10px;}

.companWrap .companTit5_01 {position: relative;font-size: 34px; font-weight:700; color:#000000; margin-bottom: 35px; text-align: center; padding-top: 125px;}
.companWrap .companTit5_01 span {color:#764c22;}
.companWrap .companTit5_02 span {color:#fb4705;}
.companWrap .companTit5_02 {font-size: 20px;  color:#333333; margin-bottom:50px; text-align: center; line-height: 32px; ;}
.companWrap .compan1{width:100%;margin:0 auto; max-width:1200px;}
.companWrap .compan1_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.companWrap .compan2{width:100%;margin:0 auto; max-width:1200px;}
.companWrap .compan2_text{font-size:28px;color:#000;width:100%;margin:0 auto; max-width:1200px;height:100px;border:2px solid #D1D1D1;line-height:100px;text-align:center;border-top:0;}

.compan_h2Wrap {padding:80px; text-align: center;}
.compan_h2Wrap h2 {font-size: 48px; color:#333333; font-weight:700;line-height:72px;}
.compan_h2Wrap .subText {font-size: 16px; color:#888888; padding-top: 50px; }

.main_video{
position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:20px;
}

.main_video2{position: relative;width:1200px;margin:0 auto; max-width:1200px;margin-bottom:20px;}

.main_video video{

   width:100%;
   max-width:1200px;
   height:auto;

}

.main_video iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.compan_yotube div.img{
position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:20px;
}
.compan_yotube div.img iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.companWrap .companTit05 .tit02 .m-br{display: none;}
.companWrap .companTit05 .compan_table2 th:last-child br, .companWrap .companTit05 .compan_table2 td:last-child br{
    display: none;
}

@media all and (max-width:1204px) {	
	.compan_intro .compan_intro_img{margin-bottom:50px;}
	.companWrap .companTit01 {position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px;}
	.companWrap .companTit01:after {content:''; position: absolute; left:50%; top:0; width: 1px; height:40px; background:#a5a5a5;}
	.companWrap .companTit02 {font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; ;}

	.companWrap .companimg{width:70%;height:auto;padding:10px 0;}
	.companWrap .companimg ul{margin-left:0;margin-top:10px;}
	.companWrap .companimg ul li{width:80%;margin:0 auto;float:none;margin-bottom:10px;}
	.companWrap .companimg ul li img{width:100%;}
	.companWrap .companimg_text{font-size:12px;width:90%;margin:0 auto;line-height:18px; }
	.companWrap .companrail_img{margin-top:60px;}

	.companWrap .companTit2_01 {position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px; background-size: 20%;}
	.companWrap .companTit2_02 {font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; ;}

	.companWrap .compan_ground{width:70%;height:auto;padding:10px 0;}
	.companWrap .compan_ground ul{margin-left:0;margin-top:10px;}
	.companWrap .compan_ground ul li{width:80%;margin:0 auto;float:none;margin-bottom:10px;}
	.companWrap .compan_ground ul li img{width:100%;}
	.companWrap .companground_text{font-size:12px;width:90%;margin:0 auto;line-height:18px; }

	.companWrap .companTit03 {position: relative; padding-top:20px; margin:100px 15px 30px 15px; }
	.companWrap .companTit03:after {content:''; position: absolute; left:0; top:0; height: 60px; width: 100%; background:#ececec;}
	.companWrap .companTit03 .tit01 {font-size: 20px; margin:0 25px 20px 25px; padding-top:20px; background:#fff; position: relative; z-index: 10;}
	.companWrap .companTit03 .tit01 span {font-size: 20px; font-weight:700;}
	.companWrap .companTit03 .tit02 {font-size: 13px; color:#333333; font-weight:700;z-index: 10;line-height:20px; margin:0 30px 10px 30px; word-break:keep-all; }
	.companWrap .companTit03 .tit02 span {color:#fb4705; display: inline-block; border-bottom: 1px solid #fb4705; line-height: 18px;}
	



	.companWrap .companTit04 img{width:95%;}
	.companWrap .companTit04 .map_add{width:95%;margin:0 auto; font-size:14px;text-align:left;margin-top:10px;}

	.companWrap .companTit04 .tit01{position: relative; font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px;}
	.companWrap .companTit04 .tit01 span{font-size:17px;}	
	.companWrap .companTit04 .tit02{font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px;}

    .companWrap .companTit04 .tit02 br{display: none !important;}
    .companWrap .companTit04 .tit02 .m-br{display: block;}

    .companWrap .companTit05{margin-top:100px; padding-top: 0;}
    .companWrap .companTit05 .tit01{position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:0px;}
	.companWrap .companTit05 .tit01 span{font-size:17px;}	
	.companWrap .companTit05 .tit02{font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; }
    .companWrap .companTit05 .tit02 .m-br{display: block;}
    .companWrap .companTit05 .compan_table2 th:last-child br, .companWrap .companTit05 .compan_table2 td:last-child br{
        display: block;
    }

	.companWrap .companTit5_01{position: relative;font-size:17px; font-weight:700; margin-bottom: 15px; text-align: center; padding-top:60px;}
	.companWrap .companTit5_01 span{font-size:17px;}
	.companWrap .companTit5_02{font-size: 13px;   margin-bottom:25px; text-align: center; line-height:18px; ;}

	.companWrap .compan1_text{height:60px;line-height:60px;font-size:18px;border:1px solid #D1D1D1;border-top:0;}
	.companWrap .compan2_text{height:60px;line-height:60px;font-size:18px;border:1px solid #D1D1D1;border-top:0;}

    .companWrap .infoBox1 ul li{
        font-size: 13px;
        padding-left: 0;
    }

    .companWrap .infoBox2{
        padding:0 0.5em;
        font-size: 13px;
    }


	.h2Wrap {padding:45px 0 30px 0;}
	.h2Wrap h2 {font-size: 24px;line-height:36px;}
	.h2Wrap .subText {font-size: 13px; color:#888888; padding-top:13px; }


     .compan_h2Wrap h2{
        font-size: 1.2em;
    }

    .companWrap .compan_table1 table th, .companWrap .compan_table1 table td{
        font-size: 13px;
        padding: 0.25em;
        word-break: break-all;
    }

    .companWrap .compan_table2 table th, .companWrap .compan_table2 table td{
        font-size: 13px;
        padding: 0.45em;
        word-break: break-all;
    }



}


.companWrap2 .companWrap2_intro{width:100%;margin:0 auto; max-width:1200px;}
.companWrap2 .companList  {margin-bottom: 90px;margin-top:80px;}
.companWrap2 .companList ul:after {content:''; display:block; clear:both;}
.companWrap2 .companList ul li {float:left; width: 33.3336%; padding:0 23px; border-left:1px dashed #999999; height: 280px;  text-align: center;}
.companWrap2 .companList ul li .num {margin-bottom: 20px;}
.companWrap2 .companList ul li .num span{display: inline-block; text-align: center;width:90px; height: 90px;}
.companWrap2 .companList ul li .textWrap {font-size: 16px; color:#333333; }
.companWrap2 .companList ul li .textWrap .tit01 { line-height: 25px; padding-top:0px;font-size:20px; color:#000;font-weight:700;padding-bottom:10px;}
.companWrap2 .companList ul li .textWrap .tit02 {font-size: 16px; font-weight:400; color:#000000; margin-bottom: 13px;line-height:23px;letter-spacing:-0.5px;}
.companWrap2 .companList ul li .textWrap .tit03 {border-radius:10px; background:#f0f0f0; padding:13px 15px; letter-spacing:-0.05em; line-height:23px;}
.companWrap2 .companList ul li.no1{border-left:0;}

.companWrap2 .compan_caution{position:relative;text-align: center;width:100%;max-width:1120px; /*height:480px;*/padding: 1.5em 0; margin:0 auto;background:#F2EBE9;margin-top:340px;border-radius:30px;}
.companWrap2 .compan_caution h3{text-align:left;font-size:34px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
.companWrap2 .compan_caution p{text-align:left;font-size:20px;color:#000;padding-left:7%;line-height:37px;}
.companWrap2 .compan_caution .compan_caution_img{position: absolute;top:-200px;left:50%;transform:translate(-50%, 0);padding-bottom:-20px;z-index:9;}
.companWrap2 .compan_caution .compan_caution_img img{min-width:700px;}



.companWrap2 .compan_caution2{position:relative;width:100%;max-width:1120px; margin:0 auto;margin-top:20px;}
.companWrap2 .compan_caution2 h3{text-align:left;font-size:34px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
.companWrap2 .compan_caution2 p{text-align:left;font-size:20px;color:#000;padding-left:7%;line-height:37px;}



.companWrap2 .compan_caution3{position:relative;text-align: center;width:100%;max-width:1200px; height:850px; margin:0 auto;background:#F2EBE9;margin-top:280px;}
.companWrap2 .compan_caution3 h3{text-align:left;font-size:34px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
.companWrap2 .compan_caution3 p{text-align:left;font-size:20px;color:#000;padding-left:7%;line-height:37px;}
.companWrap2 .compan_caution3 .compan_caution3_img{position: absolute;top:-205px;left:50%;transform:translate(3%, 0);padding-bottom:-20px;z-index:9;}
.companWrap2 .compan_caution3 .compan_caution3_img img{min-width:428px;}
.companWrap2 .compan_caution3 ul{width:78.5%;margin:0 auto;margin-top:30px;}
.companWrap2 .compan_caution3 ul li{display:inline-block;margin:5px 2px}
.companWrap2 .compan_reservation{width:150px; height:50px; line-height:50px;background:#F14766;text-align:center;margin:0 auto;border-radius:10px;margin-top:20px;}
.companWrap2 .compan_reservation a{color:#fff;display:block;}

@media all and (max-width:1204px) {	
	


.companWrap2 .companList  {margin-bottom: 45px; padding:0 15px; position: relative;}
.companWrap2 .companList ul:after {content:''; display:block; clear:both;}
.companWrap2 .companList ul li {float:none; width:100%; padding:0; border-left:none; border-bottom:1px dashed #999999; height: auto;  text-align:left; padding-bottom: 20px; margin-bottom: 20px;}
.companWrap2 .companList ul li:after {content:''; display:block; clear:both;}
.companWrap2 .companList ul li:last-child {border-bottom:none; margin-bottom: 0; padding-bottom: 0;}
.companWrap2 .companList ul li .num {margin-bottom: 30px; float:left;}
.companWrap2 .companList ul li .num {display: inline-block; text-align: center;color:#fff; width:45px; height:45px; line-height:45px;}
.companWrap2 .companList ul li .num img{width:100%;}
.companWrap2 .companList ul li .textWrap {font-size: 13px; color:#333333; margin-left:60px;}
.companWrap2 .companList ul li .textWrap .tit01 { line-height: 25px; padding-top: 0;}
.companWrap2 .companList ul li .textWrap .tit01 span {color:#fb4705; font-weight: 700;;}
.companWrap2 .companList ul li .textWrap .tit02 {font-size:14px; font-weight:700; color:#333333; margin-bottom: 13px;}
.companWrap2 .companList ul li .textWrap .tit03 {border-radius:10px; background:#f0f0f0; padding:7px 8px; letter-spacing:-0.05em; line-height:21px; word-break:keep-all;}
.companWrap2 .companList ul li .textWrap br {display:none;}


.companWrap2 .compan_caution{margin-top:200px;width:96%; /*height:420px;*/}
.companWrap2 .compan_caution h3{text-align:left;font-size:20px;padding-left:5.3%;padding-top:40px;padding-bottom:10px;}
.companWrap2 .compan_caution p{text-align:left;font-size:14px;color:#000;line-height:28px;width:80%;margin:0 auto;padding-left:0;}
.companWrap2 .compan_caution .compan_caution_img{position: absolute;top:-110px;left:50%;transform:translate(-50%, 0);padding-bottom:-20px;z-index:9;}
.companWrap2 .compan_caution .compan_caution_img img{min-width:400px;}

.companWrap2 .compan_caution2 h3{text-align:left;font-size:20px;padding-left:5.3%;padding-top:40px;padding-bottom:10px;}
.companWrap2 .compan_caution2 p{text-align:left;font-size:14px;color:#000;line-height:28px;width:80%;margin:0 auto;padding-left:0;}



.companWrap2 .compan_caution3{height:1000px;margin-top:150px;}
.companWrap2 .compan_caution3 h3{text-align:left;font-size:20px;color:#764c22;padding-left:5.3%;padding-top:80px;padding-bottom:20px;}
.companWrap2 .compan_caution3 p{text-align:left;font-size:14px;color:#000;padding-left:7%;line-height:37px;}

.companWrap2 .compan_caution3 .compan_caution3_img{top:-119px;width:50px;transform:translate(-3%, 0);}
.companWrap2 .compan_caution3 .compan_caution3_img img{min-width:250px;}
.companWrap2 .compan_caution3 ul li{width:32%;}
.companWrap2 .compan_caution3 ul li img{width:100%;} 

.infoBox2 .qr{
    text-align: left;
    position: relative;
    right: 0;
    top: 2em;
}

}
/***************************************************************************************************
동행 바이크 style end
***************************************************************************************************/