@charset "utf-8";

.sectionPlus {display:block; overflow:hidden; width:100%; margin:12px 0 150px;}


/* 친추플러스 */
.sectionPlus .sectionCustomIn .Tab.a4.w50 {border-bottom:1px solid #e4007f;}
.sectionPlus .sectionCustomIn .Tab.a4.w50 li a {border-bottom:1px solid #e4007f; }
.sectionPlus .sectionCustomIn .Tab.a4.w50 li.on a {color:#e4007f; border:1px solid #e4007f; border-bottom:1px solid #fff;}

.sectionPlus div.paginate > a {background-image:url('../../web/images/hellomgm/sub/btn/btn_paginate01.gif');}

.sectionPlus .explain {padding:1px 0 1px 23px; background:url('../../web/images/hellomgm/global/ico_explain.png') 0 0 no-repeat; color:#5d5d5d; text-align:left; font-size:12px;}
.sectionPlus .new_select {padding:0 0 0 7px; height:25px; background:url('../../web/images/hellomgm/global/select_icons02.png') 100% 0 no-repeat; color:#7d7d7d;}
.sectionPlus .tab_content {display:none; margin-bottom:100px; text-align:center;}

.tbl_type01 {width:100%; border-top:2px solid #525252;}
.tbl_type01 caption {position:static;}
.tbl_type01 th {padding:15px 0 13px 0; background:#f9f9f9; color:#424242; font-size:13px;}
.tbl_type01 td {padding:13px 0 9px 0; text-align:center;}
.tbl_type01 th, .tbl_type01 td {border-bottom:1px solid #e8e8e8;}
.tbl_type01.horizon {}
.tbl_type01.horizon th {padding:12px 31px 10px 31px;}
.tbl_type01.horizon td {padding:11px 22px;}
.tbl_type01.horizon th, .tbl_type01.horizon td {text-align:left;}

.btn_point {display:inline-block; padding:6px 13px 4px 33px; background:url('../../web/images/hellomgm/global/btn_pointbg01.png') 15px 5px no-repeat; border:1px solid #c7c7c7; border-radius:4px; color:#15223c; font-size:12px;}
.btn_point.chk_red {background-image:url('../../web/images/hellomgm/global/btn_pointbg02.png');}
.btn_point.fill {background-image:url('../../web/images/hellomgm/global/btn_pointbg03.png'); background-color:#2c2c2c; border-color:#2c2c2c; color:#fff;}
.btn_point.soft {background-image:url('../../web/images/hellomgm/global/btn_pointbg04.png'); background-color:#fcfcdf; border-color:#e0d686; color:#15223c;}

.scrollRsultTb {position:relative;}

/* 친추플러스_모바일탭 */
.Tab_m.plus_tab li a:hover, .Tab_m.plus_tab li .on {background:#fc028d;}
.Tab_m.plus_tab li a:hover:after, .Tab_m.plus_tab li .on:after {height:16px; border-top-color:#fc028d;}

.Tab_m.plus_tab.a1 li span {top:7px; height:16px;}
.Tab_m.plus_tab.a1 li .on span {height:16px;}
.Tab_m.plus_tab.a1 li.nth1 span {width:66px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') 0 0 no-repeat;}
.Tab_m.plus_tab.a1 li.nth2 span {width:49px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') -86px 0 no-repeat;}
.Tab_m.plus_tab.a1 li.nth3 span {width:77px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') -155px 0 no-repeat;}
.Tab_m.plus_tab.a1 li.nth4 span {width:77px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') -252px 0 no-repeat;}

.Tab_m.plus_tab.a1 li.nth1 a:hover span, .Tab_m.plus_tab li.nth1 .on span {width:66px; height:16px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') 0 -21px no-repeat;}
.Tab_m.plus_tab.a1 li.nth2 a:hover span, .Tab_m.plus_tab li.nth2 .on span {width:49px; height:16px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') -86px -21px no-repeat;}
.Tab_m.plus_tab.a1 li.nth3 a:hover span, .Tab_m.plus_tab li.nth3 .on span {width:77px; height:16px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') -155px -21px no-repeat;}
.Tab_m.plus_tab.a1 li.nth4 a:hover span, .Tab_m.plus_tab li.nth4 .on span {width:77px; height:16px; background:url('../../web/images/hellomgm/global/tab_bg_plus.png') -252px -21px no-repeat;}

/* 친추플러스_나의활동내역_파트너탈퇴 */
.tab_box {width:553px; margin:0 auto; margin-top:90px;}
.sub_tit {margin-bottom:44px;}
.sub_notice {margin-bottom:15px;}
.tab_box .note_wrap {padding:27px 35px 27px 35px; margin:38px 0 0;border: 1px solid #e6e6e6; background-color:#f9f9f9;}
.sub_btn {margin-top:18px;}

/* 친추플러스_서비스소개_파트너신청 */
.sectionPlus .menual_tit {margin-top:26px; text-align:left;}
.volte_box {padding:32px 0 8px 0;}
.volte_box img {margin-right:46px;}
.sectionPlus .partner_flow li {padding-top:40px; padding-bottom:0;}
.sectionPlus .explain_type2 {margin-top:15px;}
.sectionPlus .partner_flow li .flow_tit {display:block; text-align:left;}
.sectionPlus .partner_flow li .flow_tit img {vertical-align:top;}
.sectionPlus .partner_flow li .horizon {margin-top:15px;}
.sectionPlus .partner_flow .cashbag {margin-top:15px;}
.agree_base {margin-top:23px;}
.agree_base.base_type02 {margin-top:20px;}
.agree_base.base_type03 {margin-top:34px;}
.agree_base .agree_tit {display:block; margin-bottom:16px; text-align:left;}
.agree_base .agree_tit img {vertical-align:top;}
.agree_txt {padding:10px; box-sizing:border-box; height:95px; overflow-y:auto; border:1px solid #b3b3b3; text-align:left;}
.agree_txt .agreetb{border-collapse:collapse; border:1px gray solid; width: 30%;}
.agree_txt .agreeth {border:1px gray solid; text-align: center;}
.agree_txt .agreetd {border:1px gray solid;}
.agree_base .btn_group {height:18px; margin-top:15px;}
.btn_group .btn_radio + .btn_radio {margin-left:8px;}
.agree_base .tbl_type01 {border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.agree_base .tbl_type01 th, .agree_base .tbl_type01 td {border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.agree_base .tbl_type01 .line td {vertical-align:middle;}
.add_agree {margin-top:30px; padding:13px 0 12px 0; background:#f9f9f9; border:1px solid #dcdcdc;}
.add_agree:after {display:block; clear:both; content:'';}
.add_agree .add_tit {float:left; margin-left:24px;}
.add_agree .add_tit img {vertical-align:middle;}
.add_agree .add_sub {float:left; margin-left:45px;}
.add_agree .add_sms {margin-left:92px;}
.add_agree .add_sub .add_point {float:left; padding-top:2px; font-weight:bold; color:#fc3406;}
.add_agree .add_sub .btn_group {float:left; margin-top:0; margin-left:15px;}
.add_agree .add_sms .btn_group {margin-left:28px;}
.btn_area {margin-top:20px;}

/* 친추플러스_서비스소개_파트너정보수정 */ 
.sectionPlus .partner_txt {height:117px; margin:70px 0 55px 0; padding:20px 0 0 406px; background:url('../../web/images/hellomgm/sub/img_partner.jpg') 209px 0 no-repeat; text-align:left;}
.sectionPlus .partner_txt .partner_code {margin:7px 0;}
.sectionPlus .partner_txt .partner_code img {vertical-align:middle;}
.sectionPlus .partner_txt .code {margin:0 5px; line-height:24px; vertical-align:middle; color:#e4007f; font-size:28px; font-weight:bold; letter-spacing:-1px;}
.sectionPlus .partner_txt .url {color:#e4007f; font-size:18px; font-weight:bold;}
.sectionPlus .info_modify {margin-bottom:15px;}
.sectionPlus .info_modify:after {display:block; clear:both; content:'';}
.sectionPlus .info_modify p {float:left; font-size:11px;}
.sectionPlus .info_modify .btn_point.chk_red {float:left; margin:10px 0 0 7px;}
.sectionPlus .explain_type2 {margin-top:15px;}
.sectionPlus .cashbag {margin:38px 0 15px 0; padding:25px 0 15px 256px; min-height:82px; background:url('../../web/images/hellomgm/sub/img_cashbag.jpg') 81px 25px no-repeat; border-top:2px solid #525252; border-bottom:1px solid #e8e8e8; text-align:left;}
.sectionPlus .cashbag p {padding:10px 0; font-size:12px; font-weight:600; color:#5d5d5d; line-height:18px;}
.sectionPlus .cashbag .cash_type01 {vertical-align:middle;}
.sectionPlus .cashbag .cash_type02 {display:inline-block; margin-top:20px;}
.sectionPlus .cashbag .card_num {padding:0 0 9px; font-size:14px;}
.sectionPlus .cashbag_txt:after {clear:both; display:block; content:'';}
.sectionPlus .cashbag_txt ol {float:left; margin:5px 0 0 26px;}
.sectionPlus .cashbag_txt li {margin-top:7px; padding:0; font-size:11px; text-align:left;}
.sectionPlus .cashbag_txt li:first-child {margin-top:0;}
.sectionPlus .cashbag_txt:after {clear:both; display:block; content:'';}
.sectionPlus .cashbag_txt ol {float:left; margin:3px 0 0 26px;}
.sectionPlus .cashbag_txt .btn_direct {display:inline-block; margin-left:10px; vertical-align:middle;}
.sectionPlus .cashbag_txt .btn_direct2 {display:inline-block; margin-left:-350px; margin-top:35px; vertical-align:middle;} 
.sectionPlus .cashbag .btn_direct3 {display:inline-block; margin-left:10px; vertical-align:middle;} 
.sectionPlus .btn_modify {margin-top:35px;}

/* 친추플러스_나의활동내역_포인트 지급내역 조회 */
.okcash_head {overflow:hidden; margin:29px 0 11px;}
.okcash_head h4 {float:left; padding-top:1px;}
.sel_wrap {float:right;}
.okcash_head .new_select {vertical-align: bottom;}
.okcash_head .btnType2.a1 {width:57px; height:26px; margin:0 1px 0 2px; border-radius:4px; background-color:#575757; vertical-align: bottom;}

.sectionPlus .tbl_type01 .price_point {display:inline-block; height:16px; line-height:17px; padding:0 20px 0 0; background:url('../../web/images/hellomgm/sub/okcashbag_point.png') no-repeat 100% 50%;}

.note_wrap {padding:27px 10px 13px 35px; margin:39px 0 0; border:1px solid #e6e6e6;}
.note_wrap .note_tit {margin-bottom:15px; text-align: left;}
.note_content {overflow:hidden; margin:0 0 18px 1px; text-align: left;}
.note_img {float:left;}
.benefit_info {float:left; margin:110px 0 0 10px; background-color:#fff;}

.note_wrap.activity {position:relative; }
.note_wrap.activity .benefit_info {position:absolute; bottom:50px; left:480px; float:none; margin:0;}
.note_wrap.okcash {position:relative;}
.note_wrap.okcash .benefit_info {position:absolute; bottom:60px; left:480px; float:none; margin:0;}

/* 친추플러스_나의 활동내역_이달의 활동내역 */  
.grade_wrap:after {display:block; content:""; clear:both;}
.grade_area {float:left; width:550px;}
.grade_interval {padding-left:39px;}

.grade_tit {height:44px; line-height:44px; padding:0 20px; text-align:left; background:#ffeaaa;}
.grade_tit:after {display:block; content:""; clear:both;}
.grade_tit h4 {float:left; padding:0 10px; color:#242424; text-align:left; font-size:16px;}
.grade_tit .grade_button {display:inline-block; width:65px; height:23px; line-height:23px; vertical-align:middle;}
.grade_tit .grade_button a {display:block; color:#fff; text-align:center; font-weight:bold; background:#ce9c03; border-radius:15px; letter-spacing:-1px;}
.friend_grade .grade_button a {background:#cd6f00;}
.grade_tit .saving_expect {float:right; display:inline-block; max-width:200px; color:#242424; text-align:right; font-size:12px;}

.grade_cont {background:#fff8e0; color:#242424;}
.grade_cont:after {display:block; content:""; clear:both;}
.grade_cont li {float:left; padding:42px 0 44px; background:url('../../web/images/hellomgm/sub/border_line1.png') no-repeat 0 50%; text-align:center; font-weight:bold;}
.grade_cont li:first-child {padding:22px 30px; background:none;}
.grade_cont li strong {display:block; padding-bottom:20px; letter-spacing:-1px;}
.grade_cont li span {display:block;}
.grade_cont li .num {position:relative; top:1px; font-size:30px; letter-spacing:-1px;}
.grade_cont .my_grade {width:111px;}
.grade_cont .visit_num {width:172px; height:68px;}
.grade_cont .star_num {width:203px; height:68px;}
.grade_cont .star_num .final {display:inline-block; text-align:center;}
 
.friend_grade {background:#ffcd7e}
.grade_interval .present_grade .grade_cont {background:#fdf4e7;}
.grade_interval .present_grade .grade_cont li {background:url('../../web/images/hellomgm/sub/border_line2.png') no-repeat 0 50%;}
.grade_interval .present_grade .grade_cont li:first-child {background:none;}
.grade_cont .medal_grade {width:110px;}
.grade_cont .terminal_num {width:110px; height:68px;}
.grade_cont .usim_num {width:109px; height:68px;}
.grade_cont .silver_num {width:159px; height:68px;}
.grade_cont .silver_num .final {display:inline-block; text-align:center;}

.table_area {padding-top:61px;}
.date_tit {padding-bottom:12px; height:26px;}
.date_tit:after {display:block; content:""; clear:both;}
.date_tit h4 {float:left; width:317px; padding:5px 0; text-align:left;}
.date_tit .select_area {float:left; width:233px; text-align:left;}
.date_tit .btnType2 {width:57px; height:26px; background:#575757; vertical-align:top; border-radius:4px;}

.grade_wrap .tbl_type01 thead th {background:#f7f7f7; color:#424242;}
.grade_wrap .friend_list thead th {background:#f7f7f7;}
.grade_wrap .tbl_type01 tbody td {color:#5d5d5d;}

.grade_wrap .paging_area {margin:10px 0 51px;}
.note_wrap.note_area {margin:0; padding:28px 10px 13px 30px; border:1px solid #e6e6e6;}
.note_area .note_img {float:left; padding-left:9px;}
.note_content strong .note_img {margin-bottom:18px;}

/* 친추플러스_팝업공통 */ 
.layerpop.plusPop .popContent {border:1px solid #e5e5e5;}
.layerpop.plusPop .popClose {position: absolute;top: 15px;right: 15px;display: block; background:url('../../web/images/event/bt_close.png') 0 0 no-repeat;width: 26px;height: 26px; }
/* {background:url('../../web/images/event/bt_close.png') no-repeat;} */

/* 친추플러스_팝업_OCB인증을 받지 않은 사람의 경우 */ 
.popup.pop_card {width:578px; margin:0; text-align:center;}
.pop_card .pop_txt {display:block; margin:5px 0px 0px 33px;}
.pop_card .card_tit {display:block; margin:8px 0 15px;}
.pop_card .btn_identify {display:inline-block; margin:25px 0 11px;}

/* 친추플러스_팝업_OK캐쉬백인증*/  /* 2016.09.09 수정 */
.popContent.okcash {width:670px;}
.popup.pop_okcash {overflow-y:auto; height:560px; padding-right:10px;}
.pop_okcash .certify {width:645px; margin-top:8px; border-spacing:0; border-collapse:collapse;}
.pop_okcash .certify tbody {border-top:2px solid #6a6a6a;}
.pop_okcash .certify th {padding-left:30px; background:#f9f9f9; border-bottom:1px solid #e8e8e8; font-size:13px; font-weight:600; color:#424242; text-align:left;}
.pop_okcash .certify td {padding:8px 0 8px 22px; border-bottom:1px solid #e8e8e8;}
.popup.pop_okcash .tbl_type01 {margin:5px 0;}
.popup.pop_okcash .btn_chk {display:block; margin-top:5px;}
.pop_okcash .cross {display:inline-block; padding:0 2px 0 1px;}
.pop_okcash .bx {width:87px; height:28px;}
.pop_okcash .bx_type2 {width:277px;}
.pop_okcash .pw_register {display:inline-block; margin-top:12px; padding-right:18px; background:url('../../web/images/hellomgm/global/btn_pointbg04.png') 100% 0 no-repeat; color:#ff1f1f; text-decoration:underline;}
.pop_okcash .explain_type3 {padding:1px 0 1px 23px; background:url('../../web/images/hellomgm/global/ico_explain.png') 0 0 no-repeat; font-size:11px; color:#5d5d5d;} 
.pop_okcash .agree_bx {margin:35px 0 8px 0; padding:19px 0 11px 18px; border:1px solid #dcdcdc; background:#f9f9f9;}
.pop_okcash .agree_bx dt {margin-bottom:10px; font-weight:600; color:#5d5d5d;}
.pop_okcash .agree_bx dd {margin-top:2px; line-height:18px; letter-spacing:-0.3px;}
.pop_okcash .agree_bx dd span {padding-left:150px;}
.pop_okcash .ck_agree {margin-top:10px;}
.pop_okcash .ck_agree .ck_bx {width:20px; height:20px; margin-top:-4px; vertical-align:top; border:1px solid #c1c1c1;}
.btn_area.okcash {margin-top:30px; text-align:center;} /* 2016.09.09 수정 */
.btn_area.okcash a {display:inline-block;} /* 2016.09.09 수정 */
.pop_okcash .btn_point.fill {height:15px; padding-top:5px; line-height:15px; vertical-align:middle; background-position:15px center;}
.pop_okcash .btn_address {display:inline-block; padding-bottom:3px; vertical-align:middle;}
.pop_okcash .btn_address + .btn_address {margin-left:10px;} 
.pop_okcash .btn_address input, .pop_okcash .btn_address label {vertical-align:middle;}
.pop_okcash .address_area {margin-top:3px;}
.pop_okcash .postcode_area {display:block; margin-bottom:5px;}
.pop_okcash .address_area input {background-color:#efefef;}
.pop_okcash .bx_type4 {width:110px;}
.pop_okcash .bx_type5 {width:186px;}
.pop_okcash .inp_type {width:360px;} /* 2016.09.09 추가 */
.pop_okcash .inp_type + .inp_type {margin-top:5px;} /* 2016.09.09 추가 */
.pop_okcash .postcode {display:inline-block; margin-left:4px; width:64px; height:26px; line-height:26px; background:#dde6ef; border:1px solid #c6cfd6; text-align:center; vertical-align:top;}
.pop_okcash .explain_address {margin:10px 0 5px; color:#5d5d5d; font-size:11px;}

/* 친추플러스_툴팁레이어_나의 활동내역_이달의 활동내역 */  
.plusTip {padding:0 30px 60px 30px;} 
.plusTip h5 {top:0; left:0;}
.plusTip .tip_inner {width:550px;}
.plusTip .tip_inner .public_point th {text-align:center; background:#f3f3f3;}
.plusTip .tip_inner .public_point td {padding:7px 0; vertical-align:middle;}
.plusTip .tip_inner .public_point td div {text-align:left; padding-left:7px;}
.plusTip .tip_inner .friend_point th {text-align:center; border-left:1px solid #e8e8e8;} 
.plusTip .tip_inner .friend_point tr:first-child th:first-child {border-left:0;} 
.plusTip .tip_inner .friend_point td {vertical-align:middle;}
.plusTip .tip_inner .friend_point td + td {border-left:1px solid #e8e8e8;}
.plusTip .tip_inner .price_point {display:inline-block; height:16px; line-height:17px; padding:0 20px 0 0; background:url('../../web/images/hellomgm/sub/okcashbag_point.png') no-repeat 100% 50%;}

.plusTip .ico_area {padding-left:8px; text-align:left;}
.plusTip .grade_img {display:inline-block; width:85px; vertical-align:middle; text-align:left;}
.plusTip .grade_txt {display:inline-block; vertical-align:middle;}

.tbl_text {vertical-align:middle;}
.tbl_color th {background:#f7f1db;}

/* 친추플러스_서비스소개_친구플러스란? */
.friend_plus {margin-top:18px; text-align:center;}
.friend_plus .cont_top {background:#fcf6c9 url('../../web/images/hellomgm/sub/friend_bg.png') 0 0 no-repeat;}
.friend_plus .cont_top .tit {display:block; padding:45px 0 119px;}
.friend_plus .cont_top .sub_txt {display:block; margin-bottom:15px;}
.friend_plus .request_box {width:858px; margin:23px auto 0; padding:31px 0 28px; background:#fff; border:1px solid #e2d99f; border-bottom:none;}
.friend_plus .request_box .sub_txt {margin:0; padding:38px 0 20px;}
.friend_plus .btn_area {margin:0; padding-bottom:31px;}
.friend_plus .login_notice {padding:15px 0 5px; border-top:1px solid #e2e2e2;}
.friend_plus .login_notice .txt {display:inline-block; padding:14px 0 0 36px; vertical-align:top; background:url('../../web/images/hellomgm/sub/icon_lock.png') 0 0 no-repeat;}
.friend_plus .btn_login {display:inline-block; padding-top:4px;}
.plus_list li {text-align:center;}
.plus_list li .sub_tit {position:relative; display:block; height:80px; line-height:80px; margin:0; background:#fc028d;}
.plus_list li .sub_tit:before {position:absolute; bottom:-23px; left:0; display:inline-block; width:23px; height:23px; background:url('../../web/images/hellomgm/sub/friend_before_bg.png') no-repeat; content:"";}
.plus_list li .sub_tit:after {position:absolute; bottom:-23px; right:0; display:inline-block; width:23px; height:23px; background:url('../../web/images/hellomgm/sub/friend_after_bg.png') no-repeat; content:"";}
.plus_list li .sub_tit img {vertical-align:middle;}
.plus_list li .sub_tit .ico_money {position:absolute; top:28px; left:72px; display:inline-block; width:76px; height:114px; background:url('../../web/images/hellomgm/sub/ico_money01.png') 0 0 no-repeat;}
.plus_list li .sub_tit .ico_money.right {top:-59px; left:auto; right:92px; width:78px; height:116px; background-image:url('../../web/images/hellomgm/sub/ico_money02.png');}
.plus_list li .sub_cont {width:1094px; margin:0 auto; padding:54px 0; border-left:1px solid #ededed; border-right:1px solid #ededed;}
.plus_list li .sub_cont .sub_txt {display:block;} /* 2016.09.12 추가 */
.plus_list li .point_box {width:856px; margin:26px auto 0; text-align:left; background:url('../../web/images/hellomgm/sub/friend_cont_bg01.png') 0 15px no-repeat;}
.plus_list li .point_box:after {display:block; clear:both; content:"";}
.plus_list li .point_box .sub_txt {display:block; margin-bottom:161px; text-align:center;}
.plus_list li .point_box .point_ex {float:left; width:50%; text-align:center;}
.plus_list li .point_box .explain_box {float:left; width:428px; margin-top:61px; padding-left:81px; box-sizing:border-box;}
.plus_list li .point_box .explain_box p {margin:14px 0 22px;}
.plus_list li .btn_howpoint {display:inline-block;}
.plus_list li .how_list {display:inline-block; margin:0 auto;}
.plus_list li .how_list:after {display:block; clear:both; content:"";}
.plus_list li .how_list li {float:left; min-width:180px; min-height:181px; padding:195px 29px 0; text-align:center; background-position:center 0; background-repeat:no-repeat;}
.plus_list li .how_list li.register {background-image:url('../../web/images/hellomgm/sub/how_list_temp01.png');}
.plus_list li .how_list li.visit {background-image:url('../../web/images/hellomgm/sub/how_list_temp02.png');}
.plus_list li .how_list li.share {min-width:362px; background-image:url('../../web/images/hellomgm/sub/how_list_temp03.png');}
.plus_list li .how_list li + li {border-left:1px solid #f0f0f0;}
.plus_list li .how_list li .tit {display:block;}
.plus_list li .how_list li .num {display:block; width:38px; height:38px; margin:0 auto 11px; text-indent:-9999em;}
.plus_list li .how_list li .num.no1 {background:url('../../web/images/hellomgm/sub/how_list_num01.png') no-repeat;}
.plus_list li .how_list li .num.no2 {background:url('../../web/images/hellomgm/sub/how_list_num02.png') no-repeat;}
.plus_list li .how_list li .num.no3 {background:url('../../web/images/hellomgm/sub/how_list_num03.png') no-repeat;}
.plus_list li .how_list li .txt {margin:8px 0 13px;}
.plus_list li .how_list li .txt.space {margin-bottom:0;}
.plus_list li .how_list li .txt + .txt {margin-top:7px;}
.plus_list li .tip_box {text-align:left;}
.plus_list li .tip_box .tip {display:inline-block; vertical-align:top;}
.plus_list li .tip_box p {display:inline-block; margin-left:2px; padding-top:3px;}
.plus_list li .btn_center {display:inline-block; margin-top:17px;}
.plus_list li .how_box {margin-top:49px; padding:109px 113px 3px 113px; background:url('../../web/images/hellomgm/sub/big_down_arrow.png') center 0 no-repeat;}
.plus_list li .how_box:after {display:block; clear:both; content:"";}
.plus_list li .how_box .explain {float:left; width:50%; min-height:146px; padding:0 0 0 188px; box-sizing:border-box; background:url('../../web/images/hellomgm/sub/point_temp01.png') 0 0 no-repeat; text-align:center;}
.plus_list li .how_box .explain + .explain {padding-left:132px; background-image:url('../../web/images/hellomgm/sub/point_temp02.png');}
.plus_list .hello_temp {margin:38px 0 21px;}
.plus_list .join_txt {display:block; margin:34px 0 20px;}
.plus_list .login_notice.bot {margin:0 180px; padding-bottom:19px; border-bottom:1px solid #dadada;}
.friend_plus .btn_partner {display:inline-block;}
.friend_plus .note_wrap {position:relative; margin-top:0; padding-bottom:22px; text-align:left; background:#f6f6f6;}
.friend_plus .note_wrap:before {position:absolute; top:-23px; left:0; display:inline-block; width:23px; height:23px; background:url('../../web/images/hellomgm/sub/friend_before_bg02.png') no-repeat; content:"";}
.friend_plus .note_wrap:after {position:absolute; top:-23px; right:0; display:inline-block; width:23px; height:23px; background:url('../../web/images/hellomgm/sub/friend_after_bg02.png') no-repeat; content:"";}
.friend_plus .note_wrap .note_tit {display:block;}
.friend_plus .note_wrap .btn_point {position:absolute; left:271px; bottom:42px; background-color:#fff;}

/*친추플러스_접근불가페이지 */
.impossible {padding:94px 190px 94px; text-align:center;}
.impossible .impo_txt {margin:0 auto 39px;}
.impossible .impo_txt strong {display:inline-block; text-align:center;}
.impossible .impo_txt h4 {margin:14px auto 32px; text-align:center;}
.impossible .btn_box {padding:17px 0 33px;}
.impossible .btn_box a {display:inline-block;}
.impossible .btn_box .btn_plus {margin-left:-4px;}
.impossible .impo_login {width:553px; height:36px; padding:26px 106px 28px 101px; margin:0 3px 0 0; background-color:#f2f2f2;}
.impossible .impo_login .btn_login {display:inline-block; margin:4px 0 0 2px;}
.impossible .impo_login span {display:inline-block; margin-right:1px; vertical-align:top;}

/* 친추플러스_홍보센터_홍보방법 */
.promote_box {padding:60px 0 55px 0; border-bottom:1px #d7d7d7 solid; text-align:center;}
.promote_box .title {display:block; margin:0 0 23px 0; text-align:center;}
.promote_box .title strong {display:inline-block; vertical-align:middle;}
.promote_box .btn_facebook {display:inline-block; height:36px; vertical-align:middle; padding-left:10px;}
.promote_box .promote_txt {margin-bottom:32px;}
.promote_box .promote_txt.direct {margin-bottom:23px;}
.promote_box .promote_txt.down {margin-bottom:12px;}
.promote_cont .inp_copy {width:484px; height:47px; padding:12px 10px; border:3px #d7d7d7 solid; font-size:16px; font-weight:bold;}
.promote_cont .btn_code {display:inline-block; background:none; margin-top:2px;}

.promote_cont .temp {margin-top:32px;}
.promote_cont .tip_box {width:754px; margin:0 auto; padding:12px 32px; text-align:left; background:#f3f3f3;}
.promote_cont .tip_box p {display:inline-block;}
.promote_cont .tip_box span {display:inline-block;}
.promote_cont .tip_box .tip {padding-right:6px;}
.promote_cont .tip_box.type {width:376px; margin-bottom:34px; padding:19px 13px 22px 53px;}
.promote_cont .tip_box.type span {vertical-align:top;}

.partner_manner {margin-bottom:39px; text-align:center;}
.partner_manner ol {border:1px solid #d7d7d7;}
.partner_manner ol:after {display:block; clear:both; content:"";}
.partner_manner ol li {float:left; width:25%; min-height:239px; padding-top:90px; border-left:0; box-sizing:border-box; background-position:115px 35px; background-repeat:no-repeat;}
.partner_manner ol li.download {background-image:url('../../web/images/hellomgm/sub/icon_down.png');}
.partner_manner ol li.urlcopy {background-image:url('../../web/images/hellomgm/sub/icon_url.png');}
.partner_manner ol li.htmlcopy {background-image:url('../../web/images/hellomgm/sub/icon_html.png');}
.partner_manner ol li.share {background-image:url('../../web/images/hellomgm/sub/icon_facebook02.png');}
.partner_manner ol li + li {border-left:1px solid #d7d7d7;}
.partner_manner ol li strong {display:block; margin:20px 0 8px 0;}
.partner_manner ol li .num {display:block; height:18px; margin:0 0 8px 0; background-position:center 0; background-repeat:no-repeat; text-indent:-9999px;}
.partner_manner ol li .num.no1 {background-image:url('../../web/images/hellomgm/sub/num01.png');}
.partner_manner ol li .num.no2 {background-image:url('../../web/images/hellomgm/sub/num02.png');}
.partner_manner ol li .num.no3 {background-image:url('../../web/images/hellomgm/sub/num03.png');}
.partner_manner ol li .num.no4 {background-image:url('../../web/images/hellomgm/sub/num04.png');}
.promote_box .btn_area {margin-top:39px; text-align:center;}
.promote_box .btn_area a {display:inline-block;}
.promote_box .btn_area a + a {margin-left:5px;}

.promote_box .promote_txt.cafe {margin-bottom:10px;}
.promote_box .btn_area.cafe {display:inline-block; margin-top:0;}

/* 친추플러스_홍보센터_다운로드 센터 */
.banner_wrap {margin-top:52px;}
.banner_wrap a, .banner_tooltip a, .tooltip_txt, .banner_txt {display:inline-block;}
.banner_wrap a img, .banner_tooltip a img, .tooltip_txt img, .banner_txt img {display:block;}
.banner_tooltip {text-align:center;}
.tooltip_area {position:relative; display:inline-block;}
.tooltip_layer {display:none; position:absolute; left:50%; width:452px; margin-left:-226px;}
.tooltip_area:hover .tooltip_layer {display:block;}
.banner_tooltip .blind {color:#242424; text-align:left;}
.banner_tooltip .blind strong {font-size:16px;}
.banner_tooltip .blind strong em {display:block; padding:12px 0;}
.banner_tooltip .blind strong em img {display:inline-block; vertical-align:bottom; padding-right:4px;}
.banner_tooltip .blind .point_color {color:#ff4e10;}
.banner_tooltip .blind li {padding-bottom:16px; font-size:14px;}
.banner_wrap .partner_manner {margin:23px 0 36px;}
.banner_wrap .partner_manner ol li {background-color:#f7f7f7;}
.banner_area {padding:30px 48px 14px; border:1px solid #ececec;}
.banner_area + .banner_area {margin-top:38px;}
.banner_tit {padding-bottom:21px;}
.banner_tit:after {display:block; content:""; clear:both;}
.banner_tit strong.banner_txt {float:left; display:block; width:743px; padding:7px 0; text-align:left;}
.btn_banner {float:right; display:block; width:301px; text-align:right;}
.banner_content:after {display:block; content:""; clear:both;}
.banner_content li {float:left;}
.banner_content li + li {padding-left:12px; padding-bottom:16px;}
.download_area {padding-top:9px; text-align:right;}
.banner_size {overflow:hidden;}
.banner_size01 {width:680px; height:250px;}
.banner_size02 {width:170px; height:300px; background:url('../../web/images/hellomgm/sub/banner_size.png') no-repeat;}  
.banner_size03 {width:170px; height:170px; background:url('../../web/images/hellomgm/sub/banner_size.png') 0 -300px no-repeat;}  
.banner_size04 {width:170px; height:80px; background:url('../../web/images/hellomgm/sub/banner_size.png') 0 -470px no-repeat;}  


/************ 2016.09.08 추가 ***************/

/* 팝업_주소찾기 */
.layermask2 {position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; background:rgba(0,0,0,0.6);}
.layerTip.address {border:none;}
.layerTip.address .topLine {height:0;}
.layerTip.address li {position:relative; margin-top:0; padding:5px 9px 5px 93px; background:none;}
.layerTip.address li strong.num {position:absolute; top:5px; left:0; display:inline-block; width:85px; text-align:center;}
.layerTip.address li a.address_name {display:inline-block;}
.plusTip.address {padding:0; z-index:99999;}
.plusTip.address .closeBt {top:10px;}
.plusTip.address .title {margin-bottom:10px; padding:15px; background:#fc028d; color:#fff; font-size:18px;}
.plusTip.address .explain_txt {color:#666;}
.plusTip.address .cont {padding:0 15px 20px 15px;}
.plusTip.address .chk_box {display:inline-block;}
.plusTip.address .chk_box label {vertical-align:middle;}
.plusTip.address .chk_box + .chk_box {margin-left:15px;}
.plusTip.address .tbl_type01 {margin-top:8px;}
.plusTip.address .tbl_type01 caption {width:0; height:0;}
.plusTip.address .tbl_type01 th, .plusTip.address .tbl_type01 td {padding:5px 10px; text-align:left;}
.plusTip.address .tbl_type01 th {color:#545454; font-size:12px;}
.plusTip.address .tbl_type01 td {color:#666; font-size:12px;}
.plusTip.address input[type=text] {height:24px; padding:0 5px; background:#efefef; font-size:12px; color:#666;}
.plusTip.address .btn_postcode {display:inline-block; margin-left:4px; width:64px; height:24px; line-height:24px; background:#dde6ef; border:1px solid #c6cfd6; text-align:center; vertical-align:middle;}
.plusTip.address .pn_list {margin-top:8px;}
.plusTip.address .pn_list .tit {position:relative; height:33px; line-height:33px; padding-left:83px; text-align:center; background:#f9f9f9; border-top:2px solid #525252; border-bottom:1px solid #e8e8e8; color:#545454;}
.plusTip.address .pn_list .tit span {display:inline-block; font-weight:bold;}
.plusTip.address .pn_list .tit strong {position:absolute; top:9px; left:0; width:85px; line-height:1.2; text-align:center; background:url('../../web/images/hellomgm/sub/address_bar.png') right center no-repeat;}
.plusTip.address .pn_list ul {overflow:auto; overflow-x:hidden; height:192px; margin-bottom:5px; border-bottom:1px solid #acacac;}
.plusTip.address .notice_txt {color:red; font-size:11px;}
.plusTip.address .btn_area {text-align:center;}
.plusTip.address .btn_area a {display:inline-block; width:87px; height:32px; line-height:32px; text-align:center; color:#fff; border-radius:4px; font-size:13px; letter-spacing:-1px; font-weight:bold;}
.plusTip.address .btn_area .btn_identify {background:#fc028d;}
.plusTip.address .btn_area .btn_close {background:#5a5a5a;}

/* 친추플러스_서비스소개_혜택안내 */ /* 2016.09.12 추가 */
.benefit_wrap .plus_list .sub_tit {height:70px; line-height:70px;}
.benefit_wrap .plus_list .sub_cont {width:890px; padding:45px 103px 50px 102px;}
.benefit_wrap .plus_list .sub_cont + .sub_cont {border-top:1px solid #ddd;}
.benefit_wrap .plus_list li + li .sub_cont +.sub_cont {border-bottom:1px solid #ddd;}
.benefit_wrap .sub_title {display:block;}
.benefit_wrap .num {display:inline-block; width:38px; height:41px; margin-right:9px; vertical-align:bottom; text-indent:-9999px;}
.benefit_wrap .num.no01 {background:url('../../web/images/hellomgm/sub/promotion_list_num01.png') 0 0 no-repeat;}
.benefit_wrap .num.no02 {width:45px; background:url('../../web/images/hellomgm/sub/promotion_list_num02.png') 0 0 no-repeat;}
.benefit_wrap .num.no01.friend {background:url('../../web/images/hellomgm/sub/promotion_list_num01.png') no-repeat 0 0;}
.benefit_wrap .num.no02.friend {background:url('../../web/images/hellomgm/sub/promotion_list_num02.png') no-repeat 0 0;}
.benefit_wrap .point_group {display:inline-block; text-align:center;}
.benefit_wrap .point_group .point_title {margin-bottom:18px;}
.benefit_wrap .point_group .sub_title {display:inline-block;}
.benefit_wrap .point_group .sub_text {margin-bottom:24px;}
.benefit_wrap .point_group .btn_promotion {float:right; width:84px;}
.benefit_wrap .point_group .btn_activity {float:right; width:94px;}
.method_wrap:after {content:''; display:block; clear:both;}
.method_area {float:left; width:430px; text-align:center;}
.method_area:after {display:block; clear:both; content:"";}
.method_area + .method_area {margin-left:25px;}
.method_area + .method_area .method_temp {height:188px;}
.method_area .method_box {min-height:81px; margin-top:37px; padding:24px 34px 0 27px; border-radius:5px; background-color:#f6f6f6;}
.method_area .method_box + .method_area .method_box {display:inline-block;}
.method_area .method_box .method_txt {float:left; padding-top:10px;}
.method_area .method_temp + .method_area .method_temp {margin-left:57px;}
.method_area.method_manage {width:891px;}
.method_area.method_manage .method_temp {display:inline-block;}
.method_area.method_manage .method_temp + .method_temp {margin-left:54px;}
.method_area.method_manage .btn_activity {padding-top:10px;}
.method_area .method_box.method_point {min-height:74px; margin-top:28px; padding:16px 36px 16px 16px;}
.benefit_wrap .benefit_top {display:block; margin:62px auto 20px;}
.benefit_wrap .benefit_top .promotion_point {display:inline-block; width:318px; height:236px; background:url('../../web/images/hellomgm/sub/coin_promotion.png') no-repeat 0 0;}
.benefit_wrap .benefit_top .friends_point {display:inline-block; width:318px; height:236px; background:url('../../web/images/hellomgm/sub/coin_friends.png') no-repeat 0 0;}
.benefit_wrap .benefit_top .promotion_point a {display:inline-block; margin:57px 31px 72px 113px;}
.benefit_wrap .benefit_top .friends_point a {display:inline-block; margin:59px 128px 72px 22px;} 
.benefit_wrap .benefit_top .promotion_point + div {display:inline-block; margin:0 6px 0 -4px; padding:12px 0 105px; vertical-align:middle;}
.reward_wrap .plus_list li + li .point_tit {margin-top:-4px;}
.reward_wrap .public_point {margin:26px 0 30px;}
.reward_wrap .public_point th {text-align:center; background:#fcf1ed;}
.reward_wrap .public_point td {padding:7px 0; vertical-align:middle;}
.reward_wrap .public_point td div {text-align:left; padding-left:7px;}
.reward_wrap .public_point tr td:first-child {padding:8px 2px 3px 10px;}
.reward_wrap .price_point {display:inline-block; height:16px; line-height:18px; padding:0 20px 0 0; background:url('../../web/images/hellomgm/sub/okcashbag_point.png') no-repeat 100% 50%; font-weight:bold;}
.reward_wrap .tbl_text {vertical-align:middle;}
.reward_wrap .tbl_color th {background:#f7f1db;}
.reward_wrap p {text-align:left;}
.reward_wrap .reward_example {margin-bottom:55px;}
.reward_wrap .reward_example div {min-height:87px; padding:7px 0 0 113px; background:url('../../web/images/hellomgm/sub/benefit_character01.png') no-repeat 0 0; line-height:22px; text-align:left; color:#525252;}
.reward_wrap .reward_example div + div {height:87px; padding:7px 0 0 113px; margin-top:15px; background:url('../../web/images/hellomgm/sub/benefit_character02.png') no-repeat 0 0; line-height:22px; text-align:left; color:#525252;}
.reward_wrap .reward_example .price_point {color:#e4007f;}
.reward_wrap p em {font-weight:bold; color:#e4007f;}
.note_wrap {background-color:#f6f6f6; margin-top:0;}
.note_wrap .note_tit {display:block; text-align:left;}
.reward_wrap .friend_point {margin:32px 0 46px;}
.reward_wrap .friend_point th {text-align:center; border-left:1px solid #e8e8e8; background-color:#f7f5dc;} 
.reward_wrap .friend_point tr:first-child th:first-child {border-left:0;} 
.reward_wrap .friend_point tr:first-child th + th {border-bottom:none;} 
.reward_wrap .friend_point .tbl_color th {padding:10px 0 12px; background-color:#e9e5c8;}
.reward_wrap .friend_point td {padding:6px 0; vertical-align:middle;}
.reward_wrap .friend_point tr td:first-child {text-align:left; padding:6px 20px 3px;}
.reward_wrap .friend_point td + td {border-left:1px solid #e8e8e8;}
.reward_wrap .friend_point .icon_img {display:inline-block; width:100px; vertical-align:middle;}
.reward_wrap .friend_point .icon_txt {display:inline-block; vertical-align:middle; font-weight:bold; color:#525252;}
.benefit_wrap .plus_list li + li .reward_example {margin-bottom:65px;}
.benefit_wrap .plus_list li + li .reward_example div {height:87px; padding:7px 0 0 113px; background:url('../../web/images/hellomgm/sub/benefit_character03.png') no-repeat 0 0; line-height:22px; text-align:left; color:#525252;}
.benefit_wrap .plus_list li + li .reward_example div + div {height:87px; padding:7px 0 0 113px; margin-top:15px; background:url('../../web/images/hellomgm/sub/benefit_character04.png') no-repeat 0 0; line-height:22px; text-align:left; color:#525252;}


/*친추- 서비스 소개 > 파트너 정보수정*/
.sectionCustomIn .banner_dong {position:absolute; top:160px; right:10px; width:211px; text-align:center;}
.sectionCustomIn .banner_dong input {vertical-align:middle;}
.sectionCustomIn .banner_dong span a {display:inline-block;}
.sectionCustomIn .banner_dong span a img {vertical-align:top;}

/*홍보포인트등급별 보상안내 - 추가 정보*/
.ic_notice {position:relative;padding-left:16px;margin-top:10px;}
.ic_notice:before{content:'※';position:absolute;left:0;}
.note_wrap.activity .benefit_info.abusing{bottom:60px;left:490px;}

/*내부 팝업*/
.inner_pop_body{position:absolute;z-index:999; right:10px; top:340px;background:#fff;width:380px;}
.inner_pop_body:after{content:''; display:block; width:100%; clear:both;}
.inner_pop_body div.pop_wrap {border:1px solid #e3067e;}
.inner_pop_body div.notcie_exp{margin-top:30px;}
.inner_pop_body div.notcie_exp >p {margin-bottom:8px;line-height:160%;text-align:left;}
.inner_pop_body div.notcie_exp >p.sm {font-size:11px;}
.inner_pop_body div.popContent {padding:0 30px 30px 30px;}
.inner_pop_body a.pop_close_box{position:absolute; right:0px; top:0px;width:31px;height:31px;cursor:pointer}
.inner_pop_body div.popContent h6{font-size:18px;font-family:dotum, san-serif; color:#333;border-bottom:3px solid #7d7d7d; padding-bottom:10px; letter-spacing:-1px;text-align:left;margin:30px 0;}
.inner_pop_body div.today_close{ position: absolute;bottom: 1px;left:1px ; right:0;width: 378px;} 
.inner_pop_body div.today_close >a {padding:5px 10px;background:#e4e4e4;display:block;text-align:right;}
.inner_pop_body > a.focus{position:absolute; top:0; left:0;right:0;bottom:0;width:100%; height:100%;cursor:default;}
a.todayClose{display:block;position: absolute;bottom: 1px;left:1px ; right:0;width: 378px;background:#e4e4e4 }
a.todayClose.active > span{background-position:0 -14px;}
a.todayClose > span{margin:5px 10px;display:block;float:right;width:107px; height:14px;text-indent:-9999px;background:url(../../web/images/hellomgm/sub/img_todayclose.png) no-repeat;background-position:0 0;}

/*친추플러스 내용 변경 : 2016-12-16*/
.what_friendpoint {margin-top:30px;}
.what_friendpoint >li{margin-top:10px;}
.what_friendpoint >li.img{margin:30px 0 30px;}
.benefit_point_box{margin-bottom:30px;}
.present_grade.lt{float:left;}
.table_area.rt{float:right;padding-top:0;}
.grade_area.full{width:100%;padding-left:0;}
.grade_area.full:after{content:''; clear:both;display:block;width:100%;}
.reward_wrap .reward_example div.blueman{background: url(../../web/images/hellomgm/sub/benefit_character03.png) no-repeat;}
.note_img{margin-bottom:10px;}
.note_wrap:after{content:''; clear:both;display:block;width:100%;}

/*친추플러스 내용 변경 : 2017-01-09*/
.grade_cont .fin_info:first-child {float:none; padding:24px 90px;}
.grade_cont .fin_info p {margin:6px 0 20px; padding-bottom:10px; border-bottom:1px solid #f4e3c4;}
.grade_cont .fin_info span {font-size:14px; font-weight:normal; letter-spacing:-1px;}
.grade_cont .fin_info span.star {font-size:12px; color:#e4007f; font-weight:bold;}