@charset "utf-8";

/* common Style */
svg{max-width: 100%; width: 100%; height: auto;}
.link-text{font-size:14px; font-size:1.4rem; color: #888;}
.btn-group .btn{float: left; margin-right: 10px;}
.btn-sm{font-size: 12px !important; font-weight: 400;}
.btn-md{font-size:16px !important;; padding: 8px 10px 4px 10px !important;;}
.btn-lg{max-width: 280px !important;; font-size:18px !important;; padding: 12px 24px !important; min-height: 0;}
.btn_defualt{background: #fff; border: 1px solid #e5e5e5; color: #888;}
.btn_defualt:hover, .btn_defualt:focus, .btn_defualt:active:focus{color: #333;}
.btn_point{background: #fff; border: 1px solid #eb524e; color: #eb524e;}
.btn_point:hover, .btn_point:focus, .btn_point:active:focus{background: #e21d19; border: 1px solid #e21d19; color: #fff;}
.btn_outline_defualt{background: #fff; border: 1px solid #ddd; color: #888;}
.btn_outline_defualt:hover, .btn_outline_defualt:focus .btn_outline_defualt:active, 
.btn_outline_defualt:active:focus{background: #fff; border: 1px solid #333; color: #333;}
.btn_outline_point{background: #fff; border: 1px solid #eb524e; color: #eb524e;}
.btn_outline_point:hover, .btn_outline_point:active, .btn_outline_point:focus, 
.btn_outline_point:active:focus{background: #fff; border: 1px solid #e21d19; color: #e21d19;}

 /* Custom layout */
.wrap{position: relative; width: 100%; height: 100%;}

/* 
    * Custom Style 
*/
.head-title{text-align: center; padding: 40px 0;}
.head-title h1{font-size:42px; font-size:4.2rem; font-weight: 500;}
.float-box{bottom: 140px;}
.table-style th,td{font-size: 13px; font-size: 1.3rem; text-align: center; vertical-align: middle; border: 1px solid #d4d4d4; padding:10px 10px;}
.table-style th:first-child, .table-style td:first-child{text-align: left;}
.table-style th{background: #f7f7f7; font-weight: 500;}

/* animation */
@keyframes slide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.ani_text_shine{display: inline-block; position: relative;  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%); -webkit-mask-size: 200%; animation: shine 2s linear infinite;} /* Text Effect Shine  */
@keyframes shine {
    from { -webkit-mask-position: 150%; }
    to { -webkit-mask-position: -50%; }
}

/* Bottom Fixed float banner */
.float_banner{display: inline-block; position: fixed; width: 100%; bottom: 0; z-index: 999;}
.float_banner .plus_status{background-color: #e21d19; padding: 20px 0;}
.float_banner .plus_status .btn_state_plus{float:right; text-align: right;}
.plus_status .content_headline{position: relative; color: #fff; line-height: 1.5; padding: 5px 0;}
.plus_status .content_headline .plus_des{font-size:20px; font-size: 2.0rem; }
.plus_status .btn-group{padding: 12px 0;} 
.plus_status .btn_plus{background: #fff; border: 1px solid #fff; color: #e21d19; transition: all .2s ease-in-out;}
.text_gradient{background: #fff; color: #e21d19; transition: all .2s ease-in-out;} 
.text_gradient:hover{ background: -webkit-linear-gradient(90deg, #e21d19, #aca3cd, #fd8b55); background: linear-gradient(60deg, #e21d19, #aca3cd, #fd8b55); color: #e21d19; background-size: 300%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 5s ease-in-out infinite; -webkit-animation: gradient 5s ease-in-out infinite; }
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.section_main{margin-top: 84px; text-align: center; padding: 80px 0 120px;}
.section_main .head-title{padding:0 0 40px;}
.section_main .head-title h1{font-weight: 400;}
.section_main .head-title .point-text{position: relative; top:3px; font-size:48px; font-size:4.8rem; padding-left: 5px;}
.section_main .main-intro{position: relative; text-align: center;}
.section_main .main-intro .intro_des{font-size:2.4rem; font-size:24px; font-weight: 500; color: #e21d19; padding: 20px 0;}
.section_main .main-intro .intro_des .item_des:before{content: '\2022'; display: inline-block; position: relative; right: 3px; color:#ddd;}
.section_main .main-intro .intro_des .item_des:first-child:before{content: '';}
/* 240307 MainVisualStyle */
.section_main .main-intro .img_top_main{position: relative; top: 0; left: 0; width: 100%; max-width: 900px; padding: 40px 0; margin: 0 auto;}
.section_main .img_top_main .item_base{position: relative; width: 100%; max-width: 900px; margin: 0 auto; left: 15px;}
.section_main .img_top_main .item_download{position: absolute; }
.section_main .img_top_main .item_download.item_download_view{top: 18%; left: 20%; transform: scale(.85);}
.section_main .img_top_main .item_download.item_download_view .img_item_view{position: relative;}
.section_main .img_top_main .item_download.item_download_multi{top: 24%; right: 16%;}
.section_main .img_top_main .item_download.item_download_multi .img_item_multi{position: relative;}
.section_main .img_top_main .item_download.item_download_part{bottom: 20%; left: 20%; transform: scale(1);}
.section_main .img_top_main .item_download.item_download_part .img_item_download_part{position: relative;}
.section_main .img_top_main .img_item_view{width: 100%; }
.section_main .img_top_main .img_item_multi{width: 100%; }
.section_main .img_top_main .img_item_part{width: 100%; }

.section_intro{background: #272936; color: #fff; padding: 120px 0;}
.section_intro .head-title h1{color: #fff; font-weight: 500;}
.section_intro .content_item{padding: 60px 0;}
.section_intro .content_item .item_disible{opacity: .5;}
.section_intro .content_item .item_des{color: #fff; font-size: 26px; font-size: 2.6rem; line-height: 1.6; padding: 40px 0;}
.section_intro .content_item .item_des .item-point{color: #FFE200; font-size: 28px; font-size: 2.8rem; font-weight: 500; padding: 10px 0;}
.section_intro .content_item .img_intro{position:relative; width:100%; max-width: 414px; text-align:center; margin: 0 auto;}
.section_intro .content_item.item_02 .img_intro{left:10px;}
.section_intro .content_item.item_03 .badge_coming{position: relative; width: 100%;}
.section_intro .content_item.item_03 .badge_coming .badge{ display:inline-block; position:relative; min-width: 10px; background-color: #e21d19; font-family: 'Poppins', sans-serif; font-size:24px; font-size:2.4rem; font-weight: 600; color:#fff; text-align:center; white-space: nowrap; border-radius: 30px; padding: 8px 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; margin-bottom: 10px;}


.contents_table{padding: 40px 0 20px;}
.contents_table table th, td{font-size: 16px; font-size: 1.6rem; text-align: center; vertical-align: middle; padding:16px 20px;}
.contents_table table th:first-child, td:first-child{text-align: left;}
.contents_table table tr{background: #fff;}
.contents_table table tr:nth-child(even){background-color: #FFF8F8;}
.contents_table .icon-circle{width: 14px; height: 14px; border-radius: 50%; background:#F8B5B4;}
.contents_table .icon-circle.circle_check{background:#e21d19;}
.contents_table .icon-circle.circle_check.disible{background: #eee;}
.contents_table .text_disible{color: #ddd;}


.section_comparison{background: #F5F5F5; padding: 120px 0;}
.section_comparison .table_comparison{border:1px solid #ddd;}
.section_comparison .table_comparison th{background: #F7D6D6; border: 1px solid #FAB8B7; font-weight: 500;}
.section_comparison .table_comparison td{border: 1px solid #eee;}

.section_faq{padding: 120px 0 60px;} 
.accordion-list-box{width: 100%; padding-top: 20px; padding-bottom: 20px;}
.accordion-list-box .acc-item{position: relative;}
.acc-item .acc-head{display: block; position: relative; background: #fff; border-bottom: 1px solid #eee; padding: 40px 20px 10px;}
.acc-item .acc-head .heade-title{color: #e21d19; font-size: 16px; font-size: 1.6rem; font-weight: 400; margin: 0;}
.acc-item .acc-contents{display: block; position: relative; width: 100%; height: auto; background: #fff; border-bottom: 1px solid #eee; font-size: 16px; font-size: 1.6rem; font-weight:400; padding: 10px 55px 20px; margin-top: -1px; z-index: 99;}
.acc-item .style_q{font-weight: 800; letter-spacing: -1px; padding-right: 10px; vertical-align: middle;}
.acc-item .style_aw{border-left: 2px solid #e21d19; padding: 0 10px 5px 10px;}
.acc-item .style_aw p{line-height: 1.4; padding-bottom: 5px;}
.acc-item .style_aw p:last-child{padding-bottom: 0;}

/* 
    * Layer Popup _clipdownPlus 
    * popup style - common

*/
.layer_popup{display: none; position: fixed; _position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1050; }
.layer_popup .bg_dimmed{position: absolute; top:0; left: 0; width: 100%; height: 100%; background:#000; opacity: .5; filter: alpha(opacity=50);}
.layer_popup .popup_wrap{position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 480px; background: #fff;  z-index: 5001; box-shadow:0px 0px 15px 0px rgb(0 0 0 / 40%);}
.layer_popup .popup_header{background: #e21d19; text-align: center; padding: 40px 40px;}
.layer_popup .popup_header .header-title h1{font-size: 30px; font-size: 3.0rem; font-weight: 600; color:#fff;}
.layer_popup .popup_header .header-title .sub-title{font-size: 18px; font-size: 1.8rem; color:#fff; padding: 5px 0 0;}
/**
 CDPC-139 이슈처리를 위해 작업 (jw1031)
 수정 사항: sub-title p 영역 폰트 사이즈 수정
 수정 일자: 2022-07-27
 수정 사유: PG, 통신사 승인 과정으로 인하여 우선순위 높음으로 요청된 건.
 */
.layer_popup .popup_header .header-title .sub-title p{font-size: 18px; font-size: 1.5rem; color:#fff; padding: 5px 0 0;}
.layer_popup .popup_header .btn-box{position: absolute; top: 0; right: 14px; padding:14px 0;}
.layer_popup .popup_header .btn-box .btn_popup_close{display: inline-block; vertical-align: middle; background:transparent; width: 24px; height: 24px; padding:0;}
.layer_popup .popup_header .btn-box .btn_popup_close:focus{outline:0;}
.layer_popup .popup_header .btn-box .btn_popup_close .btn_close{display: inline-block; position: relative; overflow: hidden; width: 24px; height: 24px; opacity: 1;}
.layer_popup .popup_header .btn-box .btn_popup_close .icon-close:before, .popup_header .btn-box .btn_popup_close .icon-close:after{content: ''; position: absolute; width: 100%; height:1px; top:50%; right:0; background:#fff;}
.layer_popup .popup_header .btn-box .btn_popup_close .icon-close:before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.layer_popup .popup_header .btn-box .btn_popup_close .icon-close:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
.layer_popup .popup_contents{position: relative; padding: 40px 40px;}
.layer_popup .popup_content{position: relative; width: 100%;}
/* .layer_popup .popup_content .content_info{margin-bottom: 20px;} */
.layer_popup .popup_content .content_info_message{text-align: left; padding: 10px 0;}
.layer_popup .style_alert .popup_wrap{border: 1px solid #e21d19;}
.layer_popup .style_alert .popup_header{background: #e21d19; text-align: left; padding: 10px 10px;}
.layer_popup .style_alert .popup_header .header-title h1{font-size: 15px; font-size: 1.5rem; font-weight: 500; color:#fff;}
.layer_popup .style_alert .popup_header .btn-box{right: 10px; padding: 10px 0;}
.layer_popup .style_alert .btn-box .btn_popup_close .btn_close{width: 20px; height: 20px;}
.layer_popup .style_alert .popup_contents{padding: 20px 20px;}
.layer_popup .style_alert .popup_content .content_info{text-align: left; margin-bottom: 10px;}
.layer_popup .style_alert .popup_content .content_info p{padding-bottom: 10px;}
.layer_popup .style_alert .btn_alert{width: 100%; text-align: right; border-top: 1px solid #ddd; padding: 20px 0 0;}
.layer_popup .style_alert .btn_alert .btn-box .btn{position: relative; margin-right: 5px;}
.layer_popup .style_alert .btn_alert .guide-area{position: absolute; top:0; left: 0; padding: 4px 0;}
.layer_popup .style_alert .btn_alert .guide-area .link-text{font-size: 12px; font-size: 1.2rem; }
.layer_popup .style_alert .btn_alert .guide-area .link-text:hover{color: #333;}
.popup_win{display: block; position: relative; width: 100%; height: 100%;}
.popup_win .popup_wrap{position: relative; width: 100%; max-width: 100%; text-align: center; top:0; left: 0; box-shadow: none; transform: none;}
.popup_win .popup_wrap.popup_style_plus{margin: 0 auto;}
.popup_win .popup_header .sub-title{font-size: 18px; font-size: 1.8rem;}

@media screen and (max-width: 480px){
	.layer_popup .popup_wrap{max-width: 340px;}
	.layer_popup .popup_header .header-title h1{font-size: 24px; font-size: 2.4rem;}
	.layer_popup .popup_header, .layer_popup .popup_contents{padding: 20px 20px;}
	.layer_popup .popup_header .header-title .sub-title{font-size: 14px; font-size: 1.4rem;}
	.layer_popup .popup_header .btn-box{right:10px; padding: 10px 0;}
	.layer_popup .popup_header .btn-box .btn_popup_close{width: 18px; height: 18px;}
	.layer_popup .popup_header .btn-box .btn_popup_close .btn_close{width: 18px; height: 18px;}	
	.layer_popup .style_alert .popup_header, .layer_popup .style_alert .popup_contents{padding: 10px 20px;}
	.popup_win .popup_wrap{max-width: 100%;}
	.popup_win .popup_header{padding: 40px 20px;}
	.popup_win.popup_header .header-title h1{font-size: 28px; font-size: 2.8rem;}
	.popup_win .popup_style_plus .popup_header .header-title .sub-title small{font-size: 12px; font-size: 1.2rem;}
}

/* 
    * popup style
    * layer popup / win popup / contents style
*/
.layer_popup .popup_content .plus_function{text-align: left; margin-bottom: 40px;}
.layer_popup .popup_content .plus_function li{font-size: 15px; font-size:1.5rem; border:1px solid #E6E6E6; border-radius: 8px; margin-bottom: 20px; padding: 14px 14px; box-shadow:0px 2px 6px -3px rgba(0,0,0,0.3)}
.layer_popup .popup_content .plus_function li .icon_plus{float: left; width: 2.0rem; height: 2.0rem; vertical-align: middle; margin-right: 10px;}
.layer_popup .popup_content .plus_function li .icon_plus svg{width: 2.0rem; height: 2.0rem;}
.layer_popup .popup_content .plus_function li .text_icon{display: block; position: relative; overflow: hidden; top:1px;}
.layer_popup .popup_style_plus .content_table{max-width: 100%;}
.layer_popup .popup_style_plus .content_table td{font-size: 13px; font-size:1.3rem;}
.layer_popup .popup_style_plus .content_table p{font-size: 13px; font-size:1.3rem; padding:20px 10px 40px;}
.popup_win .popup_style_plus .popup_header .header-title .sub-title small{font-size: 13px; font-size: 1.3rem; font-weight: 300;}
.popup_win .popup_style_plus .popup_content{position: relative; max-width:320px; margin: 0 auto;}
.popup_win .popup_style_plus .content-item .content-title{padding-bottom: 10px;}
.popup_win .popup_style_plus .item_pay{margin-bottom: 30px;}
.popup_win .popup_style_plus .btn-box{margin-top:0;}
.popup_win .popup_style_plus .btn_full_point{width:100%; background: #eb524e; border: 1px solid #eb524e; color: #fff;}
.popup_win .popup_style_plus .btn_full_point:hover{background: #e21d19; border: 1px solid #e21d19; color: #fff;}

/* popup contetns style */
.complete_message{font-size: 16px; font-size:1.6rem; line-height: 1.6; text-align: center; padding-bottom: 20px;}
.download_banner{position: relative; text-align: center;}
.download_banner p{padding: 5px 0;}
.download_banner .list_style{position: relative; overflow: hidden; width: 100%;}
.download_banner .list_style .img-list{display: flex; justify-content: space-evenly; align-items: center; width: 100%; border: 1px solid #ddd; margin-bottom: 5px; padding: 10px 10px;}
.download_banner .img-list .list_text{position: relative; vertical-align: middle; text-align: left;}
.download_banner .img-list .list_img{position: relative; width: 50%;}
.download_banner .img-list .list_img .img_banner{width: 100%;}
/* radio button images */
.content-item .content-title{font-size: 16px; font-size:1.6rem; font-weight: 500; text-align: left;}
.form{display: grid; grid-template-columns: 48% 48%; grid-column-gap: 4%; justify-items: center; width: 100%; margin: 0 auto;}
.item_method{width: 100%; height: 100%; min-width: 100px;}
.item_method .btn_radio {display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; background: #fff; color: #1C2729; font-size: 14px; font-size:1.4rem; font-weight: 400; text-align: center; border: 1px solid #ddd; border-radius: 5px; padding: 12px 12px; cursor: pointer;}
.item_method input[type="radio"] {display: none;}
.item_method input[type="radio"]:checked + .btn_radio {color: #e21d19; border: 3px solid #e21d19; padding: 10px 10px;}
.item_method .item_text{padding: 10px 0 0;}

/* [PC프로그램,APP] webview popup info style */
.webview_box .btn-box a, .webview_box .btn-box a:hover{text-decoration: none;}
.webview_info .inner{position: relative; max-width: 391px; width: 100%; height:100%; margin: 0 auto;}
.webview_box{width: 100%; height: 100%; text-align: center; padding: 30px 30px;}
.webview_box .btn_defualt{background: #fff; border: 1px solid #f7f7f7;}
.webview_box .title_message{margin-bottom: 15px;}
.webview_box .title_message h1{font-weight: 500;}
.webview_info .webview_box .content_info_message{position: absolute; top:50%; left:50%; width: 100%; transform: translate(-50%, -50%);}
.content_info_message .text_message p{font-size: 14px; font-size: 1.4rem; line-height: 1.6; padding: 5px 0;}
.content_info_message .guide_text{font-size: 12px; font-size: 1.2rem; color: #757575; padding-top: 5px;}
.content_info_message .btn_area{position: relative; width: 100%; text-align: center; padding-top: 30px;}
.content_info_message .btn_area .btn_wv_info{font-family: 'Roboto', sans-serif; color:#757575; font-size: 14px; font-size: 1.4rem; font-weight: 500; text-align: center;}
.content_info_message .btn_area .btn_login_google{font-family: 'Roboto', sans-serif; width: 190px; background: #fff url("../images/icon_login_google.png") no-repeat 1rem 50%; background-size: 18px auto; padding: 10px 10px 10px 40px; border-top: 1px solid #f8f8f8; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 28%); box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 28%);}
.content_info_message .btn_area .btn_login_google:hover{background-color: #eee;}
.content_info_message .btn_area .btn_avs{background:#fff; border:1px solid #e21d19; color:#e21d19; padding: 10px 10px 10px 10px;}
.content_info_message .btn_area .btn_avs:hover{background-color: #e21d19; color:#fff;}
/* webview style join-info */
.webview_box.sytle_join-info{height: unset;}
.sytle_join-info .contet-header{padding: 15px 0;}
.sytle_join-info .contet-header h1{font-size: 24px; font-size: 2.4rem; font-weight: 700;}
.sytle_join-info .contet-header h1 .text_en{position: relative; vertical-align: middle; font-size: 27px; font-size: 2.7rem;}
.sytle_join-info .contents{padding: 15px 0;}
.sytle_join-info .contents .info_contet{font-weight: 500; text-align: center; line-height: 1.6;}
.sytle_join-info .list_info-feature{background: #f8f8f8; border-radius: 10px; margin: 30px 0; padding: 10px 10px;}
.sytle_join-info .list_info-feature ul{position: relative;}
.sytle_join-info .list_info-feature ul .list_item{display: inline-block; padding:0 5px;}
.sytle_join-info .list_info-feature ul .list_item .text_img{position: relative; overflow: hidden; width: 100%; max-width: 80px; height: 80px; background: #fff; border-radius: 50%; margin: 0 auto;}
.sytle_join-info .list_info-feature ul .list_item .text_img.icon_size svg{max-width: 60px;}
.sytle_join-info .list_info-feature ul .list_item .item_text{font-size:13px; font-size: 1.3rem; font-weight: 500; padding: 10px 0;}
.sytle_join-info .btn_point_full{width: 100%; background: #e21d19; color:#fff; font-size:16px; font-size: 1.6rem; padding: 12px 20px;}
.sytle_join-info .btn_point_full:hover{background: #de0e0a;}
.webview_box.sytle_join-info_img{height: unset;}
.webview_item_img{height: unset; padding: 30px 0 0; background: #FFEFF0;}
.webview_item_img .contents{padding-bottom: 20px;}
.webview_item_img .btn-box .btn_full_clipdonwplus{display: block; width: 100%; background: #F24028; color: #fff; font-size:20px; font-size:2.0rem; font-weight: 500; padding: 15px 20px;}
.webview_item_img .btn-box .btn_full_clipdonwplus:hover{background: #e21d19;}




/* Media Query */
@media screen and (max-width: 767px){
    .col-2{width: 100%;}
    .btn-lg{max-width: 210px; font-size: 16px; padding: 8px 16px 5px 16px;}
    .head-title h1{font-size: 34px; font-size: 3.4rem;}
    .float_banner .plus_status .content_headline .plus_des{font-size: 16px; font-size: 1.6rem;}
    .section_main{padding: 20px 0 60px;}
    .section_main .head-title h1{font-size: 38px; font-size: 3.8rem;}
    .section_main .head-title .point-text{font-size: 40px; font-size: 4.0rem;}
    .section_main .main-intro .intro_des .item_des{display:block; line-height: 1.8;}
    .section_main .main-intro .intro_des .item_des:before{display:none;}
    .section_main .main-intro .img_top_main{width: 90%}
    .section_intro, .section_comparison{padding:60px 0;}
    .section_faq{padding:60px 0 40px;}
    .section_intro .content_item{padding:20px 0;}
    .section_intro .content_item .item_des{font-size: 18px; font-size: 1.8rem; text-align: center;}
    .section_intro .content_item .item_des .item-point{font-size: 20px; font-size: 2.0rem;}
    .section_intro .content_item .img_intro{width: 65%;}
    .section_intro .content_item.item_03 .item_des{padding-top: 40px;}
    .contents_table table th, td{font-size: 14px; font-size: 1.4rem; padding: 10px 12px;}
    .contents_table .icon-circle{width: 10px; height: 10px;}
    .float-box{display: none;}
    .section_main .img_top_main .item_download.item_download_view{top:18%; left: 22%; transform: scale(.7);}
    .section_main .img_top_main .item_download.item_download_multi{top:18%; right: 10%; transform: scale(.65);}
    .section_main .img_top_main .item_download.item_download_part{bottom: 21%; left: 18%; transform: scale(.6);}
}

@media screen and (max-width: 480px){
    .btn-lg{font-size: 14px !important; padding: 10px 16px 6px 16px !important;}
    .float_banner .plus_status{text-align: center; padding: 10px 0;}
    .float_banner .plus_status .col-md-6{width: 100%;}
    .float_banner .plus_status .btn_state_plus{text-align: center;}
    .container{min-width:320px; padding: 0 10px;}
    .head-title{padding: 20px 0;}
    .head-title h1{font-size: 20px; font-size: 2.0rem;}
    .contents_table{padding: 10px 0 10px;}
    .section_main .head-title h1{font-size: 24px; font-size: 2.4rem;}
    .section_main .head-title{padding: 0 0 20px;}
    .section_main .head-title .point-text{font-size: 28px; font-size: 2.8rem;}
    .section_main .main-intro .intro_des{font-size: 16px; font-size: 1.6rem; padding: 10px 0;}
    .section_main .main-intro .img_top_main{padding-top:20px;}
    .section_intro, .section_comparison{padding: 40px 0;}
    .section_faq{padding: 40px 0 20px;}
    .section_intro .content_item .img_intro{width: 80%;}
    .section_intro .content_item .item_des{font-size: 14px; font-size: 1.4rem; padding: 20px 0;}
    .section_intro .content_item .item_des .item-point{font-size: 18px; font-size: 1.8rem;}
    .contents_table table th, td{font-size: 13px; font-size: 1.3rem; padding: 10px 5px;}
    .accordion-list-box{padding-top: 10px; padding-bottom: 10px;}
    .acc-item .acc-head{padding: 10px 10px 10px;}
    .acc-item .acc-head .heade-title{font-size: 14px; font-size: 1.4rem;}
    .acc-item .acc-contents{padding: 5px 10px 10px;}
    .acc-item .style_aw{font-size: 13px; font-size: 1.3rem;}
    .layer_popup .popup_content .plus_function{margin-bottom: 20px;}
	.layer_popup .popup_content .plus_function li{margin-bottom: 10px !important; padding: 15px 10px !important;}
	.layer_popup .popup_content .plus_function li .icon_plus{font-size: 1.8rem; font-size: 1.8rem;}
	.layer_popup .popup_content .plus_function li .text_icon{font-size: 13px; font-size: 1.3rem;}
	.layer_popup .popup_style_plus .item_method .item_text{font-size: 13px; font-size: 1.3rem; padding: 5px 0 0;}
    .layer_popup .popup_style_plus .btn-md{font-size: 14px; font-size: 1.4rem;}
    .layer_popup .popup_style_plus .content_table p{padding: 10px 10px 20px;}
	.complete_message{font-size: 14px; font-size: 1.4rem;}
	.download_banner p{font-size: 12px; font-size: 1.2rem; }
	.download_banner .img-list .list_text{font-size: 13px; font-size: 1.3rem; }
	.download_banner .img-list .list_img .img_banner{height: 38px !important;}
	.content_info_message .text_message p{font-size: 13px; font-size: 1.3rem; line-height: 1.5; }
	/* .layer_popup .style_alert .btn_alert .guide-area{position: relative; text-align: right !important; padding: 8px 0;} */
    .section_main .img_top_main .item_download.item_download_view{top:6%; left: 18%; transform: scale(.45);}
    .section_main .img_top_main .item_download.item_download_multi{top:-3%; right: -2%; transform: scale(.4);}
    .section_main .img_top_main .item_download.item_download_part{bottom: 23%; left: 2%;}  
    .section_intro .content_item.item_03 .badge_coming .badge{font-size: 18px; font-size: 1.8rem;}
}
@media screen and (max-width: 360px){
	.form .item_method .img_pay{width:68px;}
    .section_main{padding: 20px 0 40px;}
    .section_main .main-intro .img_top_main{padding: 20px 0;}
    .section_main .img_top_main .item_download.item_download_view{top:6%; left: 14%; transform: scale(.4);}
    .section_main .img_top_main .item_download.item_download_multi{top:-11%; right: -10%; transform: scale(.32);}
    .section_main .img_top_main .item_download.item_download_part{bottom: 19%; left: 5%;} 
}	
 

 /* IE10+ */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    svg{max-width: 100%; width: 100%;}
   }

   /* Alert 서비스 해지 안내 팝업 */
.content_info_mobileAuth{position: relative; text-align: left;}
.content_info_mobileAuth .text_message{padding-bottom: 10px;}
.content_info_mobileAuth .text_message p{padding-bottom: 10px;}
.content_info_mobileAuth .btn_alert{padding: 10px 0 0 !important;}
.form_group{margin-bottom: 20px;}
.form_group:last-child{margin-bottom: 0;}
.form_group .btn_area{margin: 10px 0;}
.input_form{display: inline-block; position: relative; width: 100%; padding: 5px 0;}
.input_form .form_control{display: inline-block; width: 100%; height: 34px !important; background: #fff; border: 1px solid #ddd; font-size: 1.4rem; font-size: 14px; padding: 7px 10px 5px 10px;}
.input_form .form_control::placeholder{font-size: 12px; font-size: 1.2rem; color:#aaa;}
.input_form .form_input_error{border: 1px solid #e21d19;}
.input_form .form_input_error::placeholder{color: #e21d19;}
.input_form .form_input_error:focus{outline: 0; outline-offset:0;}
.input_form .time{position: absolute; top: 15px; right: 15px; color:#e21d19; font-size: 1.3rem; font-size: 13px; font-weight: 500;}
.help_block{display: block; text-align: left; margin: 5px 0;}
.help_text{font-size: 12px; font-size: 1.2rem; color:#757575; text-align: left;}
.form_group .text_link, .help_text .text_link  {font-size: 12px; font-size: 1.2rem; font-weight: 500; color:#333}
.input_group{position: relative; width: 100%;}
.input_group .input_form{width: 82%;}
.input_group .btn_input_group{display: inline-block; padding: 5px 0;}
.input_group .btn_input_group .btn_input{height: 34px; font-size: 1.2rem; font-size: 12px; border-radius: 0; padding: 8px 15px 7px 15px;}
@media screen and (max-width: 480px){
    .input_group .input_form{width: 72%;}
    .input_form .form_control::placeholder{font-size: 11px; font-size: 1.1rem;}
    .input_form .time{top: 16px; right: 15px; font-size: 1.1rem; font-size: 11px; font-weight: 500;}
}