@charset "utf-8";

/* 19.12.11 메인 상세 내역의 여행약관/ 개인정보방침 팝업을 위한 css */
@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 */
}



/* 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;}


/* 공통 */
.terms ul{ font-size: 0; letter-spacing: -4px; }
.terms ul li{ font-size: 14px; letter-spacing: -0.025em; }
.align_c{ text-align: center; }
html{ }

/*디바이스에 따른 글자 크기*/
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;}}


/* 이벤트 페이지 약관 팝업 */
.terms{ overflow-y: auto; padding: 3rem 0; box-sizing: border-box; }
.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; font-family: 'NanumSquare_acR'; }
.terms p{ font-size: 0.8rem; line-height: 1.1rem; margin-bottom: 0.5rem; font-family: 'NanumSquare_acR'; word-break: keep-all; }
.terms a{display: inline-block;  font-size: 0.8rem; line-height: 1.1rem; }

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

.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;}
#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.6rem; line-height: 1.6rem; padding: 0 2rem 0 1rem; }
#privacy select::-ms-expand {display:none}
.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; }
.insuranceImg img{ width: 100%; }


@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; } 
    .terms a{ font-size: 1.25rem; line-height: 1.8rem; }
    .termsList ul > li > h5{ font-size: 1.3rem; margin-bottom: 0.5rem; }
    .termsList ul > li > h5 span{ font-weight: 400; font-size: 1.3rem; }
    .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; }
    .terms table span{ display: block; font-size: 1rem; line-height: 1.3rem; }  
    #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.9rem; line-height: 1.9rem; }

    
}
@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; }
}

/* 19.12.12 예약하기 약관동의 */
.termsAgree li label 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; }

@media (max-width: 390px) {
    .termsAgree li label{ position: relative; }
    .termsAgree li label a{ position: absolute; left: 0; top: 20px; margin-left: 0;}
}

