@charset "utf-8";

html, body {width:100%; /*height:100%;*/ .overflow-x:auto;}
html {overflow:scroll; overflow-x:auto;}
body {font-size:12px; line-height:normal; font-family:'돋움', 'Dotum','Arial','Tahoma','AppleGothic','sans-serif'; background-color:#fff;}
iframe {display:block;}
/* common */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
caption, th {text-align:left;}
li {list-style:none;}
fieldset {position:relative; margin:0; padding:0; border:0; background:none;}
legend, caption {position:absolute; top:-99999px; left:-99999px;.display:none;}
label {cursor:text;}
input[type="checkbox"] {/*background-color:#fff;*/}
input:checked[type="checkbox"] {-webkit-appearance:checkbox; background-color:#fff;}
input[type="button"], input[type="text"], input[type="image"] {-webkit-appearance:none;-webkit-border-radius:0;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; background:#fff !important;}
textarea {resize:none;-webkit-appearance:none; -webkit-border-radius:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
abbr, acronym {border:0; font-variant:normal;}
strong {font-weight:bold;}
img {border:0;}
em, i {font-style:normal;}
a {text-decoration:none; cursor:pointer;}
a {border:0; text-decoration:none; cursor:pointer; display:inline-block; .display:inline; .zoom:1;}
/* Skip Navigation */
#skip_nav {z-index:-1; position:absolute; top:0; left:0; width:100%;}
#skip_nav a {position:absolute; top:-99999px; left:-99999px; display:block; width:100%; height:60px; font-weight:bold; font-size:17px; text-align:center; color:#fff; line-height:60px; border-bottom:1px solid #fcfcfc; background-color:#015293}
.ir {zoom:-10; z-index:-1; position:relative; display:block; width:100%; font-size:9px; text-align:center; white-space:nowrap; overflow:hidden; text-indent:-99999px;color:transparent;}
.mask {position:absolute;top:0;left:0;border:1px solid #000;opacity:0.2;filter:alpha(opacity=20);z-index:250}
.f1m_icn {position:relative;display:inline-block;.display:inline;.zoom:1; font:0/0 arial; overflow:hidden; background-repeat:no-repeat; background-color:transparent;background-image:url('http://image.sbs.co.kr/sbsapp/event_160629/img/set_f1m.png'); background-size:760px auto;}
.f1m_icn2 {position:relative;display:inline-block;.display:inline;.zoom:1; font:0/0 arial; overflow:hidden; background-repeat:no-repeat; background-color:transparent;background-image:url('http://image.sbs.co.kr/sbsapp/event_160629/img/set_f1m2.png'); background-size:600px auto;}
.f1m_text_icn {position:relative;display:inline-block;.display:inline;.zoom:1; font:0/0 arial; overflow:hidden; background-repeat:no-repeat; background-color:transparent;background-image:url('http://image.sbs.co.kr/sbsapp/event_160629/img/foot_text.gif'); background-size:777px auto;}
.hide {z-index:-1; position:absolute; top:-999999em; left:-999999em; display:inline-block;.display:none; width:1px; height:1px; font-size:1px; line-height:1px;}
#wrap{}
.free1month_w {position:relative; left:0; width:100%; overflow-x:hidden; z-index:1; font-size:15px; color:#333;}
    .f1m_inner {width:100%; background:url('http://image.sbs.co.kr/sbsapp/event_160629/img/bg_top.gif') repeat-x center top #007eff;}
        .f1m_top {padding-top:10px; text-align:center; height:992px;}
            .f1m_top > img {display:inline-block;}
        .f1m_middle_w {position:relative; padding:7px 0 48px 0; text-align:center; background-color:#fcff00;}
            .f1mm_type2_w {position:relative; margin-bottom:30px;}
                .f1mm_t2tit_w {width:142px; height:39px; margin:40px auto 0;}
                    .f1mm_t2tit {width:142px; height:39px; background-position:0 0;}
                .f1mm_t2_stpe1 {width:349px; height:27px; margin:40px auto 0;}
                    .f1mm_t2s1_tit {width:349px; height:27px; background-position:-145px 0;}
                .f1mm_t2_qrcode {width:418px; margin:50px auto 0;}
                    .f1mm_t2qr_list {width:418px; overflow:hidden;padding-bottom:50px;}
                        .f1mm_t2qr_inner {float:right; width:160px; height:184px;}
                        .f1mm_t2qr_inner:first-child {float:left;}
                            .t2qr_google { width:160px; height:184px; background-position:0 -100px;}
                            .t2qr_apple { width:160px; height:184px; background-position:-170px -100px;}
                .f1mm_t2_stpe2 {width:594px; height:28px; margin:10px auto 0;}
                    .f1mm_t2s2_tit {width:594px; height:28px; background-position:0 -40px;}
                .f1mm_t2_stpe2 {width:454px; height:27px; margin:10px auto 0;}
                    .f1mm_t2s2_tit2 {width:454px; height:27px; background-position:0 -70px;}
            .f1mm_caution {padding-top:52px; width:638px; margin:0 auto; border-bottom:2px solid #007eff;}
                .f1mm_cation_tit {position:relative; border-top:2px solid #007eff;}
                    .f1mm_ctit_inner {width:269px; margin:0 auto; padding:0 10px; background-color:#fcff00 !important;position:relative; top:-15px; }
                        .f1mm_ctit {width:259px; height:30px; background-position:0 -320px;}
                .f1mm_ctext {margin:15px 0 28px; width:417px; height:70px; background-position:0 -250px;}
            .f1mm_step1_w {position:relative;}
                .f1mm_title {margin-top:34px; display:block;}
                    .icon_step1 {width:88px; height:40px; background-position:0 0;}
                    .icon_step2 {width:90px; height:40px; background-position:-90px 0;}
                .f1mm_text {margin-top:24px;}
                    .f1m_txt1_1 {width:494px; height:27px; background-position:-200px -120px;}
                    .f1m_txt1_2 {width:319px; height:23px; background-position:-200px -150px;}
                    .f1m_txt1_3 {vertical-align:top !important;width:22px; height:28px; background-position:-260px -90px;}
                    .f1m_txt1_4 {width:356px; height:28px; background-position:-290px -90px;}
                    .f1m_txt2_1 {width:554px; height:28px; background-position:-200px -180px;}
                    .f1m_txt3_1 {width:319px; height:20px; background-position:0px -220px;}
                    .f1mm_id_w {position:relative; overflow:hidden; display:block; font-weight:bold; height:31px;}
                        .f1mm_id {position:relative; top:-3px; padding-right:3px; line-height:31px; font-size:30px; font-weight:bold; letter-spacing:-2px; color:#007eff;}
                .f1mm_etc {margin-top:11px; font-size:12px;}
                .f1mm_btn_w {display:block; text-align:center; margin-top:34px;}
                    a[class^="f1mm_btn_"] {position:relative; display:block; width:308px; padding:0 48px 0; height:98px; margin:0 auto;line-height:98px; }
                    .f1mm_btn_line {}
                    .f1mm_btn_color {}
                        .f1m_btntext_w {display:inline-block; width:308px; border:4px solid #007eff; border-width:4px 0; height:90px;}
                        .f1mm_btn_color .f1m_btntext_w {display:inline-block; .display:inline; .zoom:1; border-width:0 !important; width:308px;  height:98px; background-color:#007eff;}
                        .btn_line_left {position:absolute; top:0; left:0;width:48px; height:98px; background-position:0 -120px;}
                        .btn_line_right {position:absolute; top:0; right:0;width:48px; height:98px; background-position:-50px -120px;}
                        .btn_color_left {position:absolute; top:0; left:0;width:48px; height:98px; background-position:-100px -120px;}
                        .btn_color_right {position:absolute; top:0; right:0;width:48px; height:98px; background-position:-150px -120px;}
                            .f1m_btn1_1 {top:-3px; .top:30px; width:247px; height:28px; background-position:-260px 0;vertical-align:middle;}
                            .f1m_btn1_2 {top:-3px; .top:34px; width:306px; height:28px; background-position:-260px -60px;vertical-align:middle;}
                            .f1m_btn2_1 {top:-3px; .top:30px; width:301px; height:28px; background-position:-260px -30px;vertical-align:middle;}
                .f1mm_qr_w {}
                    .f1mm_qr_txt {margin-top:22px;}
                        .f1mm_qrt {width:237px; height:30px;background-position:-520px -150px;}
                    .f1mm_qr_img {margin-top:20px;}
                        .f1mm_qri {width:284px; height:160px; background-position:-420px -210px;}
        .f1mm_arrow {margin-top:37px;}
            .next_step {width:76px; height:28px; background-position:-180px 0;}
        .f1m_share_w {padding:28px 0; background-color:#fff; border-top:2px solid #ddd; }
            .f1ms_text {text-align:center; font-size:11px;}
            .f1ms_list {overflow:hidden; margin:15px auto 0; width:372px;height:76px;}
                .f1ms_inner {float:left; width:76px; height:76px; padding:0 24px;}
                    .f1ms_inner > a {position:relative; display:block;width:76px; height:76px; }
                        .f1ms_inner > a .f1m_icn {position:absolute; top:0; left:0; width:76px; height:76px; }
                        .icon_facebook {background-position:0 -40px;}
                        .icon_twitter {background-position:-80px -40px;}
                        .icon_cacaotalk {background-position:-570px 0px;}
        .f1m_bottom_w {padding:30px 0; background-color:#ddd; font-size:11px; color:#555;}
            .f1mb_list {width:777px; margin:0 auto;}
            .f1mb_list.type2 {width:610px;}
                .f1mb_list.type2 .f1mb_inner {position:relative; width:590px; padding-left:20px; color:#555; font-size:18px; letter-spacing:-1px; line-height:25px;}
                    .f1mb_icon {position:absolute; top:0;left:0;}
                .f1mb_inner {width:777px; margin-top:30px;}
                .f1mb_inner:first-child {margin-top:0;}
                    .f1m_txt4_1 {width:701px; height:74px; background-position:0 0;}
                    .f1m_txt4_2 {width:777px; height:48px; background-position:0 -75px;}

             .copyright {text-align:center; margin-top:40px; color:#888;}