@charset "utf-8";

@font-face {
  font-family: 'NanumSquare_acB';
  font-style: normal;
  src: url('../fonts/NanumSquare_acB.eot'); /* IE9 Compat Modes */
  src: local('NanumSquare_acB'), local('NanumSquare_acB'),
       url('../fonts/NanumSquare_acB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquare_acB.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquare_acB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquare_acB.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquare_acB.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'NanumSquare_acEB';
  font-style: normal;
  src: url('../fonts/NanumSquare_acEB.eot'); /* IE9 Compat Modes */
  src: local('NanumSquare_acEB'), local('NanumSquare_acEB'),
       url('../fonts/NanumSquare_acEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquare_acEB.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquare_acEB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquare_acEB.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquare_acEB.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'NanumSquare_acL';
  font-style: normal;
  src: url('../fonts/NanumSquare_acL.eot'); /* IE9 Compat Modes */
  src: local('NanumSquare_acL'), local('NanumSquare_acL'),
       url('../fonts/NanumSquare_acL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquare_acL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquare_acL.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquare_acL.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquare_acL.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'NanumSquare_acR';
  font-style: normal;
  src: url('../fonts/NanumSquare_acR.eot'); /* IE9 Compat Modes */
  src: local('NanumSquare_acR'), local('NanumSquare_acR'),
       url('../fonts/NanumSquare_acR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NanumSquare_acR.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquare_acR.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquare_acR.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NanumSquare_acR.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* Reset */
html,body{/*width:100%;height:100%*/}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0px;padding:0px;border:0px;color:#333;}
body,h1,h2,h3,h4,input,button{line-height:1.3em; color:#000;}
body{background-color:#fff;text-align:left;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0px none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
button{cursor:pointer}
button{margin:0px;padding:0px}
a:link    {color:#333; text-decoration:none}
a:visited {color:#333; text-decoration:none}
a:hover   {color:#333; text-decoration:none}
a:active  {color:#333; text-decoration:none}
button *{position:relative}
button{ background: none; border: none; outline: none; }

option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0px}
caption, legend {width:0px;height:0px;font-size:0px;line-height:0px;overflow:hidden;visibility:hidden}
input::-ms-clear{display:none}
input{-webkit-appearance:none;-webkit-text-size-adjust:none;outline: none;border:none;}
input[type=text]{border-radius:0}
input[type=checkbox]{-webkit-appearance:checkbox}
input[type=radio]{-webkit-appearance:radio}
input[type=image]{border-radius:0;background-color:#f9fafa;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f9fafa))}

/* Common */
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.hidden {display:none;}

.f_left {float:left;}
.f_right {float:right;}

.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display: block;content: '';line-height: 0;}
.clearfix:after{clear:both;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}


select {background: none repeat scroll 0 0 #fff; border:1px solid #999; color:#333; margin:0; overflow:auto; vertical-align:middle;font-size: 0.67rem; -webkit-appearance: none; 
   -moz-appearance: none; appearance: none; background-size: 0.42rem 0.3rem; outline: none; text-indent: 0.5rem;}
select::-ms-expand {display: none;}
select option{text-indent:0.5rem;}
input[type=text] {padding:5px; border:1px solid #999; vertical-align:middle; color:#333;font-size:0.67rem;padding-left: 0.5rem;}
input[type=tel] {padding:5px; border:1px solid #999; vertical-align:middle; color:#333;font-size:0.67rem;padding-left: 0.5rem;}
textarea {padding:5px; border:1px solid #999; vertical-align:middle; color:#333;font-size:0.67rem;}
input[type=password] {border:1px solid #999; vertical-align:middle; color:#333;font-size:0.67rem;}
input[type=submit] {padding:0;vertical-align:middle; color:#fff;font-size:0.8rem; background-color: #333; }
input[type=search] {border:1px solid #999; vertical-align:middle; color:#333;font-size:0.67rem;}
input[type=radio] {margin-right:3px; border:0; vertical-align:middle;}
input.type_radio {margin:-3px 3px 0px 0px;}
input::placeholder{font-size: 0.9rem;}


/* 공통 */
*{ box-sizing: border-box; word-break: keep-all; }
ul{ font-size: 0; letter-spacing: -4px; }
ul li{ font-size: 14px; letter-spacing: -0.025em; }
html{ font-family: 'NanumSquare_acR'; letter-spacing: -0.025em; }

.border_n{ border: none; }
.border01_n{ border-right: none !important; }
.position_r{ position: relative; }
.m_br{ display: inline !important; }
.align_c{ text-align: center; }
img{ width: 100%; max-width: 100%; }


/*디바이스에 따른 글자 크기*/
html{font-size:24px;min-width: 320px; margin: 0 auto; }
@media (min-width:1000px){html{font-size:24px;}}
@media (min-width:769px) and (max-width:999px){html{font-size:20px;}}
@media (min-width:600px) and (max-width:768px){html{font-size:18px;}}
@media (min-width:500px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:376px) and (max-width:499px){html{font-size:14px;}}
@media (min-width:360px) and (max-width:375px){html{font-size:13px;}}
@media (min-width:0px) and (max-width:359px){html{font-size:12px;}}


/* 컨텐츠 공통 */
.subcontainer{ width: 100%; overflow-x: hidden; margin-top: 72px; }
.wrap{ width:1000px; margin: 0 auto; }

@media (max-width: 1000px) {
    .subcontainer{  width: 100%; }
    .wrap{ width:100%; padding: 0 1rem; }
}

/* 메인배너 */
.event{ margin-top: 0; }
.main_sec{ width: 1200px; margin: 0 auto; background: url('../images/event/event01_main.jpg')no-repeat top center; padding-top: 30rem; background-size: 50rem; background-size: 100% auto; position: relative; }
.top_logo{ position: absolute; top: 3.75rem; left: 50%; -ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); padding: 0 1rem; width: 1000px; z-index: 1 }
.top_logo img{ width: 8.25rem; }
.top_desc{ position: absolute; top: 3.75rem; left: 50%; -ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); padding: 0 1rem; width: 1000px; z-index: 2 ; text-align: right; }
.top_desc img{ width: 19.8rem; }
.circle{  position: absolute; top: 8.3rem; right: 5.3rem; width: 19.3rem; }

@media (max-width: 1200px) {
    .top_logo, .top_desc{ width: 100%; }
    .circle{  right: 2.5rem; width: 16rem; }
}
@media (max-width: 1024px) {
    .event{ margin-top: 71px; }

}
@media (max-width: 874px) {
    .main_sec{ background-size: auto 100%; } 
}
@media (max-width: 768px) {
    .circle{  right: 1rem; width: 13rem; }
}
@media (max-width: 640px) {
    .main_sec{ padding-top: 22rem; }
    .top_logo{ top: 2rem;  }
    .top_desc{ top: 5rem; left: 1rem; -ms-transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%); text-align: center; }
    .top_desc img{ width: 24rem; }
    .circle{ top: 9rem; }
    
}

/* 메인배너 타이틀 */
.title span{ display:block; color: #fff; }
.title span.snack{ display: inline; }

.title01{ font-family: 'NanumSquare_acEB'; font-size: 1.6rem; line-height: 2.25rem; margin-bottom: 1rem; }
.title02{ font-family: 'NanumSquare_acEB'; font-size: 2.4rem; line-height: 3.54rem; padding-bottom: 3rem; }
.title span.f_yellow{ display: inline; color: #ffdc71; }

/* 메인배너 인포 테이블 */
.info{ padding: 0 1.2rem; }
.info table{ width: 100%;  }
.info table th{ border:0; border-right: 0.4rem solid transparent; font-size: 1.17rem;color: #fff; text-align: center; font-family: 'NanumSquare_acB'; width: 20%; vertical-align: top; color: #fff; word-break: keep-all; }
.info table th span{ display: block; background-color: rgba(0,0,0,0.5);  padding: 1.17rem 0; }
.info table td{ border:0; font-size: 1.17rem;color: #fff; font-family: 'NanumSquare_acB'; vertical-align: top; line-height: 1.3em; }
.info table .td_inner{  padding: 1rem 1rem; background-color: rgba(0,0,0,0.5); color: #fff; margin-bottom: 0.4rem; line-height: 1.3em;  }
.info table .td_inner01{ padding-bottom: 11rem !important; }
.info table h3{ font-family: 'NanumSquare_acB'; font-size: 1.25rem; line-height: 1.58rem; color: #fff; }
.info table td span{ display: block; color: #fff; font-size: 1.17rem; }
.info table td .row02{ display: block; letter-spacing: -0.05em; font-stretch: 50%; }
.info table td .row02 span{ display: inline; }
.info table td .row03 span{ display: inline; }
.info table.fs{ font-size: 1.25rem; line-height: 1.25rem;  }

/* 메인배너 하단 */
.together{ text-align: center; padding: 1.17rem 0 2rem 0; font-size: 1.25rem; line-height: 4.8rem; }
.together span{ font-family: 'NanumSquare_acEB'; display: inline-block; color: #322d29; line-height: 2.25rem; vertical-align: middle; }
.together span.m_br{ line-height: 4.8rem; }
.together img{ width: 6.25rem; margin: 0 1rem; }
.together .m_block{ display: none; }

@media (max-width: 1200px) {
    .main_sec{ width: 100%; } 
}
@media (max-width: 1000px) {
    .main_top{ width: 100%; } 
}
@media (max-width: 999px) {
    .info table .td_inner01{ padding-bottom: 9.5rem !important; }
}
@media (max-width: 875px) {
    .info table th{ width:18%;  }
    .info table h3{ font-size: 1.1rem; }
    .info table td span, .info table td, .info table th { font-size: 1rem; letter-spacing: -0.05em; }
    .info table .td_inner01{ padding-bottom: 9rem !important; }
}
@media (max-width: 768px) {
}
@media (max-width: 700px) {
    .title02{ font-size: 2rem; line-height: 2.8rem; }
    .info table th, .info table h3{ font-weight: 400; }
}
@media (max-width: 680px) {
    .info{ padding: 0 0rem; }
}
@media (max-width: 640px) {
    .info table th{ font-size: 1.25rem; line-height: 1.5rem; }
    .info table td{ font-size: 1.25rem; line-height: 1.5rem; }
    .info table td.fs01 .td_inner{ line-height: 2.6em; }

    .info table td span{ font-size: 1.25rem; line-height: 1.5rem; }
    .info table td .row03 span{ display: block; }
    .info table .td_inner01{ padding-bottom: 10.8rem !important; }
    .info table .td_inner02{ padding-bottom: 0.9rem !important; }
    .together span.m_br{ display: block !important; vertical-align: middle; line-height: 4.8rem;}
    .together{ line-height: 1.5rem; padding: 1rem 0 2rem 0; font-size: 1.5rem; }
    .title span.snack{ color: #333; }
    .together .m_block{ display: block; line-height: 1.7rem; padding-top: 0.5rem; }
    .together .m_none{ display: none; }

}
@media (max-width: 536px) {
    .info table td .row02 span{ display: block; }
}
@media (max-width: 530px) {
    .info table .td_inner01{ padding-bottom: 12.1rem !important; }
}
@media (max-width: 506px) {
    .info table .td_inner01{ padding-bottom: 13.7rem !important; }

}
@media (max-width: 499px) {
    .info table .td_inner01{ padding-bottom: 11rem !important; }

}
@media (max-width: 464px) {
    .info table .td_inner01{ padding-bottom: 12.4rem !important; }
}
@media (max-width: 443px) {
    .info table th{ width: 22%;  }
    .info table .td_inner01{ padding-bottom: 13.9rem !important; }
}

@media (max-width: 388px) {
}
@media (max-width: 375px) {
        .info table .td_inner01{ padding-bottom: 13.5rem !important; }

}
@media (max-width: 359px) {
        .info table .td_inner01{ padding-bottom: 13.7rem !important; }

}


/* input 공통 */
select{ background: url('../images/event/event_arr.png')#fff no-repeat 82% center;  background-size: 1rem auto; color: #333333; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2.67rem; line-height: 2.67rem; vertical-align: middle; border: 1px solid #999; outline: none; font-family: 'NanumSquare_acR';  }
select::-ms-expand {display:none}
input{  height: 2.67rem; line-height: 2.67rem; vertical-align: middle; font-family: 'NanumSquare_acR'; }

/* 체크박스 */
.check_item{ line-height: 1.32rem; height: 1.32rem;  }
.check_item input{ display: none; }
.check_item label{ display: inline-block; position: relative; font-size: 0.83rem;  color: #333; font-weight: 700; padding-left: 1.5rem; line-height: 1.32rem; height: 1.32rem; vertical-align: middle; padding-top: 0.25rem; }
.check_item label:after{ width: 1.25rem; height: 1.25rem; line-height: 1.25rem; content: ''; display: inline-block; background: url('../images/event/event_check.jpg')no-repeat; background-size: cover; position: absolute; top: 50%; left: 0%; margin-left: 0px; margin-top: -10px; }
.check_item input:checked + label:after{ width: 1.25rem; height: 1.25rem; line-height: 1.25rem; content: ''; display: inline-block; background: url('../images/event/event_checkon.jpg')no-repeat; background-size: cover; }

/* 신청서 */
/* 신청서 입력 */
.sec01{ padding: 7.4rem 0 6.3rem 0;  background: url('../images/event/event01_sec01.jpg')#d1ddff no-repeat center center; background-size: auto 100%; }
.sec01 h4{ font-size: 1.75rem; color: #333; line-height: 2.17rem; padding: 1rem 0 2rem 0; background: url('../images/event/event01_sec01_topbg.png')no-repeat right top; background-size: 7rem auto; border-right: 2.5rem solid transparent; }
.sec01 h4 span.f_blue{ color: #6a86eb; display: block; }
.sec01 ul.user li{ display: inline-block; margin-bottom: 1.25rem; font-size: 0; vertical-align: top; }
.sec01 ul.user li label{ display: inline-block; font-size: 1.25rem;line-height: 2.17rem; width: 6.3rem; font-family: 'NanumSquare_acB'; }
.sec01 ul.user li:nth-child(2n-1){ width: 40%; }
.sec01 ul.user li:nth-child(2n-1) input, .sec01 ul.user li:nth-child(2n-1) select{ width: calc(100% - 7.55rem); }
.sec01 ul.user li:nth-child(2n){ width: 60%; }
.sec01 ul.user li:nth-child(2) input, .sec01 ul.user li:nth-child(2) select{ width: calc((100% - 7.62rem) / 3); margin-right: 0.66rem; }
.sec01 ul.user li:nth-child(2) > div:last-child{ margin-top: 0.5rem;  }
.sec01 ul.user li:nth-child(2) > div:last-child input[type="tel"]{  width: calc((100% - 6.96rem) / 2 ); margin-right: 0.66rem;}
.sec01 ul.user .submit{ display: inline-block; width: calc((100% - 6.96rem) / 2 ); height: 2.67rem; line-height: 2.67rem; margin-right: 0; color:#fff; font-size:0.8rem; background-color: #333; text-align: center; vertical-align: middle; }
.sec01 ul.user input[type="text"]{ font-size:0.9rem;  }
.sec01 ul.user input[type="tel"]{ font-size:0.9rem;  }

.sec01 ul.user li:nth-child(4) select{ width: calc((100% - 6.96rem) / 2); margin-right: 0.66rem;  }
.sec01 ul.user li:nth-child(2) input:last-child, .sec01 ul.user li:nth-child(2) select:last-child, .sec01 ul.user li:nth-child(4) select:last-child{ margin-right: 0; }

/* 약관동의 */
.agree{ position: relative; margin-top: 2.3rem; }
.agree h5{  font-size: 1.5rem; color: #6a86eb; }
.agree h5 span{ font-size: 0.83rem; color: #333; font-weight: 400; margin-left: 0.5rem; }
.agreeBox{ background-color: #fff; padding: 0.83rem 0; margin-top: 1.25rem; }
.agreeBox li{ display: inline-block; width: 50%; padding: 0 0.7rem;}
.agreeBox li > div{display: inline-block; }
.agreeBox .agreeName{ font-size: 0.83rem; line-height: 1.25rem;  width: 70%; padding-top: 0.25rem;}
.agreeBox .agreeName a{ display: inline-block; margin-left: 1rem;  font-size: 0.6rem; border: 1px solid #6a86eb; padding: 0 5px;  border-radius: 5px; line-height: 1rem; vertical-align: middle; }
.agreeBox .check_item{ text-align: right; }
.agreeall{ position: absolute; top:0; right:0;}
.btns{ text-align: center; margin-top: 2.5rem; }
.btn a{ display: block; color: #fff; font-size: 1.5rem;  font-family: 'NanumSquare_acB'; height: 4.17rem; line-height: 4.17rem; }
.b_btn{ background-color: #6a86eb; }
.r_btn{ background-color: #ff7073; }

.btns > li{ display: inline-block; width: calc((100% - 1.75rem) / 2); }
.btns > li:first-child{ margin-right: 1.75rem; }

@media (max-width: 1000px) {
    .sec01 h4{ border-right: none; }  
}
@media (max-width: 768px) {
    select{ background-position: 95% center;  background-size: 0.7rem auto; }  
}

@media (max-width: 640px) {
    .sec01{ padding: 1rem 0 3rem 0; }
    .sec01 h4{ font-size: 2.3rem !important ; line-height: 3rem; padding-top: 3rem; }
    .agreeBox li{ width: 100%; }
    .agreeBox .agreeName{ font-size: 1.25rem; }
}

@media (max-width: 546px) {
    .sec01 .m_br{ display: block !important; }
    .sec01 ul.user li{ width: 100% !important; }
    .sec01 ul.user li:nth-child(2n-1) input, .sec01 ul.user li:nth-child(2n-1) select{ width: calc(100% - 6.3rem); }
    .sec01 ul.user li:nth-child(3) select{ background-position: 97.5% center; }
    .agree h5 span{ display: block; margin-left: 0; margin-top: 0.5rem; }
    .agreeall{ top:1.5rem; }
}

/* 그때 그시절 추억여행 상세정보 */
.sec02{ padding: 8.6rem 0 6.3rem 0;  background: url('../images/event/event01_sec02.jpg')#ffeaef no-repeat center center; background-size: cover; }
.common h3{ padding: 1rem 0 2rem 0; background: url('../images/event/event01_sec02_topbg.png')no-repeat right top; background-size: 14.46rem auto;  }
.common h3 span{ display: block; line-height: 3.9rem; font-size: 2.58rem; }
.sec02 h3 .row01{ font-size: 2.58rem; color: #fd7f7f;  } 
.sec02 h3 .row02{ font-size: 3.33rem; color: #333;  } 
.sec02 .btn{ width: 17.3rem; float:right; text-align: center; }

/* 여행일정 */
.schedule ul{ width: calc(100% - 17.3rem);}
.schedule > ul > li{ font-size: 1.5rem; color: #333; line-height: 2.4rem; font-family: 'NanumSquare_acB';}

/* 여행코스 */
.flow{ margin-top: 3.5rem; }
.flow ul li{ display: inline-block; width: calc((100% - 2.8rem) / 3); margin: 0 1.4rem 1rem 0;  font-family: 'NanumSquare_acB'; font-size: 1.5rem; padding-top: 13rem; line-height: 2rem; letter-spacing: -0.05em; text-align: center; position: relative; vertical-align: top; }
.flow ul li:after{ content: '';display: block; width: 1.17rem; height: 2.3rem; position: absolute; top: 30%; right: -1.17rem; background: url('../images/event/event_flow_arr.png')no-repeat center center; background-size: cover; }
.flow ul li:nth-child(3n){ margin-right: 0; }
.flow ul li:nth-child(3n):after{ display: none; } 
.flow ul li span{ display: block; }
.flow ul li.list01{ background: url('../images/event/event01_sec02_01.png') no-repeat top center; background-size: 100% auto; }
.flow ul li.list02{ background: url('../images/event/event01_sec02_02.png') no-repeat top center; background-size: 100% auto; }
.flow ul li.list03{ background: url('../images/event/event01_sec02_03.png') no-repeat top center; background-size: 100% auto; }
.flow ul li.list04{ background: url('../images/event/event01_sec02_04.png') no-repeat top center; background-size: 100% auto; }
.flow ul li.list05{ background: url('../images/event/event01_sec02_05.png') no-repeat top center; background-size: 100% auto; }
.flow ul li.list06{ background: url('../images/event/event01_sec02_06.png') no-repeat top center; background-size: 100% auto; }

/* 바이네르와 함께한 품위있는 어른세상 여행은 이런 점이 다르다 */
.sec03{ padding: 7.8rem 0 6.3rem 0;  background: url('../images/event/event01_sec03.jpg')#eaf1cc no-repeat; background-size: cover; }
.sec03  h3{ padding: 1rem 0 2rem 0; background: url('../images/event/event01_sec03_topbg.png')no-repeat right top; background-size: 13.75rem auto;  }
.sec03  h3 span{ line-height: 3.17rem; }
.sec03  h3 .row01{ color: #8d9f50; }
.feature { width: 1250px; margin: 0 auto; background: url('../images/event/event01_sec03_ulbg.png')no-repeat top center; background-size: auto 100%; padding: 4.25rem 0 0.3rem 0; }
.feature ul{ width: 920px; margin: 0 auto;  }
.feature ul li{ font-size: 1.5rem; line-height: 2rem;  padding-left: 13.5rem; min-height: 7.7rem; margin-bottom: 3.67rem; }
.feature ul li h5{  font-size: 1.8rem; color: #8d9f50; line-height: 2rem;  }  
.feature ul li p span{ display: block; }
.feature ul li.list01{  background: url('../images/event/event01_sec03_01.png') no-repeat top left; background-size: 10rem auto;}
.feature ul li.list02{  background: url('../images/event/event01_sec03_02.png') no-repeat top left; background-size: 10rem auto;}
.feature ul li.list03{  background: url('../images/event/event01_sec03_03.png') no-repeat top left; background-size: 10rem auto;}
.feature ul li.list04{  background: url('../images/event/event01_sec03_04.png') no-repeat top left; background-size: 10rem auto;}

/* 이벤트 유의사항 */
.sec04{ padding: 3.75rem 0 3rem 0; }
.sec04  h3{ font-size: 1.8rem; line-height: 2.25rem; margin-bottom: 1rem; }
.sec04 .wrap{ padding-right: 0; width: 1200px; }
.sec04 ul li{ font-size: 1rem; line-height: 2rem; color: #333333; }

@media (max-width: 1250px) {
    .feature { width: 98%;}
}
@media (max-width: 1200px) {
    .sec04 .wrap{ width: 100%; }
}
@media (max-width: 1000px) {
    .flow ul li{ padding-top: 15rem; font-size: 1.2rem; letter-spacing: -0.05em; line-height: 1.8rem; }
}
@media (max-width: 920px) {
    .feature ul{ width: 98%; }
    .flow ul li{ padding-top: 13rem; }
}
@media (max-width: 842px) {
   .schedule ul{ width: 100%; }
}
@media (max-width: 730px) {
    .feature ul li{ padding-left: 9rem; }
    .feature ul li.list01{ background-size: 8rem auto;}
    .feature ul li.list02{ background-size: 8rem auto;}
    .feature ul li.list03{ background-size: 8rem auto;}
    .feature ul li.list04{ background-size: 8rem auto;}
    .feature ul li.list05{ background-size: 8rem auto;}
}
@media (max-width: 700px) {
    .common h3 span{ line-height: 3rem; font-size: 2.3rem; }
    .sec02 h3 .row02{ font-size: 3rem; }
    .flow ul li{ padding-top: 11rem; font-size: 1rem; line-height: 1.3rem; }
}
@media (max-width: 640px) {
    .sec02{ padding: 6rem 0 3rem 0; }
    .sec03{ padding: 3rem 0 3rem 0; }
    .sec02 h3{ background-size: 10rem auto; background-position: top right; }
    .sec03 h3{ background-size: 9.5rem auto; background-position: top right; }
    .sec04 ul li{ font-size: 1.25rem; }
    .common h3 span{ font-size: 2.3rem; }  
    .flow ul li{ display: inline-block; width: calc((100% - 1.4rem) / 2); margin: 0 1.4rem 1rem 0 !important;  padding-top: 17rem; font-size: 1.5rem; line-height: 2rem; }
    .flow ul li:nth-child(2n){ margin-right: 0 !important; }
    .flow ul li:after{ display: none; } 
}
@media (max-width: 470px) {
    .flow ul li{  padding-top: 14rem; }
    .flow ul li span{ display: inline; } 
}

.eventListTitle img{ width: 12rem; }
.eventList h3{ font-size: 1rem; font-weight: 700; text-align: center; display: inline-block; margin: 3.9rem 0 2rem 0; width: 12.3rem; background-color: #fff; position: relative; z-index: 1;}
.eventTitle { text-align: center; position: relative; }
.eventTitle:before{ content: ''; display: block; width: 100%; height: 1px; background-color: #bababa; position: absolute; top:4.5rem; left:0; z-index: 0; }
.eventList > ul{ font-size: 0; }
.eventList > ul > li{ display: inline-block; width: calc((100% - 3rem) / 3); margin-right: 1.5rem; margin-bottom: 2.7rem; }
.eventList > ul > li .TextWrap{ border: 1px solid #999; }
.eventList > ul > li a{ display: block; }
.eventList > ul > li:nth-child(3n){ margin-right: 0; }
.eventList h3 .h3Bg{ display: inline-block; width: 2.45rem; height: 1.29rem; position: absolute; top:0; background: url('../images/event/eventSubBg.png')no-repeat left center; background-size: 2.45rem auto; }
.eventList h3 .h3Bg01{ left: 6px; }
.eventList h3 .h3Bg02{ right: 6px; }

.ImgWrap{ position: relative; }
.enter{ position: absolute; bottom: 0.625rem; right: 0.625rem; display: inline-block; font-family: 'NanumSquare_acB'; background:rgba(255,255,255,0.8) url('../images/event/eventListArr.png')no-repeat 83% center ;font-size: 1.1rem; height: 2.17rem; line-height: 2.17rem; background-size: 0.5rem auto; border-radius: 1.085rem;  padding: 0 2.17rem 0 1rem ; }
.TextWrap{ padding: 1rem 1.1rem 0.8rem 1.1rem; }
.TextWrap h4{ font-size: 0.92rem; line-height: 1.17rem; margin-bottom: 0.3rem; }
.TextWrap h4 span{ display: block; }
.TextWrap ul li{ font-size: 0; line-height: 1rem; }
.TextWrap ul li span{ display: inline-block; font-weight: 700; font-size: 0.7rem; line-height: 1rem; letter-spacing: -0.05em; font-stretch: condensed; box-sizing: border-box; }
.TextWrap ul li .name{ width: 28.7%; position: relative; }
.TextWrap ul li .date{ padding-left: 0.2rem; }
.TextWrap ul li .name:after{ content: ''; display: block; width: 1px; height: 0.7rem; line-height: 0.7rem; background-color: #868686; position: absolute; top: 50%; right: -0.5px; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }


@media (max-width: 862px) {
    .TextWrap{ padding: 1rem 0.5rem 0.8rem 0.5rem; }
}
@media (max-width: 768px) {
    .eventList > ul > li{ width: calc((100% - 1.5rem) / 3); margin-right: 0.75rem; }
    .eventList > ul > li:nth-child(3n){ margin-right: 0; }
}
@media (max-width: 688px) {
    .eventListTitle img{ width: 18rem; }
    .eventList h3{ font-size: 1.5rem; width: 15rem;  }
    .eventTitle:before{ top: 5rem; }
    .eventList h3 .h3Bg{ top: 0.5rem; }
    .eventList > ul > li{ width: calc((100% - 0.75rem) / 2); margin-right: 0.75rem !important; }
    .eventList > ul > li:nth-child(2n){ margin-right: 0 !important; }
    .TextWrap h4{ font-size: 1.25rem; line-height: 1.8rem;}
    .TextWrap ul li{ line-height: 1.25rem; }
    .TextWrap ul li span{ font-size: 1rem; }
    .TextWrap ul li .name{ width: auto; padding-right: 0.3rem; }
    .TextWrap ul li .date{ padding-left: 0.3rem; }
    .enter{ font-size: 1.5rem; height: 2.9rem; line-height: 2.9rem; background-size: 0.68rem auto; border-radius: 1.45rem;  padding: 0 2.8rem 0 1.2rem ;  bottom: 1.5rem;}
}

@media (max-width: 499px) {
    .eventList > ul > li .TextWrap{ border: none; }
    .eventList > ul > li{ width: 100%; margin-right: 0rem !important; padding: 0 10px; }
    .TextWrap ul li span{ font-size: 1.25rem; }
    .TextWrap ul li .name{ width: auto; padding-right: 0.5rem; }
    .TextWrap ul li .date{ padding-left: 0.5rem; }
    .TextWrap h4{ margin-bottom: 1rem; }    
}
@media (max-width: 360px) {
    .eventList > ul > li{ padding: 0 5%; }
}

/* 모달창 공통 */
.couponPop { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.25); overflow-y: auto; padding: 5rem 0; display: none; }
.couponPop .modal_bg{position: absolute;left:0;right:0;bottom:0;top:0;}
.couponPop .modal-content { position: relative; background-color: #fefefe; margin: 0 auto; padding: 0; top:0rem;width: 900px; height: auto;  padding: 3.33rem 2.92rem; overflow-y: auto; }
.couponPop .closeBtn{ position: absolute; top:1.25rem; right: 1.25rem; cursor: pointer; width: 1.46rem; }

.coupon_box{ text-align: center; margin-top: 2.5rem; }
.coupon_box a{ display: inline-block; width: 45.3%; margin: 0 auto; color: #6a86eb; font-size: 1.07rem; background-color: #055e68; color: #fff; line-height: 2.9rem; height: 2.9rem; text-align: center;  font-weight: 700; }

.couponWrap{ padding: 3rem 3.16rem; }
.couponWrap span{ color: #0a2a2d; display: block; }
.couponWrap .row01{ font-size: 0.75rem; font-weight: 700; margin-bottom: 0.75rem; }
.couponWrap .row02{ width: 11.4rem; margin-bottom: 1.33rem; }
.couponWrap .row03{ font-size: 0.96rem; }
.couponWrap .row04 { line-height: 1.79rem; font-size: 0.96rem; }
.couponWrap .row04 span.f_bold{ display: inline; font-weight: 700; font-size: 1.43rem; }
.couponWrap .row04 span{ display: inline;  }

.couponTop{ background: url('../images/event/coupon01_detailBg.jpg')no-repeat right center; background-size: cover; }

.couponDetail{ background: url('../images/event/coupon01_noticeBg.jpg')no-repeat left top; background-size: cover; }
.couponPop .couponImg{ margin: 0 auto; }
.couponPop .notice { padding-top: 3rem; }
.couponPop .notice > li{ margin-bottom: 1.33rem; }
.couponPop .notice h3{font-size: 1rem; color: #0a2a2d; line-height: 1.33rem; }
.couponPop .notice .desc{font-size: 0.75rem; color: #0a2a2d; line-height: 1.33rem; }
.couponPop .notice .desc span{ display: block; }
.couponPop .notice li.desc span{ padding-left: 0.5rem; }


/* 첫 여행축하 스페셜혜택 */
#coupon01 .couponTop{ background: url('../images/event/coupon02_detailBg.jpg')no-repeat right center; background-size: cover; }
#coupon01 .couponDetail{ background: url('../images/event/coupon02_noticeBg.jpg')no-repeat left top; background-size: cover; }
#coupon01 .coupon_box a{ background-color: #40271b; }
#coupon01 .couponWrap span{ color: #40271b; } 
#coupon01 .couponWrap .row02{ width: 8.7rem; }
#coupon01 .notice h3{ color: #40271b; }
#coupon01 .notice .desc{ color: #40271b;  }
#coupon01 .notice .desc span{ color: #40271b;  }

/* 쿠폰 선물하기 */
#coupon03 .couponTop{ background: url('../images/event/coupon03_detailBg.jpg')no-repeat right top; background-size: cover; }
#coupon03 .couponDetail{ background: url('../images/event/coupon03_noticeBg.jpg')no-repeat left top; background-size: cover; }
#coupon03 .coupon_box a{ background-color: #54332e; }
#coupon03 .couponWrap span{ color: #54332e; } 
#coupon03 .couponWrap .row02{ width: 13.4rem; }
#coupon03 .notice h3{ color: #54332e; }
#coupon03 .notice .desc{ color: #54332e;  }
#coupon03 .notice .desc div, #coupon03 .notice .desc span{ color: #54332e;  }
#coupon03 .cellNum{ border-top: 2px dashed #a58d88; border-bottom: 2px dashed #a58d88; padding: 1.33rem 0; margin: 1rem 0; }
#coupon03 .sandBox{ padding-top: 3.75rem; }
#coupon03 .sandBox h2{ font-size: 1.58rem; color: #54332e; font-weight: 800; }
#coupon03 .sandBox .cellNum span{ display: inline; }
#coupon03 .sandBox label{  font-size: 1.25rem; color: #54332e; font-weight: 800; display: inline-block; width: 3.9rem; height: 2.75rem; line-height: 2.75rem; }
#coupon03 .sandBox input, #coupon03 .sandBox select{ margin-right: 0.5rem; position: relative; width: calc((100% - 6.3rem) / 4); }
#coupon03 .sandBox span{ position: relative; height: 2.75rem; line-height: 2.75rem; box-sizing: border-box; }
#coupon03 .sandBox span:before{ content: '-'; display: block; width: 0.745rem; height: 2.75rem; line-height: 2.75rem; position: absolute; top: 50% ; left: -0.65rem; font-size: 1.25rem; color: #54332e; z-index: 1000; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
#coupon03 .sandBox .desc p{ font-size: 0.83rem; line-height: 1.17rem; color: #54332e; font-weight: 700; }
.privacy{ display: block; color: #06499b !important; font-size: 0.83rem; text-decoration: underline !important; font-weight: 700; }
.gift{ display: inline-block; width: calc((100% - 6.3rem) / 4); background-color: #8c5a53; color: #fff !important; line-height: 2.75rem; height: 2.75rem; text-align: center; font-size: 1.2rem !important; }

@media (max-width: 900px) {
    .couponPop  { padding: 3rem 10px; }
    .couponPop .modal-content{ width: 100%; }
}
@media (max-width: 768px) {
    #coupon03 .sandBox input, #coupon03 .sandBox select{ margin-right: 0.2rem; position: relative; width: calc((100% - 5.5rem) / 4); }
    .gift{ width: calc((100% - 5.5rem) / 4); }
    #coupon03 .sandBox span:before{ left: -0.5rem; }
}
@media (max-width: 640px) {
    .couponPop .modal-content{ padding: 3.33rem 1.5rem; }
    .couponWrap{ padding: 4rem 1.5rem 2rem 1.5rem; }
    .couponWrap .row01{ font-size: 1.4rem; margin-bottom: 1.3rem; }
    .couponWrap .row02{ width: 18rem; margin-bottom: 2rem; }
    .couponWrap .row03{ font-size: 1.6rem; }
    .couponWrap .row04 { line-height: 3.5rem; font-size: 1.6rem; }
    .couponWrap .row04 span.f_bold{ font-size: 2.38rem; }
    .couponTop{ background-position: 60% center !important; }
    #coupon01 .couponWrap .row02{ width: 13.7rem; }
    #coupon03 .couponWrap .row02{ width: 19rem; }
    #coupon03 .couponWrap .row03.only{ font-size: 1.15rem; }
    .coupon_box a{ width: 60%; font-size: 1.4rem; }
    .couponPop .notice .desc span{ display: inline; }
    .couponPop .notice li.desc span{ padding-left: 0rem; }
    .couponPop .notice h3{ font-size: 1.375rem; line-height: 1.82rem;}
    .couponPop .notice .desc{ font-size: 1.25rem; line-height: 1.82rem;}
    #coupon03 .sandBox h2{ font-size: 2.2rem; }
    #coupon03 .sandBox input, #coupon03 .sandBox select{ font-size: 1.25rem; }
    #coupon03 .sandBox .desc p{ font-size: 1.38rem; line-height: 1.8rem; }
    .privacy{ font-size: 1.38rem; line-height: 1.6rem; }
    #coupon03 .sandBox label{ font-size: 1.375rem; }
}
@media (max-width: 550px) {
    #coupon03 .couponWrap .row04 span.f_bold{ display: inline; line-height: 3.5rem; }
    #coupon03 .couponWrap .row04 span{ display: block; line-height: 0.8rem;  }
    #coupon03 .couponWrap .row03.only{line-height: 3rem; }
}
@media (max-width: 499px) {
}

@media (max-width: 499px) {
    #coupon03 .sandBox input, #coupon03 .sandBox select{ margin-right: 0.2rem; position: relative; width: calc((100% - 5.3rem) / 3); }
    #coupon03 .sandBox input.last{ margin-right: 0 !important; }
    .gift{ width: 100%; margin-top: 0.5rem; }
}

/* 모달창에서 개인정보수정하기 */
.modal .modal-content .title{ letter-spacing: -1px;  }
.modal .modal-content .desc{ letter-spacing: -1px;  }
.modal .modal-content .list04 input {  letter-spacing: -1px; padding-left: 5px; }
.modal .modal-content .list04 select{ letter-spacing: -1px; padding-left: 0; }

@media (max-width: 600px) {    
    .modal .modal-content .list04 input { margin-right: 2px; width: calc((100% - 12px) / 3); }
    .modal .modal-content .list04 select{ margin-right: 2px;width: calc((100% - 12px) / 3); }

}

/* 이벤트 페이지 약관 팝업 */
.terms{ overflow-y: auto; padding: 3rem 0; }
.terms .modal_bg{ position: fixed; height: 100%; width: 100%; }
.terms .modal-content{ width: 1000px;padding-top: 80px; top:0rem; height: auto;  padding: 3.33rem 2.92rem; overflow-y: auto; -ms-transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%); }
.termsTop{ position: relative; }
.revise{ position: absolute; top: 20px; right:0; font-size: 1rem; }
.termsList > li{ margin-bottom: 1rem; }
.termsList h5{ font-size: 1rem; margin-bottom: 0.6rem; }

.termsList ul > li > h5{ font-size: 0.8rem; margin-bottom: 0.5rem; }
.termsList ul > li > h5 span{ font-weight: 400; }
.termsList ul > li > h5 a{ display: inline-block; padding-left: 0.5rem; text-decoration: underline; color: #070775;font-size: 0.8rem; }
.termsList ul > li.bold > ul > li > p{ font-weight: 700; } 
.termsList ul > li > ul > li > ul > li > p{ font-weight: 400; }   

.terms p{ font-size: 0.8rem; line-height: 1.1rem; margin-bottom: 0.5rem; word-break: keep-all; }
.terms table{ margin-bottom: 10px; }
.terms table tr:first-child th{ border-top: 1px solid #222; }
.terms table th{ font-size: 0.8rem; padding: 0.5rem 0rem; line-height: 1.1rem; text-align: center; background-color: #f7f7f7;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.terms table th:last-child{ border-right: none;}
.terms table td{ font-size: 0.8rem; padding: 0.5rem; line-height: 1.1rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; word-break: break-all; }
.terms table td:last-child{ border-right: none;}
.terms table td a{ font-size: 0.8rem; }
.terms table span{ font-size: 0.8rem; display: block;}
.terms th.ess{ width: 40px; }

#terms02 table th:first-child{ width: 17%; }
#terms04  .modal-content{ top: 50%; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
#terms05 .list03 th:first-child{ width: 20%; }

#privacy .reviseBottom ul{ text-align: right;}
#privacy .reviseBottom ul li{ display: inline-block; font-size: 1rem; margin-left: 0.5rem; height: 1.5rem; line-height: 1.5rem; vertical-align: top; box-sizing:content-box; }
#privacy .reviseBottom ul li:last-child{ border: 1px solid #ddd; padding: 0rem 1rem; }
#privacy .reviseBottom ul li a{ font-size: 1rem;display: block; height: 1.5rem; line-height: 1.5rem; }
#privacy .termsList ul > li > h5 a{ padding-left: 0; }
#privacy select{ background: url('../images/sub/event_arr.png')#fff no-repeat 95% center;  background-size: 0.5rem auto; color: #333333; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: top; outline: none; font-family: 'NanumSquare_acR';  height: 1.5rem; line-height: 1.5rem; padding: 0 2rem 0 1rem; border: 1px solid #ddd; text-indent: 0; box-sizing:content-box; }
#privacy select::-ms-expand {display:none}

#privacy .termsList ul > li > h5 a{ padding-left: 0; }
.w1{width:  25%;}
.w2{width:  20%;}
.w3{width:  55%;}
.w4{width:  17%;}
.line{ padding-left: 0.5rem; }
.line p{ margin-bottom: 0 !important; }
.line p:last-child{ margin-bottom: 0.5rem !important; }

@media (max-width: 1000px) {
    .terms { padding: 3rem 10px; }
    .terms .modal-content{ width: 100%;  }    
}
@media (max-width: 768px) {
    .revise{ position: relative; top: 0px; right:0; margin-bottom: 20px; }    
    #privacy .reviseBottom ul li{ margin-left: 0; margin-right: 0.5rem; }  
}
@media (max-width: 640px) {
    .terms .modal-content{ padding: 5rem 1.5rem; }
    .termsList h5{ font-size: 1.375rem; margin-bottom: 0.6rem; }
    .terms p{ font-size: 1.25rem; line-height: 1.8rem; margin-bottom: 1rem; } 
    .termsList ul > li > h5{ font-size: 1.3rem; margin-bottom: 0.5rem; }
    .termsList ul > li > h5 a{ font-size: 1.25rem; }
    .terms table th{ font-size: 1rem; line-height: 1.3rem;}
    .terms table td{ font-size: 1rem; line-height: 1.3rem; padding: 1rem 0.5rem; }
    .terms table td a{ font-size: 1rem; }
    .terms table span{ font-size: 1rem; display: block; }
    #terms02 table th:first-child{ width: 20%; }
    #terms05 table span{ display: inline; } 
    .w4{width:  20%;}    
    #privacy .reviseBottom ul li{ height: 1.8rem; line-height: 1.8rem; }
    #privacy .reviseBottom ul li a{ font-size: 1.25rem; height: 1.8rem; line-height: 1.8rem; }
    #privacy select{  font-size: 1.25rem; height: 1.8rem; line-height: 1.8rem; }

}
@media (max-width: 550px) {
    #terms02 table th:first-child{ width: 25%; }
    #terms05 .list03 th:first-child{ width: 25%; }
    #privacy .termsList ul > li > h5 span{ display: block; }
    .w4{width:  25%;}
}
@media (max-width: 460px) {
    .termsList ul > li > h5 span{ display: block; }
}
@media (max-width: 380px) {
    .terms h4 span{ display: block; }
    #terms02 table th:first-child{ width: 30%; }
    #terms02 h4{ line-height: 35px; }
    #terms04 h4{ line-height: 35px; }
    .w4{width:  30%;}

}
@media (max-width: 340px) {
    #terms05 .list03 th:first-child{ width: 30%; }
    .terms th.ess{ width: 25px; }
}

/* 20. 02. 12 수정*/
.win { top: 15rem; padding: 0 0 13rem 0; margin-bottom: 10rem;  -ms-overflow-style: none; position: absolute; height: auto; }
.win::-webkit-scrollbar { display: none; }
.win h5{ font-size: 1rem; margin-bottom: 10px;}
.win div{ font-size: 0.8rem; line-height: 1.3em; }
.win .termsTxt{ margin-top: 1rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1rem 0; } 
.win ul li{ font-size: 0.8rem; line-height: 1.3em; color: #333333; }
.win ul li span{ display: inline-block; width: 80px; }
.winNotice{ margin: 1rem 0; }
.termsDiv{ margin-top: 1rem; }
@media (max-width: 640px) {
    .win h5{ font-size: 1.3rem; }
    .win div{ font-size: 1.25rem; }
    .win ul li{ font-size: 1.25rem; }
}