@charset "utf-8";
@import url(/common/css/samsung-fonts.css);

.body_wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: visible;
    max-width: 1920px;
    margin: 0 auto;
}

ul {
    padding: 0;
}

ul li {
    list-style: none;
}

/*
@font-face{
    font-family:'SECGCWL';
    src:url("/sec/next/font/SECGCWL.eot");
    src:url("/sec/next/font/SECGCWL.eot?#iefix") format("embedded-opentype"),
    url("/sec/next/font/SECGCWL.woff") format("woff"),
    url("/sec/next/font/SECGCWL.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'SECGCWM';
    src:url("/sec/next/font/SECGCWM.eot");
    src:url("/sec/next/font/SECGCWM.eot?#iefix") format("embedded-opentype"),
    url("/sec/next/font/SECGCWM.woff") format("woff"),
    url("/sec/next/font/SECGCWM.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'SECGCWB';
    src:url("/sec/next/font/SECGCWB.eot");
    src:url("/sec/next/font/SECGCWB.eot?#iefix") format("embedded-opentype"),
    url("/sec/next/font/SECGCWB.woff") format("woff"),
    url("/sec/next/font/SECGCWB.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
}
*/
#content #contents div, #content #contents p, #content #contents span, #content #contents i{font-family:"SamsungOne",sans-serif !important;}
a{color:#00a9e0;}
a, a:link, a:visited {color: #00A9E0;text-decoration: none;}
a, a:link, a:visited, .ie8wrap span {color:#0071bf;/*20141224 irush-lsm 휴대폰지원센터 서브메인8개 타이틀 색상때문에 #007CC0을 변경.*/}

.ss_samsung .button {min-width: 9em !important;font-family:"SamsungOne",sans-serif !important;}

/* header-title */
.header-title{background:#1428a0;}
.header-title h2{margin: 0;height:40px;font-size:18px;font-size:1.125rem;line-height:40px;text-align:center;color:#fff;font-weight:bold;font-family:"SamsungOne",sans-serif !important;/*font-family:"SamsungIFRg",Arial,sans-serif;*/}
@media (min-width: 768px) {
    .header-title h2{height:65px;font-size:32px;font-size:2.1875rem;line-height:65px;}
}

/* common */
.flow-content {font-family:"SamsungOne",sans-serif !important;/*font-family:"SECGCWL",sans-serif !important;*/font-size:14px;}
.flow-content h2, h3, h4, h5{font-family:"SamsungOne",sans-serif !important;font-weight:bold !important;}
.flow-content h3{width:100%;font-size:26px;/*font-family:"SECGCWM",sans-serif !important;*/}
.flow-content h4{font-size:16px;/*font-family:"SECGCWM",sans-serif !important;*/}
.flow-content .subj{padding:20px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.flow-content p{width:100%;margin-top:0;margin-bottom:0;font-size:14px;line-height:1.3;}
.flow-content p.desc_cnt {margin-top:10px;}
@media (min-width:1024px){
    .flow-content h3{font-size:36px;}
    .flow-content h4{font-size:26px;}
    .flow-content p{font-size:16px;line-height:1.4;}
}

/* Switch APP */
.flow-content{}

/*app download button*/
.flow-content .btn_apps{width:100%;padding: 20px 10px 20px 0;}
.flow-content .btn_apps a{display:block;width:60%;margin-top:5px;text-align:center;border:1px solid #dfdfdd;background:#fff}
.flow-content .btn_apps a img{width:100%;}
.flow_app.faq {background:#fff;}
.flow_app.faq p{font-family:"SamsungOne",sans-serif !important;}
.flow_app.faq p.btn{margin-top:15px;}
/*download button*/
.flow-content p.btn{height:auto;overflow:hidden;margin-top:15px;}
.flow-content p.btn>a:first-child{margin:5px 10px 5px 0;}
.flow-content p.btn>a{padding-left:20px;padding-right:18px;}
.flow-content p.btn>a span{vertical-align:middle}
.flow-content p.btn>a span.icon-download.heading-icon{display:inline-block;padding-left:5px;font-size:25px;}
.flow-content .button{background:#1428a0;color:#fff;min-width:12em;padding:10px 0 8px;text-align:center;text-transform:none;}
.flow-content .button.type02{background:#1428a0;color:#fff;min-width:12em;padding:10px 22px 8px 21px;text-align:center;text-transform:none;}
.flow-content .button.gray{background:#e2e2e2;color:#292929}
.flow-content .button.gray:hover,
.flow-content .button.gray:active{color:#fff}
.flow-content .button:hover{background:#666;color:#fff}
.flow-content .button:active{background:#292929}
@media(min-width:360px){
    .flow-content .btn_apps a{width:55%;}
}
@media (min-width:375px) {
    .flow-content .btn_apps a{display:inline-block;width:49%;margin-right:1%;}
}
@media (min-width:414px) {
    .flow-content .btn_apps a{display:inline-block;width:47%;margin-right:1%;}
}
@media (min-width:425px) {
    .flow-content .btn_apps a{width:45%;}
}
@media (min-width:480px) {
    .flow-content .btn_apps{padding:0;margin-top:20px}
    .flow-content .btn_apps a{display:inline-block;width:42%;margin-right:1%;}
}
@media (min-width:640px) {
    .flow-content .btn_apps a{width:34%;}
}
@media (min-width:768px) {
    .flow-content .btn_apps a{display:inline-block;width:27%;}
}
@media (min-width:1024px) {
    .flow-content .btn_apps a{width:21%;}
}
@media (min-width:1280px) {
    .flow-content .btn_apps{margin-top:15px;}
    .flow-content .btn_apps a{width:33%;max-width:205px;}
}
@media (min-width:1920px) {
    .flow-content .btn_apps{margin-right:150px;}
   /* .flow-content .btn_apps a{width:30%;}
    .flow-content .btn_apps a img{max-width:300px;}*/
}

/* kv-text Smart Switch */
.kv-text{background-image: url('../images/pic_flow_mobile.jpg'); background-size:cover; background-position: 86% center; height: 650px; position: relative; overflow:hidden; text-align:center;}
.kv-text .breadcrumb {position:absolute;top:22px;left:20px;width:100%;float:left;text-align:left;}
.kv-text .breadcrumb a {vertical-align:top;margin-bottom:6px;font-family:"SamsungOne",sans-serif !important;}
.kv-text .breadcrumb a:hover {text-decoration:none;}
.kv-text .breadcrumb a span {padding-left:2px;vertical-align:middle;}
.kv-text .breadcrumb .btn a{padding:8px 0; background-color: #fff; color: #1428a0; border: 1px solid #1428a0;}
.kv-text img{width:100%;}
.kv-text h4{width:74%}
.kv-text .desc_cnt {font-size:12px;width:80%}

@media(min-width:360px){
    .kv-text h4{width:70%}
    .kv-text .desc_cnt {width:75%}
    /*.kv-text{background-position: center 100%;}*/
}

@media(min-width:400px){
    .kv-text{background-position: 100% 100%;}
}

@media(min-width:768px){
    .kv-text{background-image: url('../images/pic_flow_tablet.jpg'); background-position: center 65%;}
    .kv-text .breadcrumb {top:30px;left:30px;}
    .kv-text .breadcrumb a {margin-bottom:20px;}
    .kv-text h4{width:70%}
    .kv-text .desc_cnt {font-size:14px;width:70%}
}
@media (min-width:1024px) {
  .kv-text{background-image: url('../images/pic_flow_tablet_landscape.jpg'); background-position: center center; height: 482px;}
    /*.kv-text {padding:0 0 0 30px;}*/
    .kv-text .breadcrumb {position:absolute;top:30px;left:30px;}
    /*.kv-text img{float:right;max-width:800px;}*/
    .kv-text h4{width:42%}
    .kv-text .desc_cnt {width:45%}
    .kv-text .breadcrumb .btn a{padding-left:20px;padding-right:15px;}
}
@media (min-width:1280px) {
  .kv-text{background-image: url('../images/pic_flow_desktop.jpg'); background-position: center 74%;}
    .kv-text .breadcrumb {width:100%;}
    .kv-text h4{width:42%}
    /*.kv-text img{max-width:900px}*/
    .flow-content .subj{padding:20px 0 0 0;}
}
@media (min-width:1500px) {
    .kv-text .desc_cnt {width:32%}
}

/* mcArea  */
.section_grid{position:relative;width:100%;height:auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section_grid .row_group {overflow:hidden;width:100%;height:auto;background:#fff;padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section_grid .row_group .row_grid {height:auto;margin-top:20px;background:#fff; }
.section_grid .row_group .row_grid .tit{font-weight:bold;}
.section_grid .row_group .row_grid img{width:100%;}
.section_grid .row_group .row_grid .info_list{width:100%;margin-top:20px;font-size:14px;}
.section_grid .row_group .row_grid .info_list li:first-child{margin:0}
.section_grid .row_group .row_grid .info_list li{margin-top:5px;padding:0 0 0 15px;line-height:1.5;text-indent:-13px;}
.section_grid .row_group .row_grid .img_cnt{padding-top:20px;}
.section_grid .row_grid .mgt30{margin-top:30px;}
@media(min-width:1280px){
    .section_grid .row_group .row_grid .info_list{width:80%;}
}

.section_grid .grid_list{}
.section_grid .grid_list li{padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section_grid .grid_list li.even{background-color:#f9f9f9}
.section_grid .grid_list .info_top{margin-top:14px;padding-left:20%;padding-bottom:2%;}
.section_grid .grid_list .info_top.ico_01{background:url(../images/ico_list_bul01.png) 0 0 no-repeat;background-size:18%;}
.section_grid .grid_list .info_top.ico_02{background:url(../images/ico_list_bul02.png) 0 0 no-repeat;background-size:18%;}
.section_grid .grid_list .info_top.ico_03{background:url(../images/ico_list_bul03.png) 0 0 no-repeat;background-size:18%;}
.section_grid .grid_list .info_top .tit{padding-top:5px;font-family: "SamsungOne",sans-serif !important;font-weight:bold}
.section_grid .grid_list .info_top .sub_tit{margin-top:5px;font-size:14px;}
.section_grid .grid_list .expand_tip{font-size:12px;}
.section_grid .grid_list .info_btm{margin-top:20px;}
.section_grid .grid_list .info_btm img{width:100%;}
.section_grid .tip_list{padding:20px 0;}
.section_grid .tip_list .item{float:none;width:100%;padding:0 0 0 15px !important;margin:0 !important;font-size:12px;text-indent:-12px;line-height:1.5;color:#666;}

@media (min-width:480px) {
    .section_grid .row_grid .img_cnt{text-align:center;padding-bottom:25px;}
    .section_grid .row_grid .img_cnt img{max-width:480px;}
    .section_grid .grid_list .info_top{padding-left:20%;padding-bottom:7%;}
    .section_grid .row_grid .info_tip{margin-top:20px;}
}
@media (min-width:640px) {
    .section_grid.type01 {padding:35px 30px 0 30px;}
    .section_grid.type02 {padding:35px 0px 0 0px;}
    .section_grid.type02 .subj{padding:15px 30px 30px 30px}

    .section_grid .row_grid .img_cnt{text-align:center;padding-bottom:25px;}
    .section_grid .row_grid .img_cnt img{max-width:670px;}
    .section_grid .row_grid:first-child{border-top:0;}
    .section_grid .grid_list li{padding:30px;}
    .section_grid .grid_list .info_top{padding-left:16%;padding-bottom:7%;}
    .section_grid .grid_list .info_top .tit{font-size:20px;}
    .section_grid .grid_list .info_top.ico_01,
    .section_grid .grid_list .info_top.ico_02,
    .section_grid .grid_list .info_top.ico_03{background-size:15%;}
    .section_grid .grid_list .info_btm{width:80%;margin:20px auto;}

    .section_grid .tip_list .item{font-size:12px;}
}
@media (min-width:768px) {
  .section_grid .grid_list .info_top{padding-left:18%}
  .section_grid .grid_list .expand_tip{margin-top:10px;font-size:13px;}
  .section_grid .tip_list li{font-size:14px;line-height:1.5}
}
@media (min-width:1024px) {
    .section_grid .grid_list .info_top.ico_01,
    .section_grid .grid_list .info_top.ico_02,
    .section_grid .grid_list .info_top.ico_03{background-size:11%;}
    /**/
    .section_grid .grid_list .info_top{padding-left:15%}
    .section_grid .grid_list .info_btm{width:64%}

}
@media (min-width:1280px) {
    .section_grid .row_group{padding:10px 0 0 0;}
    .section_grid .row_grid {width:50%;float:left;border-top:0;}
    .section_grid .row_grid:first-child{border-bottom:0;}
    .section_grid .row_grid .img_cnt{text-align:left;}
    .section_grid .row_grid .img_cnt img{max-width:580px;}
    .section_grid.type01 {padding:70px 30px 0 30px;}
    .section_grid.type02 {padding:70px 0 0 0;}
    .section_grid .row_grid .info_tip{font-size:14px;}

    /*3단 그리드*/
    .section_grid .grid_list{overflow:hidden;}
    .section_grid .grid_list li{float:left;width:33.3333%;padding-bottom: 1000px !important; margin-bottom: -1000px !important;}
    .section_grid .grid_list .info_top{height:120px;padding-left:24%;}
    .section_grid .grid_list .info_top.ico_01,
    .section_grid .grid_list .info_top.ico_02,
    .section_grid .grid_list .info_top.ico_03{background-size:20%;}
}
@media(min-width:1920px){
    .section_grid .row_grid .img_cnt img{max-width:700px;}
}
/*이용약관 FAQ 바로가기*/
.flow_quick_link{width:100%;background-color:#89dee5;}
.flow_quick_link .list{overflow:hidden;margin-left:5px;padding:10px 0;}
.flow_quick_link .list li{padding:10px 20px;font-size:14px;}
.flow_quick_link .short_cut{display:inline-block;color:#333333;font-size:14px;font-family:"SamsungOne",sans-serif !important;}
.flow_quick_link .short_cut .icon-link-play{font-size:14px;line-height:1.3;vertical-align:text-top;}
.flow_quick_link .short_cut:hover,
.flow_quick_link .short_cut:active,

.flow_quick_link .short_cut:focus{color:#1428a0}

@media (min-width:480px) {
/*    .mckiesbox .img_cnt{width:75%;text-align:center;padding-bottom:25px;}
    .mckiesbox .img_cnt img{max-width:480px;}*/
}
@media (min-width:640px) {
    .flow_quick_link .list li{float:left;}
    .flow_quick_link .short_cut{font-size:17px;}
    .flow_quick_link .short_cut .icon-link-play{font-size:17px;}
}



/* ystaticbox Table */
.ystaticbox .module-heading {padding:20px;font-size:24px;font-family:"SamsungOne",sans-serif !important;}
.ystaticbox .module-heading .heading-icon{overflow: hidden; vertical-align: middle; display:inline-block;width:40px;height:40px;background-size:40px 40px}
.ystaticbox .kies_setting{background:url(../images/ico_setting.jpg) no-repeat center center;}
.ystaticbox .kies_faq {background: url(../images/ico_faq.jpg) no-repeat 50% 50%;}
.ystaticbox .module-heading .heading-text{font-size:18px;line-height:40px;display: inline;}
@media(min-width:640px){
    .ystaticbox .module-heading .heading-text{font-size:24px;line-height:60px;}
}
@media (min-width:768px){
    .ystaticbox .module-heading {text-align:left;font-size:30px;}
    .ystaticbox .module-heading .heading-icon{width:60px;height:60px;background-size:60px 60px}
}

/* TABLE */
.ystaticbox{width:auto;height:auto;overflow:hidden;position:relative;}
.ystaticbox h4{width:100%;font-size:20px;margin-top:1em;text-align:center;}
.ystaticbox h4.cb{color:#0071bf;margin-bottom:1em;}
.ystaticbox dl{width:100%;height:auto;overflow:hidden;display:table;table-layout:fixed}
.ystaticbox dl.mt{margin-top:1em}
.ystaticbox dl dt{width:30%;display:table-cell;padding:15px 15px;color:#fff;background:#0071bf}
.ystaticbox dl.even dt{background:#b8d8ee;color:#343434}
.ystaticbox dl dd{display:table-cell;padding:15px 15px;background:#f1f1f1;vertical-align:middle;}
.ystaticbox dl.even dd{background:#fff}
.ystaticbox dl.even.last{border-bottom:1px solid #f1f1f1!important}
.ystaticbox dl.single dd{color:#fff;background:#9cc0e2;text-align:center}
.ystaticbox dl dd ul{line-height:1.4}
.ystaticbox dl dd ul span{display:block;padding-left:10px;}
@media (min-width:768px){
    .ystaticbox h4{padding:0 30px;font-size:30px;text-align:left;}
    .ystaticbox h4.cb{padding:0 30px;}
    .ystaticbox dl dt,.ystaticbox dl dd{font-size:16px;}
}
/*하단 알림 문구*/
.notice_bar{padding:0 20px;background: url("../images/ico_info_txt.png") no-repeat 20px 20px; background-color: #f2f2f2;}
.notice_bar .info_txt{ font-size: 14px;line-height: 24px;padding: 20px 0 20px 44px;}
/*설정가이드 팝업*/
.flow_guide_pop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:999999;}
.flow_guide_pop span,
.flow_guide_pop ul,
.flow_guide_pop li,
.flow_guide_pop p,
.flow_guide_pop div{font-family:"SamsungOne",sans-serif !important;}
.flow_guide_pop .popup_cnt{position:absolute !important;margin:auto !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:90%;height:90%;background:#fff;z-index:1051;/*border:1px solid #1428a0;*/}
.flow_guide_pop .popup_cnt .tit{margin:0;padding:10px 12px 14px 25px;border-bottom:0;background:#1428a0;font-size:14px;line-height:1.4;font-weight:normal;color:#fff}
.flow_guide_pop .popup_cnt .step_cnt{position:relative;padding:0px;}
.flow_guide_pop .popup_cnt .step_cnt .info_viewer{position:absolute;padding:20px;z-index:20}
.flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_txt{overflow:hidden;}
.flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_txt .state_txt{display:inline-block;color:#0071bf;font-size:14px;font-weight:bold;}
.flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_txt .total_txt{display:inline-block;color:#000;font-size:14px;font-weight:bold;}
.flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_desc{color:#000;font-size:13px;}
.flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_desc ul{overflow:hidden;width:100%;}
.flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_desc ul li{display:none;line-height:1.2;}
.flow_guide_pop .popup_cnt .step_cnt .img_viewer{position:relative;overflow:hidden;width:98%;margin-left:2%;padding:0 1% 1% 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.flow_guide_pop .popup_cnt .step_cnt .img_viewer .guide_img_cnt{position:absolute;left:0;top:0;width:100%;z-index:10}
.flow_guide_pop .popup_cnt .step_cnt .img_viewer .guide_img_cnt ul{position:relative;width:100%;overflow:hidden}
.flow_guide_pop .popup_cnt .step_cnt .img_viewer .guide_img_cnt li{position:absolute;left:0;bottom:0;display:none;-webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.flow_guide_pop .popup_cnt .step_cnt .img_viewer .arrow_btn_cnt{position:relative;width:100%;height:100%;}
.flow_guide_pop .popup_cnt .step_cnt .img_viewer .arrow_btn_cnt .btn_arrow_right{position:absolute;top:60%;right:3%;z-index:30}
.flow_guide_pop .popup_cnt .step_cnt .img_viewer .arrow_btn_cnt .btn_arrow_left{position:absolute;top:60%;left:3%;z-index:31}



.flow_guide_pop .close_btn_cnt{position:absolute;top:0;right:2%;padding:10px 0;}
.flow_guide_pop .close_btn_cnt a{width:80%;height:80%;}
.flow_guide_pop .close_btn_cnt img{width:100%;}
.dim_cnt{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);}

@media(min-width:360px){
    .flow_guide_pop .popup_cnt{width:90%;height:70%;}
}
@media(min-width:480px){
    .flow_guide_pop .popup_cnt{width:70%;height:70%;}
    .flow_guide_pop .popup_cnt .step_cnt .img_viewer .arrow_btn_cnt img{width:16px}
}
@media(min-width:640px){
    .flow_guide_pop .popup_cnt{width:70%;height:70%;}
    .flow_guide_pop .popup_cnt .step_cnt .info_viewer{padding:30px 30px 0 30px;}
    .flow_guide_pop .popup_cnt .step_cnt .img_viewer .arrow_btn_cnt img{width:100%}
}

@media(min-width:1024px){
    .flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_desc,
    .flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_txt .state_txt,
    .flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_txt .total_txt{font-size:18px;}
    .flow_guide_pop .popup_cnt{width:600px;height:676px;}
    .flow_guide_pop .close_btn_cnt{position:absolute;padding:20px 0;right:20px;}
    .flow_guide_pop .close_btn_cnt a{width:100%;height:100%;}
    .flow_guide_pop .popup_cnt .tit{padding:20px 12px 20px 25px;font-size:24px;line-height:24px;}

    .flow_guide_pop .popup_cnt .step_cnt .info_viewer .step_desc ul li{line-height:1.4}
}