.mff1-lf ul li a{ color: #fff !important; font-size: 16px; }

/* 20.01.16 이용약관 */
#useTerms .reviseBottom ul{ text-align: right;}
#useTerms .reviseBottom ul li{ display: inline-block; font-size: 1rem; margin-left: 0.5rem; height: 1.5rem; line-height: 1.5rem; vertical-align: top;}
#useTerms .reviseBottom ul li:last-child{ border: 1px solid #ddd; padding: 0rem 1rem; }
#useTerms .reviseBottom ul li a{ font-size: 1rem;display: block; height: 1.5rem; line-height: 1.5rem; }
#useTerms .termsList ul > li > h5 a{ padding-left: 0; }
#useTerms 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.6rem; line-height: 1.6rem; padding: 0 2rem 0 1rem; }
#useTerms select::-ms-expand {display:none}
@media (max-width: 768px) {
    #useTerms .reviseBottom ul li{ margin-left: 0; margin-right: 0.5rem; }  
}
@media (max-width: 640px) {
    #useTerms .reviseBottom ul li{ height: 1.8rem; line-height: 1.8rem; }
    #useTerms .reviseBottom ul li a{ font-size: 1.25rem; height: 1.8rem; line-height: 1.8rem; }
    #useTerms select{  font-size: 1.25rem; height: 1.9rem; line-height: 1.9rem; }

    
}

/* 20.02.27 탑비주얼 */
#topVisual{ padding-top: 2rem; }
#topVisual .owl-nav{ display: none; }
#topVisual .owl-dot{ display: none; }
#topVisual .item{ display: block; padding: 0 2.5rem; box-sizing: border-box; }
#topVisual .item01 > span{ background: url('../images/main/mf1_1.jpg')no-repeat right top; }

#topVisual .item02 > span{ background: url('../images/main/topVisual02.jpg')no-repeat right top; }
#topVisual .item03 > span{ background: url('../images/main/topVisual03.jpg')no-repeat right top; }
#topVisual .item04 > span{ background: url('../images/main/topVisual04.jpg')no-repeat right top; }
#topVisual .item05 > span{ background: url('../images/main/topVisual05.jpg')no-repeat right top; }
#topVisual .item06 > span{ background: url('../images/main/topVisual06.jpg')no-repeat right top; }
#topVisual .item07 > span{ background: url('../images/main/topVisual07.jpg')no-repeat right top; }
#topVisual .item08 > span{ background: url('../images/main/topVisual08.jpg')no-repeat right top; }

#topVisual .item > span{padding: 2.5rem 0; background-size: auto 85% !important; }
#topVisual .item span{ display: block; font-size: 1.75rem; line-height: 2.3rem; letter-spacing: -0.025em; }
#topVisual .item span.item_title{ font-size: 2.25rem; line-height: 2.9rem; color: #6a86eb; font-weight: 700; }
#topVisual .item span.item_title span{ display: inline;  font-size: 2.25rem; line-height: 2.9rem; color: #6a86eb; font-weight: 700;}

#topVisual .item01 > span{  line-height: 4.375rem; padding: 1.875rem 0; }
#topVisual .item01 .f_blue{ color: #6a86eb; font-size: 3.3rem; line-height: 4.375rem;}
#topVisual .item01 > span > span{ display: block; }
#topVisual .item01 > span > span > span{ display: inline; }
#topVisual .item01 span.item_title{ font-size: 3.3rem; line-height: 4.375rem; color: #333; }


@media (max-width: 800px) {
    #topVisual .item{ padding: 0 0; }
    #topVisual .item > span{ background-size: auto 70% !important; background-position: right center !important;  }
    #topVisual .item span.item_title{ font-size: 32px; }
	#topVisual .item span.item_title span{ font-size: 32px;}
	#topVisual .item01 span.item_title{ font-size: 3.3rem; }
}
@media (max-width: 450px) {
    #topVisual .item > span{ background-size: auto 55% !important;  }
    #topVisual .item span.item_title{ font-size: 24px; }
	#topVisual .item span.item_title span{ font-size: 24px;}
	#topVisual .item01 span.item_title{ font-size: 3.3rem; }
}

/* 20.02.27 하단 이미지추가 */
.mff1-rt{padding-top:20px;}
.kakao div{ padding: 20px 0 10px; color: #fff; font-size: 18px; }
@media screen and (max-width: 640px){
    .kakao img{ width: 60%; margin: 0 auto; }
}

    
/* 20.02.28 행큐지수팝업 */
/* 팝업창 투명도 */
.hangQ{ background-color: rgba(0,0,0,0.72); }
.hangQ .modal-content{ width: 480px; background: url('../images/main/event/hangQbg.jpg')repeat top center; background-size: cover; text-align: center; padding: 70px 40px 40px; }
.hangQ .ribon{ font-size: 18px; height: 38px; line-height:  38px; display: inline-block; padding: 0 20px; border: 1px solid #fff; color: #fff; text-align: center; position: relative;  }

.hangQ .ribon:after, .hangQ .ribon:before{ content: ''; display: block; width: 20px; height: 38px; position: absolute; top: 50%; background-size: cover; }
.hangQ .ribon:after{ left: -20px; background: url('../images/main/event/ribonLeft.png')no-repeat top left; }
.hangQ .ribon:before{ right: -20px; background: url('../images/main/event/ribonRight.png')no-repeat top right; 
}
.hangQ .welcome{  line-height: 45px; letter-spacing: -0.05em; color: #fff; margin: 30px 0; }
.hangQ .welcome > span{ display: block;  font-weight: 700; font-size: 32px !important; }
.hangQ .welcomeImg{ }
.hangQ .gohangQ{ background-color: #303170; padding: 14px 0; cursor: pointer; } 
.hangQ .gohangQ span{ display: block; font-size: 24px; line-height: 30px; letter-spacing: -0.025em; color: #a3a4ff; }
.f_white{ color: #fff !important; }
.utility{ position: absolute; bottom: -56px; right: 0;}
.utility li{ display: inline-block; font-size: 16px; color: #fff; line-height: 56px; padding: 0 30px; position: relative; cursor: pointer; }
.utility li:first-child:after{ content: '';display: block; width: 1px; height: 12px; background-color: #fff; position: absolute; top: 50%; right: -0.5px; margin-top: -6px; }
.utility2{ position: absolute; bottom: -56px; right: 0;}
.utility2 li{ display: inline-block; font-size: 16px; color: #fff; line-height: 56px; padding: 0 30px; position: relative; cursor: pointer; }

@media screen and (max-width: 480px){
    .hangQ .modal-content{ width: 98%; margin: 0 auto; padding: 40px 30px 10px; }
    #hangQ01 .modal-content{ width: 80%; padding: 30px 10px; }
    .welcomeImg img{ width: 90%; }
    .couponImg img{ width: 80%; }

    .hangQ .ribon{ font-size: 16px; padding: 0 10px;}
    .hangQ .ribon:after, .hangQ .ribon:before{ width: 15px; height: 28.5px; background-size: contain;}
    .hangQ .ribon:after{ left: -15px; }
    .hangQ .ribon:before{ right: -15px }
    #hangQ01 .welcome{  line-height: 34px; margin: 20px 0 10px; }
    #hangQ01 .welcome > span{ font-size: 27px !important; }
    #hangQ01 .gohangQ span{ font-size: 20px; }
}
.hangQClose{ position: absolute; top: 20px; right: 20px; z-index: 999; cursor: pointer;}

/* 흰색팝업창 투명도 */
.measure{ background-color: rgba(255,255,255,0.72); }
.measure .modal-content{ border: 5px solid #a5b5ef; background: #fff; box-shadow: none; padding: 60px 60px 90px 60px; min-height: 690px;}

.hangQ02 .welcome{ text-align: left; margin: 0; background: url('../images/main/event/hangQstartBg.png') no-repeat right 33px;  position: relative; z-index: 0; }
.hangQ02 .welcome span{ font-size: 44px !important; line-height: 55px; color: #6a86eb; letter-spacing: -0.025em; font-weight: 400; }
.hangQ02 .hangQIndex{ height: 127px; line-height: 127px; width: 100%; background: url('../images/main/event/hangQindexBox.png')no-repeat top center; background-size: contain; position: relative; top: -18px; font-size: 31px; color: #333; z-index: -1; }
#hangQ02 .gohangQ{ display: inline-block; padding: 0 40px; height: 65px; line-height: 65px; border-radius: 12px; background-color: #6a86eb; }
#hangQ02 .gohangQ span{ display: inline-block; font-size: 36.5px;  vertical-align: middle; font-weight: 700;  }

#hangQ02 .comfirmIndex{ color: #1a2758; margin: 20px 0 30px; }
#hangQ02 .comfirmIndex span{ display: block; font-size: 24px; line-height: 33.5px; }
.whiteBg{ background-color: #fff !important;  display: inline-block !important; padding-right: 7px !important; }
@media screen and (max-width: 480px){
    .hangQ02 .modal-content{padding: 40px 10px 30px; border: none; top: 0; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); min-height: 100vh; }

    #hangQ02 .comfirmIndex{ margin-top: 0; }
}

#hangQ03 {overflow-y: auto; box-sizing: border-box; min-height: 690px;}
.hangQ03 .modal-content{ padding: 20px 35px 20px; }
.hangQ03 .question{ color: #fff; background-color: #6a86eb; padding: 10px 0; border-radius: 10px; margin-bottom: 5px; word-break: keep-all; }
.hangQ03 .welcome{ font-size: 32px; color: #1a2758; line-height: 40px; margin: 0px 0 15px; text-align: left;  }
.hangQ03 .question span { display: block; font-size: 22px; line-height: 28.5px; letter-spacing: -0.025em; }
.hangQ03 .answer li{ background-color: #fff; padding: 10px 0; border-radius: 10px; border: 3px solid #a5b5ef; margin-bottom: 3px; cursor: pointer; }
.hangQ03 .answer li:hover{ background-color: #a5b5ef; }
.hangQ03 .answer li.on{ background-color: #6a86eb; border: 3px solid #6a86eb;}

.hangQ03 .answer span { display: block; font-size: 16px; line-height: 28.5px; letter-spacing: -0.025em; color: #1a2758; }
.hangQ03 .answer li:hover span{ color: #fff; }
.hangQ03 .answer li.on span{ color: #fff; }
.hangQSelect{ display: inline-block; text-align: center; background-color: #6a86eb; color: #fff; line-height: 40px; margin-top: 5px; width: 100px; border-radius: 10px; cursor: pointer; }

.hangQ03_01 .answer li{padding: 8px 0;}

.hangQ03_02 .question span{ font-size: 16px; line-height: 25px; }
.hangQ03_01 .question span.row01{ font-size: 16px; line-height: 25px;text-align: left; padding-left: 20px; }
.hangQ03_01 .question span.row02{margin: 18px 0;}
.hangQ03_02 .question span.row01{ text-align: left; padding-left: 20px; }
.hangQ03_02 .question span.row02 { font-size: 22px; line-height: 40px; }

.hangQ03_02 .answer{ font-size: 0; }
.hangQ03_02 .answer li{ display: inline-block; width: calc((100% - 5px) / 2); box-sizing: border-box; }
.hangQ03_02 .answer span { display: block; font-size: 16px; line-height: 28.5px; letter-spacing: -0.025em; color: #1a2758; }
.hangQ03_02 .answer li:nth-child(odd){ margin-right: 5px; }
.hangQ03_02 .answer li:hover span{ color: #fff; }
.hangQ03_02 .answer li.on span{ color: #fff; }

@media screen and (max-width: 480px){
    .hangQ03 .modal-content{padding: 20px 10px 30px; border: none; top: 0; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); min-height: 100vh;}
    .hangQ03 .welcome{ font-size: 28px; line-height: 40px; text-align: left; }
    .hangQ03 .answer span { font-size: 16px; line-height: 25px; }
     .hangQ03 .answer li{padding: 7px 0; }
    .hangQ03_01 .question{ padding: 5px 0; }
    .hangQ03_01 .question span { font-size: 20px; line-height: 24px; }
    .hangQ03_02 .answer li{padding: 8px 0; }


}

#hangQ04 .modal-content{ padding-top: 30px; }
#hangQ04 .gohangQ{ padding: 0; }
#hangQ04 .welcome{ margin-bottom: 0; }
#hangQ04 .welcome > span{ display: block; }
#hangQ04 .welcome .f_yellow{ color: #fff600; font-size: 50px; line-height: 60px; font-weight: 700; }
#hangQ04 .f_white{ display: inline-block; background: url('../images/main/event/hangQbtnBg.png')no-repeat left center; padding-left: 45px; line-height: 56px; height: 56px;}
.couponDesc { font-size: 18px; letter-spacing: -0.025em; color: #fff; margin: -10px 0 30px 0; font-weight: 600; }
@media screen and (max-width: 480px){
    #hangQ04 .modal-content{ width: 80%; padding: 30px 10px; }
    #hangQ04 .welcome .f_yellow{ font-size: 35px; line-height: 50px; }
    #hangQ04 .welcome{  line-height: 34px; margin: 20px 0 10px; }
    #hangQ04 .welcome > span{ font-size: 25px !important; }
    #hangQ04 .gohangQ span{ font-size: 20px; }
}

/* 20. 03. 03 수정*/
#hangQ02_01 .pay-table input[type="text"]{ width: 100%; line-height: 1; }
#hangQ02_01 .pay-table input[type="tel"]{ width: 100%; line-height: 1; }
#hangQ01 .modal-content{height: 669px; }
#hangQ02_01 .modal-content{ padding: 20px 20px 30px 20px; height: 669px; }
#hangQ02_01 .pop-btn{ margin-top: 30px; }
#hangQ02_01 .ul-txt > li{ text-align: left; }
#hangQ02_01 .h3-pop{ text-align: left; margin-top: 30px; font-weight: 400; }
@media screen and (max-width: 800px){
    #hangQ02_01 .input-position a { line-height: 44px; font-size: 15px; }
}
@media screen and (max-width: 480px){
    #hangQ01 .modal-content{ height: auto; }
    #hangQ02_01 .modal-content{padding: 40px 10px 40px; border:none;}
    #hangQ02_01 .ul-txt > li{font-size: 15px;}
    #hangQ02_01 .pop-btn{ margin-top: 10px; }
    #hangQ02_01 .pop-btn a{ font-size: 16px; line-height: 25px; }
    #hangQ02_01 .pay-table{ margin-bottom: 10px; }
    #hangQ02_01 .h3-pop{ margin: 10px 0; }
}

/* 20. 06. 05 동영상 추가 */
.videoArea{ background: url('../images/main/main_bg3.jpg')no-repeat top center; margin-top: 111px; padding-top: 40px;overflow-x: hidden;}
#videocontainer{margin: 0 auto; margin-top: 72px; padding-bottom: 50px;}
.videoTitle > span{ display: block; text-align: center;  letter-spacing: -0.05em; color: #fff; }
.videoTitle .row01{ font-size: 30px; line-height: 64px; }
.videoTitle .row02 span{ font-size: 70px; line-height: 70px; text-shadow:  5px 5px #2f4183;; font-weight: 900; }
.video{ margin-top: 40px;  padding-bottom: 160px; }
.videoArea iframe{ width: 100%; height: 330px; }

.youtube{ width: 640px; border:2px solid #333333; padding: 20px; margin: 0 auto; position: relative; }
.youtube:before{ content: ''; display: block; width: 146px; height: 158px; background: url('../images/main/video01.png')no-repeat top right;position: absolute; top: 0; left: -130px; z-index: 10; background-size: 100% auto; }
.youtube:after{ content: ''; display: block; width: 208px; height: 148px; background: url('../images/main/video02.png')no-repeat bottom left;position: absolute; right: -130px; bottom: -42px; z-index: 10; background-size: 100% auto; }
@media screen and (max-width: 800px){
	.videoArea{ margin-top: 50px; }
    .youtube{ width: 60%; }
    .videoTitle .row02 span{ font-size: 60px; line-height: 70px; }
    .youtube:before{ width: 120px; height: 130px; left: -100px; }
    .youtube:after{ width: 170px; height: 120px; right: -110px; }
     iframe{ height: 290px; }
}
@media screen and (max-width: 700px){
    .videoTitle .row02 span{ display: block; }
}
@media screen and (max-width: 600px){
    .videoArea #videocontainer{ margin-top: 40px; }
    .video{ padding-bottom: 100px; }
    .youtube{ width: 80%; }
    .videoTitle .row01{ font-size: 25px; line-height: 50px; }
    .videoTitle .row02 span{ font-size: 50px; line-height: 60px; text-shadow:  3px 3px #2f4183;}
    .youtube:before{ background-size: 60% auto; left: -90px;  top: -40px; }
    .youtube:after{ background-size: 60% auto; right: -90px; }
    iframe{ height: 250px; }
}
@media screen and (max-width: 380px){
    .youtube{ padding: 10px; width: 90%; }
    .videoTitle .row01{ font-size: 20px; line-height: 45px; }
    .videoTitle .row02 span{ font-size: 35px; line-height: 45px; }
    .youtube:before{ left: -60px;  top: -50px; }
    .youtube:after{ right: -70px; }
    iframe{ height: 220px; }
}

/* 20.06.09 수정 */
.videoArea{ overflow-x: hidden; }

/* 20.07.30 수정 */
.reviseBottom > ul > li{ display: inline-block; margin-left: 0; position: relative; border: 1px solid #ddd!important; }
.reviseBottom  ul  li{  margin-left: 0!important; }
.reviseBottom > ul > li span{ display: block; padding: 0 3.5rem!important;}
.reviseBottom > ul > li:last-child{padding: 0!important;}
.reviseBottom > ul > li > ul > li:last-child{border: none!important; padding: 0;}
#useTerms .reviseBottom ul li:last-child{border: none; padding: 0;}
.reviseBottom > ul > li > ul.reviseList{ position: absolute; top: 1.5rem; left: -1px;  width: 100%; border: 1px solid #ddd; display: none; border-top: none; }
.reviseBottom > ul > li > ul.reviseList.slide{ display: block;     z-index: 2000000;  }

.reviseBottom > ul > li > ul > li{ display: block; width: 100%; text-align: center; }

#privacy  .w5{ width: 50px;  }

@media (max-width: 640px) {
    .reviseBottom > ul > li span{ font-size: 1rem; }
    .reviseBottom > ul > li a{ font-size: 1rem!important; }
    .reviseBottom > ul > li > ul.reviseList{ top: 2rem; }
    .reviseBottom ul li { height: 2rem!important; line-height: 2rem!important; margin-left: 0rem }
    .reviseBottom ul li a{ height: 2rem!important; line-height: 2rem!important; margin-left: 0rem }
}


#container{ margin-top: 0; }
.main-tab{border-bottom: 1px solid #d1d1d1;}
.width-auto{ width: 1000px; margin: 0 auto; }
.main-tab > ul > li{float: left;}
.t2-menu > li.td a br{display: none;}

.t2-menu{display: table; padding: 12px 0;}
.t2-menu > li{display: table-cell;}
.t2-menu > li.th{padding: 13px 20px 13px 0;height: 40px;vertical-align: middle;}
.t2-menu > li.td{border-left: 1px solid #d1d1d1;padding: 8px 0 0;}
.t2-menu > li.td a{font-weight: bold;margin-left: 40px;vertical-align: top;}
.t2-menu > li.td span{display: inline-block;position: relative;}
.t2-menu > li.td span ul{position: absolute;left: 0;top: 35px;width: 400px;}
.t2-menu > li.td span ul li{float: left;position: relative;}
.t2-menu > li.td span ul li a{font-size: 18px;font-weight: normal;}
.t2-menu > li.td span ul li a.on2{font-weight: bold;color: #1d399f;}
.t2-menu > li.td span ul li:before{content: "";position: absolute;left: 20px;top: 0;height: 18px;width: 1px;background: #d1d1d1;}
.t2-menu > li.td span ul li:first-child:before{display: none;}
.t2-banner{background: #46276d;padding: 200px 0;text-align: center;}
.t2-banner h2{text-align: center;}
.t2-banner h2 img{max-width: 737px;width: 100%;}
._video{margin-top: 100px;}
.t2-menu > li.td a.on{color: #8fa4f0;}

.bb{ border-bottom: 1px solid #d1d1d1; }


@media (max-width: 1024px) {
    .main-tab{ margin-top: 70px; }    
    
}
@media (max-width: 1000px) {
    .width-auto{ width: 100%; }
    
    .main-tab > ul > li img { width: 100%; }
    .main-tab > ul { width: 90%; margin: 0; margin-left: 5%; }
}
@media screen and (max-width: 980px) {
    .t2-menu > li.td{border: 0;text-align: center;}
	.t2-menu > li.td span{vertical-align: middle;}
	.t2-menu > li.td span:last-child a{margin-top: 0;}
    .t2-menu > li.th { display: none; }
    .t2-menu > li.td a{ margin: 0 20px; }
    
}
@media screen and (max-width: 960px) {
    .main-tab > ul > li:first-child { width: 51.32%; }
    .main-tab > ul > li { width: 48.68%; }
}
@media screen and (max-width: 767px) {
	.t2-menu{padding: 0;width: 100%;}
	.t2-menu > li.td span ul li{padding: 0 3%;display: inline-block;float: none;}
	.t2-menu > li.td a{margin: 0;font-size: 13px;vertical-align: middle;white-space:nowrap;}
	.t2-menu > li.td{padding: 0 0;display: table;width: 100%;position:relative;}
	.t2-menu > li.td span{display: table-cell;text-align: center;padding: 10px 2%;position: static;vertical-align: middle;height: 28px;	}
	.t2-menu > li.td span ul li a{font-size: 13px;}
	.t2-menu > li.td span ul{width: 100%;top: 53px;text-align: center;}
	/*.t2-menu > li.td span:first-child ul{width: 240px;}*/
	.t2-menu > li.td span ul li:before{top: 7px;height: 10px;left: 0px;}
	#header h1 img{width: 40%;}
	.t2-menu > li.td a i{display: none;}
	.t2-menu > li.td a br{display: block;}
}
@media screen and (max-width: 550px) {
	.t2-menu > li.td span{padding: 10px 1%;}
}

#gnb .gnb-depth1 > li{ margin-left: 0; padding: 0 20px; position: relative; }
#gnb .gnb-depth1 > li:after{ content: ''; display: block; width: 1px; height: 20px; background-color: #333; position: absolute; top: 50%; transform: translateY(-50%); right: -0.5px; }
#gnb .gnb-depth1 > li:last-child{ padding-right: 0;}
#gnb .gnb-depth1 > li:last-child:after{ display: none; }

#div11, #div21, #div12, #div22 { padding-top: 20px; }
#div11 .termsList, #div21 .termsList, #div12 .termsList, #div22 .termsList { border-top: 3px solid #d1d1d1; padding-top: 20px;}