@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;700;900&display=swap');

/* 초기화 */
html {overflow:hidden;touch-action: none;}
body {margin:0;padding:0;font-size:14px;font-family: 'Noto Sans KR', sans-serif !important;background:#fff;-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */-ms-text-size-adjust : none;  /* IE */-moz-text-size-adjust : none;  /* 파이어폭스 */-o-text-size-adjust : none;  /* 오페라 구버전 */min-width: 280px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.frm_input {border:1px solid #DDDDDD;height: 52px;width: 100%;padding:0 15px;border-radius:8px}
.frm_input:disabled, .frm_input:read-only {background:#ECECEC;}


#main {width: 100%;min-width: 280px;margin: 0 auto;overflow: hidden;}
.container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    position: relative;
}
.clearfix::after {content:"";clear: both;display: block;}

.black_c {color:#363634 !important;}
.white_c {color:#fff !important;}
.black_bg {background: #363634;color: #fff;}
.white_bg {background: #fff;color: #363634;}
.green_bg {background: #1DAD77;}

/* 헤더 */
.header_wrap {width: 100%;position: fixed;top:7%;left: 50%;transform: translateX(-50%);z-index: 1000;}
.hd_inner {display: flex;align-items: center;justify-content: space-between;}
.hd_gnb_list > li {float: left;margin-right: 60px;}
.hd_gnb_list > li:last-child {margin-right: 0;}

.hd_app_download_btn_wrap {position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%); display: none;}
.hd_app_download_btn_wrap a {padding:20px 25px;border-radius: 40px;font-size: 20px;display: flex;align-items: center;font-weight: 700;transition: 0.7s;}
.hd_app_download_btn_wrap a img {width: 20px;margin-left: 20px;}


/* 첫번째 섹션 */
.content1 {background: url("/images/web/pc_banner.png") no-repeat center / cover;height: 100%;}
.content_inner {width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;align-items: center;}
.content_wrap {position: relative;}
.content1_text {font-size: 108px;font-weight: 700;line-height: 1.2;}
.ct1_download_title {font-size: 24px;font-weight: 700;margin-bottom: 20px;margin-top: 50px;}
.ct1_download_btn_wrap {display: flex;}
.ct1_download_btn_box {border-radius: 70px;overflow: hidden;}
.ct1_download_btn_wrap .ct1_download_btn_box:first-child {margin-right: 20px;}
.ct1_download_btn_box > a {padding:25px 40px;display: block;}
.content1_qr_code_wrap {position: absolute;bottom:0;right: 0;}
.content1_qr_code_title {font-size: 25px;font-weight: 700;margin-bottom: 20px;text-align: left;}
.ct1_qr_code_box_wrap {display: flex;}
.ct1_qr_code_box_wrap > div:first-child {margin-right: 20px;}
.qr_code_titles {font-size: 17px;font-weight: 700;margin-bottom:10px;}
.ct1_qr_code_box {padding:20px;border-radius: 36px;}
.ct1_app_download_btn_wrap {position: absolute;bottom:10%;left: 50%;transform:translateX(-50%); display: none;}
.ct1_app_download_btn_wrap a {padding:15px 20px;font-size: 20px; font-weight: 700; display: flex;align-items: center;justify-content: center;border-radius: 30px;}
.ct1_app_download_btn_wrap a img {width: 20px;margin-left: 10px;}

/* 두번째 섹션 */
.content2 {background: #1DAD77;height: 100%;display: flex;align-items: flex-end;}
.content_inner2 {background: none;align-items: flex-start;height: calc(100% - 170px);}
.content_inner2 .container {height: 100%;}
.content2_text {font-size: 88px;font-weight: 700;line-height: 1.2;}
.content2_text2 {font-size: 20px;margin-top: 20px;}
.content2_phone {position: absolute;right: 40px;bottom:0;width: 25%;}
.content2_phone img {max-width: 100%;}

/* 세번째 섹션 */
.content3 {background: #F7FBFC;height: 100%;display: flex;align-items: flex-end;}
.content3_phone {position: absolute;right: 0;bottom:40px;width: 45%;}
.content3_phone img {max-width: 100%;}

/* 네번째섹션 */
.content4 {background: #1DAD77;height: 100%;display: flex;align-items: flex-end;}
/* .content4_phone {bottom: auto;top:0;width: 50%;} */

/* 마지막섹션 */
.content5 {background: #F7FBFC;height: 100%;}
.content_inner5 {background: none;}
.content5_inner {position: absolute;top:50%;left: 50%;width: 100%;transform:translate(-50%, -50%);}
.ct5_top_sns_list {display: flex;align-items: center;}
.ct5_top_sns_list > li {margin-right: 60px;}
.ct5_top_sns_list > li:last-child {margin-right: 0;}

.ct5_homepage_info {font-size: 19px;margin-top: 150px;}
.ct5_homepage_info .hp_title {margin-bottom: 40px;}
.ct5_homepage_info p span {width: 20px;display: inline-block;}

.content5_top {display: flex;align-items: center;justify-content: space-between;}
.content5_top > div {width: 49%;}
.ct5_right_text {font-size: 70px;font-weight: 700;line-height: 1.2;}
.greengong_img_wrap {margin: 40px 0;}

.ct5_top_right {display: flex;align-items: flex-start;flex-direction: column;}
.ct5_app_download_btn_wrap a {padding:15px 20px;border-radius: 40px;font-size: 20px;color: #fff;font-weight: 700;display: flex;align-items: center;}
.ct5_app_download_btn_wrap a img {width: 20px;margin-left: 20px;}

.content5_bottom {margin-top: 130px;}
.content5_bottom > div {display: flex;}
.content5_bottom a {font-size: 20px;margin-right: 40px;}
.content5_bottom a:last-child {margin-right: 0;}
.ct5_top_menu {padding-bottom: 40px;border-bottom: 1px solid #363634;margin-bottom: 40px;}


/* 팝업 */
#download_popup_wrap {width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 1001;display: none;min-width: 280px}
.download_popup_inner {width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,0.7);}
.download_popup_box {position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%);}
.download_pop_title {font-size: 20px;font-weight: 700;color: #fff;margin-bottom: 20px;}
.download_popup_box_inner {display: flex;}
.download_popup_box_inner a {padding:20px 30px;align-items: center;background: #fff;border-radius: 50px;}
.download_popup_box_inner a:first-child {margin-right: 60px;}
.download_popup_box_inner a img {height: 38px;width: auto;}

@media(max-width:1580px){
    #fp-nav.right {display: none;}
}

@media(max-width:1380px){
    .container {padding:0 20px;}
    .content5_inner {padding:0 20px;}

    .content1_text {font-size: 108px;}
    .ct1_download_title {font-size: 20px;}
    .content1_qr_code_title {font-size: 21px;}
    .ct1_download_btn_box > a {padding:20px 50px;}

    /* 2 */
    .content2_text {font-size: 68px;}
    .content2_text2 {font-size: 18px;}
    .content2_phone {width: 30%;}

    /* 3 */
    .content3_wrap {width: 55%;}
    .content2_text2 p {word-break: keep-all;}
    .content3_phone {right: 40px;}

    /* 5 */
    .ct5_right_text {font-size: 60px;}
}

@media(max-width:1024px){
    .hd_gnb {display: none;}
    .hd_app_download_btn_wrap {left: auto;right: 20px;transform:translateY(-50%);}

    .content1_text {font-size: 98px;}

    .content_wrap {display: flex;flex-direction: column;}
    /* .content_wrap2 {align-items: center;} */
    .content1_qr_code_wrap {display: none;}
    .content1_download {display: none;}
    .ct1_app_download_btn_wrap {display: block;}

   
}

@media(max-width:980px){
    
    .content1_text {font-size: 88px;}
    .ct1_download_title {font-size: 18px;}

    /* 2 */
    .content2_text {font-size: 58px;}
    .content2_phone {right: auto;left: 50%;transform: translateX(-50%);width: 25%;}

    /* 3 */
    .content3_wrap {width: 100%;margin-bottom: 40px;}
    .content3_phone_wrapper {display: flex;align-items: center;justify-content: center;}
    .content3_phone {position: static;}

    /* 5 */
    .content5_top {flex-direction: column-reverse;align-items: flex-start;}
    .ct5_right_text {font-size: 50px;}
    .ct5_homepage_info {margin-top: 55px;font-size: 17px;}
    .ct5_top_menu {padding-bottom:15px;margin-bottom: 0;border: none;}
    .content5_bottom {margin-top: 30px;}
    .content5_top > div {width: 100%;}
    .content5_top > div.ct5_top_left {margin-top: 20px;}
    .ct5_app_download_btn_wrap {position: absolute;top:0;right: 20px;}
    .ct5_app_download_btn_wrap a {padding:10px 15px;font-size: 17px;}
    .ct5_app_download_btn_wrap a img {width: 17px;}
    .content5_bottom a {font-size: 17px;}
}

@media(max-width:780px){
    
    .hd_app_download_btn_wrap a {font-size: 18px;}
    .hd_app_download_btn_wrap a img {width: 18px;}

    .ct1_download_btn_box > a img {width: 50%;height: auto;}
    .content1_text {font-size: 68px;}
    .ct1_download_title {font-size: 16px;}

    /* 2 */
    .content2_text {font-size: 48px;}
    .content2_text2 {font-size: 16px;}
    .content2_phone {width: 38%;}
    
    /* 3 */
    .content3_phone {width: 60%;}

    /* 5 */
    .ct5_right_text {font-size: 40px;}
    .ct5_top_sns_list li img {height: 35px;width: auto;}
    /* .ct5_top_menu {padding-bottom: 0;} */
    .content5_bottom > div {flex-wrap: wrap;}
    .ct5_bottom_menu > a {margin-top: 10px;}
}

@media(max-width:580px){
    .hd_logo {width: 55%;}
    .hd_logo img {max-width: 100%;}

    .hd_app_download_btn_wrap a {padding:10px 15px;font-size: 16px;}
    .hd_app_download_btn_wrap a img {width: 16px;margin-left: 10px;}

    /* 2 */
    .content_inner2 {height: calc(100% - 130px);}
    .content2_phone {width: 45%;}

    /* 3 */
    .content3_text2 p {display: inline;}
    .content3_phone {width: 70%;}

    /* 5 */
    .ct5_homepage_info {font-size: 15px;margin-top: 40px;}
    .ct5_homepage_info .hp_title {margin-bottom: 20px;}
    .greengong_img_wrap {width: 27%;}
    .greengong_img_wrap img {max-width: 100%;}
    .content5_bottom a {font-size: 15px;}
    .ct5_app_download_btn_wrap a {font-size: 15px;}
    .ct5_app_download_btn_wrap a img {width: 15px;}

    /* popup */
    .download_popup_box {width: calc(100% - 60px);}
    .download_popup_box_inner {display: flex;width: 100%;justify-content: space-between;}
    .download_popup_box_inner a {width: 48%;margin-right: 0;display: flex;align-items: center;justify-content: center;}
    .download_popup_box_inner a:first-child {margin-right: 0;}
}

@media(max-width:480px){
    .hd_logo {width: 45%;}
    .hd_app_download_btn_wrap a {padding:10px;font-size: 14px;}
    .hd_app_download_btn_wrap a img {width: 14px;}

    .content1_text {font-size: 48px;}
    .ct1_app_download_btn_wrap a {font-size: 16px;}

    /* 2 */
    .content2_text {font-size: 38px;}
    .content2_text2 {font-size: 14px;}
    .content2_text2 p {word-break: keep-all;}
    .content2_phone {width: 45%;}
    
    /* 3 */
    .content3_phone {width: 65%;}
    .content3_wrap {margin-bottom: 60px;}

    /* 5 */
    .content5_bottom a {margin-right: 20px;margin-top: 10px;}
    .content5_bottom a {margin-right: 20px;}
    .ct5_top_sns_list > li {margin-right: 30px;}
    .ct5_top_sns_list li img {height: 30px;width: auto;}

    /* popup */
    .download_popup_box_inner a {padding:15px 0px;}
    .download_popup_box_inner a img {max-width: 70%;height: auto;}


}

@media(max-width:380px){
    .content1_text {font-size: 38px;line-height: 1.4;}

    .ct1_app_download_btn_wrap a {font-size: 14px;}
    .ct1_app_download_btn_wrap a img {width: 14px;}

    /* 2 */
    .content2_text {font-size: 28px;}
    .content2_text2 p {display: inline;} 
    .content_inner2 {height: calc(100% - 15%);}
    .content2_phone {width: 57%;}

    /* 5 */
    .ct5_right_text {font-size: 33px;}
    .ct5_homepage_info {font-size: 14px;margin-top: 30px;}
    .ct5_homepage_info p span {display: block;}
    .content5_bottom a {font-size: 14px;}
    .ct5_app_download_btn_wrap a {font-size: 14px;}
    .ct5_app_download_btn_wrap a img {width: 14px;}
    .ct5_top_sns_list li img {height: 25px;width: auto;}
    .content5_top > div.ct5_top_left {margin-top: 0px;}
    .greengong_img_wrap {margin: 30px 0 20px;}
    .ct5_homepage_info .hp_title {margin-bottom: 20px;}

    /* popup */
    .download_popup_box_inner {flex-wrap: wrap;}
    .download_popup_box_inner a {width: 100%;}
    .download_popup_box_inner a:first-child {margin-bottom: 20px;}
    .download_popup_box_inner a img {max-width: 70%;height: auto;}

}
@media(max-width:320px){
    .hd_app_download_btn_wrap a {font-size: 14px;}
    .hd_app_download_btn_wrap a img {width: 14px;}
    
    .ct1_app_download_btn_wrap a {font-size: 14px;}
    .content2_phone {width: 45%;}


    /* 5 */
    .ct5_right_text {font-size: 30px;}
    .ct5_homepage_info p {word-break: keep-all;}
    .content5_bottom a {margin-top: 5px;}
    .greengong_img_wrap {width: 25%;margin: 20px 0;display: none;}
    .content5_top > div.ct5_top_left {margin-top: 20px;}
    /* .ct5_top_left {margin-top: 20px;} */
}

@media(max-width:280px){
    .hd_logo img {min-width: 100px;}

    /* 3 */
    .content3_phone {width: 80%;}

    .ct5_right_text {font-size: 26px;}
}