/* BASIC css start */
.ml_menu {position:fixed; top:88px; left:0; width:100%; height:45px; background:#c5c5c5; text-align:center; opacity:0; transform:translateY(-20px); transition:all 0s; z-index:99;}
.ml_menu.show {opacity:1; transform:translateY(0); transition:all .1s;}
.ml_menu ul {display:inline-flex;}
.ml_menu a {display:block; position:relative; padding:12px 20px; color:#fff; font-size:15px; line-height:21px; transition:.3s;}
.ml_menu ul li + li a:before {content:''; position:absolute; top:50%; left:-1px; width:1px; height:18px; margin-top:-9px; background:#fff;}
.ml_menu ul li a.active,
.ml_menu ul li a:hover {background-color:#fe8548; z-index:1;}
.ml_menu ul li a.active:before,
.ml_menu ul li a:hover:before {display:none;}

.memb_landing {min-width:1430px; margin-top:140px; overflow:hidden;}
.memb_landing * {font-family:'Noto Sans CJK KR';}
.memb_landing *,
.memb_landing *:before,
.memb_landing *:after {box-sizing:border-box;}
.memb_landing .wow {visibility:hidden;}
.memb_landing .inner_center {width:1430px; padding:0 40px; margin:0 auto;}
/* ±âÁ¸ ºñÁÖ¾ó .memb_landing .visual {position:relative;}
.memb_landing .visual .bgbox {width:100%; height:520px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.memb_landing .visual .txtbox {position:absolute; top:174px; width:100%;}
.memb_landing .visual .txtbox .title {position:relative; padding-bottom:15px; color:#fff; font-size:65px; line-height:1; font-weight:300;}
.memb_landing .visual .txtbox span {display:block; padding-bottom:10px; color:#fff; font-size:30px; line-height:30px; font-weight:300;} */

.memb_landing .visual {position:relative; height:100vh; background: linear-gradient(120deg, #ff955d, #f86517);}
.memb_landing .visual .title {font-size: 45px; color:#fff; margin: 0 auto; padding-top: 180px; font-family: 'Montserrat', 'Noto Sans KR'; width:100%; text-align:center;}
.memb_landing .visual .mem_icon {overflow: hidden; position: absolute; top: 340px; left: 50%; transform: translateX(-50%); width: 1000px;}
.memb_landing .visual .mem_icon li {float: left; width: 20%; padding-left: 10px;}
.memb_landing .visual .mem_icon li img {width: 150px; height: 150px;}
.memb_landing .visual .txt { font-size: 25px; color:#fff; font-weight:300; line-height: 35px; text-align: center; margin: 0 auto; padding-top: 360px; width:100%;}


.memb_landing #section2 {height:800px;}
.memb_landing .ml_section {position:relative; padding-top:180px;}
.memb_landing .ml_section .title h2 {color:#282828; font-size:30px; line-height:42px; font-weight:500; letter-spacing:-0.04em;}
.memb_landing .ml_section .subtitle {padding-top:25px;}
.memb_landing .ml_section .subtitle span {display:block; color:#282828; font-size:20px; line-height:30px; font-weight:300; letter-spacing:-0.04em;}
.memb_landing .ml_section .subtitle span em {color:#fd7d36; font-weight:500;}
.memb_landing .ml_section .cont {position:relative; padding:80px 0 150px; text-align:center;}
.memb_landing .ml_section .cont:after {content:''; display:block; clear:both;}
.memb_landing .ml_section .cont .img_car {float:right; width:737px; height:379px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.memb_landing .ml_section .cont .salebox {position:absolute; top:-180px; right:310px;}
.memb_landing .ml_section .cont .salebox .bg { width:200px; margin:0 auto; text-align:center;}
.memb_landing .ml_section .cont .salebox .bg img {width:700px; margin:0 auto; vertical-align:top;}
.memb_landing .ml_section .cont .salebox .saletitle_img {position:absolute; top:50%; left:0; width:100%; margin-top:-105px; text-align:center;}
.memb_landing .ml_section .cont .salebox .saletitle_img img {width:214px; margin:0 auto; vertical-align:top;}
.memb_landing .ml_section .cont .pointbox img {width:40%; vertical-align:top; margin: -350px 60px 0 0; float: right;}
.memb_landing .ml_section .kakao_invite {margin-top:70px;}
.memb_landing .ml_section .kakao_invite .balloon_ani {position:relative; padding-bottom:20px; text-align:center; animation-name:balloon_ani; animation-duration:1.5s; animation-delay:0s; animation-iteration-count:infinite; animation-timing-function:linear; animation-direction:alternate;}
@keyframes balloon_ani {
	0%{ top:0px }
	50%{ top:10px }
	100%{ top:0px }
}
.memb_landing .ml_section .kakao_invite .balloon_ani .balloon {display:inline-block; position:relative; padding:13px 32px; border-radius:50px; background-color:#282828;}
.memb_landing .ml_section .kakao_invite .balloon_ani .balloon::before {content:''; display:block; position:absolute; bottom:0; left:40px; border-top:15px solid transparent; border-right:30px solid #282828; border-bottom:15px solid transparent; transform:rotate(45deg);}
.memb_landing .ml_section .kakao_invite .balloon_ani .balloon span {position:relative; color:#fff; font-size:22px; line-height:22px; z-index:1;}
.memb_landing .ml_section .kakao_invite .btn_invite {display:block; position:relative; width:440px; margin:-20px 0 0 0; padding:25px 0; background-color: #ffec14; border-radius:50px; color:#432302; font-size:20px; line-height:22px; text-align:center;}
.memb_landing .ml_section .cont .review_card {display:flex; justify-content:center;}
.memb_landing .ml_section .cont .review_card li {margin:0 16px;}
.memb_landing .ml_section .cont .review_card li img {width:306px; vertical-align:top;}
.memb_landing .ml_section .cont .btn_review_box {margin-top:50px;}
.memb_landing .ml_section .cont .btn_review_box .btn_review_detail {display:block; width:644px; margin:0 auto; padding:26px 0; border:2px solid #000; border-radius:5px; color:#000; font-size:20px; line-height:20px; text-align:center;}

.memb_landing .ml_section .memb_explain {padding:60px 0; background:#f7f7f7;}
.memb_landing #section3 .memb_explain {background:#ffecdd;}
.memb_landing #section3 .memb_explain .explain_tit {font-size: 25px; color:#282828; margin-bottom: 10px;}
.memb_landing #section3 .memb_explain .explainwrap ul li {padding-bottom: 5px;}
.memb_landing .ml_section .memb_explain .explainwrap li {color:#282828; font-size:14px; line-height:1.5em;}
.memb_landing .ml_section .memb_explain .explainwrap li span {position:relative; top:3px; padding-right:5px; font-weight:600;}
.memb_landing .ml_section .memb_explain .explainwrap li .explain_tit {display:block; color:#fe8548; font-size:15px; line-height:1.5em; padding-bottom:10px;}
.memb_landing .ml_section .memb_explain .explainwrap li + li .explain_tit {margin-top:30px;}


#section2 {background:#fffaf6;}
#section3 {background:#fbfbfb;}

#section4 .kakao_ico img {width: 35px; vertical-align: middle; padding: 0 5px 7px 0; }
.memb_landing #section4 .memb_explain {background:#ffecdd;}
.memb_landing #section4 .memb_explain .explain_tit {font-size: 25px; color:#282828; margin-bottom: 10px;}

.memb_landing .ml_tab {padding:0 10px;}
.memb_landing .ml_tab ul {display:flex;}
.memb_landing .ml_tab ul li {flex:1; text-align:center;}
.memb_landing .ml_tab ul li a img {vertical-align:top;}
.memb_landing .ml_tabcon {padding:0 10px;}
.memb_landing .ml_tabcon .lv_wrap {display:flex;}
.memb_landing .ml_tabcon .lv_wrap .lv {flex:1; padding:0 10px;}
.memb_landing .ml_tabcon .lv_wrap .lv .tit {padding:24px 0 38px; text-align:center;}
.memb_landing .ml_tabcon .lv_wrap .lv .tit .nm {display:block; color:#000; font-size:38px; line-height:50px; font-weight:700; letter-spacing:-0.02em; font-family: 'Montserrat', 'Noto Sans KR';}
.memb_landing .ml_tabcon .lv_wrap .lv .tit .desc {display:block; color:#8c8c8c; font-size:24px; line-height:44px; font-weight:400; letter-spacing:-0.04em;}
.memb_landing .ml_tabcon .lv_wrap .lv .tit .desc em {font-weight:700;}
.memb_landing .ml_tabcon .lv_wrap .lv .list {padding:0 10px; border-radius:10px; background:#000; color:#fff;}
.memb_landing .ml_tabcon .lv_wrap .lv .list li {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; min-height:130px; padding:38px 0;}
.memb_landing .ml_tabcon .lv_wrap .lv .list li + li {border-top:1px solid rgba(250,250,250,0.5);}
.memb_landing .ml_tabcon .lv_wrap .lv .list .txt {width:100%; color:inherit; font-size:26px; line-height:34px; font-weight:400; text-align:center; letter-spacing:-0.07em;}
.memb_landing .ml_tabcon .lv_wrap .lv .list .txt em {font-weight:700;}
.memb_landing .ml_tabcon .lv_wrap .lv .list .stxt {width:100%; color:inherit; font-size:17px; line-height:38px; font-weight:300; text-align:center; letter-spacing:-0.07em;}

.memb_landing .ml_tabcon .lv_wrap .lv.lv01 .tit .nm {color:#ff8950;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv02 .tit .nm {color:#ff9e4f;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv03 .tit .nm {color:#ffc367;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv04 .tit .nm {color:#ffe182;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv05 .tit .nm {color:#9bd5fb;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv05 .tit .desc {font-weight:500;}

.memb_landing .ml_tabcon .lv_wrap .lv.lv01 .list {background:#ff8950;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv02 .list {background:#ffa65e;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv03 .list {background:#ffe5bd; color:#282828;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv04 .list {background:#fff7de; color:#282828;}
.memb_landing .ml_tabcon .lv_wrap .lv.lv05 .list {background:#e8f6fb; color:#282828;}

.memb_landing .ml_bottombanner {position:relative;}
.memb_landing .ml_bottombanner .bgbox {width:100%; height:508px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.memb_landing .ml_bottombanner .txtbox {position:absolute; top:0; left:0; width:100%; padding-top:60px; color:#fff;}
.memb_landing .ml_bottombanner .txtbox .title {color:#fff; font-size:30px; line-height:30px; font-weight:300;}
.memb_landing .ml_bottombanner .txtbox p {padding:15px 0; font-size:30px; line-height:30px; font-weight:300;}
.memb_landing .ml_bottombanner .txtbox span {display:block; font-size:20px; line-height:1.5em; font-weight:300;}
.memb_landing .ml_bottombanner .txtbox .btnjoin_box {margin-top:100px;}
.memb_landing .ml_bottombanner .txtbox .btnjoin_box .btnjoin {display:block; width:515px; margin:0 auto; padding:25px 0; border:2px solid #fff; border-radius:50px; color:#fff; font-size:20px; line-height:1; text-align:center;}

.ml_memb_fix_btn .btn_loginjoin {position:fixed; bottom:50px; left:50%; width:520px; padding:26px 0; margin-left:-260px; border-radius:50px; box-shadow:3px 4px 9.5px 0.5px rgb(0 0 0 / 15%); background-image:linear-gradient(#ff702b, #ff8a4b); color:#fff; font-size:20px; line-height:20px; text-align:center; z-index:50; transition:.3s; opacity:0; transform:translateY(130px);}
.ml_memb_fix_btn .btn_loginjoin.on {opacity:1; transform:translateY(0);}

#footer {margin-top:0 !important;}



li.titMember.titMember1 {
    margin-top: 0;
}
li.titMember {
    margin-bottom: 1px;
    font-weight: 600;
    margin-top: 30px;
    font-size: 18px !important;
    letter-spacing: -0.5px;

}





/* BASIC css end */