/*all*/
*{box-sizing:border-box; list-style: none;}
html,body, .wrap{height: 100%;}
body{margin:0; padding:0; font-family:"NotoSansKR", "Nanum Barun Gothic", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", "Sans-serif"; color: #333333; background-color: #ffffff; letter-spacing: -0.5px; font-weight: 100; overflow-x: hidden;
    -webkit-font-smoothing: antialiased; /*폰트 부드럽게*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);/*모바일 터치영역 하이라이트 없애기*/}

h1, h2, h3, h4, h5, h6, h7, ul, li, ol, a, p{font-weight: 100; margin: 0; padding: 0;}
h2, h3, h4, h5{font-weight: 500 !important;}
li, ol{list-style: none;}
a{text-decoration: none; border:none; letter-spacing: -0.5px; color:inherit;}
input, textarea, button, select{font-family: 'NotoSansKR'; font-weight: 100; letter-spacing: -0.5px;}
input, select, textarea{appearance:none; /*기본스타일 없애기*/
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;}
select::-ms-expand {display: none;} /*화살표없애기 for IE10,11*/
img, button{border: 0; outline: 0;}
*:focus{outline: none;}


/*메인_스크롤 인터렉션*/
.fadein{opacity: 0; -webkit-transform:translateY(30px); transform:translateY(30px); transition: cubic-bezier(.19,1,.22,1); transition-duration: 1.5s;}
.fadeinleft{opacity: 0; margin-left: -40px; transition: cubic-bezier(.19,1,.22,1);}
.fadeinright{opacity: 0; margin-right: -40px; transition: cubic-bezier(.19,1,.22,1);}
.fadeinscale{opacity: 0; transition: ease-in-out; transition-duration: 0.6s;
    -webkit-transform: translateY(10px) scale(0.9);
    transform: translateY(10px) scale(0.9);}
.delay200{transition-delay: 0.2s}
.delay300{transition-delay: 0.3s}
.delay400{transition-delay: 0.4s}


/*영문폰트 적용*/
.step_lst, .help_tit, .app_btn_wrap, .ft_info, .ft_copy, .dropdown_btn{font-family: "Monterrat", "NotoSansKR", "Nanum Barun Gothic", "맑은 고딕", "Sans-serif", "Malgun Gothic", "돋움", "Dotum";}

