/**** 공통 ****/
body {background: #f9f9f9;}
.content_wrap {width: 100%; max-width: 1080px; margin: 0 auto; background: white; position: relative;}
.video {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%;}
.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

input::-webkit-input-placeholder {color: #ccc;}
input::-moz-placeholder {color: #ccc;}
input::-ms-input-placeholder {color: #ccc;} 

.thanks {text-align:center; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; font-size: 2.5vw;}


/**** Landing ****/
.section_2 {background: url('/images/section_2.jpg') no-repeat center; background-size: contain;}
.section_2 .swiper-slide-prev {opacity: 0 !important;}

.section_3 {margin-bottom: -3px;}

.form_wrap {background: #fffcf0; padding: 10% 5%; text-align: center;}
.form_wrap .form_title {margin-top: 50px;}
.form_wrap form {border: 2px solid #f66e6e; background: white; text-align: left; padding: 30px 5%; border-radius: 0 0 25px 25px; max-width: 900px; width: 100%; display: inline-block; margin-top: -3px; margin-bottom: 50px;}
.form_wrap form .input_wrap input {height: 80px; border-bottom: 1px solid #999; font-size: 30px; line-height: 80px; margin-bottom: 20px; width: 100%;}
.form_wrap form .privacy_agree {margin-bottom: 5px;}
.form_wrap form .privacy_agree label {font-size: 16px;}
.form_wrap form button {background: none; cursor: pointer; margin-top: 20px;}

.live_counsel {max-width: 900px; height: 350px; margin: 0 auto; padding: 10px; overflow: hidden;}
.live_counsel .list {background: white; border-radius: 25px; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 20px 5%; box-sizing: border-box;}
.live_counsel .list p {font-size: 18px;}
.live_counsel .list p span {font-family: 'Noto Sans KR', sans-serif;}

.caution {font-size: 16px; color: #999; line-height: 24px; margin: 50px auto 0; padding: 0 5%;}

.promotion_wrap {position: fixed; width: 100%; max-width: 1080px; bottom: 5%; left: 50%; transform: translateX(-50%); z-index: 10;}
.promotion_btn {position: absolute; left: 5%; bottom: 0;}


/**** modal ****/
.blocker {z-index: 100 !important; }
.modal {max-width: 800px !important; padding: 30px !important;}
.agree_btn {display: inline-block; font-size:16px;  margin-left: 10px; opacity: 0.5;}
.agree_wrap p {margin-bottom: 30px; line-height: 25px;}
.agree_wrap p > strong {display: block; font-size: 16px; margin-bottom: 15px;}
.agree_wrap p .indent {display: block; padding-left: 15px; margin: 3px 0;}
.inner_table {margin-bottom: 30px;}
.inner_table .title {font-size: 15px; margin-bottom: 15px;}
.inner_table table {width: 100%; border: 1px solid #eee; margin-bottom: 10px;}
.inner_table table th {font-weight: bold; background: #f9f9f9;}
.inner_table table th, .inner_table table td {min-height: 50px; vertical-align: middle; font-size: 14px; line-height: 20px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 10px;}
.inner_table table td {text-align: left;}
.inner_table .info {color: #999; font-size: 14px; line-height: 20px; }



@media screen and (max-width:720px) {
    
    
    .form_wrap form {padding: 20px 5%;}
    .form_wrap form .input_wrap input {height: 60px; font-size: 20px; line-height: 60px; margin-bottom: 15px;}
    
    .promotion_btn {width: 120px;}
    
    .form_wrap form .privacy_agree label {font-size: 12px;}
	.agree_btn {font-size: 12px;}
    
    .caution {font-size: 14px; line-height: 20px; margin-top: 30px;}
    .live_counsel .list p {font-size: 16px;}
}