@charset "UTF-8";

html, body, ul, li, ol, dl, dd, dt, p, div {margin: 0;padding: 0;}
*{box-sizing: border-box;word-break:keep-all;transition:0.3s;}
body {font-size:0.75em;font-family:'NanumSquareRound', sans-serif;line-height:1.4;}
ul, li {list-style: none;}
a{color:#0b1f43;text-decoration:none;}
a:focus,
a:hover,
a:active{color:#0b1f43;text-decoration:none;}
.clear_fix:after{content:'';display:block;clear:both;}
.img_wr{position:relative;margin:30px 0;text-align:center;}
.img_100 {width: 100%;vertical-align: top;}
.point_y{color:#f5f01e;}
.point_b{color:#9ce0ff;}
.bg_gray{background:#f1f1f6;}
.blind{position:absolute;top:0;left:-9999em;}
.mo_show{display:none;}
h2{margin:0;}


/* button_area */
.button_area{display:flex;flex-flow:column nowrap;justify-content: center;align-items: center;gap:22px;}
.button_area button{cursor:pointer;padding:0;border:0;background:0;}
.button_area .btn_download{width: 100%;max-width:473px;padding:28px 0;font-family:'NanumSquareRoundB';font-size:35px;border:3px solid #fff;border-radius:60px;background:#5533c5;}
.button_area .button_app{display:flex;flex-flow:row nowrap;justify-content: center;align-items: center;gap:10px;}
.button_area .button_app a{width:150px;}



.wrapper{max-width:720px;min-width:320px;margin:0 auto;padding:0 16px;}

/* header */
header{background:#704de3;}
header .wrapper{display:flex;flex-flow:column nowrap;justify-content:center;padding:50px 50px 60px;}
header .logo{margin:0;}
header .logo img{width: 79px;}


/* section */
.section1{padding-bottom:60px;text-align:center;background:#704de3;}
.section1 .big_title{margin-bottom:45px;font-size:45px;line-height:normal;color:#fff;}
.section1 .big_title .big_title_1{font-family:'NanumSquareRoundEB';font-size:50px;}
.section1 .big_title .big_title_2{font-family:'NanumSquareRoundEB';font-size:60px;}
.section1 .sm_title_wrap{background:url(../img/graph.png) no-repeat 100% center;}
.section1 .sm_title{padding-bottom:146px;font-family:'NanumSquareRoundB';font-size:25px;color:#fff;line-height:1.6;}


.section2{padding-top:80px;font-family:'NanumSquareRoundB';text-align:center;}
.section2 h2{font-size:35px;}
.section2 .sec2_box{padding:60px 16px;}
.section2 .sec2_box.sec2_box1{padding-bottom:80px;}
.section2 .sec2_box.sec2_box2{padding-bottom:40px;}
.section2 .sec2_box p{font-size:25px;color:#674eb7;}
.section2 .sec2_box p span{color:#ff5501;}
.section2 .sec2_box img{width:100%;max-width:660px;}


footer{padding:32px 0 48px;text-align:center;line-height:1.6;}
footer .ft_wr{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:18px;margin-bottom:10px;}



@media all and (max-width:720px){
    .button_area{max-width: 88%;margin: 0 auto;}
    header .wrapper{padding:37px;}
    header .logo img{width: 10.9%;min-width: 46px;}
    .section1 .big_title{margin-bottom: 34px;font-size:38px;}
    .section1 .big_title .big_title_1{font-size:42px;}
    .section1 .big_title .big_title_2{font-size:50px;}
    .section1 .sm_title_wrap{background-size: 42%;background-position-x: 102%;}
    .section1 .sm_title{padding-bottom: 110px;font-size:20px;}
    .section2 h2{font-size:30px;}
    .section2 .sec2_box p{font-size:20px;}
}


@media all and (max-width:540px){
    .mo_show{display:inline-block;}
    .button_area{gap:14px;}
    .button_area .btn_download{padding: 24px 0;font-size:26px;}
    .button_area .button_app a{width:31%;}
    .section1 .big_title{font-size:33px;}
    .section1 .big_title .big_title_1{font-size:37px;}
    .section1 .big_title .big_title_2{font-size:45px;}
    .section1 .sm_title{font-size:18px;}
    .section2{padding-top: 60px;}
    .section2 h2{font-size:26px;}
    .section2 .sec2_box{padding: 45px 16px;}
    .section2 .sec2_box.sec2_box1{padding-bottom:60px;}
    .section2 .sec2_box.sec2_box2{padding-bottom:30px;}
    .section2 .sec2_box p{font-size:18px;}
}

@media all and (max-width:440px){
    .button_area .btn_download{padding:14px 0;font-size: 24px;}
    .section1 .big_title{font-size:24px;}
    .section1 .big_title .big_title_1{font-size:30px;}
    .section1 .big_title .big_title_2{font-size:34px;}
    .section1 .sm_title{padding-bottom: 90px;font-size:16px;}
    .section2{padding-top: 50px;}
    .section2 h2{font-size:22px;}
    .section2 .sec2_box{padding-top: 35px;}
    .section2 .sec2_box p{font-size:15px;}
}

@media all and (max-width:360px){
    .button_area .btn_download{font-size: 22px;}
    .section1 .sm_title{font-size:14px;}
    .section2 .sec2_box{padding:30px 16px;}
    .section2 .sec2_box.sec2_box1{padding-bottom:50px;}
    .section2 .sec2_box.sec2_box2{padding-bottom:20px;}
}