/*text*/
h2{font-size: 52px; color: #ffffff; line-height: 74px; letter-spacing: -1.5px;}
h3{font-size: 44px; color: #333B42; line-height: 64px; letter-spacing: -1.5px;}
h4{font-size: 34px; color: #333B42; line-height: 52px;}
h5{font-size: 22px; color: #333B42;}
h6{font-size: 18px; line-height: 32px;}
h7{font-size: 16px; color: #5C6A76; line-height: 28px;}
.txt_info{font-size:13px; color: #9DA5AD; line-height: 22px; padding-top:22px;}


/*header_blue*/
.header{width: 100%; padding-left: 4%; padding-right: 4%; background-color: #1BAAFE;}
.header_grp{max-width:1180px; margin:0 auto;  position: relative;}
.top_logo{width:120px;height:26px;background:url(../img/img_logo_white.svg) no-repeat;background-size:contain;display:inline-block; position:absolute; top:34px; left:0;}
.header_grp h1 span{display: none;}

.header_lst{width:500px; height: 90px; margin:0 auto;}
.header_lst.user{width:238px; height: 90px; margin:0 auto;}
.header_lst li{display:inline-block; float: left; padding: 0 25px;}
.header_lst li a{font-size:16px; color: #ffffff;line-height: 90px;}
.header_lst li a:hover{font-weight:500;}
.header_sel{font-weight:500;}

.header_right{position:absolute; top:27px; right:0;}
.header_right li{display: inline-block; width:90px; height:36px; margin-left: 5px;}
.header_right li a{display: block; width:90px; height:36px; border:1px solid #ffffff; border-radius: 18px;font-size: 15px; color: #ffffff; opacity: 0.7; padding-top: 6px; text-align: center; font-weight: 300;}
.header_right li.on a{background: #ffffff; opacity: 1; color:#1BAAFE; border:1px solid #ffffff}


/*header_white*/
.headerw{width: 100%; height: 90px; padding-left: 4%; padding-right: 4%;  background-color: #ffffff; border-bottom: 1px solid #E3E5E9; position: fixed; top:0; z-index: 10;}
.headerw_grp{max-width:1180px; margin:0 auto; position: relative;}
.w_top_logo{width:120px;height:26px;background:url(../img/img_logo_blue.svg) no-repeat;background-size:contain;display:inline-block; position:absolute; top:34px; left:0;}
.headerw_grp h1 span{display: none;}
@media all and (min-width:1025px){.menu_lst{display: block!important;}}
.headerw_lst{width:500px; height: 90px; margin:0 auto;}
.headerw_lst.user{width:234px; height: 90px; margin:0 auto;}
.headerw_lst li{display:inline-block; float: left; padding: 0 25px;}
.headerw_lst li a{width: 90px; height: 36px; font-size:16px; color: #5C6A76; font-weight: 300; letter-spacing: -0.5px; line-height: 90px;}
.headerw_lst li a:hover{font-weight:500; color: #333B42;}
.headerw_sel{font-weight:500 !important; color: #333B42 !important;}

.headerw_right{position:absolute; top:27px; right:0;}
.headerw_right li{display: inline-block; width:90px; height:36px; margin-left: 5px; }
.headerw_right li a{display: block; width:90px; height:36px; border: 1px solid #9DA5AD; border-radius: 18px; font-weight: 100; font-size: 15px; color: #9DA5AD; opacity: 0.7; padding-top: 6px; text-align: center; font-weight: 300;}
.headerw_lst li i{display: none;}
.headerw_right li.on a{background: #1BAAFE; opacity: 1; color:#ffffff; border: 1px solid #1BAAFE;}
.header_menu{display: none;}

/*메인_TOP*/
.headerw.main{top:-90px; opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.headerw.main.showon{top:0; opacity: 1;}
.container{max-width: 1180px;margin: 0 auto;}
.top{width: 100%; height:100%; background: url(../img/img_main.png) no-repeat; background-color:#1BAAFE;  background-size: 1460px 484px; background-position: 50% 50%; display: block;}
.top.user{background: url(../img/img_usermain.png) no-repeat; background-color:#1BAAFE;  background-size: 1460px 484px; background-position: 50% 45%; position: relative;}
.top_txt{top:50%; transform: translateY(-60%); position:absolute;}
.top_txt.user{transform:translateY(-60%);}
.top_txt h6{color: #ffffff; margin-top: 36px;}
.h6_m{display: none;}
.bottom{animation: wobble 0.5s infinite alternate; width:40px; height: 30px; background: url(../img/btn_arrow_bottom.svg) 50% 50% no-repeat; left:0; right:0; bottom:80px; margin: 0 auto; display: block; position: absolute; z-index: 2;}
@keyframes wobble{0%{transform:translateY(0);}100%{transform:translateY(-10px);}}
.top_wave{display: block; width: 100%; height: 180px; position: absolute; margin: auto;  left:0; right:0; bottom:-1px; background:url(../img/img_wave.svg) top center no-repeat; background-size:cover;}
.top_img{display: none;}
.top_btn_request{display: none;}
.app_btn_wrap.user{margin-top: 46px;}
@media all and (min-width:2200px) {.top_wave{height: 220px;} .bottom{bottom:90px;}}


/*메인_적립*/
.section200{padding: 200px 0 0 0;}
.section240{padding: 240px 0 0 0;}
.section200 h6, .section240 h6{color: #5C6A76; padding-top:36px;}
.section_point, .section_shinhan, .section_coupon_user{width: 1180px; height: 560px; position: relative;}
.section_img{width:620px; height:560px; display: inline-block;}
.section_img.m{display: none;}
.section_point img, .section_shinhan img, .section_coupon_user img{float: left;}
.section_txt{width: 500px; position: absolute; right:0;}
.section_txt.point{padding-top: 110px;}
.section_txt.user-point{padding-top: 125px;}


/*메인_쿠폰*/
.section_coupon{text-align: center; height: 590px;}
.section_coupon img{width: 260px; height: 260px;}
.coupon_lst{padding-top: 90px;width: 1180px;}
.coupon_lst li{width: 260px; margin: 0 30px 0 30px; float: left;}
.coupon_lst li+li{margin-left: 140px;}
.coupon_lst h5{margin-top: 38px; margin-bottom: 16px;}
.section_txt.user-coupon{padding-top: 148px;}


/*메인_캐시*/
.section_cash{width: 1180px; height: 560px; position: relative;}
.section_cash img{float: right;}
.section_txt.cash{width: 500px; position: absolute; left:0; padding-top: 132px;}
.section_txt.user-cash{left: 0; padding-top: 132px;}

/*메인_신한카드*/
.section_shinhan.user img{float: right;}
.section_shinhan.user{margin-bottom: 240px;}
.section_txt.shinhan{padding-top: 98px;}
.section_txt.user-shinhan{left: 0; padding-top: 130px;}


/*메인_앱다운로드*/
.section_app{width: 100%; height: 400px; background-color: #1BAAFE;}
.section_app h4{color: #ffffff; padding-top: 114px; letter-spacing: -1.3px;}
.app_wrap{max-width: 1180px; height: 400px; margin: 0 auto; position: relative;}
.app_wrap img{width: 570px; height: 360px; position: absolute; right: 0; bottom: 0;}
.app_btn_wrap{margin-top: 30px; overflow: auto;}
.app_btn_wrap p{font-weight: 400; font-size: 16px;}

.btn_aos, .btn_ios{float: left;  padding-right: 18px;}
.btn_aos a, .btn_ios a{width: 170px; height: 50px; line-height: 47px;border: 1px solid #ffffff; border-radius: 25px; display: block; color: #ffffff;}
.btn_aos a{background: #1BAAFE url(../img/ic_google_nor.svg) no-repeat; background-position: 26px 13px;}
.btn_ios a{background: #1BAAFE url(../img/ic_appstore_nor.svg) no-repeat; background-position: 30px 13px;}
@media all and (min-width:1025px) {
    .btn_aos a:hover{color: #1BAAFE; background: #ffffff url(../img/ic_google_hover.svg) no-repeat; background-position: 26px 13px; transition-duration: 0.3s; border: 1px solid #ffffff;}}
.btn_aos p{margin-left: 52px;}
@media all and (min-width:1025px) {
    .btn_ios a:hover{color: #1BAAFE; background: #ffffff url(../img/ic_appstore_hover.svg) no-repeat; background-position: 30px 13px; transition-duration: 0.3s; border: 1px solid #ffffff;}}
.btn_ios p{margin-left: 60px;}


/*메인_이용절차*/
.section_step{height: 620px; text-align: center;}
.section_step h6{padding-top: 26px;}
.step_lst{width: 1180px; padding-top: 90px; position: relative;}
.step_lst li{float: left; margin: 0 30px 0 30px; position: relative;}
.step_lst li+li{margin-left: 50px;}
.step_lst i{background: url(../img/ic_arrow_step.svg) no-repeat; width: 12px; height: 22px; display: inline-block; top:100px; position: absolute; margin-left: -45px;}
.step_lst img{width: 220px; height: 220px;}
.step_lst h5{margin-top: 40px; margin-bottom: 11px;}


/*메인_고객센터*/
.section_help{width: 100%; background-color: #F8F9FB; padding: 120px 0 120px 0;}
.help_tit{text-align: center;}
.help_num{margin-left: 14px; transform:translateY(2px); display: inline-block;}
.section_help a{font-size: 40px; font-weight: 400; color: #1BAAFE;}
.section_help h7{text-align: center; margin: 8px 0 40px 0; display: block;}
.btn_request a{width: 280px; height: 80px;  margin: 0 auto;background: #1BAAFE;  border-radius: 42px; box-shadow: 0 10px 20px -10px rgba(26, 165, 246, 0.80); padding: 24px 0 24px 70px; display: block;color: #ffffff; font-size: 20px;  font-weight: 400; }
.btn_request a:hover{background: #0099F2; transition-duration: 0.3s;}
.btn_request a:active{box-shadow: none; background: #0D80DE; transition-duration: 0.3s;
    -webkit-transform: translateY(1px) scale(0.98);
    transform: translateY(1px) scale(0.98);}
.btn_request img{margin-left: 10px; margin-bottom: 3px;}
#btn_request{display: none;}


/*footer*/
.footer{width: 100%;  background: #2A3039; padding-left: 4%; padding-right: 4%;}
.footer_wrap{max-width: 1180px; margin: 0 auto; position: relative; padding: 96px 0 96px 200px;}
.ft_logo{position: absolute; left:0; top: 100px;}
.ft_lst{margin-bottom: 26px; height: 24px;}
.ft_lst li{float: left;}
.ft_lst a{font-size: 14px; color: #ffffff; letter-spacing: -0.5px; font-weight: 400; opacity: 0.7;}
.ft_lst a:hover{opacity: 1; transition-duration: 0.2s;}

.ft_lst li+li:before{display: inline-block; width: 3px; height: 3px; border-radius: 1.5px; margin: 0px 12px 3px 12px; background-color: #828489; content: '';}
.ft_info{font-size: 13px; color: #ffffff; opacity: 0.5; font-weight: 100; line-height: 24px;}
.ft_info span{display: inline-block; font-size: 12px; opacity: 0.3; margin: 0 10px;}
.ft_copy{font-size: 12px; color: #ffffff; opacity: 0.3; font-weight: 100; margin-top:30px; letter-spacing: 0;}

.ft_link{position: absolute; right: 0; top:210px;}
.ft_link li{float: left; height: 36px; margin-left: 13px;}
.ft_link a{display: inline-block;}

.selectLink {width: 150px; height: 40px; padding: .5em .5em; border: 1px solid #ffffff;
    font-size: 13px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #ffffff; }
.blog a{width: 36px; height: 36px; background: url(../img/btn_blog_nor.png) no-repeat; background-size: 36px;}
.youtube a{width: 36px; height: 36px; background: url(../img/btn_youtube_nor.png) no-repeat; background-size: 36px;}
.insta a{width: 36px; height: 36px; background: url(../img/btn_instragram_nor.png) no-repeat; background-size: 36px;}
.kakao a{width: 36px; height: 36px; background: url(../img/btn_kakao_nor.png) no-repeat; background-size: 36px;}
.facebook a{width: 36px; height: 36px; background: url(../img/btn_facebook_nor.png) no-repeat; background-size: 36px;}
@media all and (min-width:1025px) {
    .blog a:hover{background: url(../img/btn_blog_hover.png) no-repeat; background-size: 36px; transition-duration: 0.2s;}
    .youtube a:hover{background: url(../img/btn_youtube_hover.png) no-repeat; background-size: 36px; transition-duration: 0.2s;}
    .insta a:hover{background: url(../img/btn_instragram_hover.png) no-repeat; background-size: 36px; transition-duration: 0.2s;}
    .kakao a:hover{background: url(../img/btn_kakao_hover.png) no-repeat; background-size: 36px; transition-duration: 0.2s;}
    .facebook a:hover{background: url(../img/btn_facebook_hover.png) no-repeat; background-size: 36px; transition-duration: 0.2s;}
}



/*고객센터*/
.sub_tit{text-align: center; margin: 190px 0 80px 0;}
.sub_tit h3{padding-bottom: 8px;}
.sub_tit h6{color: #5C6A76;}

.faq_lst{max-width: 1180px; border-top: 1px solid #E3E5E9; margin: 0 auto;}
.faq_lst.user{padding-bottom: 160px;}
.faq_tit{background: url(../img/ic_q.svg) no-repeat; background-position: 40px 24px; padding: 24px 90px 24px 88px; border-bottom: 1px solid #E3E5E9; font-size: 18px; color: #333B42; font-weight: 100; line-height: 32px; letter-spacing: -0.5px; position: relative; cursor: pointer;}

.faq_tit i{width: 22px; height: 14px; background: url(../img/ic_arrow_faq.svg) no-repeat; display: block; position:absolute; top: 34px; right: 40px; opacity: 0.4; transition: 0.4s ease;}
.faq_tit.faqon{font-weight: 500;}
.faq_tit.faqon i{transform: rotate(-180deg); opacity: 1; transition: 0.4s ease;}

.faq_sub{position: relative; padding: 36px 90px 36px 60px; background-color:#F8F9FB; border-bottom: 1px solid #E3E5E9; display: none;}
.faq_sub span{width: 32px; height: 32px; background: url(../img/ic_a.svg) no-repeat; display: block; float: left;}
.faq_sub p{padding-left: 48px; font-size: 16px; color: #333B42; font-weight: 100; line-height: 28px; letter-spacing: -0.5px; min-height: 32px;}

.download{width: 100%; background-color: #F8F9FB; margin-top: 150px;}
.download_tit{margin: 0 auto; text-align: center; padding-top: 120px; padding-bottom: 40px;}
.download_lst li{min-width: 47.5%; height: 90px; background-color: #ffffff; box-shadow: 0 2px 0 0 rgba(0,0,0,0.05); border-radius: 8px; padding: 28px 30px 30px 30px; float: left; margin-top: 20px; }
.download_lst{display: inline-block; padding-bottom: 140px;}
.download_lst li{margin-left: 20px;}
.download_lst h6{display: inline-block;}
.btn_wrap{overflow: hidden; float: right;}
.btn_wrap div{display: block;  margin-left: 8px;}
.btn_download{float: right; margin-left: 8px;}
.btn_download a{width: 100px; height: 38px; padding: 7px 18px 7px 18px; background-color: #ffffff; border:1px solid #1BAAFE; border-radius: 20px; color: #1BAAFE; display: block; font-size: 15px; font-weight: 100; text-align: center; }
@media all and (min-width:1025px) {
    .btn_download a:hover{background-color: #1BAAFE; transition-duration: 0.3s; color: #ffffff;}}


/*상담신청*/
.form_request{margin: 0 auto 160px auto; width: 88%;}
.form_request p{color: #5C6A76; font-size:16px; font-weight: 500; padding-bottom: 10px;}
.form_request p span{display: inline-block; width: 5px; height: 12px; background: url(../img/ic_dot.svg) no-repeat; margin-left: 4px;}
.input{float: left;}
input, select{padding-left: 20px; background-color: #ffffff; border: 1px solid #CCD2D9; border-radius: 6px; width: 100%; height: 60px; font-size: 16px; color: #333B42;}
select{background: url(../img/ic_arrow_select.svg) no-repeat 96% 50%;}
.context textarea{width: 100%; height: 200px; background-color: #ffffff; border: 1px solid #CCD2D9; border-radius: 6px; padding: 20px 20px 20px 20px; font-size: 16px; color: #333B42; resize: none; overflow-x:hidden; overflow-y:auto;}
.agree{width: 100%; padding:0 10px 60px 10px; display: block;}
.agree_txt{width: 100%; height: auto; background-color: #ffffff; border: 1px solid #CCD2D9; border-radius: 6px; padding: 20px 20px 20px 20px; font-size: 16px; color: #333B42; line-height: 27px;}
.agree_txt span{font-weight: 500;}
input:focus, textarea:focus, select:focus{border: 1px solid #1BAAFE; box-shadow: 0 0 0 1px #1BAAFE; transition-duration: 0.3s;}
.alert{border: 1px solid #FF7365; box-shadow: 0 0 0 1px #FF7365; transition-duration: 0.3s;}
input[type="checkbox"]{display: none;}
.input{width: 50%; padding: 0 10px 30px 10px;}
.context{width: 100%; padding: 0 10px 30px 10px;}
.clear::after{content:""; display:block; clear:both;}
.agree_check{padding-top: 14px;}
.agree_check input[type="checkbox"]+label{display: inline-block; width: 175px; height: 24px; cursor: pointer; background: url(../img/btn_check_nor.svg)no-repeat;}
.agree_check input[type="checkbox"]:checked+label{background: url(../img/btn_check_sel.svg) no-repeat;}
.agree_check span{display: inline-block; padding-left: 32px; color: #5C6A76; font-size: 15px; font-weight: 100; vertical-align: 1px;}
/*placeholder 색상지정*/
::-webkit-input-placeholder {font-weight: 100; color: #9DA5AD;}/* 크롬 4–56 */
:-moz-placeholder {font-weight: 100; color: #9DA5AD;}/* 파이어폭스 4–18 */
::-moz-placeholder {font-weight: 100; color: #9DA5AD;}/* 파이어폭스 19–50 */
:-ms-input-placeholder {font-weight: 100; color: #9DA5AD;} /* 인터넷 익스플로러 10+ */
::-ms-input-placeholder {font-weight: 100; color: #9DA5AD;} /* Edge */
::placeholder {font-weight: 100; color: #9DA5AD;}

.btn_submit button, .btn_main a{width: 280px; height: 80px;  margin: 0 auto; padding:25px 0;background: #1BAAFE;  border-radius: 42px; box-shadow: 0 10px 20px -10px rgba(26, 165, 246, 0.80); display: block;color: #ffffff; font-size: 20px;  font-weight: 400; cursor: pointer; }
@media all and (min-width:1025px) {
    .btn_submit button:hover, .btn_main a:hover{background: #0099F2; transition-duration: 0.3s;}
    .btn_submit button:active, .btn_main a:active{box-shadow: none; background: #0D80DE; transition-duration: 0.3s;
        -webkit-transform: translateY(1px) scale(0.98);
        transform: translateY(1px) scale(0.98);}}


/*이용약관*/
.container.terms{max-width:960px;position:relative;}
.terms_header{width:100%;height:82px;border-bottom:1px solid #E3E5E9;}
.terms_header .w_top_logo{top:32px;width:105px;height:23px;}
.terms_header h1 span{display:none;}
.terms_menu{position:absolute;right:0;top:28px;}
.terms_menu li{float:left;margin-left:28px;}
.terms_menu li:first-child{margin-left:0;}
.terms_menu li::after{display:block;clear:both;content:'';}
.terms_menu li a{font-size:14px;color:#5C6A76;}

.terms_content{margin-bottom:100px;word-break:keep-all;padding-top:60px;}
.terms_content h4{margin-bottom:60px;}
.terms_subject{margin-bottom: 20px;}
.terms_txt{margin-bottom: 50px;}
.terms_txt p, .terms_txt ol, .terms_txt li{margin-bottom:12px;color:#5C6A76;line-height:26px;font-size:15px;}
.terms_txt ol{counter-reset:item;padding-left:28px;}
.terms_txt ol ol{margin-top:10px;margin-bottom:14px;}
.terms_txt li li{margin-bottom:4px;}
.terms_txt>ol>li:before{display:inline-block;position:absolute;font-weight:500;margin-left:-28px;content: counter(item)". ";counter-increment:item;font-family:"Monterrat", sans-serif;}
.terms_txt li li:before{position:absolute;content: counter(item)")";counter-increment:item;margin-left:-28px;font-family:"Monterrat",sans-serif;}
.terms_txt span{font-weight:500;}
.subject_big{font-size:28px;font-weight:500;color:#333B42;margin-bottom:30px;}

.terms_version{position:absolute;top:148px;right:0;}
.terms_version p{font-size:15px;color:#333B42;font-weight:500;display:inline-block;margin-right:10px;}
.dropdown{display:inline-block;}
.dropdown_btn{position:relative;width:160px;height:42px;border:1px solid #CCD2D9;background-color:#fff;border-radius:6px;font-size:14px;color:#333B42;text-align:left;letter-spacing:0;padding:0 16px;cursor:pointer;background:url(../img/ic_arrow_select.svg) no-repeat;background-position:126px 16px;}
/*.dropdown_btn i{display:block;position:absolute;width:16px;height:10px;background:url(../img/ic_arrow_select.svg) no-repeat;top:16px;right:16px;}*/
.open{background-color:#F3F6F8;}
.dropdown ul{display:none;position:absolute;top:45px;left:0;width:160px;padding:6px 0;border:1px solid #CCD2D9;background-color:#fff;border-radius:6px;font-size:15px;color:#333B42;text-align:left;letter-spacing:0;z-index:10;}
.dropdown_list a{display:block;font-size:14px;height:36px;padding-left:16px;line-height:36px;color:#333B42;letter-spacing:0;font-family:"Monterrat", sans-serif;}
.dropdown_list a:hover{background-color:#F3F6F8;}

.terms_footer{width:100%;border-top:1px solid #E3E5E9;}
.ft_info.terms{opacity:0.7;color:#5C6A76;text-align:center;padding:40px 0;}
.ft_info.terms span{opacity:0.6;}

/*이용약관 어드민 연동*/
.terms_content_main{margin-bottom:12px;color:#5C6A76;line-height:26px;font-size:15px;}
.terms_content_main h1{margin-bottom:30px;font-size:28px;font-weight:500;color:#333B42;line-height:1.5;letter-spacing:-0.5px;}
.terms_content_main h2{margin-bottom:20px;font-size:22px;color:#333B42;line-height:1.5;letter-spacing:-0.5px;}
.terms_content_main br{display:block;content:'';margin-bottom:12px;}
.terms_content_main div{margin:10px 0 14px 30px !important;}
.terms_content_main div br{margin-bottom:5px;}
.terms_content_main strong{font-weight:500;}
.terms_content_main sup{position:relative;top:2px;}

/*상단이벤트배너*/
.event_banner{width:100%;height:60px;background-color:#ffecc6;padding-left:4%;padding-right:4%;}
/*.event_grp{position:relative;display:block;max-width:1180px;height:100%;margin:0 auto;background:url(../img/img_event.png) no-repeat;background-size:592px; background-position:center;cursor:pointer;}*/
.event_grp{position:relative;display:block;max-width:1180px;height:100%;margin:0 auto;background:url(../img/img_event.png) no-repeat;background-position:center;cursor:pointer;}
.happy_logo{width:90px;position:absolute;top:9px;}
.event_banner.m{display:none;}

/*상담완료*/
.result{margin:230px 0 180px 0;text-align:center;}
.result img{display:block;width:220px;height:220px;margin:0 auto;}
.result h4{margin:40px 0 20px 0;}
.result h6{color:#5C6A76;margin-bottom:60px;}

/*팝업*/
/*
.modal{position:absolute;z-index:3;width:440px;height:415px;overflow:auto;background:#fff;box-shadow:0 10px 20px -10px rgba(100, 120, 130, 0.50);border:1px solid #E3E5E9;}
.modal_wrap{background:#fff;box-sizing:border-box;position:relative;height:100%;}
.modal_check{padding:14px 0;position:absolute;bottom:0;width:100%;background:#F8F9FB;box-sizing:border-box;height:50px;}
.modal_check input[type="checkbox"] + label{display:inline-block;width:auto;height:auto;cursor:pointer;background:url(../img/btn_check_nor.svg) no-repeat;margin-left:30px;}
.modal_check input[type="checkbox"]:checked + label{background:url(../img/btn_check_sel.svg) no-repeat;}
.modal_check span{display:inline-block;padding-left:32px;color:#5C6A76;font-size:15px;font-weight: 100;vertical-align:1px;}
.modal_check button{position:absolute;top:0;right:0;padding:14px 32px;height:50px;font-weight:400;font-size: 15px;line-height:15px;cursor:pointer;background:#F8F9FB;}
.modal_content{padding:30px;color:#333B42;}
.modal_content h1{font-weight:500;font-size:20px;padding-bottom:16px;letter-spacing:-1px}
.modal_content h2{font-weight:500;font-size:14px;padding-bottom:6px;color:#333B42;line-height:20px;letter-spacing:-0.5px;}
.modal_content p{font-size:13px;font-weight:100;line-height:22px;}
.modal_content h2 + p{font-size:13px;font-weight:100;line-height:22px;color:#5C6A76;padding-bottom:16px;}
.modal_content ul{font-size:13px;font-weight:100;line-height:22px;color:#5C6A76;padding-bottom:16px;}
.modal_content ul li{background:url(../img/modal_li_dot.svg) left 11px no-repeat;padding-left:8px;line-height:22px;}
.modal_content ul.btm_lst{font-size:12px;font-weight:100;line-height:21px;color:#5C6A76;padding-bottom:16px;letter-spacing:-1px;}
.modal_content ul.btm_lst li{line-height:21px;}
.modal_content p strong{font-weight:500;}
.modal_content hr{margin:20px 0;border:none;border-top:1px solid #E3E5E9;}
.modal_content a{color:#1BAAFE;text-decoration:underline;margin-bottom:16px;font-weight:500;font-size:13px;display:inline-block;}
.modal_content a.fst{margin-right:30px;}
.modal_content .m_only{display: none;}
.mobile_btn{display:none;}
#modal_pop.modal{left: 50%; top:90px; margin-left:-200px;}
*/

/*최고문*/
#modal_pop.modal{left: 20px; top:80px; margin-left:-260px;}
.modal{position:absolute;z-index:3;width:520px;height:540px;overflow:auto;background:#fff;box-shadow:0 10px 20px -10px rgba(100, 120, 130, 0.50);border:1px solid #E3E5E9;}
.modal_wrap{background:#fff;box-sizing:border-box;position:relative;height:100%;}
.modal_check{padding:14px 0;position:absolute;bottom:0;width:100%;background:#F8F9FB;box-sizing:border-box;height:50px;}
.modal_check input[type="checkbox"] + label{display:inline-block;width:auto;height:24px;cursor:pointer;background:url(../img/btn_check_nor.svg) no-repeat;margin-left:30px;}
.modal_check input[type="checkbox"]:checked + label{background:url(../img/btn_check_sel.svg) no-repeat;}
.modal_check span{display:inline-block;padding-left:32px;color:#5C6A76;font-size:13px;font-weight: 100;vertical-align:1px;}
.modal_check button{position:absolute;top:0;right:0;padding:14px 32px;height:50px;font-weight:400;font-size: 15px;line-height:15px;cursor:pointer;background:#F8F9FB;}
.modal_content{padding:30px;color:#333B42;}
.modal_content h1{font-weight:700;font-size:20px;padding-bottom:16px;letter-spacing:-1px;position:static;text-align: center;}
.modal_content h2{font-weight:500;font-size:14px;padding-bottom:16px;color:#333B42;line-height:20px;letter-spacing:-0.5px;text-align: center;}
.modal_content p{font-size:12px;font-weight:300;line-height:18px;}
.modal_content ul{font-size:12px;font-weight:300;line-height:18px;padding-bottom:16px;}
.modal_content ul li{line-height:22px;}
.modal_content p strong{font-weight:500;}
.modal_content hr{margin:20px 0;border:none;border-top:1px solid #E3E5E9;}
.modal_content a{color:#1BAAFE;text-decoration:underline;margin-bottom:16px;font-weight:500;font-size:13px;display:inline-block;}
.modal_content a.fst{margin-right:30px;}
.modal_content .m_only{display: none;}
.mobile_btn{display:none;}
.modal_main_content{margin-bottom:14px;}
.modal_main_content p:first-child{padding-bottom:8px;}
.modal_footer{text-align: center;}

/*이용약관변경팝업*/
#modal_pop.modal{left:20px;margin-left:0;}
#modal_pop2.modal{top:80px;left:50%;transform:translateX(-50%)}
.modal.v2{height:740px;}
.modal.v2 h3{font-size: 13px;line-height:22px;}
.modal.v2 .table table{border-collapse: collapse;width:100%;font-size: 12px;margin:10px 0;}
.modal.v2 .table th,.modal.v2 .table table td{border:1px solid #000;font-weight: 300;}
.modal.v2 .table th{background:#F8F9FB;}
.modal.v2 .table td{opacity:0.8;}
.modal_content a{margin-bottom:8px;margin-top:12px;}

.name_change{margin:120px 0 80px;}
.name_change a{font-size: 14px;}
.name_change h3{font-size: 20px;}
.name_change ul{margin:0 0 20px;}
.name_change ul li{font-size: 15px;padding:6px 0}
.name_change ul li a{cursor:default}

.name_change .table table{border-collapse: collapse;width:100%;font-size: 14px;margin:10px 0;color:inherit}
.name_change .table th,.name_change .table table td{border:1px solid #5C6A76;font-weight:300;}
.name_change .table th{background:#F8F9FB;padding:4px 0;}
.name_change .table td{padding:12px 16px;}
.name_change .table td i{font-style: normal;text-decoration: underline;font-weight:500;}
.name_change .table th:first-child,.name_change .table td:first-child{width:50%;}
.name_change .table th:last-child,.name_change .table td:last-child{width:50%;}

.name_change .w_only{display: block;}
.name_change .m_only{display: none;}
.detail_lst hr{border:none;border-top:1px solid #5c6a76;margin-bottom:10px;opacity:.5}
.detail_lst a{font-size: 15px;font-weight: 500;padding-top: 10px;display: block;}

.detail_lst.w_only .table th:first-child,.detail_lst.w_only .table td:first-child{width:14%;}
.detail_lst.w_only .table th:nth-child(2),.detail_lst.w_only .table td:nth-child(2){width:16%;}
.detail_lst.w_only .table th:nth-child(3),.detail_lst.w_only .table td:nth-child(3),.detail_lst.w_only .table th:nth-child(4),.detail_lst.w_only .table td:nth-child(4){width:25%;}
.detail_lst.w_only .table th:last-child,.detail_lst.w_only .table td:last-child{width:12%;}


.modal_box{padding:15px 10px;border:1px solid #d9d9d9;margin-bottom:10px;}
.modal_box li{font-size: 12px;overflow: hidden}
.modal_box li strong{width:50px;display: inline-block;float: left;}
.modal_box li span{width:calc(100% - 50px);display: inline-block;float: right;}


/*MODAL*/
.pop_mdl{display: none;position: fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.5);}
.pop_mdl .modal-content{background: #fff;width:calc(100% - 40px);max-width:660px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-height:240px;}
.pop_mdl .modal-content h3{font-size:18px;font-weight: bold;text-align: center;padding-top:20px;}
.pop_mdl .pop-content{color:#5C6A76;font-size: 15px;text-align: center;margin:10px;vertical-align: middle;min-height:100px;text-align: center;justify-content: center;}
.pop_mdl .cls_btn{position:absolute;right:0;top:4px;}
.pop_mdl .cls_btn button{background:url(../img/btn_close.svg) center center no-repeat;width:40px;height:40px;cursor: pointer}
.pop_mdl .cls_btn button span{display: none;}

#pagination {margin: 0;padding: 0;text-align: center;padding:10px 0 20px;}
#pagination a {display: inline-block;text-decoration: none;padding: 5px 10px;color: #5C6A76;font-size: 13px;line-height: 16px}
#pagination a {border-radius: 5px;-webkit-transition: background-color 0.3s;transition: background-color 0.3s}
#pagination a.active {background-color: #1BAAFE;color: #fff}
#pagination a:hover:not(.active) {background-color: #e9e9e9;}
#pagination button {background-color: #ffffff;display: inline-block;text-decoration: none;padding: 5px 10px;color: #5C6A76;font-size: 13px;line-height: 16px}
#pagination button {border-radius: 5px;-webkit-transition: background-color 0.3s;transition: background-color 0.3s}
#pagination button.active {background-color: #1BAAFE;color: #fff}
#pagination button:hover:not(.active) {background-color: #e9e9e9;}
#pagination button:hover{cursor:pointer}

.pop_mdl .pop-content .table table{border-collapse: collapse;width:100%;margin:0 auto;max-width:640px;}
.pop_mdl .pop-content .table table tr td{border:1px solid #ddd;font-size: 12px;padding:4px 6px;}