@charset "utf-8";

/* Slider */
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:after { clear: both; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-initialized .slick-slide { display: block; }

/* 공통 */
.renew2020 { font-family: 'Noto Sans KR'; color: #000; letter-spacing: -0.5px; padding-top: 50px; }
.renew2020 .subHead { width: 1142px; margin: 0 auto; }
.renew2020 .subHead .location li { font-family: 'dotum', '돋움', 'Malgun Gothic'; color: #717171; }
.renew2020 .layerTip { padding: 26px 20px; height: auto; box-sizing: border-box; border: 1px solid #000; box-shadow: 4px 4px 0px 0px rgba(232, 232, 232); font-size: 12px; color: #000; background: #fff; line-height: 1.5; text-align: left; }

.renew2020 .layerTip * { font-family: 'Noto Sans KR' !important; }
.renew2020 .layerTip h5 { z-index: 0; top: auto; left: 0; margin-bottom: 12px; font-size: 16px; text-align: left; }
.renew2020 .layerTip .topLine { height: auto; }
.renew2020 .layerTip .closeBt { display: block; overflow: hidden; position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; text-indent: -9999px; background: none; }
.renew2020 .layerTip .closeBt:before,
.renew2020 .layerTip .closeBt:after { content: ''; position: absolute; background: #000; transform: rotate(45deg); }
.renew2020 .layerTip .closeBt:before { top: 10px; left: 0; width: 100%; height: 1px; }
.renew2020 .layerTip .closeBt:after { top: 0; left: 10px; width: 1px; height: 100%; }
.renew2020 .layerTip .tableBox { margin: 0; }
.renew2020 .layerTip .tableBox+.ar { margin-top: 8px; }
.renew2020 .layerTip .tableBox > table tr th,
.renew2020 .layerTip .tableBox > table tr td { border-right: 0; }
.renew2020 .layerTip .tableBox > table tr th:first-child,
.renew2020 .layerTip .tableBox > table tr td:first-child { border-left: 0; }
.renew2020 .layerTip .tableBox > table tr th { padding: 12px 5px; font-weight: 400; color: #000; line-height: 1.2; background: #f5f5f5; border-color: #d4d4d4; }
.renew2020 .layerTip .tableBox > table tr td { padding: 11px 5px; border-top: 0; border-color: #d4d4d4; color: #000; }
.renew2020 .layerTip .tbl_refer { margin-top: 12px; }
.renew2020 .layerTip .tbl_refer .tit_small { display: block; font-size: 14px; color: #000; text-align: left; }
.renew2020 .layerTip .tbl_refer .txt_list { margin-top: 3px; }
.renew2020 .layerTip .tbl_refer .txt_list li { position: relative; margin-top: 0; padding-left: 7px; font-size: 12px; color: #000; text-align: left; background: none; }
.renew2020 .layerTip .tbl_refer .txt_list li:before { content: ''; display: block; overflow: hidden; position: absolute; top: 8px; left: 0; width: 3px; height: 1px; background: #000; }
.layerTip.renew { padding: 15px; height: auto; box-sizing: border-box; border: 1px solid #000; box-shadow: 4px 4px 0px 0px rgba(232, 232, 232); font-size: 12px; color: #000; background: #fff; line-height: 1.5; text-align: left; }
.layerTip.renew * { font-family: 'dotum', '돋움', 'Malgun Gothic'; }
.layerTip.renew h5 { z-index: 0; top: auto; left: 0; font-size: 12px; text-align: left; }
.layerTip.renew .topLine { height: auto; }
.layerTip.renew .closeBt { display: block; overflow: hidden; position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; text-indent: -9999px; background: none; }
.layerTip.renew .closeBt:before,
.layerTip.renew .closeBt:after { content: ''; position: absolute; background: #000; transform: rotate(45deg); }
.layerTip.renew .closeBt:before { top: 10px; left: 0; width: 100%; height: 1px; }
.layerTip.renew .closeBt:after { top: 0; left: 10px; width: 1px; height: 100%; }
.renew2020 .no_result { padding: 140px 0 144px 0; border-top: 2px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center; }
.renew2020 .no_result .inner_cont { display: inline-block; width: auto !important; padding: 15px 0 25px 137px; background: url('/web/images/sub/ico/icon_noresult.png') no-repeat 11px 5px; color: #555; letter-spacing: -1px; text-align: left; }
.renew2020 .no_result .inner_cont strong { font-size: 32px; }
.renew2020 .no_result .inner_cont p { font-size: 22px; }
.renew2020 .btn_tooltip { position: relative; display: inline-block; background: none; vertical-align: middle; }
.renew2020 .tooltiplayer { display: none; z-index: 20; position: absolute; bottom: 40px; width: 195px; box-shadow: 4px 4px 0px 0px rgba(216, 229, 232); }
.renew2020 .tooltiplayer .tooltip_txt { font-family: 'dotum', '돋움', 'Malgun Gothic'; font-size: 12px; }
.renew2020 .tagWrap span { display: inline-block; width: 40px; height: 20px; margin: 0; background: none; border-radius: 2px; box-sizing: border-box; text-indent: 0; }
.renew2020 .tagWrap .itemList span { display: block; margin-left: 0; }
.renew2020 .tagWrap .itemList .device { margin-top: 2px; }
.renew2020 .tagWrap .lg { background: #f500a8; color: #fff; border: 1px solid #e20096; }
.renew2020 .tagWrap .skt { background: #e22f26; color: #fff; border: 1px solid #ca261e; }
.renew2020 .tagWrap .kt { background: #1e303e; color: #fff; border: 1px solid #13202b; }
.renew2020 .tagWrap .device { background: #fff; color: #666; border: 1px solid #cdcdcd; }
.renew2020 .tagWrap .best { border: 1px solid #d92c57; background: #ed174d; color: #fff; font-family: 'Noto Sans KR'; text-align: center; }

/* 휴대폰 목록 */
.renew2020.mobileList { font-family: 'Noto Sans KR'; color: #000; letter-spacing: -0.5px; }
.renew2020 .phoneListTopVisual .visual_list { width: 100%; }
.renew2020 .inner_cont { position: relative; margin: 0 auto; box-sizing: border-box; }
.renew2020 .phoneListTopVisual { position: relative; margin: 47px 0 0 0; }
.renew2020 .phoneListTopVisual .slick-arrow { z-index: 100; position: absolute; top: auto; bottom: 15px; left: 50%; display: block; width: 21px; height: 21px; border: 0; text-indent: -9999px; }
.renew2020 .phoneListTopVisual .slick-arrow.slick-prev { margin-left: -545px; background: url('/web/images/sub/btn/btn_banner_ctrl.png') no-repeat 0 0; }
.renew2020 .phoneListTopVisual .slick-arrow.slick-next { margin-left: -451px; background: url('/web/images/sub/btn/btn_banner_ctrl.png') no-repeat 0 -59px; }
.renew2020 .phoneListTopVisual .ctrl_box { z-index: 50; position: absolute; left: 50%; bottom: 15px; margin-left: -424px; }
.renew2020 .phoneListTopVisual .ctrl_box .btn_play { display: block; width: 21px; height: 21px; background: blue; border: 0; background: url('/web/images/sub/btn/btn_banner_ctrl.png') no-repeat 0 -118px; text-indent: -9999px; }
.renew2020 .phoneListTopVisual .ctrl_box .btn_play.on { background: url('/web/images/sub/btn/btn_banner_ctrl.png') no-repeat 0 -179px; }
.renew2020 .phoneListTopVisual .ctrl_box .paging { z-index: 100; position: absolute; right: 55px; bottom: 1px; width: 50px; color: #fff; letter-spacing: 0; }
.renew2020 .phoneListTopVisual .ctrl_box .paging span { font-size: 14px; }
.renew2020 .phoneListTopVisual .ctrl_box .paging .count { display: inline-block; }
.renew2020 .phoneListTopVisual .visual_list a { display: block; }
.renew2020 .phoneListTopVisual .visual_list img { display: block !important; width: 100%; padding: 0; }

/* 빠른 검색 */
.renew2020.selectList { margin-bottom: 0; }
.quick_search { position: relative; padding: 17px 0 0 95px; }
.quick_search .tit { position: absolute; top: 16px; left: 34px; padding: 0; font-size: 16px; font-weight: 500; }
.quick_search .quick_list:after { content: ''; display: block; clear: both; }
.quick_search .quick_list li { float: left; margin-left: 34px; }
.quick_search .quick_list li a { font-family: 'Noto Sans KR'; font-size: 14px; color: #222; }

/* 검색 */
.prd_search { position: relative; margin-top: 20px; }
.prd_search .inner_cont { border: 6px solid #e4e4e4; padding: 25px 27px; }
.prd_search .item_row:after { content: ''; display: block; clear: both; }
.prd_search .item_row + .item_row { margin-top: 14px; }
.prd_search .item_row .items { position: relative; float: left; width: 372px; padding-left: 97px; }
.prd_search .item_row .items + .items { margin-left: 39px; padding-left: 65px; }
.prd_search .item_row .items .tit { position: absolute; left: 0; top: 7px; font-weight: 500; font-size: 16px; }
.prd_search .item_row .radio_list { display: flex; flex-wrap: wrap; border-left: 1px solid #d6d6d6; }
.prd_search .item_row .radio_list li { flex: 1; text-align: center; }
.prd_search .item_row #ratefour .radio_list li { flex: inherit; width: 161px; }
.prd_search .item_row .radio_list input[type=radio] { overflow: hidden; position: absolute; left: -9000px; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; z-index: -1000; }
.prd_search .item_row .radio_list input[type=radio] + label { position: relative; display: block; height: 36px; padding: 0 10px; line-height: 33px; font-size: 14px; border: 1px solid #d6d6d6; border-width: 1px 1px 1px 0; background: #f5f5f5; box-sizing: border-box; }
.prd_search .item_row .radio_list input[type=radio]:checked + label { background: #fff; color: #ed174d; font-weight: bold; }
.prd_search .item_row .radio_list input[type=radio]:checked + label:after { content: ''; z-index: 50; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid #e05b5b; box-sizing: border-box; }

/*.prd_search .item_row .radio_list input[type=radio]:focus + label:after {outline:1px dotted #000;}*/
.prd_search .item_row .radio_list input[type=radio]:hover + label { cursor: pointer; }
.prd_search .item_row .radio_list .btn_tooltip { z-index: 100; }
.prd_search .item_row .radio_list .btn_tooltip img { vertical-align: -2px; }
.prd_search .select_box { position: relative; height: 36px; border: 1px solid #a0a0a0; box-sizing: border-box; }
.prd_search .select_box select { width: 100%; height: 100%; padding: 0 50px 0 18px; font-family: 'Noto Sans KR'; font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('/web/images/sub/bg/bg_sel_arrow.png') no-repeat 95.5% 15px; border: none; word-wrap: break-word; }
.prd_search .btn_search { position: absolute; top: 25px; right: 28px; bottom: 25px; width: 98px; background: #222; font-family: 'Noto Sans KR'; font-size: 20px; color: #fff; border: 0; }
.prd_search .btn_search:before { content: ''; display: block; width: 30px; height: 30px; margin: 0 auto 7px; background: url('/web/images/sub/btn/btn_search.png') no-repeat 0 0; }

/*휴대폰구매 비교하기*/
.itemList #phoneListLTE:after { content: ''; display: block; clear: both; }
.compare_wrap { display: none; z-index: 100; position: fixed; left: 0; bottom: -100%; width: 100%; height: 170px; background: #fff; transition: 0.3s; box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.2); }
.compare_wrap .compare_tgl { display: block; position: absolute; top: -40px; left: 50%; width: 162px; height: 40px; margin-left: -80px; line-height: 40px; background: #fff; font-size: 16px; color: #ed174d; font-weight: bold; text-align: center; border-radius: 3px 3px 0 0; box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.2); }
.compare_wrap .compare_tgl span { display: inline-block; margin-right: 6px; vertical-align: middle; letter-spacing: -1px; }
.compare_wrap .compare_tgl:after { content: ''; display: inline-block; width: 6px; height: 6px; margin-bottom: -2px; border: 2px solid #ed174d; border-width: 0 0 2px 2px; transform: rotate(135deg); }
.compare_wrap .compare_tgl.on:after { margin-bottom: 1px; transform: rotate(-45deg); }
.compare_wrap .compare_tgl.on:before { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; background: #fff; }
.compare_wrap .compare_cont { display: table; width: 1142px; height: 100%; margin: 0 auto; }
.compare_wrap .compare_cont .compare_desc { display: table-cell; width: 277px; vertical-align: middle; }
.compare_wrap .compare_cont .compare_desc strong { display: block; padding-left: 30px; background: url('/web/images/sub/ico/icon_comparephone.png') no-repeat 1px center; font-size: 23px; font-weight: bold; }
.compare_wrap .compare_cont .compare_desc p { margin-top: 14px; font-size: 16px; line-height: 1.4; }
.compare_wrap .compare_cont .compare_prd { display: table-cell; width: 586px; padding: 18px 15px 0 15px; vertical-align: middle; box-sizing: border-box; }
.compare_wrap .compare_prd:after { content: ""; display: block; clear: both; }
.compare_wrap .compare_prd li { float: left; position: relative; width: 33.3%; height: 135px; }
.compare_wrap .compare_prd .compare_img { position: relative; display: block; height: 90px; margin: 0 auto; background: url('/web/images/sub/bg/bg_compare_none.png') no-repeat center; background-size: auto 100%; }
.compare_wrap .compare_prd .compare_img img { display: none; height: 100%; }
.compare_wrap .compare_prd .compare_del { display: none; position: absolute; top: -7px; right: 30px; width: 28px; height: 28px; background: url('/web/images/sub/btn/btn_compare_delete.png') no-repeat center; background-size: 100%; text-indent: -9999px; }
.compare_wrap .compare_prd .compare_img.on { background: none; }
.compare_wrap .compare_prd .compare_img.on img { display: block; margin: 0 auto; }
.compare_wrap .compare_prd .compare_img.on .compare_del { display: block; }
.compare_wrap .compare_prd .compare_name { display: block; margin-top: 9px; padding: 0 5px; line-height: 1.3; font-size: 14px; text-align: center; }
.compare_wrap .compare_cont .btn_area { display: table-cell; text-align: right; vertical-align: middle; }
.compare_wrap .compare_cont .btn_area a { display: inline-block; width: 174px; height: 48px; padding: 0; line-height: 48px; border-radius: 5px; border: 1px solid; font-size: 20px; text-align: center; box-sizing: border-box; }
.compare_wrap .compare_cont .btn_area .btn_compare { background: #ed174d; color: #fff; border-color: #ed174d; margin-bottom: 14px; font-weight: 300; }
.compare_wrap .compare_cont .btn_area .btn_reset { background: #fff; color: #222; border-color: #222; font-weight: 300; }
.renew2020 .itemList { margin-top: 30px; padding-bottom: 140px; }
.renew2020.mobileList .itemList li { border-color: #d4d4d4; }
.renew2020.mobileList .itemList li .itemWrap { height: 426px; }
.renew2020 .itemWrap .itemIn { position: relative; }
.renew2020.mobileList .itemList li .itemWrap .cover-img { height: 250px; padding: 40px 0 0 0; box-sizing: border-box; }
.renew2020.mobileList .itemList li .itemWrap .cover-img img { height: 100%; }
.renew2020 .itemWrap .squareWrap { top: 11px; left: 11px; width: auto; }
.renew2020 .itemWrap .squareWrap span { display: block; width: 30px; }
.renew2020 .itemWrap .colorWrap { position: absolute; right: 68px; bottom: 109px; }
.renew2020.mobileList .itemList li .itemWrap .colorWrap { margin: 0; min-height: initial; height: auto; }
.renew2020 .itemList li .itemWrap .colorWrap img { display: block; width: 10px; height: 10px; border: 1px solid #999; border-radius: 50%; }
.renew2020 .itemList li .itemWrap .colorWrap img + img { margin-top: 6px; }
.renew2020 .itemList li .itemWrap .squareWrap img { display: block; }
.renew2020 .itemList li .itemWrap .squareWrap img + img { margin-top: 6px; }
.renew2020 .itemList li .itemWrap .tagWrap { position: absolute; top: 10px; right: 10px; }
.renew2020 .itemList li .itemWrap .tagWrap span { display: block; width: 40px; height: 20px; background: none; border-radius: 2px; box-sizing: border-box; text-indent: 0; }
.renew2020 .itemList li .itemWrap .tagWrap .lg { background: #f500a8; color: #fff; border: 1px solid #e20096; }
.renew2020 .itemList li .itemWrap .tagWrap .skt { background: #e22f26; color: #fff; border: 1px solid #ca261e; }
.renew2020 .itemList li .itemWrap .tagWrap .kt { background: #1e303e; color: #fff; border: 1px solid #13202b; }
.renew2020 .itemList li .itemWrap .tagWrap .device { margin-top: 2px; background: #fff; color: #666; border: 1px solid #cdcdcd; }
.renew2020 .itemList li .itemWrap h5 { margin: 26px 0 0 0; padding: 0 10px; font-size: 22px; font-family: 'Noto Sans KR'; text-align: center; }
.renew2020 .itemList li .itemWrap h3 { margin: 26px 0 0 0; padding: 0 10px; font-size: 22px; font-family: 'Noto Sans KR'; text-align: center; }	/*202109 seo 처리*/
.renew2020 .itemList li .itemWrap .moneyWrap { height: auto; margin-top: 4px; font-family: 'Noto Sans KR'; font-size: 22px; color: #ed174d; text-align: center; }
.renew2020 .itemList li .itemWrap .moneyWrap strong { font-weight: normal; }
.renew2020 .itemList li .itemWrap .moneyWrap em { font-size: 26px; font-family: 'Noto Sans KR'; font-weight: bold; letter-spacing: 0; }
.renew2020 .itemList li .itemWrap .btn_chk { top: auto; bottom: 30px; left: 0; right: 0; width: auto; height: auto; margin: 0 auto; }
.renew2020 .itemList li .itemWrap .btn_chk input { overflow: hidden; position: absolute; left: -9000px; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; z-index: -1000; }
.renew2020 .itemList li .itemWrap .btn_chk input + label { overflow: hidden; position: relative; display: inline-block; height: 28px; padding-left: 36px; line-height: 28px; background: url('/web/images/sub/btn/btn_radio2.png') no-repeat 0 0; font-size: 18px; vertical-align: middle; cursor: pointer; }

/*.renew2020 .itemList li .itemWrap .btn_chk input:focus + label {border:1px dotted #000;}*/
.renew2020 .itemList li .itemWrap .over_layerpop.active ~ .btn_chk label,
.renew2020 .itemList li .itemWrap .over_layerpop.active ~ .btn_chk label { color: #fff; }
.renew2020 .itemList li .itemWrap .btn_chk input:checked + label { background-position: 0 100%; }
.renew2020 .itemList li .itemWrap .over_layerpop { background: rgba(34, 34, 34, 0.8); }
.renew2020 .over_layerpop .layer_inner { display: table-cell; vertical-align: middle; text-align: center; }
.renew2020 .over_layerpop .layer_inner span { display: block; color: #fff; font-size: 22px; }
.renew2020 .over_layerpop .layer_inner .prd_name { padding: 0 10px; font-weight: bold; }
.renew2020 .over_layerpop .layer_inner .prd_price { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; margin: 9px 18px 0; text-overflow: ellipsis; font-size: 16px; }
.renew2020 .over_layerpop .layer_inner .btn_small { display: inline-block; width: 137px; height: 38px; margin-top: 30px; padding: 0; background: #ed174d; border: 1px solid #ed174d; border-radius: 30px; color: #fff; font-size: 16px; font-weight: 300; line-height: 36px; letter-spacing: -0.5px; box-sizing: border-box; }
.popClose.renew2020 { width: 55px; height: 55px; background-position: 50%; text-indent: -9999px; }
.renew2020.popContent { padding: 0; border: 0; font-family: 'Noto Sans KR'; }
.renew2020.popContent h6 { height: 55px; padding: 0 30px; line-height: 55px; background: #ed174d; color: #fff; border: 0; font-family: 'Noto Sans KR'; font-size: 20px; font-weight: bold; letter-spacing: -1px; box-sizing: border-box; }
.renew2020.popContent .popup { overflow-y: scroll; height: 650px; margin: 0; padding: 30px 15px 30px 30px; box-sizing: border-box; }
.renew2020.popContent .compare_table { border-top: 2px solid #000; }
.renew2020.popContent .compare_table table tr:first-child th,
.renew2020.popContent .compare_table table th,
.renew2020.popContent .compare_table table tr:nth-child(even) th { background: #f5f5f5; border-color: #d4d4d4; }
.renew2020.popContent .compare_table table td { background: #fff; border-right: 1px solid #d4d4d4; }
.renew2020.popContent .compare_table table th,
.renew2020.popContent .compare_table table td { padding: 20px 5px 21px; font-size: 18px; font-weight: normal; color: #222 !important; letter-spacing: -1px; text-align: center; }
.renew2020.popContent .compare_table table tr:first-child th { border-top: 0; }
.renew2020.popContent .compare_table table tr:first-child td { border-color: #d4d4d4; border-top: 0; }
.renew2020.popContent .compare_table table .img_wrap { padding: 0; }
.renew2020.popContent .compare_table table tr:first-child td img { height: 210px; }
.renew2020.popContent .compare_table table .col1_select { font-size: 18px; text-align: center; }
.renew2020.popContent .compare_img { padding: 20px 0; }
.renew2020.popContent .comparePhon_tit { margin-top: 27px; padding: 0; font-size: 22px; color: #222; letter-spacing: -1px; }
.renew2020.popContent .btnType7.a3 { width: 136px; height: 38px; margin-top: 17px; background: #fff; font-size: 16px; color: #ed174d; border: 1px solid #ed174d !important; border-radius: 30px !important; }

/* 요금제 서비스 상단탭 */
.renew2020 .goodPriceBn { overflow: visible; width: 1142px; margin: 0 auto; }
.renew2020 .goodPriceBn h3 { margin-top: 35px; font-size: 38px; color: #222; line-height: 1.5; }
.renew2020 .goodPriceBn h3 i { display: inline-block; margin-top: 9px; padding: 0 6px; font-size: 24px; font-style: normal; vertical-align: top; }
.renew2020 .goodPriceBn .Tab_m { overflow: visible; height: 62px; margin-top: 21px; }
.renew2020 .goodPriceBn .Tab_m ul { top: 0; left: 0; height: 62px; background: none; border: 0; }
.renew2020 .goodPriceBn .Tab_m ul:after { content: ''; display: block; clear: both; }
.renew2020 .goodPriceBn .Tab_m li { height: 62px; top: 0; background: #6d6e70; }
.renew2020 .goodPriceBn .Tab_m ul.price_tab li { border: 0; }
.renew2020 .goodPriceBn .Tab_m.col4 ul.price_tab li { width: 25%; }
.renew2020 .goodPriceBn .Tab_m li a:hover { background: none; }
.renew2020 .goodPriceBn .Tab_m li a:hover:after { border: 0; }
.renew2020 .goodPriceBn .Tab_m li a.on { background: #ed174d; }
.renew2020 .goodPriceBn .Tab_m li a.on:hover:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 50, 121, 0); border-top-color: #003279; border-width: 8px; margin-left: -8px; border-top-color: #ed174d; }
.renew2020 .goodPriceBn .Tab_m ul.price_tab li a span { top: 0; display: inline-block; width: auto; height: auto; background: none; color: #fff; font-size: 20px; color: #fff; line-height: 62px; text-indent: 0; letter-spacing: -0.5px; }

/* 요금제 서비스 검색박스 */
.renew2020 .reteViewWrap { padding: 0; background: url('/web/images/sub/bg/bg_rate.jpg') no-repeat 50% 0; letter-spacing: -0.5px; }
.renew2020 .reteViewWrap .inner_cont { width: 1142px; margin: 0 auto; }
.reteViewWrap .prd_search .item_row { padding: 0 46px; }
.reteViewWrap .prd_search .item_row + .item_row { margin-top: 20px; }
.reteViewWrap .prd_search .item_row .items { width: 50%; padding: 0 20px; box-sizing: border-box; }
.reteViewWrap .prd_search .item_row .items + .items { margin: 0; padding: 0 20px; }
.reteViewWrap .prd_search .item_row .items .tit { position: static; margin-bottom: 11px; }
.reteViewWrap .prd_search .item_row .radio_list li { margin-top: -1px; }
.renew2020 .reteViewWrap .tit_box { padding: 58px 0 50px; text-align: center; }
.renew2020 .reteViewWrap .tit_box .tit_msg strong { font-size: 42px; line-height: 1.5; }
.renew2020 .reteViewWrap .tit_box .tit_msg .fc_red { color: #ed174d; }
.renew2020 .reteViewWrap .tit_box .desc_msg { margin-top: 10px; font-size: 24px; font-weight: 300; line-height: 1.2; }
.renew2020 .reteViewWrap .btn_find { margin-top: 43px; text-align: center; }
.renew2020 .reteViewWrap .rate_cont .btn_find > span { display: inline-block; }
.renew2020 .btn_big { display: inline-block; height: 50px; padding: 0 40px; background: #ed174d; border-radius: 5px; color: #fff; font-size: 20px; font-weight: 300; line-height: 48px; box-sizing: border-box; }
.renew2020 .btn_reset { margin-left: 6px; padding: 0 52px 0 67px; background: #fff url('/web/images/sub/btn/btn_refresh.png') no-repeat 28% 50%; border: 1px solid #4a4c58; color: #4a4c58; }
.renew2020 .rate_search { padding-bottom: 140px; background: #fff; border-top: 4px solid #ed174d; }
.rate_search .rate_box { padding: 50px 0 48px 0; box-sizing: border-box; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); }
.rate_search .rate_list { padding: 0 198px; font-size: 0; text-align: center; }
.rate_search .rate_list li { position: relative; display: inline-block; width: 33.3%; }
.rate_search .rate_list li + li a:before { content: ''; position: absolute; top: 13%; bottom: 20%; left: 0; width: 1px; background: #d4d4d4; }
.rate_search .rate_list li.on:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -6px; background: none; border: solid transparent; border-top-color: #ed174d; border-width: 6px; }
.rate_search .rate_list li a { display: block; padding: 67px 0 5px 0; font-size: 20px; }
.rate_search .rate_list .list01 a { background: url('/web/images/sub/ico/icon_ratelist01.png') no-repeat 50% 0; }
.rate_search .rate_list .list01.on a { background-position: 50% -110px; }
.rate_search .rate_list .list02 a { background: url('/web/images/sub/ico/icon_ratelist02.png') no-repeat 50% 0; }
.rate_search .rate_list .list02.on a { background-position: 50% -110px; }
.rate_search .rate_list .list03 a { background: url('/web/images/sub/ico/icon_ratelist03.png') no-repeat 50% 0; }
.rate_search .rate_list .list03.on a { background-position: 50% -113px; }
.rate_search .rate_list li.on a { color: #ed174d; font-weight: bold; }
.rate_search .rate_contwrap { margin-top: 19px; }
.rate_search .rate_cont { display: none; margin-bottom: 0; background: #fff; }
.rate_search .rate_cont:first-child { display: block; }
.rate_search .range_boxwrap { text-align: center; }
.rate_search .range_box { position: relative; display: inline-block; margin: 30px 55px 0 0; box-sizing: border-box; }
.rate_search .range_box:after { content: ''; display: block; clear: both; }
.rate_search .range_box .range_tit { position: absolute; top: 0; left: 0; width: 56px; font-size: 20px; text-align: right; }
.rate_search .price_range { margin: 75px 80px 50px 0; }
.rate_search .call_range { margin: 30px 55px 13px 0; }
.rate_search .price_range .range_tit { width: 80px; }
.rate_search .range_box .range_scope { position: relative; float: right; width: 582px; margin-left: 72px; text-align: left; font-size: 0; }
.rate_search .price_range .range_scope { margin-left: 97px; }
.rate_search .range_box .range_scope:before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 4px; margin-top: -13px; background: #d2d2d2; border-top: 1px solid #c6c6c6; border-radius: 4px; box-sizing: border-box; }
.rate_search .range_box .range_scope:after { content: ''; position: absolute; left: 0; top: 50%; height: 4px; margin-top: -13px; background: url('/web/images/sub/bg/bg_scope_on.png') no-repeat 0 0; border-radius: 3px; transition: all 0.3s; }
.rate_search .range_box .range_scope.s1:after { width: 14%; }
.rate_search .range_box .range_scope.s2:after { width: 38%; }
.rate_search .range_box .range_scope.s3:after { width: 64%; }
.rate_search .range_box .range_scope.s4:after { width: 100%; }
.rate_search .range_box .range_scope .scope { position: relative; z-index: 10; display: inline-block; width: 25%; font-size: 17px; text-align: center; }
.rate_search .range_box .range_scope button { overflow: visible; position: relative; display: block; height: 26px; padding-top: 29px; margin: 0 auto; background: url('/web/images/sub/btn/btn_scope_off.png') no-repeat 50% 0; }
.rate_search .range_box .range_scope button.on { background: url('/web/images/sub/btn/btn_s1_on.png') no-repeat 50% 0; }
.rate_search .range_box .range_scope button em { display: block; font-family: 'Noto Sans KR'; font-size: 17px; font-weight: bold; color: #555; }

/*
.rate_search .range_box .range_scope .s1 button.on {background:url('/web/images/sub/btn/btn_s1_on.png') no-repeat 50% 0;}
.rate_search .range_box .range_scope .s2 button.on {background:url('/web/images/sub/btn/btn_s2_on.png') no-repeat 50% 0;}
.rate_search .range_box .range_scope .s3 button.on {background:url('/web/images/sub/btn/btn_s3_on.png') no-repeat 50% 0;}
.rate_search .range_box .range_scope .s4 button.on {background:url('/web/images/sub/btn/btn_s4_on.png') no-repeat 50% 0;}
.rate_search .range_box .range_scope button.on {transition:all 0.5s;}
*/
.rate_search .prd_search { margin-top: 40px; }
.rate_search .rate_result { margin-top: 45px; }
.rate_result .calling_plan_wrap .calling_plan_list { margin: 0 -10px 0 -9px; padding: 0; }
.rate_result .calling_plan_wrap .calling_plan_list > li { width: 368px; margin: 15px 10px 15px 9px; }
.rate_search .rate_result .tagWrap { font-size: 0; }
.rate_search .rate_result .tagWrap span { font-size: 12px; }
.rate_search .rate_result .tagWrap span + span { margin-left: 3px; }
.rate_result .Tab.rate1 { margin: 60px 0 25px; }
.rate_result div.paginate { margin-top: 25px; }
.renew2020 .rate_search .Tab.a4 li { width: 25%; }

/* 요금제 안내 - 211223 */
.rateTotalView .rate_search .rate_box{padding-bottom:25px;}
.rateTotalView .rate_search .rate_list .list01 a {background:url('/web/images/sub/rate/rateTotalView/rateTotalView_icon01.png') 55% 0 no-repeat;}
.rateTotalView .rate_search .rate_list .list01.on a {background-image:url('/web/images/sub/rate/rateTotalView/rateTotalView_icon01_on.png'); background-position:55% 0;}
.rateTotalView .rate_search .rate_list .list02 a {background:url('/web/images/sub/rate/rateTotalView/rateTotalView_icon02.png') 56% 0 no-repeat;}
.rateTotalView .rate_search .rate_list .list02.on a {background-image:url('/web/images/sub/rate/rateTotalView/rateTotalView_icon02_on.png'); background-position:56% 0;}
.rateTotalView .select_wrap{margin-bottom:15px; padding:0 50px; text-align:right;}
.rateTotalView .select_wrap .mobile_carrier{display:inline-block; text-align:left; position:relative;}
.rateTotalView .select_wrap .mobile_carrier .selected{width:90px; display:block; position:relative; text-align:left; overflow:hidden; padding:5px 25px 5px 15px; line-height:1.2em; border:1px solid #000; border-radius:5px; background:#fff; font-size:12px; color: #000; font-weight:bold; letter-spacing: -1px; box-sizing: border-box;} 
.rateTotalView .select_wrap .mobile_carrier .selected:after{position:absolute; content:''; top:0; right:0; width:20px; height:100%; background:url('/web/images/sub/renew202106/ico_arrow_blck_down.png') #fff center center no-repeat; } 
.rateTotalView .select_wrap .mobile_carrier .selected.on:after{background-image:url('/web/images/sub/renew202106/ico_arrow_blck_up.png');}
.rateTotalView .select_wrap .mobile_carrier ul{display:none; position: absolute; margin:0px; overflow:hidden; width:100%; top:22px; left:0; padding-top:4px; background:#fff; border:1px solid #000; border-top:none; border-radius:0 0 5px 5px; box-sizing:border-box; z-index:5;}
.rateTotalView .select_wrap .mobile_carrier ul.active{display:block;}
.rateTotalView .select_wrap .mobile_carrier ul li{float:none; display:block; width:100%; margin:0; padding:0px; overflow: hidden; background: #fff; } 
.rateTotalView .select_wrap .mobile_carrier ul li .btn_radio input + label{background:#fff; width:100%; font-size:12px; color:#000; border:none; padding:5px 25px 5px 15px; height:auto; text-align:left; line-height:1.2em;}
.rateTotalView .select_wrap .mobile_carrier ul li:last-child .btn_radio input + label{border-bottom:0;} 
.rateTotalView .select_wrap .mobile_carrier ul li .btn_radio input+ label:hover, .rateTotalView .select_wrap .mobile_carrier ul li .btn_radio input + label:focus, .rateTotalView .select_wrap .mobile_carrier ul li .btn_radio input:checked + label{background:#f5f5f5; color:#000; border:none;}
.rateTotalView .rateBest_slider{padding:0 25px; position:relative;}
.rateTotalView .rateBest_slider .rateBest_icon{position:absolute; top:-18px; left:110px; z-index:1;}
.rateTotalView .rateBest_slider .rateBest_list{height:270px; background:-webkit-linear-gradient(45deg, #fef1dd 0%,#ffe9e9 60%); background:linear-gradient(45deg, #fef1dd 0%,#ffe9e9 60%); border-radius:25px; position:relative;}
.rateTotalView .rateBest_slider .rateBest_list .slick-arrow{width:55px; height:55px; top:calc(50% - 27.5px) !important; opacity:0.5; transition:none}
.rateTotalView .rateBest_slider .rateBest_list .slick-arrow:hover{opacity:1;}
.rateTotalView .rateBest_slider .rateBest_list .slick-prev{left:10px; background:url('/web/images/sub/rate/rateTotalView/arrow_left_dkGray.png') top center no-repeat;}
.rateTotalView .rateBest_slider .rateBest_list .slick-next{right:10px; background:url('/web/images/sub/rate/rateTotalView/arrow_right_dkGray.png') top center no-repeat;}
.rateTotalView .rateBest_slider .rateBest_list .rateBest_item{height:270px; padding:55px 140px 0 120px; box-sizing:border-box; font-size:0; color:#222; line-height:1.2;}
.rateTotalView .rateBest_list .rateBest_item > *{display:inline-block; vertical-align:middle;}
.rateTotalView .rateBest_list .rateBest_item dt{width:calc(100% - 250px);}
.rateTotalView .rateBest_list .rateBest_item dt .txt{display:block; margin-bottom:8px; font-size:18px; color:#666;}
.rateTotalView .rateBest_list .rateBest_item dt .tit{margin-bottom:25px; font-size:36px; font-weight:500;}
.rateTotalView .rateBest_list .rateBest_item dt ul li{display:inline-block; width:180px; vertical-align:top;}
.rateTotalView .rateBest_list .rateBest_item dt ul li p{padding-left:38px; font-size:18px; font-weight:500; position:relative;}
.rateTotalView .rateBest_list .rateBest_item dt ul li p:before{content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); background-position:top left; background-repeat:no-repeat;}
.rateTotalView .rateBest_list .rateBest_item dt ul li.data p:before{width:28px; height:26px; background-image:url('/web/images/sub/rate/rateTotalView/data_icon_red.png');}
.rateTotalView .rateBest_list .rateBest_item dt ul li.message p:before{width:26px; height:23px; background-image:url('/web/images/sub/rate/rateTotalView/message_icon_red.png');}
.rateTotalView .rateBest_list .rateBest_item dt ul li.call p{padding-left:30px;}
.rateTotalView .rateBest_list .rateBest_item dt ul li.call p:before{width:19px; height:29px; background-image:url('/web/images/sub/rate/rateTotalView/call_icon_red.png');}
.rateTotalView .rateBest_list .rateBest_item dt ul li span{display:block; margin-top:12px; font-size:15px; color:#ed174b;}
.rateTotalView .rateBest_list .rateBest_item dd{width:250px; text-align:right; letter-spacing:-1px; line-height:1;}
.rateTotalView .rateBest_list .rateBest_item dd p{display:inline-block; text-align:center;}
.rateTotalView .rateBest_list .rateBest_item dd .price{display:block; margin-bottom:13px; font-size:16px; color:rgba(34, 34, 34, 0.65); position:relative;}
.rateTotalView .rateBest_list .rateBest_item dd .price:after{content:""; display:block; width:184px; height:29px; position:absolute; top:22px; left:calc(50% + 7px); transform:translateX(-50%); background:url('/web/images/sub/rate/rateTotalView/arrow_lineThrough.png') top left no-repeat;}
.rateTotalView .rateBest_list .rateBest_item dd .price strong{font-size:35px; vertical-align: sub;}
.rateTotalView .rateBest_list .rateBest_item dd .sale{display:block; font-size:24px;}
.rateTotalView .rateBest_list .rateBest_item dd .sale strong{font-size:50px; color:#ed174d; vertical-align:sub;}
.rateTotalList_txt{margin:-15px 0 10px; font-size:20px; text-align:right;}
.rateTotal_list dl{border:1px solid #d4d4d4; border-top:0;}
.rateTotal_list dl:first-of-type{border-top:1px solid #222;}
.rateTotal_list dl dt{padding:0 40px 0 220px; background:#f7f7f7; position:relative; cursor:pointer;}
.rateTotal_list dl dt > img{height:104px; position:absolute; top:50%; left:53px; transform:translateY(-50%); z-index: 3;}
.rateTotal_list dl dt .info{padding:35px 0 40px; position:relative;}
.rateTotal_list dl dt .info:after{content:""; display:block; width:29px; height:20px; position:absolute; top:50%; transform:translateY(-50%); right:0; background:url("/web/images/sub/rate/rateTotalView/arrow_down_bold.png") top left no-repeat;}
.rateTotal_list dl dt p{font-size:30px; font-weight:500; padding-right: 60px; position:relative;}
.rateTotal_list dl dt p a{display:inline-block; height:26px; line-height:24px; margin-left:13px; padding:0 13px; font-size:12px; color:#666; font-weight:500; border:1px solid #333; border-radius:13px; background:#fff; vertical-align:6px;}
.rateTotal_list dl dt span{display:block; margin-top:3px; font-size:16px; color:#666; padding-right: 60px;}
.rateTotal_list dl dt ul{display:none; border-top:1px solid #d4d4d4; font-size:0; text-align:right;}
.rateTotal_list dl dt ul li{display:inline-block; height:74px; line-height:74px; font-size:18px; color:#666; font-weight:500; text-align:center; vertical-align:top; box-sizing:border-box;}
.rateTotal_list dl dt ul li:before{content:""; display:inline-block; margin-right:7px; background-position:top left; background-repeat:no-repeat;}
.rateTotal_list dl dt ul li.data{width:220px;}
.rateTotal_list dl dt ul li.data:before{width:22px; height:21px; background-image:url('/web/images/sub/rate/rateTotalView/data_icon_gray.png'); vertical-align:-3px;}
.rateTotal_list dl dt ul li.message{width:110px;}
.rateTotal_list dl dt ul li.message:before{width:21px; height:18px; background-image:url('/web/images/sub/rate/rateTotalView/message_icon_gray.png'); vertical-align:-2.5px;}
.rateTotal_list dl dt ul li.call{width:150px;}
.rateTotal_list dl dt ul li.call:before{width:15px; height:23px; background-image:url('/web/images/sub/rate/rateTotalView/call_icon_gray.png'); vertical-align:-6px;}
.rateTotal_list dl dt ul li.price{width:160px; padding-right:40px;}
.rateTotal_list dl dt ul li.price:before{display:none;}
.rateTotal_list dl dd{display:none; border-top:1px solid #d4d4d4;}
.rateTotal_list dl dd.on{display:block;}
.rateTotal_list dl dd table{width:100%;}
.rateTotal_list dl dd table tr{border-bottom:1px solid #d4d4d4;}
.rateTotal_list dl dd table tr:last-of-type{border-bottom:0;}
.rateTotal_list dl dd table tr td{padding:25px 0; font-size:16px; text-align:center; box-sizing:border-box; vertical-align:middle;}
.rateTotal_list dl dd table tr td span{display:block; margin-top:5px; font-size:12px; color:#ed174b;}
.rateTotal_list dl dd table tr .data_tit{padding-left:40px; text-align:left; font-size:0;}
.rateTotal_list dl dd table tr .data_tit span{display:inline-block; height:20px; line-height:20px; margin:0 0 5px; padding:0 10px; font-weight:500; border-radius:10px 10px 10px 0; color:#fff; background:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ed174d, #f55933); white-space:nowrap; vertical-align:top; position:relative;}
.rateTotal_list dl dd table tr .data_tit span:before{content:""; display:block; width:0; height:0; border-top:7px solid #ed194d; border-right:8px solid transparent; position:absolute; bottom:-7px; left:0;}
.rateTotal_list dl dd table tr .data_tit p{font-size:22px; font-weight:500;}
.rateTotal_list dl dd table tr .price{padding-right:40px; vertical-align:middle; text-align:right;}
.rateTotal_list dl dd table tr .price strong{font-size:23px; color:#ed174b;}
.rateTotal_list dl dd table tr .price .rateJoin_btn{display:inline-block; margin-left:10px; vertical-align:middle;}
.rateTotal_list dl dd table tr .price > p{padding:0 53px 10px 0; margin-top:-8px; font-size:12px;}
.rateTotal_list dl dd table tr .price > p.on{padding-right:0; margin-top:2px;}

.rateTotal_list dl dt.on{padding:0 40px 0 220px;}
.rateTotal_list dl dt.on .info{padding-bottom:20px;}
.rateTotal_list dl dt.on .info:after{background-image:url("/web/images/sub/rate/rateTotalView/arrow_up_bold.png");}
.rateTotal_list dl dt.on ul{display:block;}
.rateTotal_list dl dt.on > img{height:auto; left:40px;}

#noticePop .popContent{padding:30px; height:calc(100% - 60px); line-height:1.5;}
.pop_noticeCon .price_notice_box > h5{display:none;}
.pop_noticeCon ol > li{margin-bottom:25px; font-size:14px; color:#757575;}
.pop_noticeCon ol > li:last-of-type{margin-bottom:0;}
.pop_noticeCon ol > li > strong, .pop_noticeCon ol > li > p > strong{display:block; margin-bottom:7px; font-size:18px; color:#000;}
.pop_noticeCon ol > li + ul{margin:-18px 0 25px;}
.pop_noticeCon ol > li + ul li{font-size:14px; color:#757575;}
.pop_noticeCon ol li ul{margin-bottom:7px;}
.pop_noticeCon ol li ul:last-of-type{margin-bottom:0;}
.pop_noticeCon ol li ul > p{margin-bottom:3px; font-size:16px;}
.pop_noticeCon ol li ul li{font-size:14px; color:#757575;}
.pop_noticeCon .layer_target{margin-left:5px; color:#ed174b;}
.pop_noticeCon .layer_box1{margin:10px 0; padding:20px; font-size:13px; border:1px solid #666; background:#fff; display:none; position:relative; max-width:600px; width:auto;}
.pop_noticeCon .layer_box1 .tit{color:#444; font-size:13px; font-weight:bold;}
.pop_noticeCon .layer_box1 .txt{margin-top:13px; color:#666; font-size:13px;}
.pop_noticeCon .layer_box1 .graph_img{margin-top:15px; display:block; text-align:center;}
.pop_noticeCon .layer_box1 .graph_img img{max-width:100%;}
.pop_noticeCon .layer_box1 a{position:absolute; top:10px; right:10px;}
.pop_noticeCon .infoBox > .tit{display:none;}
.pop_noticeCon .infoBox ol li{font-size:14px; color:#757575;}
.pop_noticeCon .infoBox .btn_open{color:#ed174d;}
.pop_noticeCon .infoBox .popup-type1{display:none; max-width:100%; height:auto !important; padding:15px;border:solid 1px #999;background:#fff;position:relative !important; top:0 !important; left:0 !important; margin:10px 0;}
.pop_noticeCon .infoBox .popup-type1 p.title{margin-bottom:5px;color:#333;font-size:14px;font-weight:bold;}
.pop_noticeCon .infoBox .popup-type1 .list-type1{margin-top:0px;margin-bottom:0px;}
.pop_noticeCon .infoBox .popup-type1 .list-type1 li{margin-bottom:10px;font-size:14px;line-height:1.4;background:#fff;}
.pop_noticeCon .infoBox .popup-type1 .list-type1 li:last-of-type{margin-bottom:0;}
.pop_noticeCon .infoBox .popup-type1 .btn_close{position:absolute; top:10px; right:10px;}
.pop_noticeCon .notice_table_wrap1{width:100%;margin:10px 0px;border-top:2px solid #ACACAC;}
.pop_noticeCon .notice_table_wrap1 .table_type1{width:100%; text-align:center;font-size:12px;}
.pop_noticeCon .notice_table_wrap1 .table_type1 th{padding:5px;border-bottom:1px solid #ACACAC;}
.pop_noticeCon .notice_table_wrap1 .table_type1 td{padding:5px;border-left:1px solid #ACACAC;border-bottom:1px solid #ACACAC;}
.pop_noticeCon .tbl_more_type2{width:100%;border-top:2px solid #d5d5d5;border-collapse:collapse;}
.pop_noticeCon .tbl_more_type2 caption{display:none;}
.pop_noticeCon .tbl_more_type2 thead th:first-child{border-left:none;}
.pop_noticeCon .tbl_more_type2 thead th{padding:8px !important;color:#666;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #d5d5d5;border-left:1px solid #eee;background:#fafafa; vertical-align:middle;}
.pop_noticeCon .tbl_more_type2 tbody td:first-child{border-left:none;}
.pop_noticeCon .tbl_more_type2 tbody td{padding:8px 0;font-size:14px;color:#666;text-align:center;border-bottom:1px solid #d5d5d5;border-left:1px solid #eee; vertical-align:middle;}

.layerpop.renew2020 .usimPopWrap.usimPopWrap_rate{height:700px; margin-top:-350px;}
[class^='layerpop'] .usimPopWrap_rate .popContent.type2{height:calc(100% - 60px);}
.layerpop.renew2020 .usimPopWrap_rate .usim_event{height:auto; overflow-y:auto;}

/* 부가서비스 */
.renew2020 .add_service { padding: 0; background: url('/web/images/sub/bg/bg_rate.jpg') no-repeat 50% 0; letter-spacing: -0.5px; }
.renew2020 .add_service .inner_cont { width: 1142px; margin: 0 auto; }
.renew2020 .add_service .tit_box { padding: 58px 0 50px; text-align: center; }
.renew2020 .add_service .tit_box .tit_msg strong { font-size: 42px; line-height: 1.5; }
.renew2020 .add_service .tit_box .tit_msg .fc_red { color: #ed174d; }
.renew2020 .add_service .tit_box .desc_msg { margin-top: 10px; font-size: 24px; font-weight: 300; line-height: 1.2; }
.renew2020 .add_service .rate_search .rate_box { padding: 50px 0 63px 0; }
.renew2020 .add_service .prd_search .item_row .items { width: 100%; padding: 0; }
.renew2020 .add_service .prd_search .item_row .items li { width: 20%; flex: inherit; }
.renew2020 .add_service .add_txt { margin-top: 38px; font-size: 14px; color: #555; text-align: center; }
.renew2020 .add_service .add_txt .btn_apply { display: inline-block; margin-left: 10px; padding-left: 16px; background: url('/web/images/sub/ico/icon_apply.png') 0 50% no-repeat; color: #ed174d; }
/* 221006 부가서비스 수정 */
.renew2020 .add_service .add_txt02{font-size:16px; color:#333;}
.renew2020 .add_service .add_txt02 .btnType2.a1{width:90px; height:35px; line-height:35px; margin-left:15px; font-size:14px;}
/* 221006 부가서비스 수정 */
.renew2020 .add_service .rate_search .rate_list { padding: 0 218px; }
.renew2020 .add_service .rate_search .rate_list li + li a:before { left: 11px; }
.renew2020 .add_service .rate_search .rate_list li + li + li a:before { left: -11px; }
.add_service .rate_search .rate_list .list01 a { background: url('/web/images/sub/ico/icon_lg.png') no-repeat 50% 15px; }
.add_service .rate_search .rate_list .list01.on a { background-position: 50% -196px; }
.add_service .rate_search .rate_list .list02 a { background: url('/web/images/sub/ico/icon_kt.png') no-repeat 50% 8px; }
.add_service .rate_search .rate_list .list02.on a { background-position: 50% -199px; }
.add_service .rate_search .rate_list .list03 a { background: url('/web/images/sub/ico/icon_sk.png') no-repeat 50% 0; }
.add_service .rate_search .rate_list .list03.on a { background-position: 50% -199px; }
.add_service .rate_result div.paginate { margin-top: 40px; }
.prd_search.large { margin-top: 45px; }
.prd_search.large .item_row .items { z-index: 1; positoin: relative; }
.prd_search.large .item_row .items:after { content: ''; z-index: -1; position: absolute; top: 0; right: 0; bottom: 1px; left: 0; background: #f5f5f5; border: 1px solid #d6d6d6; }
.prd_search.large .item_row { padding: 0 50px; }
.prd_search.large .item_row .radio_list { margin: 1px; border: 0; }
.prd_search.large .item_row .radio_list li { height: 52px; margin: 0; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; box-sizing: border-box; }
.prd_search.large .item_row .radio_list li:nth-child(5n) { border-right: 0; }
.prd_search.large .item_row .radio_list input[type=radio] + label { height: 50px; line-height: 48px; font-size: 16px; border: 0; }
.renew2020 .addscv_search { overflow: hidden; margin: 60px 0 0; }
.renew2020 .addscv_search .r_box { float: right; }
.renew2020 .addscv_search .search_box { float: right; width: 368px; }
.renew2020 .addscv_search .search_area { position: relative; padding: 0 57px 0 0; }
.renew2020 .search_area .btn_search { position: absolute; top: 0; right: 0; }
.renew2020 .search_area  input { width: 100%; margin: 0; padding: 0 15px; height: 36px; background: #fff; border: 1px solid #cbcbcb; font-size: 14px; font-family: 'Noto Sans KR'; line-height: 36px; }
.renew2020 .addscv_search .btn_search { margin: 0; padding: 0 15px 0 16px; height: 36px; font-size: 14px; background: #f5f5f5; border: 1px solid #cbcbcb; color: #222; line-height: 36px; box-sizing: border-box; }
.renew2020 .rateAdd_list { margin-top: -10px; border: 0; }
.renew2020 .rateAdd_list .rateAdd_cont { display: flex; width: 1161px; margin-left: -19px; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.renew2020 .rateAdd_list .rateAdd_cont:after { content: ''; display: block; clear: both; }
.renew2020 .rateAdd_list .rateAdd_cont li { position: relative; flex-basis: 366px; margin: 30px 0 0 19px; background: none; border: 1px solid #cbcbcb; }
.renew2020 .rateAdd_list .rateAdd_cont li dl { padding: 22px 8px 70px; }
.renew2020 .rateAdd_list .rateAdd_cont li dl dt { float: none; width: auto; }
.renew2020 .rateAdd_list .rateAdd_cont li dl dt img { vertical-align: middle; }
.renew2020 .rateAdd_list .rateAdd_cont li dl dt span { display: inline-block; width: 220px; font-size: 22px; font-weight: bold; line-height: 1.3; vertical-align: middle; }
.renew2020 .rateAdd_list .rateAdd_cont li dl dd { float: none; width: auto; margin-top: 12px; padding: 0 17px; }
.renew2020 .rateAdd_list .rateAdd_cont li dl dd p { padding: 0; font-size: 15px; color: #222; line-height: 1.3; word-break: keep-all; }
.renew2020 .rateAdd_list .rateAdd_cont li .btn_view { position: absolute; top: auto; right: 25px; bottom: 14px; left: 25px; width: auto; margin-top: 19px; padding: 15px 0 0; border-top: 1px solid #cbcbcb; }
.renew2020 .rateAdd_list .rateAdd_cont li .btn_view:after { content: ''; display: block; clear: both; }
.renew2020 .rateAdd_list .rateAdd_cont li .btn_view button { position: relative; height: auto; padding-right: 11px; font-family: 'Noto Sans KR'; line-height: 1.5; }
.renew2020 .rateAdd_list .rateAdd_cont li .btn_view button:after { content: ''; position: absolute; right: 1px; top: 8px; width: 5px; height: 5px; border: 1px solid #aaa; border-left: 0; border-bottom: 0; transform: rotate(45deg); }
.renew2020 .rateAdd_list .rateAdd_cont li .btn_view .rate { float: right; font-size: 18px; color: #ed174d; font-weight: bold; line-height: 1.2; }
.renew2020 .btn_view .btnType3 { padding: 0; border: 0; color: #222; font-size: 14px; }
.renew2020 .rateAdd_list + .no_result { margin-top: -60px; }

/* 부가서비스 레이어 팝업 */
.layerpop.renew2020 .popHeader { padding: 0 15px 0 30px; border: 0; background: #ed174d; }
.layerpop.renew2020 .popHeader .tit { margin: 0; padding: 0; color: #fff; font-weight: bold; font-size: 20px; line-height: 60px; }
.layerpop.renew2020 .popContent { overflow-y: auto; height: 585px; padding: 28px 25px 0 25px; border: 0; box-sizing: border-box; }
.layerpop.renew2020 .popContent { padding: 28px 30px 0 28px; }
.layerpop.renew2020 .popContent * { letter-spacing: -0.5px; }
.layerpop.renew2020 .popClose { right: 15px; top: 20px; width: 17px; height: 18px; background: url('/web/images/global/popbtn_close_35px.png') no-repeat; background-size: 100%; }
.layerpop.renew2020 .btn_area { margin: 20px 0 30px; text-align: center; }
.layerpop.renew2020 .btn_layerpopup { padding: 9px 51px; background: #fff; color: #4a4c58; font-size: 16px; border: 1px solid #4a4c58; font-family: 'Noto Sans KR'; border-radius: 4px; }
.layerpop.renew2020 .btn_layerpopup span { display: block; line-height: 1; }
.layerpop.renew2020 .detailBox { padding: 24px 20px 26px; background: #fcfcfc; border: 1px solid #d5d5d5; font-family: 'dotum', '돋움', 'Malgun Gothic'; line-height: 1.4; }
.layerpop.renew2020 .detailBox * { font-family: 'dotum', '돋움', 'Malgun Gothic'; letter-spacing: -0.3px; }
.layerpop.renew2020 .popContent h3,
.layerpop.renew2020 .popContent h4 { height: auto; line-height: 1; margin-bottom: 12px; padding: 0; background: none; color: #222; font-size: 12px; font-family: 'dotum', '돋움', 'Malgun Gothic'; font-weight: bold; }
.layerpop.renew2020 .detailBox h3 ~ h3 { margin-top: 20px; }
.layerpop.renew2020 .popContent h4 { margin: 12px 0 9px; font-weight: normal; }
.layerpop.renew2020 .detailBox p { padding-left: 8px; color: #222; font-size: 12px; line-height: 1.8; font-family: 'dotum', '돋움', 'Malgun Gothic'; letter-spacing: -0.5px; text-indent: -8px; }
.layerpop.renew2020 .rateAdd_detail { height: auto; padding: 0 0 26px 0; }
.layerpop.renew2020 .rateAdd_detail dl { height: auto; }
.layerpop.renew2020 .rateAdd_detail dl dt { float: none; width: auto; }
.layerpop.renew2020 .rateAdd_detail dl dt img { margin-left: -18px; vertical-align: middle; }
.layerpop.renew2020 .rateAdd_detail dl dd { float: none; width: auto; margin-top: 12px; padding-left: 0; font-size: 15px; color: #222; letter-spacing: -0.3px; }
.layerpop.renew2020 .tit_box { display: inline-block; margin: 0; text-align: left; vertical-align: middle; }
.layerpop.renew2020 .tit_box .blTxt { font-size: 22px; font-weight: bold; olor: #222; }
.layerpop.renew2020 .tit_box .rate { display: block; color: #ed174d; font-size: 15px; font-weight: bold; }

/* 이벤트 */
.renew2020 .eventList h3 { margin-top: 35px; font-size: 38px; color: #000; line-height: 1.5; }
.renew2020 .eventList { padding-bottom: 110px; }
.renew2020 .eventBoardList_Wrap { font-family: 'dotum', '돋움', 'Malgun Gothic'; }
.renew2020 .eventBoardList_Wrap .event_count { color: #717171; }
.renew2020 .eventBoardList h3 { margin-top: 35px; font-size: 38px; color: #000; line-height: 1.5; }
.renew2020 .eventBoardList { padding-bottom: 110px; }
.renew2020 .eventView h3 { margin-top: 35px; font-size: 38px; color: #000; line-height: 1.5; }
.renew2020 .eventBoardView { padding-bottom: 110px; }
.renew2020 .eventBoardView h3 { margin-top: 35px; font-size: 38px; color: #000; line-height: 1.5; }
.renew2020 .eventBoardView_Wrap { margin-top: 50px; font-family: 'dotum', '돋움', 'Malgun Gothic'; }
.renew2020 .boardView.a1 .dateWrap .btnWrap a { display: inline-block; }
.renew2020 .boardView.a1 .dateWrap .btnWrap a + a { margin-left: 4px; }
.renew2020 .event_view_wrap { margin-top: 50px; margin-bottom: 140px; font-family: 'dotum', '돋움', 'Malgun Gothic'; }
.renew2020 .Tab_m { overflow: visible; height: 62px; margin: 21px 0 0; }
.renew2020 .Tab_m ul { top: 0; left: 0; height: 62px; background: none; border: 0; }
.renew2020 .Tab_m ul:after { content: ''; display: block; clear: both; }
.renew2020 .Tab_m li { height: 62px; top: 0; background: #6d6e70; }
.renew2020 .Tab_m ul li { border: 0; }
.renew2020 .Tab_m.col2 ul li { width: 50%; }
.renew2020 .Tab_m.col3 ul li { position: relative; width: 33.4%; }
.renew2020 .Tab_m.col3 ul li + li { width: 33.3%; }
.renew2020 .Tab_m.col4 ul li { width: 25%; }
.renew2020 .Tab_m.col5 ul li { width: 20%; }
.renew2020 .Tab_m ul li a { z-index: 0; height: 62px; }
.renew2020 .Tab_m ul li a.on { z-index: 10; }
.renew2020 .Tab_m ul li + li a:before { content: ''; position: absolute; top: 33%; bottom: 33%; left: -1px; display: block; width: 1px; background: #9a9a9a; }
.renew2020 .Tab_m ul li a.on:before { content: ''; position: absolute; top: 33%; bottom: 33%; left: auto; right: 0; display: block; width: 1px; background: #ed174d; }
.renew2020 .Tab_m li a:hover { background: none; }
.renew2020 .Tab_m li a:hover:after { border: 0; }
.renew2020 .Tab_m li a.on { background: #ed174d; }
.renew2020 .Tab_m li a.on:hover:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 50, 121, 0); border-top-color: #003279; border-width: 8px; margin-left: -8px; border-top-color: #ed174d; }
.renew2020 .Tab_m ul li a span { top: 0; display: inline-block; width: auto; height: auto; background: none; color: #fff; font-size: 20px; color: #fff; line-height: 62px; text-indent: 0; letter-spacing: -0.5px; }
.renew2020 .Tab_m ul li a h2 { top: 0; display: inline-block; width: auto; height: auto; background: none; color: #fff; font-size: 20px; color: #fff; line-height: 62px; text-indent: 0; letter-spacing: -0.5px; font-weight:normal;}	/*202109 seo 처리*/
.renew2020 .event_list_wrap { margin-top: 20px; }
.renew2020 .event_list { margin-top: 0; border: 0; }
.renew2020 .event_list > ul { display: flex; width: 1161px; margin-left: -19px; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.renew2020 .event_list > ul > li { position: relative; flex-basis: 366px; margin: 30px 0 0 19px; padding: 0; overflow:visible;}
.renew2020 .event_list > ul > li:nth-of-type(3n):after{content:""; display:block; width:1161px; height:1px; background:#d9d9d9; position:absolute; bottom:0; right:0;}
.renew2020 .event_list > ul > li:last-of-type:after{display:none;}
.renew2020 .event_list > ul > li a { display: block; }
.renew2020 .event_list > ul > li .event_img { float: none; display: block; width: 100%; height: 165px; }
.renew2020 .event_list > ul > li .event_box { float: none; margin: 0; padding: 23px 20px 53px; box-sizing: border-box; }
.renew2020 .event_list > ul > li .event_tit {width:100%; height: 56px; margin-bottom: 15px; font-family: 'Noto Sans KR'; font-size: 22px; color: #222; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; letter-spacing: -0.5px; }
.renew2020 .event_list > ul > li .event_desc { font-size: 15px; color: #555; letter-spacing: -0.5px; word-break: keep-all; }
.renew2020 .event_list .event_info { position: absolute; left: 28px; right: 28px; bottom: 27px; }
.renew2020 .event_list .event_info:after { content: ''; display: block; clear: both; }
.renew2020 .event_list .event_info li { float: left; width: auto; margin: 0; background: none; font-size: 14px; border: 0; }
.renew2020 .event_list .event_info li + li { float: right; }
.renew2020 .event_list .event_info .date { padding-left: 0; color: #ed174d; letter-spacing: -0.5px; }
.renew2020 .event_list .paginate { margin-top: 40px; }

/* 검색 */
.section_search .renew2020.mobileList { margin-bottom: 60px; }
.section_search .renew2020.mobileList .result_txt2 { font-family: 'dotum', '돋움', 'Malgun Gothic'; }
.section_search .renew2020.mobileList .itemList { overflow: visible; margin: 1px 0 40px 1px; padding-bottom: 0; }
.section_search .renew2020.mobileList .itemList li { left: 0; top: 0; margin: -1px 0 0 -1px; }
.section_search .renew2020.mobileList .itemList li .itemWrap { height: 357px; }
.section_search .renew2020.mobileList .itemList li .itemWrap h5 { margin-top: 26px !important; }
.section_search .renew2020.mobileList .itemList li .itemWrap .colorWrap { bottom: 118px; }

/* Tab sytle a4 */
.renew2020 .Tab.a4:after { display: block; content: ""; clear: both; }
.renew2020 .Tab.a4 li { float: left; width: 100%; text-align: center; position: relative; top: 1px; height: 62px; border-bottom: 1px solid #ed174b; }
.renew2020 .Tab.a4 li a { display: block; height: 61px; line-height: 61px; font-size: 16px; font-weight: 500; font-family: 'Noto Sans KR'; color: #555; border: 1px solid #ddd; border-right: none; background: #f5f5f5; border-bottom: none; }

/* color :#dddddd; background:#f5f5f5*/
.renew2020 .Tab.a4 li:last-child a { border-right: 1px solid #dbdbdb; }
.renew2020 .Tab.a4 li.on a { background: white; border: 1px solid #ed174b; border-bottom: none; position: absolute; width: 99.6%; z-index: 1; height: inherit; color: #ed174b; }

/* border-bottom-color :color 수정 :ed174b*/
.renew2020 .Tab.a4.col2 li { width: 50%; }
.renew2020 .Tab.a4.col3 li { width: 33.33%; }
.renew2020 .Tab.a4.col4 li { width: 25%; }
.renew2020 .infoWrap .tabContent { padding: 50px 0; }

/* 혜택 */
.renew2020 h3.title { margin-top: 20px; font-size: 38px; color: #000; line-height: 1.5; }
.renew2020 h1.title { margin-top: 20px; font-size: 38px; color: #000; line-height: 1.5; }	/*202109 seo 처리*/
.renew2020 + .goodPriceBn .sectionCustomIn { padding-top: 50px; }
.renew2020 + .goodPriceBn .menualBox.rate_alliance { margin-top: 0; }
.renew2020 + .goodPriceBn .menualBox.combination { margin-top: 0; }
.renew2020 ~ .cont_hellotip .view_area { margin-top: 50px; }

/* 추천 프로그램 */
.renew2020 ~ .sectionPlus { margin-top: 0; }
.renew2020 ~ .sectionPlus .serviceIntro { padding-top: 38px; }
.renew2020 ~ .sectionPlus .myActivity { padding-top: 38px; }
.renew2020 ~ .sectionPlus .contPlusArea .volte_box { padding-top: 0; }

/* 고객센터 */
.sectionCustomIn .Tab.a4.w50 { border: 0; text-align: center; }
.sectionCustomIn .Tab.a4.w50 > .dep02 { display: inline-block; margin-top: 29px; font-size: 0; }
.sectionCustomIn .Tab.a4.w50 .dep02 li { float: none; display: inline-block; width: auto; height: 50px; background: none; border: 0; font-size: 20px; font-family: 'Noto Sans KR'; line-height: 50px; }
.sectionCustomIn .Tab.a4.w50 .dep02 li + li { margin-left: 48px; }
.sectionCustomIn .Tab.a4.w50 .dep02 li a { background: none; height: 50px; line-height: 50px; border: 0; color: #888; font-size: 20px; font-family: 'Noto Sans KR'; letter-spacing: -0.5px; }
.sectionCustomIn .Tab.a4.w50 .dep02 li.on a { position: relative; width: auto; height: 50px; color: #ed174d; border: 0; font-size: 20px; font-family: 'Noto Sans KR'; line-height: 50px; }
.sectionCustomIn .Tab.a4.w50 .dep02 li.on a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #ed174d; }
.sectionCustomIn .Tab.a4.w50 .dep02 li:last-child a { border-right: 0; }
.sectionCustomIn .non_memTip.guest { margin-top: 30px; }
.agencyContent { padding-top: 50px; }
.section_faq .groupSrch-keyword { margin-top: 50px; }

/* 페이징 */
.renew2020 div.paginate > a { position: relative; display: inline-block; width: 32px; height: 32px; border: 1px solid #ddd; background: #fff; vertical-align: middle; text-align: center; line-height: 1; }
.renew2020 div.paginate a.btn_frst,
.renew2020 div.paginate a.btn_last,
.renew2020 div.paginate a.btn_prev,
.renew2020 div.paginate a.btn_next { width: 32px; height: 32px; }
.renew2020 div.paginate a.btn_frst:before,
.renew2020 div.paginate a.btn_last:before,
.renew2020 div.paginate a.btn_prev:before,
.renew2020 div.paginate a.btn_next:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 9px; background: url('/web/images/global/bg_paging_arrow.png') no-repeat right top; }
.renew2020 div.paginate a.btn_frst:before,
.renew2020 div.paginate a.btn_last:before { width: 10px; background-position: left top; }
.renew2020 div.paginate a.btn_frst:before,
.renew2020 div.paginate a.btn_prev:before { transform: translate(-50%, -50%); }
.renew2020 div.paginate a.btn_last:before,
.renew2020 div.paginate a.btn_next:before { transform: translate(-50%, -50%) rotate(180deg); }
.renew2020 div.paginate > nav > a,
.renew2020 div.paginate > nav > strong { display: inline-block; width: 32px; height: 32px; font-size: 16px; color: #666; border: 0; line-height: 32px; text-align: center; vertical-align: middle; }
.renew2020 div.paginate > nav > strong { border: 0; font-weight: bold; color: #ed174b; background: #fff; }
.renew2020 div.paginate > nav > a:hover,
.renew2020 div.paginate > nav > a:focus { font-weight: bold; }

/* 요금제 목록 아이템 */
.rate_search .rate_result .calling_plan_wrap .calling_plan_list > li:hover { border: 1px solid #e5e5e5; }
.rate_search .rate_result .calling_plan_wrap .calling_planbox { cursor: default; }

/* 셀프개통 안내 */
.renew2020 .self_wrap { padding-bottom: 140px; letter-spacing: -0.5px; }
.renew2020 .self_banner .phoneListTopVisual { margin-top: 21px; }
.renew2020 .self_info { padding: 66px 0 74px; text-align: center; }
.renew2020 .self_info h4.title { font-size: 46px; font-weight: bold; }
.renew2020 .self_info h1.self_title { font-size: 46px; font-weight: bold; }	/*202109 seo 처리*/
.renew2020 .self_info h2 { font-weight: normal; }	/*202109 seo 처리*/
.renew2020 .self_info .desc { margin-top: 10px; font-size: 22px; line-height: 1.6; }
.renew2020 .self_case ul li.on { background: #fff; color: #ed174d; }
.renew2020 .self_case .Tab.a4 li.on a { width: 100%; }
.renew2020 .self_case .self_casecont .cont { display: none; }
.renew2020 .self_case .self_casecont .cont:first-child { display: block; }
.renew2020 .self_case .self_step { margin-top: 100px; }
.renew2020 .self_case .self_step ol { font-size: 0; }
.renew2020 .self_case .self_step ol li { position: relative; display: inline-block; width: 234px; height: 337px; padding: 227px 5px 10px; background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 15px; text-align: center; vertical-align: top; box-sizing: border-box; }
.renew2020 .self_case .self_step li:after { content: ''; position: absolute; left: 50%; top: 95px; width: 133px; height: 132px; margin-left: -67px; background: #fff url('/web/images/sub/bg/bg_self_step.png') no-repeat; border-radius: 50%; }
.renew2020 .self_case .self_step li + li:before { content: ''; position: absolute; top: 50%; width: 8px; height: 8px; border: 1px solid #222; border-width: 4px 4px 0 0; transform: rotate(45deg) translateY(-50%); }
.renew2020 .self_case .self_step .shop li + li { margin-left: 90px; }
.renew2020 .self_case .self_step .nonshop li + li { margin-left: 40px; }
.renew2020 .self_case .self_step .shop li + li:before { left: -60px; }
.renew2020 .self_case .self_step .nonshop li + li:before { left: -34px; }
.renew2020 .self_case .self_step li > span { position: absolute; top: 43px; right: 0; left: 0; font-size: 18px; font-weight: bold; }
.renew2020 .self_case .self_step li .step_txt { display: table; width: 100%; height: 100%; }
.renew2020 .self_case .self_step .step_txt .inner { display: table-cell; font-size: 22px; vertical-align: middle; }
.renew2020 .self_case .self_step .step_txt strong { display: inline-block; line-height: 1.3; }
.renew2020 .self_case .self_step .step_txt strong + a { margin-top: 13px; font-weight: 300; }
.renew2020 .self_case .self_step li:last-child strong { padding-left: 19px; }
.renew2020 .self_case .self_step li.active { margin-top: -20px; padding: 202px 0 10px; background: #fff; border: 3px solid #ed174d; box-shadow: 0px 20px 28px 0 rgba(0, 0, 0, 0.18); }
.renew2020 .self_case .self_step li.active > span { top: 23px; }
.renew2020 .self_case .self_step li.active:before { top: calc(50% + 20px); }
.renew2020 .self_case .self_step li.active:after { top: 66px; background: #ffd0e4 url('/web/images/sub/bg/bg_self_step.png') no-repeat; }
.renew2020 .self_case .self_step .shop { padding: 0 130px; }
.renew2020 .self_case .self_step .nonshop { padding: 0 43px; }
.renew2020 .self_case .self_step .shop .step01:after { background-position: 36px 50%; }
.renew2020 .self_case .self_step .shop .step02:after { background-position: -510px 50%; }
.renew2020 .self_case .self_step .shop .step03:after { background-position: -785px 50%; }
.renew2020 .self_case .self_step .nonshop .step01:after { background-position: 36px 50%; }
.renew2020 .self_case .self_step .nonshop .step02:after { background-position: -238px 50%; }
.renew2020 .self_case .self_step .nonshop .step03:after { background-position: -510px 50%; }
.renew2020 .self_case .self_step .nonshop .step04:after { background-position: -785px 50%; }
.renew2020 .self_wrap .self_notify { margin-top: 79px; padding: 39px 45px 36px; background: #fff; border: 1px solid #ddd; }
.renew2020 .self_wrap .self_notify:after { content: ''; display: block; clear: both; }
.renew2020 .self_wrap .self_notify .title { float: left; padding-top: 68px; background: url('/web/images/sub/ico/icon_notify.png') 0 6px no-repeat; font-size: 30px; line-height: 1.3; vertical-align: middle; }
.renew2020 .self_wrap .self_notify .title em { color: #ed174d; }
.renew2020 .self_wrap .self_notify .notify_list { float: left; margin-left: 82px; }
.renew2020 .self_wrap .notify_list li { position: relative; padding-left: 10px; font-size: 16px; line-height: 1.7; }
.renew2020 .self_wrap .notify_list li:before { content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background: #ed174d; }
.renew2020 .self_wrap .notify_list li em { display: block; font-size: 14px; font-weight: 500; line-height: 1.5; }
.renew2020 .opt_chk .opt_list { margin-top: 37px; text-align: center; }
.renew2020 .opt_chk .opt_list li { display: inline-block; margin: 0 3px; border: 1px solid #cacaca; border-radius: 3px; vertical-align: top; }
.renew2020 .opt_chk .opt_list li:hover { border-color: #ed174d; }
.renew2020 .opt_chk .opt_list .usim { background: url('/web/images/sub/ico/icon_usim_red.png') 50% 21px no-repeat; }
.renew2020 .opt_chk .opt_list .usimphone { background: url('/web/images/sub/ico/icon_usimphone_white.png') 50% 21px no-repeat; }
.renew2020 .opt_chk .opt_list .card { background: url('/web/images/sub/ico/icon_card_gray.png') 50% 35px no-repeat; }
.renew2020 .opt_chk .opt_list .sms { background: url('/web/images/sub/ico/icon_sms_gray.png') 50% 25px no-repeat; }
.renew2020 .opt_chk .opt_list .simple{background:url("/web/images/sub/ico/icon_simple_color.png") top 13px center no-repeat;} /* 220704 간편인증 추가 */
.renew2020 .opt_chk .opt_list li a { display: table; width: 128px; height: 136px; padding-top: 73px; font-size: 16px; line-height: 1.2; box-sizing: border-box; }
.renew2020 .opt_chk .opt_list li a span { display: table-cell; vertical-align: middle; }
.renew2020 .self_guide { display: table; width: 100%; height: 199px; margin-top: 30px; background: url('/web/images/sub/bg/bg_self_guide.jpg') 0 0 no-repeat; }
.renew2020 .self_guide .inner { display: table-cell; padding: 0 0 0 50px; vertical-align: middle; }
.renew2020 .self_guide .title { font-size: 34px; font-weight: bold; }
.renew2020 .self_guide .desc { margin-top: 1px; font-size: 18px; }
.renew2020 .self_guide a { display: block; margin-top: 13px; font-size: 14px; }
.renew2020 .self_guide a span { position: relative; padding-right: 9px; }
.renew2020 .self_guide a span:after { content: ''; position: absolute; top: 50%; right: 0; width: 5px; height: 5px; border: 1px solid #222; border-width: 2px 2px 0 0; transform: rotate(45deg) translateY(-50%); }
.layerpop#usimguide .popContent { height: 724px; padding: 35px 30px 0; }
.layerpop#certify .popContent { height: 310px; }
.layerpop#applicationNone .popContent { height: 310px; }
.layerpop.renew2020 .popContent .usim_guide p { margin-bottom: 15px; font-size: 18px; }
.layerpop.renew2020 .popContent .usim_guide p em { margin-right: 4px; font-weight: bold; color: #ed174d; }
.layerpop.renew2020 .popContent .usim_guide > li + li { margin-top: 30px; }
.layerpop.renew2020 .popContent .usim_guide .fc_red { margin: 30px 0; }
.layerpop.renew2020 .popContent .usim_guide .fc_red li { font-size: 14px; color: #ed174d; line-height: 1.6; }
.layerpop.renew2020 .popContent .btn_layerpopup.bg_red { background: #ed174d; border: 1px solid #ed174d; color: #fff; }
.layerpop.renew2020 .popContent .dsec { font-size: 16px; }

/* 샐프개통 자주하는 질문*/
.renew2020 h3.title { margin-top: 35px; }
.renew2020 h1.title { margin-top: 35px; }	/*202109 seo 처리*/
.renew2020 .section_faq { margin-bottom: 0; }
.renew2020 .section_faq .searchResults { margin-top: 21px; border-top: 1px solid #000; }
.renew2020 .section_faq .searchResults * { font-family: 'dotum', '돋움', 'Malgun Gothic'; font-size: 12px; color: #000; letter-spacing: -0.3px; }
.renew2020 .section_faq .searchResults .qnaWrap .q { position: relative; padding: 20px 0 17px 20px; box-sizing: border-box; }
.renew2020 .section_faq .searchResults .qnaWrap li { position: relative; border-bottom: 1px solid #ddd; }
.renew2020 .section_faq .searchResults .qnaWrap li .q .txt { margin: 5px 0 0 40px; font-size: 12px; }
.renew2020 .section_faq .searchResults .qnaWrap li.on .q .txt { color: #000; font-weight: normal; }
.renew2020 .section_faq .searchResults .qnaWrap li .q a { display: block; }
.renew2020 .section_faq .searchResults .qnaWrap li .q a:before { content: ''; display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 17px; height: 10px; background: url('/web/images/global/icon_set_arrow.png') no-repeat left bottom; }
.renew2020 .section_faq .searchResults .qnaWrap li.on .q a:before { background-position: left top; }
.renew2020 .section_faq .searchResults .qnaWrap li .q-icon { position: absolute; top: 50%; margin: 0; padding: 0; background: none; transform: translateY(-50%); }
.renew2020 .section_faq .searchResults .qnaWrap li .q-icon:before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; background: url('/web/images/global/icon_faq_question.png') no-repeat left top; }
.renew2020 .section_faq .searchResults .qnaWrap li .a { padding: 39px 60px 36px; background: #fbfbfb; }
.renew2020 .section_faq .searchResults .qnaWrap li .a .txt { position: static; }
.renew2020 .section_faq .searchResults .qnaWrap li .a .txt p { line-height: 20px; }
.renew2020 .section_faq .searchResults .qnaWrap li .a .txt a { color: #0000ff; text-decoration: underline; letter-spacing: 0; }

/* 유심-휴대폰 상세 페이지 */
button { font-family: 'Noto Sans KR'; }
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.point_color1 { color: #ed174b !important; }

/* button */
.renew2020 .btn_link { display: inline-block; position: relative; margin-left: 14px; padding-bottom: 1px; font-size: 12px; color: #ed174b; }
.renew2020 .btn_link:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ed174b; }
.renew2020 .btn_link:after { content: '>'; }

/* btn_toggle */
.btn_toggle { display: inline-block; overflow: hidden; position: relative; width: 42px; height: 22px; border-radius: 12px; background: #777; }
.btn_toggle:before { top: 50%; left: 0; transform: translateY(-50%); width: 45px; height: 18px; border-radius: 100px; background: #D1D5D9; }
.btn_toggle:after { content: ''; display: block; position: absolute; top: 50%; left: 3px; transform: translateY(-50%); width: 16px; height: 16px; background: #fff; border-radius: 50%; box-shadow: -3px 4px 10px 3px rgba(0, 0, 0, 0.1); transition: left .3s ease-in; }
.btn_toggle.on { background-color: #ed174b; }
.btn_toggle.on:after { left: 23px; box-shadow: 3px 4px 10px 3px rgba(0, 0, 0, 0.1); }

/* 가입 신청 버튼 */
.btn_wrap:after { content: ''; display: block; clear: both; }
[class^="btn_middle"] { display: inline-block; overflow: hidden; margin: 0; padding: 8px 5px 0; width: auto; min-width: 138px; height: 38px; border-radius: 18px; box-sizing: border-box; font-size: 16px; font-family: 'Noto Sans KR'; font-weight: 400; color: #fff; border: 1px solid #ed174b; background: #ed174b; line-height: 1.2; text-align: center; }
.btn_middle2 { padding: 15px 5px 0; min-width: 216px; height: 56px; border-radius: 27px; font-size: 20px; font-weight: 300; }
.btn_middle2.type1 { background: #383838; border: 1px solid #fff; }
[class^="btn_middle"].type2 { border-radius: 4px; }
[class^="btn_large"] { display: table; position: relative; height: 68px; border-radius: 35px; color: #fff; background: #383838; }
[class^="btn_large"] .sup_txt,
[class^="btn_large"] .btn_txt { display: block; }
[class^="btn_large"] .sup_txt { font-size: 14px; }
[class^="btn_large"] .btn_txt { display: table-cell; font-size: 22px; line-height: 1.2; text-align: center; vertical-align: middle; }
.btn_large1 { background: #ed174b; }

/* 별점 - view 폼 */
.star_score { display: inline-block; position: relative; overflow: hidden; width: 84px; height: 13px; background: url('/web/images/global/bg_starbar.png') no-repeat left top; }
.star_score .grant { display: block; width: 0; height: inherit; background: url('/web/images/global/bg_starbar.png') no-repeat left bottom; }
.star_score .grant.s1 { width: 14px; }
.star_score .grant.s2 { width: 31px; }
.star_score .grant.s3 { width: 49px; }
.star_score .grant.s4 { width: 67px; }
.star_score .grant.s5 { width: 84px; }

/* 별점 - 입력 폼 */
.score_form { display: inline-block; position: relative; overflow: hidden; width: 84px; height: 13px; background: url('/web/images/global/bg_starbar.png') no-repeat left top; vertical-align: top; }
.score_form > button { display: block; position: relative; z-index: 1; float: left; width: 20%; height: 13px; background: transparent; }
.score_form:before { content: ''; display: block; overflow: hidden; position: absolute; top: -1px; left: 0; width: 0; height: 13px; background: url('/web/images/global/bg_starbar.png') no-repeat left bottom; }
.score_form[data-score='1']:before { width: 14px; }
.score_form[data-score='2']:before { width: 31px; }
.score_form[data-score='3']:before { width: 49px; }
.score_form[data-score='4']:before { width: 67px; }
.score_form[data-score='5']:before { width: 84px; }

/* Tab sytle a4 */
.renew2020 .Tab.a4:after { display: block; content: ""; clear: both; }
.renew2020 .Tab.a4 li { float: left; width: 100%; text-align: center; position: relative; top: 1px; height: 62px; border-bottom: 1px solid #ed174b; }
.renew2020 .Tab.a4 li a { display: block; height: 61px; line-height: 61px; font-size: 16px; font-weight: 500; font-family: 'Noto Sans KR'; color: #555; border: 1px solid #ddd; border-right: none; background: #f5f5f5; border-bottom: none; }

/* color :#dddddd; background:#f5f5f5*/
.renew2020 .Tab.a4 li:last-child a { border-right: 1px solid #dbdbdb; }
.renew2020 .Tab.a4 li.on a { background: white; border: 1px solid #ed174b; border-bottom: none; position: absolute; width: 99.6%; z-index: 1; height: inherit; color: #ed174b; }

/* border-bottom-color :color 수정 :ed174b*/
.renew2020 .Tab.a4.col2 li { width: 50%; }
.renew2020 .Tab.a4.col3 li { width: 33.33%; }
.renew2020 .Tab.a4.col4 li { width: 25%; }
.renew2020 .infoWrap .tabContent { padding: 50px 0 0; }

/* 페이징 */
.renew2020 div.paginate > a { position: relative; display: inline-block; width: 32px; height: 32px; border: 1px solid #ddd; background: #fff; vertical-align: middle; text-align: center; line-height: 1; }
.renew2020 div.paginate a.btn_frst,
.renew2020 div.paginate a.btn_last,
.renew2020 div.paginate a.btn_prev,
.renew2020 div.paginate a.btn_next { width: 32px; height: 32px; }
.renew2020 div.paginate a.btn_frst:before,
.renew2020 div.paginate a.btn_last:before,
.renew2020 div.paginate a.btn_prev:before,
.renew2020 div.paginate a.btn_next:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 9px; background: url('/web/images/global/bg_paging_arrow.png') no-repeat right top; }
.renew2020 div.paginate a.btn_frst:before,
.renew2020 div.paginate a.btn_last:before { width: 10px; background-position: left top; }
.renew2020 div.paginate a.btn_frst:before,
.renew2020 div.paginate a.btn_prev:before { transform: translate(-50%, -50%); }
.renew2020 div.paginate a.btn_last:before,
.renew2020 div.paginate a.btn_next:before { transform: translate(-50%, -50%) rotate(180deg); }
.renew2020 div.paginate > nav > a,
.renew2020 div.paginate > nav > strong { display: inline-block; width: 32px; height: 32px; font-size: 16px; font-family: 'Noto Sans KR'; color: #666; border: 0; line-height: 32px; text-align: center; vertical-align: middle; }
.renew2020 div.paginate > nav > strong { border: 0; font-weight: bold; color: #ed174b; background: #fff; }
.renew2020 div.paginate > nav > a:hover,
.renew2020 div.paginate > nav > a:focus { font-weight: bold; }

/* tbl_list -가로형 목록 */
.tbl_list { border-top: 1px solid #000; border-bottom: 1px solid #000; width: 1140px; }

/* width는 임시로 */
.tbl_list th,
.tbl_list td { font-family: 'dotum', '돋움', 'Malgun Gothic'; letter-spacing: 0; }
.tbl_list thead th { padding: 18px 0; font-size: 12px; color: #000; background: #fbfbfb; }
.tbl_list tbody tr:first-child td { border-top: 1px solid #000; }
.tbl_list tbody td { position: relative; color: #000; vertical-align: top; }
.tbl_list tbody th,
.tbl_list tbody td { border-top: 1px solid #ddd; text-align: center; }
.tbl_list tbody tr th:first-child { text-align: left; }
.tbl_list tbody tr:first-child th { border-top: 1px solid #000; }
.tbl_list td { padding: 18px 0; height: 60px; box-sizing: border-box; font-size: 12px; vertical-align: middle; }
.tbl_list .nodata { line-height: 1; vertical-align: middle; }
.renew2020 .mobileView .table.type04 tbody th { position: relative;  }

/* table type04 */
.table.type04 { border-top: 1px solid #000; }
.table.type04 table { margin: 0; width: 100%; }
.table.type04 tbody th,
.table.type04 tbody td { border-bottom: 1px solid #e6e6e6; }
.table.type04 tbody th { padding-top: 23px; font-size: 16px; font-weight: 400; color: #000; text-align: left; vertical-align: top; word-break: keep-all; }
.table.type04 tbody th a { display: inline-block; position: relative; top: 1px; margin-left: 2px; vertical-align: middle; }
.table.type04 tbody td { padding: 10px; }
.table.type04 .sale_list_unit { ; }
.table.type04 .sale_list_unit .dclist { display: table; width: 100%; table-layout: fixed; }
.table.type04 .sale_list_unit .item_title,
.table.type04 .sale_list_unit .item_content { display: table-cell; }
.table.type04 .sale_list_unit .item_title { position: relative; padding-top: 23px; width: 128px; font-size: 16px; font-weight: 400; color: #000; text-align: left; vertical-align: top; word-break: keep-all; }
.table.type04 .sale_list_unit .item_title a { display: inline-block; position: relative; top: 1px; margin-left: 5px; vertical-align: middle; }
.table.type04 .sale_list_unit .item_content { padding: 12px 60px 12px 0; }
.table.type04 .usim_conformation + .mgt10 a { display: block; background: #555; text-align: center; }
.table.type04 .usim_conformation + .mgt10 a img { display: block; margin: 0 auto; }
.squaer_radio { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; width: 100%; }
.squaer_radio:before { content: ''; z-index: -1; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f5f5f5; border: 1px solid #cdcdcd; box-sizing: border-box; }
.squaer_radio li { flex: 1; position: relative; }
.squaer_radio * { box-sizing: border-box; }
.squaer_radio li+li:before { content: ''; z-index: -1; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #cdcdcd; }
.squaer_radio .btn_radio { position: static; display: table; width: 100%; height: 100%; box-sizing: border-box; }
.squaer_radio .btn_radio input[type="radio"]+label { display: table-cell; padding: 14px 10px 15px; width: 100%; height: auto; font-size: 14px; box-sizing: border-box; background: none; line-height: 1.4; text-align: center; word-break: keep-all; }
.squaer_radio .btn_radio input[type="radio"]+label br { display: none; }
.squaer_radio .btn_radio input[type="radio"]:checked+label { font-weight: bold; color: #ed174b; }
.squaer_radio .btn_radio input[type="radio"]:checked+label:after { content: ''; display: block; z-index: -1; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: 1px solid #ed174d; background: #fff; box-sizing: border-box; }

/*.squaer_radio .btn_radio input[type="radio"]:focus + label {border:1px dotted #000;}*/
.squaer_radio.col2 li { width: 50%; }
.squaer_radio.col3 li { width: 33.33%; }
.squaer_radio.col4 li { width: 25%; }
.renew2020 .product_title .content_title { margin-top: 10px; font-size: 38px; font-weight: bold; color: #000; }
.renew2020 .product_title .content_title * { color: #000; }
.renew2020 .product_title .content_title > em { font-size: 22px; font-weight: 400; }
.renew2020 .product_title .txt { overflow: hidden; margin: 25px 0 15px; padding: 14px 5px 16px; background: #fee7fb; border: 1px solid #ffd4ef; line-height: 1; font-size: 18px; font-weight: 500; color: #da41bb; text-align: center; }
.renew2020 .product_title .tagWrap span { text-align: center; }
.renew2020 .product_title .tagWrap span + span { margin-left: 3px; }

/* txt_list */
.txt_reference { position: relative; margin-top: 7px; padding-left: 13px; font-size: 11px; color: #6b6b6b; text-align: left; }
.txt_reference:before { content: '※'; position: absolute; top: 0; left: 0; font-size: 11px; color: #6b6b6b; }

/* 휴대폰 요금 상세 */
.renew2020 .mobileView { padding-bottom: 140px;}
.renew2020 .layerTip { ; }

/* 상세 페이지 - 왼쪽 영역  */
.renew2020 .mobileView .usimInfoWrap:after { content: ''; clear: both; display: block; }
.renew2020 .mobileView .mobileInfoWrap:after { content: ''; clear: both; display: block; }
.renew2020 .mobileView .imgCoverWrap { float: left; }
.renew2020 .mobileView .mobileInfoWrap.a1 .mobileInfo { overflow: visible; position: relative; float: left; margin-left: 40px; padding: 0; width: 642px; }
.renew2020 .mobileView section+.infoWrap { margin-top: 90px; }
.renew2020 .mobileView .infoWrap .tabContent { font-family: 'Dotum', '돋움'; letter-spacing: 0; }
.renew2020 .mobileInfoWrap.a1 .mobileInfo h6,
.renew2020 .usimInfoWrap.a1 .mobileInfo h6 { position: relative; margin: 26px 0 13px !important; padding: 0; font-size: 20px; font-weight: bold; color: #000; }
.renew2020 .mobileInfoWrap.a1 .mobileInfo h2,
.renew2020 .usimInfoWrap.a1 .mobileInfo h2 { position: relative; margin: 26px 0 13px !important; padding: 0; font-size: 20px; font-weight: bold; color: #000; }	/*202109 seo 처리*/
.renew2020 .mobileInfoWrap.a1 .mobileInfo h6.blind { position: absolute; }
.renew2020 .selectRecomArea .info_area .info_list .item { cursor: pointer; }

/* 좌측 - 제품 슬라이드  */
.renew2020 .mobileView .mobileInfoWrap.a1 .cover_wrap { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; }
.renew2020 .mobileView .mobileInfoWrap.a1 .cover_wrap img { padding: 0; position: static; top: auto; vertical-align: middle; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap { z-index: 1; padding: 1px; width: 460px; height: auto; box-sizing: border-box; border: 0; }

/* slick z-index control을 위한 z-index 1  추가 */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .imgCover { position: relative; overflow: hidden; width: 460px; height: 460px; border: 1px solid #e4e4e4; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .imgCover li { overflow: hidden; position: relative; height: 460px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs { overflow: hidden; position: relative; margin: 5px 0 0; padding: 0 44px; text-align: center; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs ul { width: 100%; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs li { position: relative; padding: 5px; width: 70px; height: 70px; border: 1px solid #e4e4e4; box-sizing: border-box; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs li+li { margin-left: 5px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs li a { overflow: hidden; display: block; width: 100%; height: 100%; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs li img { display: inline-block; padding: 0; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs .slick-current.slick-active::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #ed174b; box-sizing: border-box; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs .slick-prev,
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs .slick-next { top: calc(50% - 35px); width: 44px; height: 100%; background: url('/web/images/global/bg_imgslide_arrow.png') no-repeat center; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs .slick-prev { left: -44px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .thumbs .slick-next { right: -44px; transform: rotate(-180deg); }

/* 좌측 - 공유 버튼 영역 */
.renew2020 .mobileView .mobileInfoWrap.a1 .share_propuct { position: relative; padding: 15px 0 0; text-align: center; }
.renew2020 .mobileView .mobileInfoWrap.a1 .share_propuct ul { display: inline-block; }
.renew2020 .mobileView .mobileInfoWrap.a1 .share_propuct li { display: inline-block; }
.renew2020 .mobileView .mobileInfoWrap.a1 .share_propuct li + li { margin-left: 3px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .share_propuct li a { display: block; overflow: hidden; width: 41px; height: 40px; border-radius: 50%; text-align: center; }
.renew2020 .mobileView .mobileInfoWrap.a1 .share_propuct .share_url a { background: url('/web/images/global/icon_url_copy.png') no-repeat center; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .fb { position: static; top: auto; left: auto; }

/* 좌측 - 이벤트 Banner */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 .usim_bn_area { margin-top: 30px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 .usim_bn_area li+li { margin-top: 10px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 .usim_bn_area .list { background: #fff; margin: 0; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 .usim_bn_area .list .item:first-child { padding-top: 0; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 .usim_bn_area .list .item a { display: block; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 .usim_bn_area .list .item img { display: block; }

/* 좌측 - 유심/휴대폰 세부 퀵 메뉴  */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area { display: table; position: static; top: auto; left: auto; bottom: auto; right: auto; margin: 20px auto 0; padding: 0; width: auto; border: 0; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li { position: relative; display: table; margin: 0; padding: 0 29px; width: auto; min-height: 25px; vertical-align: middle; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li+li { margin-left: 22px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li+li:before { content: ''; display: block; position: absolute; top: 50%; left: -22px; transform: translateY(-50%); width: 1px; height: 25px; background: #ccc; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li:last-child a { border: 0; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li a { display: table-cell; float: none; padding: 0; width: auto; height: 32px; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 400; border: 0; background: transparent; text-align: center; line-height: 1.2; vertical-align: middle; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li a:hover { background-color: transparent; border: 0; text-decoration: none; color: inherit; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li.usim_tariff { padding-left: 36px; background: url('/web/images/global/icon_usim_tariff.png') no-repeat left center; }

/* 28x25 */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li.usim_intro { background: url('/web/images/global/icon_usim.png') no-repeat left center; }

/* 17x25 */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li.usim_faq { padding: 0 0 0 33px; background: url('/web/images/global/icon_usim_faq.png') no-repeat left center; }

/* 23x25 */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li.phone_info { background: url('/web/images/global/icon_phone_info.png') no-repeat left center; }

/* 19x25 */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li.phone_detail { background: url('/web/images/global/icon_phone_detail.png') no-repeat left center; }

/* 25x25 */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .tab_area li.phone_review { padding: 0 0 0 36px; background: url('/web/images/global/icon_phone_review.png') no-repeat left center; }

/* 26x25 */
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap .imgCover { overflow: visible; position: static; margin-top: 0; height: 460px; box-sizing: border-box; line-height: 0; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 #eventList { min-height: 64px; }
.renew2020 .mobileView .mobileInfoWrap.a1 .imgCoverWrap.type02 .tab_area { position: relative; }

/* 우측 - 휴대폰 출고가 */
.renew2020 .mobileView .a1 .mobileInfo .money.type02 { overflow: hidden; position: relative; margin: 0; padding: 0; border: 0; border-top: 2px solid #020202; border-bottom: 1px solid #dddddd; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 ul { padding: 16px 28px 20px; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li { overflow: visible; position: relative; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li:after { content: ''; display: block; clear: both; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li:first-child { margin: 0; padding: 0; border: 0; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li:first-child .tit { display: block; padding: 0; width: auto; font-size: 17px; font-weight: bold; color: #a1a1a1; line-height: 1.6; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li.direct_sale { margin: 10px 0 0; padding: 0; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li.direct_sale .tit { font-size: 17px; font-weight: bold; color: #000; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li.direct_sale .tit > em { display: inline-block; margin-top: 3px; font-size: 14px; font-weight: 400; color: inherit; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li .mo { position: absolute; top: 50%; right: -3px; transform: translateY(-50%); }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li .mo.del { display: inline-block; right: -5px; padding: 0 5px; font-size: 17px; font-weight: bold; color: #a1a1a1; text-decoration: none; text-align: center; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li .mo.del:before { content: ''; display: block; z-index: 1; position: absolute; top: 14px; left: -1px; width: 100%; height: 1px; background: #000; }
.renew2020 .mobileView .a1 .mobileInfo .money.type02 li .mo,
.renew2020 .mobileView .a1 li.direct_sale div.price_box > span.bigtxt strong,
.renew2020 .mobileView .a1 li.direct_sale div.price_box > span.bigtxt.active strong { font-size: 25px; }

/* 상세 - 01 요금제 선택 */
.renew2020 .mobileView .price_choice_area { position: relative; }
.renew2020 .mobileView .price_choice { position: relative; padding: 28px 30px; border: 1px solid #000; }
.renew2020 .mobileView .price_choice dd { position: relative; padding-right: 130px; }
.renew2020 .mobileView .price_choice dd .selectPlanArea { margin: 0; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_title { font-size: 26px; font-weight: 600; color: #000; letter-spacing: -1px; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info { margin-top: 18px; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li { display: inline-block; position: relative; margin: 0; padding: 0 0 0 52px; min-height: auto; font-size: 14px; font-weight: bold; color: #000; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li+li { margin-left: 15px; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -22px; width: 43px; height: 43px; box-sizing: border-box; border-radius: 50%; border: 1px solid #ddd; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li:first-child { margin-left: 0; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li.data,
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li.voice,
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li.sms { background: none; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li.data:before { background: #fff url('/web/images/sub/ico/icon_data2_pink.png') no-repeat center; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li.voice:before { background: #fff url('/web/images/sub/ico/icon_phone2_pink.png') no-repeat center; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li.sms:before { background: #fff url('/web/images/sub/ico/icon_mms2_pink.png') no-repeat center; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_info li .name { overflow: hidden; position: absolute; top: 0; left: 0; clip: rect(0, 0, 0, 0); margin: -1px; width: 1px; height: 1px; font-size: 1px; line-height: 0; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_won { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 18px; font-weight: 400; text-align: right; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_won * { color: #ed174b; }
.renew2020 .mobileView .price_choice dd .selectPlanArea .rate_won .won span { display: block; margin-right: -3px; font-size: 26px; font-weight: bold; color: #ed174d; letter-spacing: 0px; }
.renew2020 .mobileView .price_choice_area .priceChoiceBtn_area { position: absolute; top: -35px; right: 0; }
.renew2020 .mobileView .price_choice_area .priceChoiceBtn { display: inline-block; position: relative; padding-right: 12px; font-size: 14px; font-family: 'Noto Sans KR'; color: #000; text-align: left; background: transparent; }
.renew2020 .mobileView .price_choice_area .priceChoiceBtn:before { content: ''; display: block; position: absolute; top: 7px; right: 1px; transform: rotate(-45deg); width: 6px; height: 6px; border: 2px solid #bbb; border-top: 0; border-left: 0; }

/* 상세 - 02 요금선택 :추천 영역 */
.renew2020 .mobileView .selectRecomArea { margin-top: 15px; }
.renew2020 .mobileView .selectRecomArea .top_area { position: relative; padding: 10px 50px 12px 30px; border: 0; font-size: 14px; background: #ffede1; }
.renew2020 .mobileView .selectRecomArea .top_area .text_box { display: table; width: 100%; font-size: 17px; }
.renew2020 .mobileView .selectRecomArea .top_area .text_box .ico_recom { display: table-cell; margin: 0; padding: 0; border: 0; font-weight: bold; font-size: inherit; color: #7f451e; background: transparent; }
.renew2020 .mobileView .selectRecomArea .top_area .text_box .text { display: table-cell; padding: 0; font-weight: 400; color: #000; vertical-align: middle; }
.renew2020 .mobileView .selectRecomArea .top_area .text_box .text em { font-weight: bold; }
.renew2020 .mobileView .selectRecomArea .top_area .btn_box { position: absolute; top: 0; right: 0; margin: 0; }
.renew2020 .mobileView .selectRecomArea .top_area .btn_box button { padding: 0 20px; width: 20px; height: 46px; }
.renew2020 .mobileView .selectRecomArea .top_area .btn_ctrlInfoArea { display: none; width: 100%; height: 100%; background: url('/web/images/global/bg_recommend_arrow.png') no-repeat center; background-size: 12px 8px; }
.renew2020 .mobileView .selectRecomArea .top_area .btn_ctrlInfoArea.on { display: block; background-position: center; }
.renew2020 .mobileView .selectRecomArea .top_area .btn_ctrlInfoArea.close.on { transform: rotate(-180deg); }
.renew2020 .mobileView .selectRecomArea .info_area {padding: 0 30px; border: 1px solid #ffe5d4; }
.renew2020 .mobileView .selectRecomArea .info_area.active { display: block !important; }
.renew2020 .mobileView .selectRecomArea .info_area .info_list { border: 0; }
.renew2020 .mobileView .selectRecomArea .info_area .info_list a { display: block; }
.renew2020 .mobileView .selectRecomArea .info_area .info_list .item { position: relative; padding: 18px 0; border-top: 1px solid #ffe5d4; }
.renew2020 .mobileView .selectRecomArea .info_area .info_list .item:first-child { border-top: 0; }
.renew2020 .mobileView .selectRecomArea .info_area .info_list .item .item_box { position: relative; padding: 0 150px 0 0; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_won { position: absolute; top: 50%; right: 0; transform: translateY(-50%); line-height: 1.5em; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_title { font-size: 22px; font-weight: bold; color: #000; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_info { margin: 0; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_info:before,
.renew2020 .mobileView .selectRecomArea .info_area .recom_info:after { content: ''; display: none; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_info li { display: inline-block; font-size: 14px; color: #000; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_info li+li:before { content: '/'; margin-right: 3px; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_info li .name { color: inherit; }
.renew2020 .mobileView .selectRecomArea .info_area .item .recom_won { font-size: 14px; font-weight: 400; color: #000; text-align: right; line-height: 1.4em; }
.renew2020 .mobileView .selectRecomArea .info_area .item .recom_won br { display: none; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_won em { display: block; }
.renew2020 .mobileView .selectRecomArea .info_area .recom_won em span { display: block; margin-top: 8px; font-weight: bold; font-size: 21px; letter-spacing: 0px; }

/*로딩  애니 메이션  */
.renew2020 .mobileView .selectRecomArea .info_area.active .loading-progress{display: flex; align-items: center; justify-content: center;  height: 402px; }
.renew2020 .mobileView .selectRecomArea .info_area.active .loading { position: relative; width: 96px; height: 96px;  padding: 10px 10px 60px 10px; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; margin: auto; border-radius: 10px; background-color: #000; opacity: 0.2; animation: dot 1s linear infinite; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(1) { transform: rotate(0) translateX(40px); animation-delay: 0; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(2) { transform: rotate(30deg) translateX(40px); animation-delay: 0.1s; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(3) { transform: rotate(60deg) translateX(40px); animation-delay: 0.2s; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(4) { transform: rotate(90deg) translateX(40px); animation-delay: 0.3s; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(5) { transform: rotate(120deg) translateX(40px); animation-delay: 0.4s; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(6) { transform: rotate(150deg) translateX(40px); animation-delay: 0.5s; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(7) { transform: rotate(180deg) translateX(40px); animation-delay: 0.6s; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(8) { transform: rotate(210deg) translateX(40px); animation-delay: 0.7s; }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(9) { transform: rotate(240deg) translateX(40px); }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(10) { transform: rotate(270deg) translateX(40px); }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(11) { transform: rotate(300deg) translateX(40px); }
.renew2020 .mobileView .selectRecomArea .info_area.active .dot div:nth-child(12) { transform: rotate(330deg) translateX(40px); }
@keyframes dot {
	0% { opacity: 0.2; }
	25% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 0.2; }
}

.renew2020 .mobileView .selectRecomArea .info_area.active span.text{ position: absolute; bottom: 0; left:30px; font-size:14px; font-weight: bold; }

/* active 케이스 */
.renew2020 .mobileView .selectRecomArea .info_area .info_list .item.active:before { content: ''; display: block; position: absolute; top: 0; left: -30px; right: -30px; width: inherit; height: 100%; border: 2px solid #ed174b; box-sizing: border-box; }
.renew2020 .mobileView .selectRecomArea .info_area .info_list .item.active .item_box { margin: 0; border: 0; }
.renew2020 .mobileView .selectRecomArea .info_area .item.active .recom_won em { color: #ed174b; }

/* 가입 조건 선택 영역 */
.renew2020 .mobileView .phone_usim_type { display: block; margin-top: 15px; background: #555; text-align: center; }
.renew2020 .mobileView .phone_usim_type img { vertical-align: middle; }
.renew2020 .mobileView .table.type04 tbody td:last-child { padding-right: 60px; }
.renew2020 .mobileView .table.type04 tbody td { padding: 12px 0; }

/* 자세한 설명 보기 */
.renew2020 .mobileView .join_option_tooltip { display: table; position: absolute; bottom: 0; right: 0; }
.renew2020 .mobileView .join_option_tooltip .option_txt { display: table-cell; padding-right: 5px; font-size: 14px; font-weight: 400; color: #000; }
.renew2020 .mobileView .join_option_tooltip .btn_toggle { vertical-align: middle; }
.renew2020 .mobileView .join_option_tooltip .txt { padding-right: 5px; font-size: 14px; color: #000; }
.renew2020 .mobileView .tip_detail { display: none; z-index: 25; position: absolute; top: 3px; }
.renew2020 .mobileView .tip_detail .btn_close { display: block; overflow: hidden; position: absolute; top: 15px; right: 20px; width: 25px; height: 25px; text-indent: -9999px; }
.renew2020 .mobileView .tip_detail .btn_close:before,
.renew2020 .mobileView .tip_detail .btn_close:after { content: ''; position: absolute; background: #000; transform: rotate(45deg); }
.renew2020 .mobileView .tip_detail .btn_close:before { top: 12px; left: 0; width: 100%; height: 1px; }
.renew2020 .mobileView .tip_detail .btn_close:after { top: 0; left: 12px; width: 1px; height: 100%; }
.renew2020 .mobileView .tip_detail[data-tip-detail="left"] { left: -473px; }
.renew2020 .mobileView .tip_detail[data-tip-detail="left"] .btn_close { right: 57px; }
.renew2020 .mobileView .usim_shape .tip_detail { top: auto; bottom: -54px; left: 100px; }

/* 유심형태 - 휴대폰  */
.renew2020 .mobileView .support_type .tip_detail { top: -45px; }

/* 지원금 유형  */
.renew2020 .mobileView .payment_type .tip_detail { top: 48px; left: 116px; }

/* 결제 방식  */
.renew2020 .mobileView .payment_type .tip_detail .btn_close { top: 26px; }
.renew2020 .mobileView .alliance_card .tip_detail { top: 58px; }

/* 제휴카드 */
.renew2020 .mobileView .alliance_card .tip_detail .btn_close { position: absolute; top: 40px; }
.renew2020 .mobileView .tip_detail.on { display: block !important; }
.renew2020 .mobileView .join_type .tip_detail { top: auto; bottom: 45px; }

/* 가입형태 */
.renew2020 .mobileView.usim .usim_shape .tip_detail { top: 3px; bottom: auto; left: 116px; }

/*  유심형태 - 유심 */
.renew2020 .mobileView.usim .join_type .tip_detail { top: auto; bottom: -4px; left: 116px; }

/* 가입형태 */

/* 색상 선택 */
.color_chip_wrap { display: table; margin-bottom: 20px; border: 1px solid #cdcdcd; border-left: 0; }
.color_chip_wrap li { display: table-cell; position: relative; width: 74px; text-align: center; vertical-align: top; }
.color_chip_wrap li:before { content: ''; z-index: 1; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #cdcdcd; }
.color_chip_wrap li .product_status { display: block; position: absolute; bottom: -25px; left: 0; width: 100%; font-size: 14px; color: #868686; text-align: center; }
.color_chip_wrap .colorBox { display: block; overflow: hidden; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: 20px; height: 20px; border: 1px solid #999; border-radius: 50%; text-align: center; background: #7d7d7d; box-sizing: border-box; }
.color_chip_wrap .btn_chip { display: block; }
.color_chip_wrap .btn_chip input[type="radio"] { overflow: hidden; position: absolute; top: 0; left: 0; margin: -1px; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; font-size: 1px; line-height: 0; }
.color_chip_wrap .btn_chip input[type="radio"]+label { display: block; cursor: pointer; position: relative; padding: 48px 11px 12px; min-height: 92px; font-size: 14px; font-weight: 400; color: #000; background: #f5f5f5; box-sizing: border-box; line-height: 1; }
.color_chip_wrap .btn_chip input[type="radio"]:checked+label { font-weight: bold; color: #ed174b; background: #fff; }
.color_chip_wrap .btn_chip input[type="radio"]:checked+label:before { content: ''; display: block; z-index: 2; position: absolute; top: -1px; left: 0; right: 0; bottom: -1px; width: calc(100% - 1px); height: 100%; border: 1px solid #ed174d; }
.color_chip_wrap .btn_chip input[type="radio"]:checked+label:after { background: #fff; }
.color_chip_wrap .btn_chip input[type="radio"]:disabled+label { cursor: not-allowed; color: rgba(34, 34, 34, .5); }

/* 계산기 */
.charge_total { margin-top: 30px; padding: 23px 20px 0; background: #f5f5f5; }
.charge_head { display: table; width: 100%; }
.charge_total .btn_wrap { padding: 15px 20px; text-align: center; }
.charge_total .btn_more { display: inline-block; position: relative; padding-right: 15px; font-size: 14px; font-family: 'Noto Sans KR'; color: #000; background: transparent; }
.charge_total .btn_more:before { content: ''; display: block; position: absolute; top: 4px; right: 2px; transform: rotate(-135deg); width: 6px; height: 6px; border: 2px solid #555; border-bottom: 0; border-right: 0; }
.charge_total .btn_more.on:before { top: 8px; transform: rotate(45deg); }
.charge_head .charge_txt,
.charge_head .charge_price { display: table-cell; font-size: 22px; color: #000; }
.charge_head .charge_txt { position: relative; padding-left: 20px; font-weight: 400; }
.charge_head .charge_txt::before { content: ''; display: block; position: absolute; top: 14px; left: 8px; width: 5px; height: 5px; background: #aaa; }
.charge_head .charge_price { font-weight: bold; text-align: right; }
.charge_head .charge_price * { font-weight: bold; }
.charge_list { margin: 20px 0 0; background: #fff; }
.charge_list > ul { background: #f5f5f5; }
.charge_list .list_item { padding: 22px 20px 25px; background: #fff; border-bottom: 1px solid #bcbcbc; }
.charge_list .list_item + .list_item { margin-top: 2px; }
.charge_list .item_box { display: table; width: 100%; font-size: 16px; font-weight: bold; color: #000; }
.charge_list .item_box .item_title,
.charge_list .item_box .baseRatePrice,
.charge_list .item_box .item_price { display: table-cell; }
.charge_list .item_box .baseRatePrice,
.charge_list .item_box .item_price { text-align: right; }
.charge_list .item_title a img { display: inline-block; position: relative; top: -1px; margin-left: 5px; vertical-align: middle; }
.charge_list .item_detail { margin-top: 18px; }
.charge_list .item_detail .item_box { margin-top: 4px; }
.charge_list .item_detail .item_box:first-child { margin-top: 0; }
.charge_list .item_detail .item_title,
.charge_list .item_detail .item_price,
.charge_list .item_detail .baseRatePrice { font-size: 14px; vertical-align: middle; }
.charge_list .item_detail .item_title { position: relative; padding-left: 8px; font-weight: 400; color: #555; }
.charge_list .item_detail .item_title a { display: inline-block; margin-left: 3px; vertical-align: middle; }
.charge_list .item_detail .item_title::before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 1px; background: #555; }
.charge_list .item_detail .item_price { font-weight: bold; color: #000; }
.charge_list .item_detail .item_unit { display: table-row; }
.charge_list .item_detail .item_unit .item_title,
.charge_list .item_detail .item_unit .item_price { padding: 4px 0 0 8px; }
.charge_list .item_detail .item_unit .item_title:before { top: 14px; }
.charge_list .item_detail { display: none !important; }
.charge_list .item_detail.on { display: block !important; }

/* 상세 - 선택 조건 신청 버튼 */
.btn_wrap.registration { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 18px 0 0; text-align: center; }
.btn_wrap.registration [class^="btn_large"] { display: table; margin-left: 10px; padding: 0; width: 176px; height: 56px; text-align: center; box-sizing: border-box; }
.btn_wrap.registration [class^="btn_large"]:first-child { margin-left: 0; }
.btn_wrap.registration [class^="btn_large"] .txt_before { display: table-cell; font-size: 20px; font-weight: 300; color: #fff; vertical-align: middle; }
.btn_wrap.registration [class^="btn_large"] .txt_after { display: block; opacity: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 34px; width: 100%; box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; letter-spacing: 0; word-break: keep-all; }
.btn_wrap.registration [class^="btn_large"]:hover .txt_before,
.btn_wrap.registration [class^="btn_large"]:focus .txt_before { opacity: 0; }
.btn_wrap.registration [class^="btn_large"]:hover .txt_after,
.btn_wrap.registration [class^="btn_large"]:focus .txt_after { opacity: 1; }
.txt_registration { margin: 24px 0 20px; font-size: 18px; font-weight: 500; color: #000; text-align: center; }

/* 상세 - 01 유심 통신사 선택  */
.usim_agency { position: relative; padding: 0; }
.usim_agency ul { overflow: hidden; width: calc(100% + 5px); margin-bottom: 30px; }
.usim_agency li { display: inline-block; float: left; width: calc(100% / 3 - 5px); line-height: 0; box-sizing: border-box; }
.usim_agency li+li { margin-left: 5px; }
.usim_agency .btn_radio.type02 { display: block; overflow: hidden; padding: 0; margin: 0; }
.usim_agency .btn_radio.type02 input + label { width: 100%; min-width: auto; height: 50px; box-sizing: border-box; font-size: 24px; font-weight: bold; border: 1px solid #d2d2d2; color: #000; background: #f5f5f5; line-height: 48px; }
.usim_agency .btn_radio.type02 input:checked + label { background: #ed174b; color: #fff; border: 1px solid #ed174b; box-sizing: border-box; }

/*.usim_agency .btn_radio.type02 input:focus + label {border:1px dotted #000;}*/
.usim_agency_check { margin-top: 30px; padding: 0; }
.usim_agency_check a { display: block; }
.usim_agency_check a img { vertical-align: middle; }

/* 배송방법 선택 */
.addition_content { display: none; margin-top: 14px; border-top: 1px solid #e6e6e6; }
.addition_content.active { display: block !important; }
.addition_content .earlier_usim { ; }
.addition_content .earlier_usim .txt_reference { padding: 0; font-size: 14px; color: #000; }
.addition_content .earlier_usim .txt_reference:before { content: ''; }
.addition_content .earlier_usim .tip_usim { display: inline-block; margin-top: 7px; font-size: 12px; color: #000; }
.addition_content .earlier_usim .tip_usim * { vertical-align: middle; }
.addition_content .confirm_status { color: #ed174b; }
.serach_form { position: relative; margin-top: 10px; padding-right: 84px; }
.serach_form:after { content: ''; display: block; clear: both; }
.serach_form .select_box2,
.serach_form .inp_box { float: left; }
.serach_form .select_box2 { display: block; position: relative; width: 120px; height: 44px; border: 1px solid #cdcdcd; box-sizing: border-box; }
.serach_form .select_box2 select { width: 100%; height: 100%; padding: 0 34px 0 16px; font-family: 'Noto Sans KR'; font-size: 14px; background: url('/web/images/sub/bg/bg_sel_arrow.png') no-repeat 90% center; border: none; word-wrap: break-word; }
.serach_form .inp_box { display: block; position: relative; margin: 0 0 0 4px; padding: 0; width: 245px; height: 44px; border: 1px solid #cdcdcd; box-sizing: border-box; }
.serach_form .inp_box input { padding: 0 10px; width: 100%; height: 100%; font-size: 14px; border: 0; color: #000; text-align: left; line-height: 40px; }
.serach_form .btn_basic { display: block; position: absolute; top: 0; right: 0; width: 80px; height: 44px; font-size: 16px; color: #fff; line-height: 42px; background: #555; text-align: center; }
.mobileView .mobileInfoWrap.a1 .unused_payment_info .txt { font-family: 'Noto Sans KR'; }

/* 요금제 목록 아이템 */
.calling_plan_wrap { ; }
.calling_plan_list { margin: -20px -8px; }
.calling_plan_list:after { content: ''; display: block; clear: both; }
.calling_plan_list>li { float: left; margin: 20px 8px; width: 370px; font-family: 'Noto Sans KR'; }
.calling_planbox { display: block; padding: 20px 10px; box-sizing: border-box; border: 1px solid #cae7fc; background: #edfcff; text-align: center; }
.calling_planbox .cont { ; }
.calling_planbox .tag_wrap { display: block; text-align: center; }
.calling_planbox .tit_main { display: block; margin-top: 7px; font-size: 22px; font-weight: 600; color: #000; }
.calling_planbox .icon_cont { margin-top: 20px; padding: 0; }
.calling_planbox .icon_cont li { position: relative; display: table; padding: 0 15px 0 53px; width: 100%; height: 49px; box-sizing: border-box; background: #fff; text-align: left; }
.calling_planbox .icon_cont li+li { }
.calling_planbox .icon_cont li>img { position: absolute; top: 50%; transform: translateY(-50%); left: 13px; }
.calling_planbox .icon_cont li.item_call > img,
.calling_planbox .icon_cont li.item_mms > img { left: 16px; }
.calling_planbox .icon_cont li .tit_icon,
.calling_planbox .icon_cont li .data_val { display: table-cell; vertical-align: middle; }
.calling_planbox .icon_cont li .tit_icon { width: 30%; font-size: 16px; font-weight: bold; color: #000; line-height: 1; }
.calling_planbox .icon_cont li .tit_icon * { vertical-align: middle; }
.calling_planbox .icon_cont li .tit_icon .tit_txt { display: inline-block; position: relative; line-height: 1.4; }
.calling_planbox .icon_cont li .tit_icon .btn_tooltip { display: inline-block; background: transparent; }
.calling_planbox .icon_cont li .data_val { width: 70%; text-align: right; }
.calling_planbox .icon_cont li .data_val .default_val { display: block; font-size: 16px; font-weight: bold; color: #000; }
.calling_planbox .icon_cont li .data_val .add_info { display: block; font-size: 12px; font-weight: 400; color: #ed174d; text-align: right; line-height: 1.2; }
.calling_planbox .cont_bottom { margin-top: 13px; }
.calling_planbox .other_telecom { font-size: 14px; font-weight: 400; color: #222; }
.calling_planbox .month_price { font-size: 26px; font-weight: 400; color: #ed174b; }
.calling_planbox .month_price * { color: inherit; }
.calling_planbox .text_price { margin-left: -2px; font-size: 36px; font-weight: bold; vertical-align: -2px; }

/* 상품 후기 탭 */
.renew2020 .tbl_list.commentList { border-bottom: 1px solid #ddd; }
.renew2020 .tbl_list.commentList tbody tr:first-child td { border-top: 1px solid #ddd; }
.renew2020 .tbl_list.commentList tbody tr * { vertical-align: middle; }
.renew2020 .tbl_list.commentList tbody tr .comTit,
.renew2020 .tbl_list.commentList tbody tr .comTxt { line-height: 1.5; }
.renew2020 .tbl_list.commentList tbody tr .tagWrap { display: inline-block; margin-right: 10px; }
.renew2020 .tbl_list.commentList tbody tr .comTit { display: inline-block; }
.renew2020 .tbl_list.commentList tbody tr .txtL .detail_wrap { overflow: hidden; white-space: nowrap; }
.renew2020 .tbl_list.commentList tbody tr .detail_wrap { position: relative; text-align: left; }
.renew2020 .tbl_list.commentList tbody tr.review_cont { display: none !important; background-color: #fbfbfb; }
.renew2020 .tbl_list.commentList tbody tr.review_cont .comTxt { line-height: 2; }
.renew2020 .tbl_list.commentList tbody tr.review_cont .detail_wrap { padding: 0 170px 0 40px; }
.renew2020 .tbl_list.commentList tbody tr.review_cont .detail_edit { position: absolute; top: 50%; right: 40px; margin-top: -12px; }
.renew2020 .tbl_list.commentList tbody tr.review_cont .detail_edit a { float: left; }
.renew2020 .tbl_list.commentList tbody tr.review_cont .detail_edit a+a { margin-left: 2px; }
.renew2020 .tbl_list.commentList tbody tr.review_cont.active { display: table-row !important; }
.btn_small { display: inline-block; padding: 5px 10px 0; height: 24px; border: 1px solid #cdcdcd; box-sizing: border-box; background: #fff; line-height: 1; }

/* 덧글 입력 폼 */
.renew2020 .commentWrite { padding: 0; background: #fff; }
.renew2020 .commentWrite .write_inner { position: relative; padding: 20px 30px; background: #f5f5f5; vertical-align: middle; }
.renew2020 .commentWrite .star_score_wrap { display: inline-block; font-size: 14px; font-weight: 400; color: #000; text-align: left; }
.renew2020 .commentWrite .star_score_wrap > strong { font-family: 'Noto Sans KR'; font-weight: 400; }
.renew2020 .commentWrite .star_score_wrap * { vertical-align: middle; }
.renew2020 .commentWrite .star_score { overflow: hidden; display: inline-block; margin-left: 6px; padding: 6px 20px 0; width: auto; height: 30px; border-radius: 16px; box-sizing: border-box; line-height: 1; background: #fff; }
.renew2020 .commentWrite .score_form { margin-top: 2px; }
.renew2020 .commentWrite textarea { padding: 20px; height: 182px; font-size: 12px; font-family: 'dotum', '돋움'; box-sizing: border-box; letter-spacing: 0; }
.renew2020 .commentWrite textarea::-webkit-input-placeholder { color: #919191; }
.renew2020 .commentWrite textarea:-ms-input-placeholder { color: #919191; }

/* Internet Explorer 10-11 */
.renew2020 .commentWrite textarea::placeholder { color: #919191; }
.renew2020 .commentWrite .review_reference { margin-top: 13px; font-size: 14px; font-family: 'Noto Sans KR'; color: #000; }
.renew2020 .commentWrite .btnWrap { margin-top: 30px; }

/* qnaWrap */
.renew2020 .qnaWrap2 { border-top: 1px solid #000; }
.renew2020 .qnaWrap2 li { border-bottom: 1px solid #ddd; }
.renew2020 .qnaWrap2 .qna_title { position: relative; padding: 20px 60px 18px 20px; box-sizing: border-box; }
.renew2020 .qnaWrap2 .qna_title .txt { position: relative; padding: 0 0 0 40px; font-size: 12px; vertical-align: middle; }
.renew2020 .qnaWrap2 .qna_title .txt:before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; background: url('/web/images/global/icon_faq_question.png') no-repeat left top; }
.renew2020 .qnaWrap2 .answer { display: none; padding: 40px; border-top: 1px solid #ddd; }
.renew2020 .qnaWrap2 .btn_more { display: block; position: absolute; top: 0; right: 0; width: 54px; height: 54px; background: transparent; }
.renew2020 .qnaWrap2 .btn_more:before { content: ''; display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 17px; height: 10px; background: url('/web/images/global/icon_set_arrow.png') no-repeat left bottom; }
.renew2020 .qnaWrap2 li.on .answer { display: block !important; background: #fbfbfb; }
.renew2020 .qnaWrap2 li.on .btn_more:before { background-position: left top; }
.renew2020 .qna_link_wrap { overflow: hidden; margin-top: 40px; }
.renew2020 .qna_link_wrap .qna_link_item { display: table; float: left; position: relative; padding: 10px 40px; width: calc(50% - 2px); height: 108px; box-sizing: border-box; background: #f5f5f5; vertical-align: middle; }
.renew2020 .qna_link_wrap .qna_link_item + .qna_link_item { margin-left: 4px; }
.renew2020 .qna_link_wrap .qna_link_text { display: table-cell; width: 50%; font-size: 16px; font-weight: 400; color: #000; vertical-align: middle; }
.renew2020 .qna_link_wrap .btn_base { display: inline-block; position: absolute; top: 50%; right: 40px; margin-top: -19px; padding: 7px 0 0; min-width: 138px; height: 38px; box-sizing: border-box; border: 1px solid #ed174b; border-radius: 18px; font-size: 16px; font-weight: 400; color: #ed174b; text-align: center; background: #fff; }
.renew2020 .qna_link_wrap * { font-family: 'Noto Sans KR'; }
.renew2020 .alliance_discount { margin: 13px 0 5px; font-size: 12px; font-weight: 300; color: #000; }

/* 하단 flooation_bar */
.floating_table_wrap { width: 100%; height: 159px; }
.renew2020.floating_table { z-index: 50; position: fixed; overflow: hidden; bottom: 0; left: 0; margin: 0; padding: 20px 0 25px; width: 100%; height: auto; background: #383838; }
.renew2020.floating_table .mobileInfoWrap { position: relative; margin: 0 auto; padding: 0; width: 1140px; height: auto; background: transparent; box-sizing: border-box; }
.renew2020.floating_table .mobileInfoWrap.a5 { height: auto; background: none; }
.renew2020.floating_table .allMoney { width: 100%; height: auto; vertical-align: middle; }
.renew2020.floating_table .allMoney .allMoney_inwrap { display: block; text-align: center; }
.renew2020.floating_table .allMoney .product_rate { display: table; overflow: hidden; margin-top: 28px; width: calc(100% - 550px); min-height: 58px; font-size: 32px; color: #fff; }
.renew2020.floating_table .allMoney .product_rate * { font-family: 'Noto Sans KR'; }
.renew2020.floating_table .allMoney .product_options { padding-bottom: 6px; font-size: 15px; font-weight: 400; color: #ccc; border-bottom: 1px solid #606060; }
.renew2020.floating_table .allMoney .product_options span { color: #fff; }
.renew2020.floating_table .allMoney .money { display: table-cell; float: none; margin: 0; padding: 0; font-size: inherit; font-family: inherit; text-align: left; line-height: 0; vertical-align: middle; }
.renew2020.floating_table .allMoney .money strong { padding: 0; }
.renew2020.floating_table .allMoney .product_options [class^="view_txt"]:before { content: '/'; margin: 0 5px; }
.renew2020.floating_table .allMoney .product_options [class^="view_txt"]:first-child:before { content: ''; }
.renew2020.floating_table .allMoney .money .money_txt { display: inline-block; }
.renew2020.floating_table .allMoney .money_txt strong,
.renew2020.floating_table .allMoney .money_detail { color: #fff; margin: 0; padding: 0; height: auto; line-height: 1; }
.renew2020.floating_table .allMoney .money_detail { display: block; overflow: hidden; margin-top: 8px; }
.renew2020.floating_table .allMoney .money_detail * { font-size: 16px; letter-spacing: -0.025em; vertical-align: baseline; }
.renew2020.floating_table .allMoney .money_detail * { color: #fff; font-family: 'Noto Sans KR'; }
.renew2020.floating_table .allMoney .money_detail > span { display: inline-block; float: left; font-size: 16px; font-weight: 400; }
.renew2020.floating_table .allMoney .money_detail .device_price { margin-left: 2px; color: #fff73f; }
.renew2020.floating_table .allMoney .money_detail .sum_detail { margin-left: 4px; }
.renew2020.floating_table .allMoney .money .total { position: relative; margin-left: 12px; padding: 0; line-height: 0; }
.renew2020.floating_table .allMoney .money .total * { vertical-align: baseline; letter-spacing: -0.025em; }
.renew2020.floating_table .allMoney .money .total { display: inline-block; }
.renew2020.floating_table .allMoney .money .total>strong,
.renew2020.floating_table .allMoney .money .total .unit_won { font-size: 32px; color: #fff73f; }
.renew2020.floating_table .allMoney .money .total .unit_won { line-height: 32px; font-weight: bold; }
.renew2020.floating_table .allMoney .money .sup_txt { margin-left: 2px; font-size: 16px; font-family: 'Noto Sans KR'; }
.renew2020.floating_table .allMoney .money .total .sum_detail { font-size: 16px; color: #ccc; }
.renew2020.floating_table .allMoney .btn_join { position: absolute; right: 0; bottom: 0; float: none; padding: 0; width: 550px; text-align: right; }
.renew2020.floating_table .allMoney .btn_join a + a,
.renew2020.floating_table .allMoney .btn_join a + span { margin-left: 8px; }
.renew2020.floating_table .allMoney .btn_middle2 { position: relative; min-width: 176px; }
.renew2020.floating_table .allMoney .btn_middle2 .txt_before { display: block; color: #fff; }
.renew2020.floating_table .allMoney .btn_middle2 .txt_after { display: block; opacity: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 14px; width: 100%; box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; letter-spacing: 0; word-break: keep-all; }
.renew2020.floating_table .allMoney .btn_middle2:hover .txt_before,
.renew2020.floating_table .allMoney .btn_middle2:focus .txt_before { opacity: 0; }
.renew2020.floating_table .allMoney .btn_middle2:hover .txt_after,
.renew2020.floating_table .allMoney .btn_middle2:focus .txt_after { opacity: 1; }

/* 레이어팝업 -상품 후기 수정하기 .review_edit_form */
.layerpop.renew2020 .popContent.type1 { position: relative; padding: 28px 30px; height: auto; background: #f5f5f5; vertical-align: middle; }
[class^='layerpop'] .popContent.type1 .btn_area { margin: 20px 0 0 !important; }
[class^='layerpop'] .popContent.type2 { position: relative; padding: 0; height: auto; background: #fff; vertical-align: middle; }
[class^='layerpop'] .popContent.type2 h6 { margin: 0; padding: 17px 30px; }
[class^='layerpop'] .popContent .btn_layerpopup { padding-top: 7px; height: 38px; font-size: 16px; box-sizing: border-box; }
[class^='layerpop'] .popContent .btn_layerpopup.type2 { background: #ed174d; border: 0; color: #fff; }
[class^='layerpop'] .popContent .btn_layerpopup+.btn_layerpopup { margin-left: 3px; }
[class^='layerpop']  .popContent.type2 .popClose { width: 55px; height: 55px; top: 0; right: 0; background: url('/web/images/global/pop_close.png') no-repeat 50% 50%; }
.renew2020 .review_edit_form .star_score_wrap { display: inline-block; font-size: 14px; font-weight: 400; color: #000; text-align: left; }
.renew2020 .review_edit_form .star_score_wrap * { vertical-align: middle; }
.renew2020 .review_edit_form .star_score { overflow: hidden; display: inline-block; margin-left: 6px; padding: 6px 20px 0; width: auto; height: 30px; border-radius: 16px; box-sizing: border-box; line-height: 1; background: #fff; }
.renew2020 .review_edit_form .score_form { margin-top: 2px; }
.renew2020 .review_edit_form .review_comment { margin-top: 7px; }
.renew2020 .review_edit_form .review_comment textarea { padding: 20px; width: 100%; height: 180px; font-family: 'dotum', '돋움', 'Malgun Gothic'; font-size: 12px; box-sizing: border-box; text-align: left; letter-spacing: 0; }
.renew2020 .review_edit_form .review_comment textarea::-webkit-input-placeholder { color: #919191; }
.renew2020 .review_edit_form .review_comment textarea:-ms-input-placeholder { color: #919191; }

/* Internet Explorer 10-11 */
.renew2020 .review_edit_form .review_comment textarea::placeholder { color: #919191; }
.renew2020 .review_edit_form .review_reference { margin-top: 13px; font-size: 14px; color: #000; }
.renew2020 .review_edit_form .btnWrap { margin-top: 30px; }
.tip_200.cardDiscount { padding: 0 10px; }
.tip_200.cardDiscount .txt_top { margin-top: -20px; border-bottom: 1px solid #d2d2d2; padding: 0 30px 10px 0; margin-bottom: 15px; text-align: center; font-size: 14px; font-weight: bold; }
.tip_200.cardDiscount .tipTxt1 li { background: none; padding-left: 0px; }
.tip_200.cardDiscount .tipTxt1 li .txt_indent { padding-left: 15px; text-indent: -15px; }
.tip_200.cardDiscount .t_point { color: #ed174d; }

/* 레이어팝업 :요금제 전체보기 */
.recConthead { padding: 56px 10px 46px; border-bottom: 1px solid #ddd; }
.Tab.a4.price { background: #fff; border: 0; }
.Tab.a4.price { float: auto; width: 100%; text-align: center; position: relative; top: 1px; height: auto; border-bottom: 0; }
.Tab.a4.price #category { margin-bottom: 20px; }
.Tab.a4.price ul { border: 0; }
.Tab.a4.price ul:after { content: ''; clear: both; display: block; }
.Tab.a4.price li { display: inline-block; float: none; margin: 0 0 0 27px; padding: 0; border: 0; width: auto; height: auto; background: #fff; }
.Tab.a4.price li a { display: block; height: 34px; font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 400; color: #000; border: 0; line-height: 32px; background: transparent; }
.Tab.a4.price li a img { display: inline-block; position: relative; top: 2px; }
.Tab.a4.price li .ico_tooltip { display: inline-block; position: relative; top: 2px; width: 19px; height: 19px; margin-left: 3px; background: url('/web/images/sub/ico/ico_tooltip2.gif') no-repeat right center; }
.Tab.a4.price li .ico_tooltip:hover,
.Tab.a4.price li .ico_tooltip:focus { background: url('/web/images/sub/ico/ico_tooltip_on.png') no-repeat right center; }
.Tab.a4.price:last-child a { border: 0; }
.Tab.a4.price .on a { z-index: 1; position: relative; border-bottom: 1px solid #ed174b; border-bottom: none; width: auto; height: inherit; color: #ed174b; font-weight: bold; }
.Tab.a4.price .on a:before { content: ''; position: absolute; bottom: -3px; width: 100%; height: 3px; background: #ed174b; }
.callingRecommend { position: relative; }
.callingRecommend .calling_plan_txt { display: inline-block; position: absolute; top: -26px; right: 30px; font-size: 14px; font-family: 'Noto Sans KR'; color: #000; text-align: right; }
.calling_plan_wrap .calling_inwrap { overflow-y: scroll; height: 500px; }
.calling_plan_wrap .calling_plan_list { -ms-flex-wrap: wrap; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding-left: 12px; }
.calling_plan_wrap .calling_plan_list>li.active,
.calling_plan_wrap .calling_plan_list>li:hover,
.calling_plan_wrap .calling_plan_list>li:focus { border: 1px solid #ed174b; }
.calling_plan_wrap .calling_plan_list>li { display: block; flex: 1 1 1; margin: 20px 8px; width: 370px; padding: 20px 10px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #f5f5f5; text-align: center; cursor: default; }
.calling_plan_wrap .calling_plan_list li .calling_planbox { padding: 0; border: 0; width: 100%; height: 100%; background: transparent; }
.calling_plan_wrap .calling_plan_list li .calling_planbox .cont { display: table; width: 100%; height: 100%; }
.calling_plan_wrap .calling_plan_list li .calling_planbox .cont >li { display: table-row; }
.calling_plan_wrap .calling_plan_list li .calling_planbox .cont .cont_bottom { display: table-cell; padding-top: 13px; vertical-align: baseline; }
.callingRecommend .nodata { padding: 255px; font-weight: 400; }
.callingRecommend .nodata_txt { display: inline-block; position: relative; padding-left: 120px; font-size: 22px; font-family: 'Noto Sans KR'; color: #555; }
.callingRecommend .nodata_txt:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -60px; width: 120px; height: 120px; background: url('/web/images/sub/ico/icon_noresult.png') no-repeat left center; }
.callingRecommend .nodata_txt > strong { display: block; font-size: 32px; font-weight: bold; }

/* 레이어팝업 :기기 변경 안내  */
.renew2020 .popContent.price * { font-family: 'Dotum', '돋움'; }
.layerpop.renew2020 .progress_wrap.colorSoldOutImg { position: absolute; top: 0; right: 0; margin: 0; padding: 250px 0; width: 642px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center; }
.renew2020 .no_sellWrap .inner_cont { display: inline-block; padding: 0 0 0 120px; width: auto; min-height: 90px; border: 0; color: #555; background: url('/web/images/sub/ico/icon_notice.png') no-repeat left center; text-align: left; }
.renew2020 .no_sellWrap .inner_cont p { margin-top: 5px; font-size: 22px; line-height: 1.3; letter-spacing: -1px; text-align: inherit; }
.renew2020 .no_sellWrap .inner_cont strong { display: block; float: none; font-size: 32px; font-weight: bold; color: #555; }
.renew2020 .no_sellWrap .inner_cont .status { display: inline-block; font-weight: bold; color: #ed174b; }

/* 휴대폰 상세 - 상단 우측 배너 */
.renew2020 .pop_banner { position: fixed; bottom: 140px; right: 30px; z-index: 51; }
.renew2020 .pop_banner .bn_cont { width: 138px; }
.renew2020 .pop_banner .wrap .img-wrap img { width: 100%; }
.layerpop.selectReset { margin: 100px 0 0 -130px; }
.layerpop.selectReset .layerpop_tit { padding: 16px 20px; color: #fff; font-size: 14px; font-weight: bold; background: #ed174d; }
.layerpop.selectReset .popContent { width: auto; }
.layerpop.selectReset .txt_wrap { text-align: center; }
.layerpop.selectReset .popClose { right: 15px; top: 15px; width: 20px; height: 20px; background: url('/web/images/global/popbtn_close_35px.png') no-repeat; background-size: 100%; }

/* 유심 상세 페이지 */

/* 자세한 설명 */
.renew2020 .mobileView.usim .calling_contract .tip_detail { top: -135px; }

/* 유심 - 요금 약정 선택  */
.renew2020 .mobileView.usim .imgCoverWrap.type02 { height: auto; }
.renew2020 .mobileView.usim .help_tip_area { display: block; position: relative; }
.renew2020 .mobileView.usim .help_tip_area .tip_layer { display: inline-block; position: absolute; bottom: 0px; right: 0; margin-bottom: 35px; padding: 10px; border: solid 1px #e5e5e5; background: #fff; line-height: 18px; font-weight: normal; z-index: 99; }
.renew2020 .mobileView.usim .help_tip_area .tip_btn { position: absolute; right: 0px; bottom: 0px; cursor: pointer; line-height: 0em; }
.renew2020 .mobileView.usim .fc_point { color: #ed174d; }

/* 공기계+유심 - 휴대폰 이미지 커버영역  */
.renew2020 .mobileView.usim .imgCoverWrap.type02 .imgCover { display: table; }
.renew2020 .mobileView.usim .imgCoverWrap.type02 .imgCoveritem { display: table-cell; text-align: center; vertical-align: middle; }
.renew2020 .mobileView.usim .mobileInfoWrap.a1 .imgCoverWrap .imgCover img { position: static; top: auto; }
.renew2020 .mobileView.usim .mobileInfoWrap.a1 .imgCoverWrap .imgCover img.usimProduct { height: 100%; max-height: 100% !important; }

/* 유심만 상품이미지 100%로 처리됨*/
.renew2020 .unused_phone_select { position: relative; top: -50px; margin: 0; padding: 0; text-align: center; }
.renew2020 .unused_phone_select .btn_reset { display: inline-block; margin: 0; padding: 4px 10px 6px; width: 150px; box-sizing: border-box; border: 1px solid #ed174b; border-radius: 18px; font-size: 14px; font-weight: 300; color: #ed174d; background: #fff; text-align: center; }

/* 공기계+유심 - 상단 색상 */
.renew2020 .mobileInfoWrap.a1 .mobileInfo #phoneColor h6 { margin-top: 0 !important; }

/* [팝업] 이용불가능한 팝업 */
.layerpop .pop_unsvc_phone { width: 650px; }
.layerpop .pop_unsvc_phone .search_box { padding: 20px 30px; border-bottom: 1px solid #cdcdcd; }
.layerpop .pop_unsvc_phone .search_area { position: relative; padding-right: 84px; }
.layerpop .pop_unsvc_phone .search_area input[type='text'] { border: 1px solid #cdcdcd; height: 44px; box-sizing: border-box; font-size: 14px; color: #222; }
.layerpop .pop_unsvc_phone .search_area .btn_search { position: absolute; top: 0; right: 0; width: 80px; height: 44px; font-size: 16px; color: #fff; background: #555; text-align: center; line-height: 42px; vertical-align: middle; }
.layerpop .pop_unsvc_phone .search_content { overflow-y: scroll; padding: 30px; max-height: 540px; box-sizing: border-box; }
.highlight { background: rgba(255, 217, 0, 0.6); }
.pop_banner .txt_close { text-align: right; }
.pop_banner .txt_close * { vertical-align: middle; }
.pop_banner .txt_close label { display: inline-block; position: relative; font-size: 14px; }
.pop_banner .txt_close a > img { display: inline-block; position: relative; top: 3px; vertical-align: top; }
.pop_banner .txt_close label:before { content: ''; z-index: -1; display: block; position: absolute; top: 0; left: -21px; width: 142px; height: 23px; background: rgba(255, 255, 255, 1); }

/* 요금제 전체보기 - 휴대폰  */
.layerpopup.renew { display: none; }
.mask { z-index: 99998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
.renew2020 .btn_tip { display: inline-block; margin-left: 4px; overflow: visible; position: relative; top: -2px; width: 19px; height: 19px; background: url('/web/images/sub/ico/ico_tooltip2.gif') no-repeat center; vertical-align: middle; }
.renew2020 .btn_tip .tooltip_inwrap { z-index: 1000; display: none; position: absolute; top: 22px; left: 0px; padding: 15px; width: 300px; height: auto; margin-left: -140px; box-sizing: border-box; border: 1px solid #000; box-shadow: 4px 4px 0px 0px rgba(232, 232, 232); font-size: 12px; color: #000; background: #fff; line-height: 1.5; text-align: left; }
.renew2020 .btn_tip .tooltip_inwrap * { font-family: 'Dotum', '돋움'; font-size: 12px; }
.renew2020 .btn_tip .tip_title { display: block; margin-bottom: 2px; font-size: 12px; text-align: left; }
.renew2020 .btn_tip .tip_desc { display: block; font-size: 12px; }
.renew2020 .btn_tip:hover .tooltip_inwrap,
.renew2020 .btn_tip:focus .tooltip_inwrap { display: block !important; }

/* 추후 확인 필요 - 유심상세쪽 툴팁 표시로 인해 overflow:hidde 해제하는 재정의  */
.contentWrap { overflow: visible; }
.mobileView .mobileInfoWrap { overflow: visible; }

/* 셀프개통 - 셀프개통 방법 */
.renew2020 .howToSelfVisual { position: relative; margin: 3.545em auto 2.727em; }
.renew2020 .howToSelfVisual + .self_notify { margin-top: 20px; }
.renew2020 .howToSelfVisual .visual_list { width: 100%; position: relative; }
.renew2020 .howToSelfVisual .visual_list a { display: block; }
.renew2020 .howToSelfVisual .visual_list img { display: block !important; width: 100%; padding: 0; }
.renew2020 .howToSelfVisual .slick-arrow { z-index: 100; background: url('/web/images/self/btn_slide_ctrl.png') no-repeat 0 0; position: absolute; top: 50%; display: block; width: 53px; height: 53px; margin-top: -27px; border: 0; text-indent: -9999px; }
.renew2020 .howToSelfVisual .slick-arrow:focus { outline: solid; border-width: 1px; }
.renew2020 .howToSelfVisual .slick-arrow.slick-prev { left: 28px; }
.renew2020 .howToSelfVisual .slick-arrow.slick-next { right: 28px; background-position: 0 -59px; }
.renew2020 .howToSelfVisual .slick-arrow.slick-prev:hover { background-position: -68px 0; }
.renew2020 .howToSelfVisual .slick-arrow.slick-next:hover { background-position: -68px -59px; }
.renew2020 .howToSelfVisual .ctrl_box { position: absolute; left: 0px; bottom: 35px; width: 100%; text-align: center; }
.renew2020 .howToSelfVisual .ctrl_box .btn_play { display: block; width: 21px; height: 21px; background: blue; border: 0; background: url('/web/images/self/btn_slide_ctrl.png') no-repeat 0 -118px; text-indent: -9999px; }
.renew2020 .howToSelfVisual .ctrl_box .btn_play.on { background: url('/web/images/self/btn_slide_ctrl.png') no-repeat 0 -179px; }
.renew2020 .howToSelfVisual .ctrl_box .paging_set { position: relative; display: inline-block; color: #fff; border-radius: 20px; padding: 1px 20px 3px; letter-spacing: 0; }
.renew2020 .howToSelfVisual .ctrl_box .paging_set:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.5; border-radius: 20px; }
.renew2020 .howToSelfVisual .ctrl_box .paging_set span { position: relative; display: inline-block; padding: 0px 0px 0 2px; color: #fff; font-size: 20px; font-weight: 300; vertical-align: middle; line-height: 1.2em; }
.renew2020 .howToSelfVisual .ctrl_box .paging_set span:first-child { padding-left: 0px; }
.renew2020 .howToSelfVisual .ctrl_box .paging_set span.split { font-size: 17px; }
.renew2020 .howToSelfVisual .slick-dots-wrap { text-align: center; }
.renew2020 .howToSelfVisual .slick-dots { display: inline-block; margin: 0px; padding-top: 1em; }
.renew2020 .howToSelfVisual .slick-dots li { display: inline-block; width: 2.273em; height: 2.273em; vertical-align: middle; text-align: center; flex-grow: unset; background: none; text-indent: 0; }
.renew2020 .howToSelfVisual .slick-dots li + li { margin: 0 0.3182em; }
.renew2020 .howToSelfVisual .slick-dots li .cp_item { display: block; width: 100%; height: 100%; overflow: hidden; text-decoration: none; cursor: pointer; white-space: nowrap; color: #000; background-color: #fff; text-indent: 0em; }
.renew2020 .howToSelfVisual .slick-dots li .cp_item:hover { color: #000; background-color: #ccc; }
.renew2020 .howToSelfVisual .slick-dots li.slick-active .cp_item { color: #fff; background-color: #ed1c24; }
.renew2020 .howToSelfVisual .slick-dots li.slick-active .cp_item:hover { color: #fff; background-color: #ed1c24; }
@media (max-width:360px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 12px; }
}
@media (min-width:361px) and (max-width:399px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 13px; }
}
@media (min-width:400px) and (max-width:439px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 14px; }
}
@media (min-width:440px) and (max-width:479px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 15px; }
}
@media (min-width:480px) and (max-width:519px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 16px; }
}
@media (min-width:520px) and (max-width:559px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 17px; }
}
@media (min-width:560px) and (max-width:599px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 18px; }
}
@media (min-width:600px) and (max-width:639px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 19px; }
}
@media (min-width:640px) and (max-width:679px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 20px; }
}
@media (min-width:680px) and (max-width:879px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 21px; }
}
@media (min-width:880px) {
	.renew2020 .howToSelfVisual .slick-dots { font-size: 22px; }
}

/* 플젝팀 - 20210310 */
.layerpop.renew2020 .usimPopWrap { position: fixed; width: 640px; height: 480px; top: 50%; left: 50%; margin-left: -320px; margin-top: -240px; }
.layerpop.renew2020 .popHeader .tit.ev_us { font-size: 20px; font-weight: normal }
.layerpop.renew2020 .usim_event { height: 480px; overflow-y: auto; }
.layerpop.renew2020 .usim_event .wrap { padding: 15px; }
.layerpop.renew2020 .usim_event table { width: 100%; font-size: 22px; text-align: left; }
.layerpop.renew2020 .usim_event table:first-child { border-bottom: 1px solid #cdcdcd; }
.layerpop.renew2020 .usim_event table:nth-child(2) { border-bottom: 1px dashed #cdcdcd; }
.layerpop.renew2020 .usim_event table th { text-align: left; font-weight: normal; vertical-align: middle; }
.layerpop.renew2020 .usim_event table th,
.layerpop.renew2020 .usim_event table td { padding-bottom: 15px; }
.layerpop.renew2020 .usim_event table th { padding-left: 20px; font-size: 18px; }
.layerpop.renew2020 .usim_event table td { padding-right: 20px; }
.layerpop.renew2020 .usim_event table td strong { font-size: 20px; }
.layerpop.renew2020 .usim_event .btn_radio { float: left; width: 50%; height: auto; }
.layerpop.renew2020 .usim_event .item3 .btn_radio {width:33.333333333%;}
.layerpop.renew2020 .usim_event  input[type=radio],
.layerpop.renew2020 .usim_event input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.layerpop.renew2020 .usim_event .btn_radio input[type="radio"]+label { padding: 5px 0 6px; width: 100%; height: auto; display: inline-block; font-size: 16px; color: #6b6b6b; box-sizing: border-box; background: #f5f5f5; line-height: 1.4; text-align: center; word-break: keep-all; border: 1px solid #cdcdcd; }
.layerpop.renew2020 .usim_event .btn_radio input[type="radio"]:checked+label { font-weight: bold; color: #ed174d; border: 1px solid #ed174d; background: #fff; }
.layerpop.renew2020 .usim_event .btn_radio:first-child input[type="radio"]+label { border-right: 0; }
.layerpop.renew2020 .usim_event .btn_radio:first-child input[type="radio"]:checked+label { border-right: 1px solid #ed174d; }
.layerpop.renew2020 .usim_event .btn_radio:last-child input[type="radio"]+label { border-left: 0; }
.layerpop.renew2020 .usim_event .btn_radio:last-child input[type="radio"]:checked+label { border-left: 1px solid #ed174d; }
.layerpop.renew2020 .usim_event .item3 .btn_radio:nth-child(2) input[type="radio"]+label { border-left: 0; }
.layerpop.renew2020 .usim_event .item3 .btn_radio:nth-child(2) input[type="radio"]:checked+label { border-left: 1px solid #ed174d; border-right: 1px solid #ed174d; }
.layerpop.renew2020 .usim_event .item3 .btn_radio input[type="radio"]+label.line { border-right: 0; border-left: 1px solid #cdcdcd; }
.layerpop.renew2020 .usim_event .radioSubTxt{display:block; padding-left:130px; font-size:13px;}
.layerpop.renew2020 .usim_event .radioSubTxt strong{font-size:13px;}
.layerpop.renew2020 .usim_event  span.smt, .usim_event .tip_usim { font-size: 16px; }
.layerpop.renew2020 .usim_event .tip_usim { border-bottom: 1px solid #000; padding-bottom: 2px; position: relative; margin-left: 26px; padding-right: 20px; }
.layerpop.renew2020 .usim_event .tip_usim:after { position: absolute; display: block; width: 16px; height: 15px; top: 3px; right: 0; color: #fff; font-size: 12px; text-align: center; line-height: 15px; content: '?'; background-color: #000; border-radius: 12px; }
.layerpop.renew2020 .usim_event .usim_info { margin-top: 12px; }
.layerpop.renew2020 .usim_event .usim_info span { font-size: 20px; font-weight: bold; vertical-align: middle; }
.layerpop.renew2020 .usim_event .usim_info input { width: 310px; font-size: 20px; padding: 4px 20px 3px 20px; margin: 0; font-weight: bold; font-family: 'Noto Sans KR'; color: #000; }
.layerpop.renew2020 .usim_event .usim_info input::placeholder { font-size: 18px; line-height: 18px; font-weight: normal; position: relative; top: -3px; }
.layerpop.renew2020 .usim_event .usim_info input::-webkit-input-placeholder { font-size: 18px; font-weight: normal }
.layerpop.renew2020 .usim_event .usim_info input:-ms-input-placeholder { font-size: 18px; font-weight: normal }
.layerpop.renew2020 .usim_event .usim_info input[type="number"]{border:1px solid #d7d7d7; box-sizing:border-box;}
.layerpop.renew2020 .usim_event .usim_info input[type="number"]::-webkit-outer-spin-button, 
.layerpop.renew2020 .usim_event .usim_info input[type="number"]::-webkit-inner-spin-button{margin:0; -webkit-appearance:none;}
.layerpop.renew2020 .usim_event .usim-area td { text-align: right; padding-right: 36px; }
.layerpop.renew2020 .usim_event table .price th,
.layerpop.renew2020 .usim_event table .price td { padding: 6px 0; }
.layerpop.renew2020 .usim_event table .price th { font-size: 24px; font-weight: bold; padding-left: 20px; }
.layerpop.renew2020 .usim_event table .price td { padding-right: 20px; }
.layerpop.renew2020 .usim_event table .price .text_right { text-align: right; font-size: 14px; }
.layerpop.renew2020 .usim_event table .price .text_right strong { font-size: 22px; display: block; margin-bottom: 6px; }
.layerpop.renew2020 .usim_event table .price .text_right strong em { font-size: 32px; color: #ed174d; position: relative; bottom: -2px; }
.layerpop.renew2020 .usim_event .btn_wrap.pop [class^="btn_large"] { width: 220px; height: 44px; padding: 0; }
.layerpop.renew2020 .usim_event .btn_wrap.pop [class^="btn_large"] .btn_txt { font-size: 20px; line-height: 22px; font-weight: bold; }
.layerpop.renew2020 .usim_event .btn_wrap { margin: 15px 16px 0 16px; justify-content: center; }
.layerpop.renew2020 .progress_wrap { text-align: center; background-color: #fafafa; padding: 30px 48px }
.layerpop.renew2020 .progress_wrap h2 { font-size: 20px; margin-bottom: 20px; font-weight: normal; }
.layerpop.renew2020 .progress_wrap h2 .red { color: #ed174d; font-weight: bold; }
.layerpop.renew2020 .progress_wrap .progress_info img { width: 100%; height: auto; max-width: 480px; }
.layerpop.renew2020 .usim-area { display: none; }
.layerpop.renew2020 .usim-area.on { display: table-row; }
.layerpop.renew2020 .tooltipLayer { position: absolute; width: 580px; height: 400px; top: 38%; left: 50%; margin-top: -160px; margin-left: -290px; border: 1px solid #222; background-color: #fcfcfc; text-align: center; }
.layerpop.renew2020 .tooltipLayer .imgWrap { width: 340px; margin: 0 auto; padding-top: 40px; }
.layerpop.renew2020 .tooltipLayer img { width: 100%; }
.layerpop.renew2020 .tooltipLayer .tooltip_Close { display: block; z-index: 10; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; }
.layerpop.renew2020 .tooltipLayer .tooltip_Close:before,
.layerpop.renew2020 .tooltipLayer .tooltip_Close:after { content: ''; position: absolute; top: -2px; width: 2px; height: 100%; background: #000; }
.layerpop.renew2020 .tooltipLayer .tooltip_Close:before { left: 9px; transform: rotate(45deg); }
.layerpop.renew2020 .tooltipLayer .tooltip_Close:after { right: 9px; transform: rotate(-45deg); }
.scrlock { overflow: hidden; height: 100%; min-height: 100%; touch-action: none; }

/* 유심 원칩추가 - 211117 */
.layerpop.renew2020 .usim_event .usim-area02 span.smt{display:block; padding-left:18px; margin-bottom:20px; color:#ed174d; line-height:1.5; text-align:left;}
.layerpop.renew2020 .usim_event .usim-area02 ul{margin-bottom:15px; font-size:0; text-align:left;}
.layerpop.renew2020 .usim_event .usim-area02 ul li{display:inline-block; width:50%; padding:0 0 1px 30px; background:url("/web/images/usim/radio_off.png") top 1px left no-repeat; vertical-align:top; font-size:0; box-sizing:border-box;}
.layerpop.renew2020 .usim_event .usim-area02 ul li span{display:inline-block; font-size:16px; line-height:1.3; vertical-align:middle;}
.layerpop.renew2020 .usim_event .usim-area02 ul li .tip_usim{display:inline-block; width:19px; height:19px; line-height:19px; margin-left:5px; font-size:15px; color:#fff; background:#000; border-radius:50%; vertical-align:1px; border-bottom:0; padding:0; vertical-align:middle; text-align:center;}
.layerpop.renew2020 .usim_event .usim-area02 ul li .tip_usim:after{display:none;}
.layerpop.renew2020 .usim_event .usim-area02 ul li.on{background-image:url("/web/images/usim/radio_on.png");}
.layerpop.renew2020 .usim_event .usim-area02 ul li.on span{color:#ed174d; cursor:pointer;}
.layerpop.renew2020 .usim_event .usim-area02 .usim_info{display:none; font-size:0;}
.layerpop.renew2020 .usim_event .usim-area02 .usim_info > *{display:inline-block; margin-right:10px;}
.layerpop.renew2020 .usim_event .usim-area02 .usim_info > *:last-child{margin-right:0;}
.layerpop.renew2020 .usim_event .usim-area02 .usim_info.on{display:block;}
.layerpop.renew2020 .usim_event .usim-area02 .usim_info select{width:110px; height:38px; padding:0 20px 0 12px; border:1px solid #cdcdcd; font-size:18px; font-weight:bold; letter-spacing:-1px; background:#fff url('/web/images/sub/renew202106/ico_arrow_blck_down.png') center right 5px no-repeat; box-sizing:border-box; font-family:'Noto Sans KR'; vertical-align:top;}
.layerpop.renew2020 .tooltipLayer.onechipTooltip .imgWrap{width:425px;}
/* 유심 원칩추가 - 211117 */

/* 팝업 색상추가 - 220422 */
.layerpop.renew2020 .usim_event .color_chip_wrap {display:inline-block; border:none; margin:7px 0; vertical-align:middle;}
.layerpop.renew2020 .usim_event .color_chip_wrap li {width: 42px; padding:0 5px;}
.layerpop.renew2020 .usim_event .color_chip_wrap li + li {padding-left: 10px; }
.layerpop.renew2020 .usim_event .color_chip_wrap li:before {display:none;}
.layerpop.renew2020 .usim_event .color_chip_wrap li .product_status {bottom:-18px; font-size:13px;}
.layerpop.renew2020 .usim_event .color_chip_wrap .btn_chip input[type="radio"]+label {background:transparent; padding: 0px; min-height:42px; font-size: 0px; line-height: 0em;}
.layerpop.renew2020 .usim_event .color_chip_wrap .colorBox {position:relative; background:none; width: 30px; height: 30px; top:6px; border: none;}
.layerpop.renew2020 .usim_event .color_chip_wrap .colorBox:after {content:""; display:block; position:absolute; left:0px; top:0px; width: 100%; height: 100%; box-shadow: inset 0px 3px 10px -3px rgba(0,0,0,0.5); border-radius:100%;}
.layerpop.renew2020 .usim_event .color_chip_wrap .btn_chip input[type="radio"] +label:before {content:''; display:block; z-index:2; position:absolute;top:0px;left:0;right:0;bottom:auto;width:calc(100%);height:100%; border-radius: 50%; border:1px solid transparent; box-sizing:border-box;}
.layerpop.renew2020 .usim_event .color_chip_wrap .btn_chip input[type="radio"]:checked+label:before {border:1px solid #000;}
.layerpop.renew2020 .usim_event .color_chip_wrap .btn_chip input[type="radio"]:checked+label:after {content:''; display:block; z-index:2; background:url('/web/images/sub/renew202106/ico_btnChip_chk.png') no-repeat 0 0; position:absolute; right:-2px; bottom:-2px; width:24px; height:24px;}
.layerpop.renew2020 .usim_event .color_chip_txt {display:inline-block; margin-left:15px; vertical-align: middle; font-size: 14px; color:#555; font-weight: 500;}
.layerpop.renew2020 .usim_event table .price th span{display:block; margin-top:6px; font-size:14px; font-weight:400;}
.layerpop.renew2020 .usim_event table .price .phone_text_right strong{line-height:1.15;}
.layerpop.renew2020 .usim_event table .price.data_phone{border-top:1px solid #cdcdcd;}
.layerpop.renew2020 .usim_event table .price.data_phone th{font-size:16px; font-weight:400;}
.layerpop.renew2020 .usim_event table .price.data_phone .text_right strong{font-size:16px; margin-bottom:0;}
.layerpop.renew2020 .progress_wrap.sold_out_progress{position:relative; padding: 100px 0; width:100%; border-top:0; border-bottom:0; background:#fff;}
.layerpop.renew2020 .progress_wrap.sold_out_progress .inner_cont { display: inline-block; padding: 0 0 0 120px; width: auto; min-height: 90px; border: 0; color: #555; background: url('/web/images/sub/ico/icon_notice.png') no-repeat left center; text-align: left; }
.layerpop.renew2020 .progress_wrap.sold_out_progress .inner_cont p { margin-top: 5px; font-size: 22px; line-height: 1.3; letter-spacing: -1px; text-align: inherit; }
.layerpop.renew2020 .progress_wrap.sold_out_progress .inner_cont strong { display: block; float: none; font-size: 32px; font-weight: bold; color: #555; }
.layerpop.renew2020 .progress_wrap.sold_out_progress .inner_cont .status { display: inline-block; font-weight: bold; color: #ed174b; }
/* 팝업 색상추가 - 220422 */

/***** 휴대폰 리스트 - 202105 리뉴얼 *****/
.mobileView .infoWrap .tabContent.a2 .function.a1 li:nth-child(4) { background-position: 30px -208px; }
.mobileView .infoWrap .tabContent.a2 .function.a1 li:nth-child(3) { background-position: 30px -312px; }

/*** 검색 조건 영역 ***/
.mobileList.renew202105 .selectList { overflow: visible; margin-top: 30px; border: 1px solid #dcdcdc; border-top: none; }
.mobileList.renew202105 .prd_tabMenu {/*border-top:2px solid #222;*/ box-shadow: -1px -1px 0px 1px #222; }
.mobileList.renew202105 .prd_tabMenu .tabList { display: flex; }
.mobileList.renew202105 .prd_tabMenu .tabItem { flex: 1; border-bottom: 1px solid #dcdcdc; text-align: center; }
.mobileList.renew202105 .prd_tabMenu .tabItem + .tabItem { border-left: 1px solid #dcdcdc; }
.mobileList.renew202105 .prd_tabMenu .tabItem.on { background: #222; border-bottom-color: #222; }
.mobileList.renew202105 .prd_tabMenu .tabItem .tabBtn { display: block; width: 100%; height: 100%; background: #fff; color: #222; padding: 18px; font-size: 18px; line-height: 1.2em; border-radius: 0%; }
.mobileList.renew202105 .prd_tabMenu .tabItem.on .tabBtn { background: #222; color: #fff; }
.mobileList.renew202105 .prd_tabMenu .tabItem .tabBtn h2 {  font-weight: normal; }	/*202109 seo 처리*/
.mobileList.renew202105 .prd_search { margin-top: 0px; border-bottom: 1px solid #dcdcdc; }
.mobileList.renew202105 .prd_search .inner_cont { border: none; padding: 30px 50px; }
.mobileList.renew202105 .prd_search .item_row { color: #222; }
.mobileList.renew202105 .prd_search .item_row .items .tit { font-size: 17px; font-weight: 400; }
.mobileList.renew202105 .prd_search .btn_search { top: 30px; bottom: 30px; right: 50px; width: 80px; font-size: 16px; }
.mobileList.renew202105 .prd_search .btn_search:before { display: none; }
.mobileList.renew202105 .quick_search { padding: 17px 50px 17px 150px; }
.mobileList.renew202105 .quick_search .tit { font-size: 17px; left: 50px; font-weight: 400; }
.mobileList.renew202105 .quick_search .tit .fc_point { color: #ed174d; }
.mobileList.renew202105 .quick_search .quick_list { margin: -5px 0 0 -8px; }
.mobileList.renew202105 .quick_search .quick_list li { margin: 5px 0 0 8px; word-break: keep-all; white-space: nowrap; }
.mobileList.renew202105 .quick_search .quick_list li a { display: inline-block; background: #fff; border: 1px solid #dadada; color: #4a4c58; border-radius: 50px; min-width: 60px; padding: 8px 15px; font-size: 12px; text-align: center; box-sizing: border-box; }
.mobileList.renew202105 .quick_search .quick_list li.on a { background: #ed174d; border-color: #ed174d; color: #fff; }
.mobileList.renew202105 .quick_search .quick_list li h3 {padding: 0px; font-weight: normal;}	/*202109 seo 처리*/

/*** 검색 결과 리스트 영역 ***/
.mobileList.renew202105 .itemList > ul { margin: -20px 0 0 -11px; }
.mobileList.renew202105 .itemList li { left: 0px; top: 0px; width: 274px; border: 1px solid #d4d4d4; color: #222; border-radius: 13px; margin: 20px 0 0 12px; }
.mobileList.renew202105 .itemList li .itemWrap { height: 458px; }
.mobileList.renew202105 .itemList li .itemWrap .colorWrap { right: auto; bottom: auto; top: 268px; left: 0px; width: 100%; text-align: center; line-height: 0em; }
.mobileList.renew202105 .itemList li .itemWrap .colorWrap img { display: inline-block; border-color: #8c8c8c; width: 11px; height: 11px; }
.mobileList.renew202105 .itemList li .itemWrap .colorWrap img + img { margin: 0 0 0 5px; }
.mobileList.renew202105 .itemList li .itemWrap .colorWrap .img_color { display: inline-block; box-shadow: 0 0 0 1px #8c8c8c; border-radius: 50%; width: 11px; height: 11px; }
.mobileList.renew202105 .itemList li .itemWrap .colorWrap .img_color img { display: block; border: none; width: 100%; height: 100%; }
.mobileList.renew202105 .itemList li .itemWrap .colorWrap .img_color  + .img_color { margin: 0 0 0 5px; }
.mobileList.renew202105 .itemList li .itemWrap .squareWrap { top: 20px; left: 0px; z-index: 1; }
.mobileList.renew202105 .itemList li .itemWrap .squareWrap img + img { margin-top: 2px; }
.mobileList.renew202105 .itemList li .itemWrap h5 { margin-top: 45px; }
.mobileList.renew202105 .itemList li .itemWrap h3 { margin-top: 45px; }	/*202109 seo 처리*/
.mobileList.renew202105 .itemList li .itemWrap .tagWrap { top: 20px; right: 20px; z-index: 1; }
.mobileList.renew202105 .itemList li .itemWrap .tagWrap .device { color: #333; font-size: 12px; border-radius: 15px; font-weight: 500; }
.mobileList.renew202105 .itemList li .itemWrap .tagWrap2 { position: absolute; bottom: -7%; right: 4%; z-index: 1; }
.mobileList.renew202105 .itemList li .itemWrap .moneyWrap { margin-top: 10px; font-size: 16px; line-height: 1.3em; font-weight: 500; }
.mobileList.renew202105 .itemList li .itemWrap .moneyWrap em { font-size: 24px; letter-spacing: -1px; }
.mobileList.renew202105 .itemList li .itemWrap .add_text_area { position: absolute; left: 0px; bottom: 0px; width: 100%; background: #f7f7f7; padding: 0px 19px 0px; box-sizing: border-box; }
.mobileList.renew202105 .itemList li .itemWrap .add_text_area .txt_promo { padding: 10px 5px; font-size: 15px; line-height: 1.2em; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mobileList.renew202105 .itemList li .itemWrap .add_text_area .txt_quickSrch { padding: 7px 5px 10px; color: #989898; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mobileList.renew202105 .itemList li .itemWrap .add_text_area .txt_quickSrch a { margin-left: 2px; }
.mobileList.renew202105 .itemList li .itemWrap .add_text_area .txt_promo + .txt_quickSrch { border-top: 1px solid #d9d9d9; }



/**********/
/*lgid 통합*/
/**********/
.headerWrap.renewST_202104 .header .quickWrap .login_pop.lgid_pop {left:-288px;}

.login_pop.lgid_pop {display:none; z-index:100; position:absolute; top:40px; left:-273px; width:474px; margin-left:195px; background:#fff; border:1px solid #222; font-family:'Noto Sans KR'; font-size:14px; color:#000; box-shadow:4px 4px 0px 0px rgba(0,0,0,0.1); box-sizing:border-box;}
.login_pop.lgid_pop:after {content:''; position:absolute; width:18px; height:18px; top:-10px; left:100px; background:#fff; border:1px solid #7d7d7d; border-width:1px 0 0 1px; transform:rotate(45deg);}
.login_pop.lgid_pop input::placeholder {font-family:'Noto Sans KR'; font-size:18px; font-weight:300; color:#959595; letter-spacing:-0.03rem;}
.login_pop.lgid_pop .login_inner {padding: 62px 50px 45px;}
.login_pop.lgid_pop .login_tit {margin-bottom: 40px;font-size: 28px;height: 24px;text-align:center;letter-spacing: -1.6px;}
.login_pop.lgid_pop .login_inp {position:relative;border-bottom: 0;}
.login_pop.lgid_pop .login_inp + .login_inp {margin-top: 10px;}
.login_pop.lgid_pop .login_inp label {position:absolute;top:13px;left:0;font-size: 0;font-weight:bold;}
.login_pop.lgid_pop .login_inp input {width: 100%;height:50px;margin-left: 0;padding:0 15px;line-height:50px;border: 1px solid #d7d7d7;font-size: 16px;}
.login_pop.lgid_pop .save_id {margin:13px 0;}
.login_pop.lgid_pop .save_id input {overflow:hidden; position:absolute; left:-9000px; width:1px; height:1px; margin:-1px; padding:0; border:0;}
.login_pop.lgid_pop .save_id label {overflow:hidden; position:relative; display:inline-block; height:28px; padding-left:36px; font-size:16px; line-height:28px; background:url('/web/images/main/btn/btn_radio2.png') no-repeat 0 0; font-size:18px; letter-spacing:-0.05rem; vertical-align:middle; cursor:pointer;}
.login_pop.lgid_pop .save_id input:checked + label {background-position:0 100%;}

.login_pop.lgid_pop input::-webkit-input-placeholder {color:#767676;font-size: 16px;} /* Webkit */
.login_pop.lgid_pop input:-ms-input-placeholder {color: color:#767676;font-size: 16px;} /* IE10+ */
.login_pop.lgid_pop input[type=checkbox]+label:before,.login_pop.lgid_pop input[type=radio]+label:before {
    display: inline-block; content: '';position: absolute; top: 50%;left: -27px;width: 18px;height: 18px;margin-top: -8px;border: 0;border-radius: 0;
    background: url(../images/lgid/sp-bg-input.png) no-repeat;}
.login_pop.lgid_pop input[type=checkbox], .login_pop.lgid_pop input[type=radio] {position: absolute;left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden;}
.login_pop.lgid_pop .btn_box input[type=checkbox]+label {position: relative;font-size: 14px; letter-spacing: -1px; color: #555555;}
.login_pop.lgid_pop input[type=checkbox]+label:before {background-position: -20px 0;}
.login_pop.lgid_pop input[type=checkbox]:checked+label:before {background-position: -20px -20px;}
.login_pop.lgid_pop .logcapcha_area .capcha_img {float: left; width:286px;height:47px;}
.login_pop.lgid_pop .logcapcha_area {margin: 30px 0 20px;}
.login_pop.lgid_pop .logcapcha_area .captcha_tit {font-size:15px;}
.login_pop.lgid_pop .logcapcha_area .capcha_view {margin-top:12px;}
.login_pop.lgid_pop .logcapcha_area .capcha_view:after {content:''; display:block; clear:both;}
.lgid_login_pop .logcapcha_area .capcha_img {float:left;width: 286px;height: 47px;}
.login_pop.lgid_pop .capcha_img img {display:block;width: 286px;height: 47px;}
.login_pop.lgid_pop .logcapcha_area .capcha_control {float:right;margin: 10px 7px;}
.login_pop.lgid_pop .capcha_control a {display: inline-block;width: 27px;height: 22px;font-size: 0;border: 0;background: #fff;line-height:36px;text-align:center;box-sizing:border-box;background-image: url(/web/images/lgid/ico-lgid-listen.png);background-repeat: no-repeat;}
.login_pop.lgid_pop .capcha_control a + a {margin-left: 3px;background-image: url(/web/images/lgid/ico-lgid-refresh.png);}
.login_pop.lgid_pop .autoInp_box {margin-top: 10px;}
.login_pop.lgid_pop .autoInp_box input::placeholder {font-size:14px;}
.login_pop.lgid_pop .autoInp_box input {width:100%; height:36px; padding:0 15px; border:1px solid #cbcbcb;}
.login_pop.lgid_pop .btn_login {margin-top: 10px;}
.login_pop.lgid_pop .btn_login a {display:block; height:56px; background:#ed174d; color:#fff; font-size:20px; font-weight:300; line-height:56px; border-radius:5px; text-align:center;}
.login_pop.lgid_pop .btn_box {height: 24px; position: relative; margin-top: 10px;font-size: 14px; color: #767676;text-align:center;}
.login_pop.lgid_pop .btn_box a {position:relative; letter-spacing: -1px;padding:0 18px; font-size:14px; color:#555; line-height:1;}
.login_pop.lgid_pop .btn_box a:after {content:''; position:absolute; top:2px; bottom:0; left:0; width:1px; background:#bcbcbc;}
.login_pop.lgid_pop .btn_box>div {position: absolute; left: 28px; top: 0;}
.login_pop.lgid_pop .btn_box>div.box_input {position: absolute; left: 115px;top: 2px;color:#555555;}
.login_pop.lgid_pop .login_close {position:absolute; right:20px; top:20px; display:block; width:20px; height:20px; background:url('/web/images/main/btn/btn_login_close.png') no-repeat 0 0; text-indent:-99999px;}
.btn_lgidlogin_box {margin-top: 10px;}
.btn_lgidlogin_box a + a {margin-top: 5px;}
.lgidlogin_border_line {border: none; border-top:1px solid #d2d2d2;margin: 20px -10px 25px;}

/* button */
.btn_underline_b { border-bottom: 1px solid #000;}
.btn {font-weight: normal;font-size: 16px;line-height: 48px;letter-spacing: inherit;border-radius: 3px;display: inline-block; text-align: center; vertical-align: middle;}
.btn_lgid_p {display: block;height: 56px;background: #b71256;color: #fff;font-size: 20px;font-weight: 300;line-height: 56px;border-radius: 5px;text-align: center;width: 100%;padding-top:0;border: 0;}
.btn_lgid_w {display: block;color: #b71256;background:#fff;width: calc(100% - 6px);height: 52px;padding-top: 1px;border: 3px solid #b71256;border-radius: 3px;line-height: 58px;text-align: center;}
a.btn_lgid_p:focus, a.btn_lgid_p:hover ,button.btn_lgid_p:focus, button.btn_lgid_p:hover  {color: #fff;background:#b71256; border:0}
a.btn_lgid_w:focus, a.btn_lgid_w:hover ,button.btn_lgid_w:focus, button.btn_lgid_w:hover {border: 3px solid #b71256; border-radius: 3px;}
.btn-lgid-p {color: #fff; background: #b71256; width: 100%; height:62px; padding-top:5px; border: 0;/* border-radius: 3px; */
    text-align: center;border-radius: 30px;}
.btn-round.btn-lgid-p {height:62px; padding-top: 5px; border-radius: 35px;}

/*아이콘*/
.ico.ico_mylgid_119_21 {width: 119px;  height: 21px; background-image: url(../images/lgid/mylgid-119-21.png);}
.ico.ico_mylgid_login_white {width: 145px;height: 19px;background-image: url(../images/lgid/mylgid-login-white.png);background-repeat: no-repeat;display: inline-block;}
.ico.ico_mylgid_login_join_color {width: 163px;height: 19px;background-image: url(../images/lgid/mylgid-login-join-color.png);display: inline-block;}

.lgid-head {position:relative; height:90px; border-bottom:1px solid #e8e8e8; text-align:center; background-color:#fff;}
.lgid-head .fix-width {clear:both;}
.fix-width {width:1160px; margin:auto;}
.content-inner {width:1160px; margin:auto;}
.content-inner:after {display:block; clear:both; content:'';}
.clearfix {position:relative;}
.clearfix:after {display:block; clear:both; content:'';}
.float-left {float:left !important;}
.float-right {float:right !important;}
.float-none {float:none !important;}
.both {position:relative; display:table; width:100%;}
.both:after {display:block; clear:both; content:'';}
.both .left, .both .right {display:table-cell; vertical-align:middle;}
.both .left>*, .both .right>* {display:inline-block; vertical-align:middle;}
.both .left form {white-space:nowrap;}
.both .right {text-align:right;}
.both .title1, .both .title2 {margin:0;}


.lglogin-wrap {position:relative; clear:both; min-height:calc(100vh - 534px);}
.lglogin-wrap:after {display:block; clear:both; content:'';}
.lglogin-wrap {padding-bottom: 60px;}
.content-section {padding:60px 0;}
.content-section:after {clear:both; display:block; content:'';}

.lgid-main-title {font-weight: 700;line-height: 1.1;font-size:28px;margin-bottom:20px;color: #000;}  
.lglogin-info-txt {font-size:16px; color:#848684; font-weight: 500;}
.lgid-sub-title {font-size:22px}
.lglogin-content-inner {width:574px; margin: 0 auto;}
.lglogin-content-inner + .lglogin-content-inner {margin-top:65px}
.lgid-logo {text-align: center; margin-top:30px;}
.view-head + .view-head {margin-top:20px; display:flex;}
.lglogin-wrap .btn-group {text-align: center; margin-top:30px;}


.ico {display:inline-block; width:20px; height:20px; text-indent:100%; white-space:nowrap; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}

.ico.ico-lgid-step01 {width:80px; height:34px; background-image: url(../images/lgid/icon-lgid-step01.png); margin-bottom: 20px;}
.ico.ico-lgid-step02 {width:80px; height:34px; background-image: url(../images/lgid/icon-lgid-step02.png); margin-bottom: 20px;}
.icon-lgid-phone-65 {width:65px; height:65px; background-image: url(../images/lgid/icon-lgid-phone-65.png);}
.ico.ico_mylgid_login_p_small {width:57px;height:19px; background-image: url(../images/lgid/mylgid-57-19.png);}

a.view-head {color:inherit; text-decoration:none;}

.lglogin-email-wrap>select {height: 50px; border: 1px solid #d2d2d2;border-radius: 2px; font-size: inherit; box-shadow: none; padding:3px 35px 3px 15px; color:#000; background:#fff url(../images/common/ico-arr-select.png) no-repeat right center; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.lglogin-email-wrap>select::-ms-expand {display:none;}
/* .lglogin-email-wrap.ie9>select {padding-right:3px; background-image:none;} */
.lglogin-email-wrap>input {height: 50px;border: 1px solid #d2d2d2; border-radius: 2px; font-size: inherit; box-shadow: none; display: inline-block; vertical-align: middle; font-weight: inherit; padding: 11px 15px; 
line-height: 26px; background-color: #fff; appearance: none;  -webkit-appearance: none;}

/*로그인페이지*/
.lgidlogin_form_wrap {margin-top:10px;}
.lgid-login-line {font-family: 'Noto Sans Medium';position: relative;text-align: center;font-size:16px; color:#444; margin:30px 0 20px;}   
.lgid-login-line:before {display: block;content: ''; position: absolute; background-color:#767676; top: 10px; width:110px;height: 1px;left: 0;}
.lgid-login-line:after {display: block;content: ''; position: absolute; background-color:#767676; top: 10px; width:110px;height: 1px;right:0;}

.lgid_captcha_box .captcha_image img {width:340px;height:47px;}
.lgid_captcha_box .lgid_auto_box input {width:100%; margin-top:7px;}
.lgid_captcha_box .both .left>a + a {margin-left:5px;}
.lgid_id_input {margin-top:10px;}
.lgid_id_input input {width: 330px; margin-bottom:10px}
.lgid_id_input input + input{margin-bottom:0}
.lgid_footer_btn button {margin: 5px 0 3px 30px;display:inline-block;}

.color-lgid-p {color:#b71256;}
.mt10 {margin-top:10px;}
.ml10 {margin-left:10px;}

/* 레이어 팝업  본문 여백 수정 */
.layerpop.renew2020{padding-top: 0;}

/* 240306 U+매장찾기 수정 */
.agency_infoTxt{/* margin:-10px 0 30px; padding:30px; border:1px solid #dfdfdf; position:relative; */}
.agency_infoTxt.mb40 {margin-bottom:40px;}
.agency_infoTxt h3{margin-bottom:15px; font-size:15px; color:#010101; font-weight:bold; line-height:1;}
.agency_infoTxt p{margin-bottom:15px; font-size:13px; line-height:1.4;}
.agency_infoTxt p:last-of-type{margin-bottom:0;}
.agency_infoTxt p span{font-size:12px; color:#999;}
.agency_infoTxt .agency_infoBtn{margin:8px 0 10px 10px;}
.agency_infoTxt .agency_infoBtn a{display:inline-block; width:160px; height:32px; line-height:32px; font-size:13px; color:#fff; font-weight:500; background:#ed174d; text-align:center; border-radius:5px;}
.agency_infoTxt table {width:100%; margin-top:15px; border-top:2px solid #575757;}
.agency_infoTxt table th, .agency_infoTxt table td {border-bottom:1px solid #ebebeb; padding:9px 0 8px; line-height:1.4;}
.agency_infoTxt table th {background:#fbfbfb; text-align:center; vertical-align:middle;}
.agency_infoTxt table td {border-left:1px solid #acacac; padding-left:10px;}
.agency_infoTxt table td li {margin-bottom:8px;}
.agency_infoTxt table td li:nth-child(2) {display:flex; align-items:center;}
.agency_infoTxt table td li:nth-child(2) > * {margin-right:3px;}


/* .agency_infoTxt .agency_infoBtn .agencyPop{width:80px; border:1px solid #333; color:#333; background:transparent; position:absolute; top:0; left:0;}
.agency_infoTxt .layerTip{display:none; width:400px; height:190px; padding:30px 25px; border:1px solid #000; box-shadow:4px 4px 0px 0px rgba(232, 232, 232); font-size:12px; color:#000; line-height:1.5; box-sizing:border-box; position:absolute; top:inherit; bottom:30px; left:125px;}
.agency_infoTxt .layerTip h5{margin-bottom:12px; font-size:15px; font-weight:bold; top:0; left:0;}
.agency_infoTxt .layerTip ul li{margin-bottom:10px; padding-left:0; background:transparent;}
.agency_infoTxt .layerTip ul li:last-of-type{margin-bottom:0;}
.agency_infoTxt .layerTip ul li img{width:42px; margin-left:10px; vertical-align:middle;}
.agency_infoTxt .layerTip .closeBtn{display:block; width:20px; height:20px; line-height:20px; position:absolute; top:15px; right:20px; text-align:center; overflow:hidden;}
.agency_infoTxt .layerTip .closeBtn img{vertical-align:middle;} */
/* 240306 U+매장찾기 수정 */

/* 230704 요금제 개편 */
.rateTopWrap{width:100%; padding-bottom:170px; position:relative; overflow:hidden;}
.rateTopWrap *{letter-spacing:-0.04em;}
.rateTopWrap .rateTop_tit{width:1142px; margin:35px auto 0;}
.rateTopWrap .rateTop_tit h1{display:inline-block; margin-top:0; vertical-align:middle;}
.rateTopWrap .rateTop_tit .mobile_carrier{display:inline-block; margin-left:18px; text-align:left; position:relative; vertical-align:middle;}
.rateTopWrap .rateTop_tit .mobile_carrier .selected{display:block; width:160px; height:40px; line-height:40px; padding:0 40px 0 20px; font-size:16px; color:#000; font-weight:500; border-radius:5px; background:#f8f8f8; position:relative; text-align:left; overflow:hidden; box-sizing:border-box;}
.rateTopWrap .rateTop_tit .mobile_carrier .selected:after{position:absolute; content:''; top:0; right:14px; width:9px; height:100%; background:url("/web/images/sub/rate/rateTotalView/renew/arrow_down_black.png") center center no-repeat;} 
.rateTopWrap .rateTop_tit .mobile_carrier .selected.on:after{background-image:url("/web/images/sub/rate/rateTotalView/renew/arrow_up_red.png");}
.rateTopWrap .rateTop_tit .mobile_carrier ul{display:none; position: absolute; margin:0px; overflow:hidden; width:100%; top:50px; left:0; padding:10px 0; background:#fff; border:1px solid #000; border-radius:5px; box-sizing:border-box; z-index:5; box-shadow:5px 5px 8px 0 rgba(0, 0, 0, 0.2);}
.rateTopWrap .rateTop_tit .mobile_carrier ul li{float:none; display:block; width:100%; margin:0 0 10px; padding:0px; overflow:hidden; background:#fff;}
.rateTopWrap .rateTop_tit .mobile_carrier ul li:last-of-type{margin-bottom:0;}
.rateTopWrap .rateTop_tit .mobile_carrier ul li .btn_radio{display:block; padding-right:0;}
.rateTopWrap .rateTop_tit .mobile_carrier ul li .btn_radio input + label{background:#fff; width:100%; font-size:16px; color:#000; font-weight:500; border:none; padding:5px 25px; height:auto; text-align:left; line-height:1.2em; letter-spacing:-0.04em; box-sizing:border-box;}
.rateTopWrap .rateTop_tit .mobile_carrier ul li:last-child .btn_radio input + label{border-bottom:0;} 
.rateTopWrap .rateTop_tit .mobile_carrier ul li .btn_radio input+ label:hover, .rateTopWrap .rateTop_tit .mobile_carrier ul li .btn_radio input + label:focus, .rateTopWrap .rateTop_tit .mobile_carrier ul li .btn_radio input:checked + label{background:#f5f5f5; color:#000; border:none;}
.rateTopWrap .rateTop_tit .mobile_carrier ul li .btn_radio input[type="radio"]:checked + label, .rateTopWrap .rateTop_tit .mobile_carrier ul li .btn_radio label.checked{color:#ed174d; font-weight:500;}
.rateTopWrap .visualWrap{height:360px; margin-top:30px; background:#000 url("/web/images/sub/rate/rateTotalView/renew/rateTotal_bg.jpg") top center no-repeat;}
.rateTopWrap .visualWrap.phone{background-image:url("/web/images/sub/rate/rateTotalView/renew/rateTotal_bg_phone.jpg");}
.rateTopWrap .visualWrap dl{width:1142px; margin:0 auto; position:relative;}
.rateTopWrap .visualWrap dl dt{padding-top:60px; color:#fff;}
.rateTopWrap .visualWrap dl dt span{display:block; margin-bottom:20px; font-size:22px; font-weight:300;}
.rateTopWrap .visualWrap dl dt p{margin-bottom:75px; font-size:48px; font-weight:bold; line-height:1.2;}
.rateTopWrap .visualWrap dl dt strong{font-size:14px; font-weight:500;}
.rateTopWrap .visualWrap dl dd{position:absolute; top:30px; right:0; font-size:0;}
.rateTopWrap .visualWrap dl dd a{display:inline-block; margin-right:13px;}
.rateTopWrap .visualWrap dl dd a:last-of-type{margin-right:0;}
.rateTopWrap .rateTop_tab{display:flex; width:1142px; background:#fff; font-size:0; position:absolute; bottom:40px; left:50%; margin-left:-571px; z-index:4;}
.rateTopWrap .rateTop_tab::before{content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.rateTopWrap .rateTop_tab.active{position:fixed; top:0; bottom:inherit; padding:20px 0;}
.rateTopWrap .rateTop_tab.active::before{width:500%; box-shadow:0 5px 12px 0 rgba(0, 0, 0, 0.08);}
.rateTopWrap .rateTop_tab.shadowNo::before{box-shadow:none;}
.rateTopWrap .rateTop_tab li{width:100%; height:70px; border-right:1px solid #d3d3d3; text-align:center; box-sizing:border-box;}
.rateTopWrap .rateTop_tab li.border_l{border-left:1px solid #d3d3d3;}
.rateTopWrap .rateTop_tab li:first-of-type{border-left:1px solid #d3d3d3;}
.rateTopWrap .rateTop_tab li a{display:block; height:100%; line-height:70px; font-size:18px; color:#767676; position:relative;}
.rateTopWrap .rateTop_tab li a::before{content:""; display:block; width:100%; height:1px; background:#d3d3d3; position:absolute; top:0; left:0;}
.rateTopWrap .rateTop_tab li a::after{content:""; display:block; width:100%; height:1px; background:#d3d3d3; position:absolute; bottom:0; left:0;}
.rateTopWrap .rateTop_tab li.on a{color:#000;}
.rateTopWrap .rateTop_tab li.on a::before{height:2px; background:#010101;}
.rateTopWrap .rateTop_tab li.on a::after{background:#fff;}
.rateTopWrap .rateTop_tab.one li:first-of-type{border-left:0;}
.rateTopWrap .rateTop_tab.one li{border-right:0;}
.rateTopWrap .rateTop_tab.one li.on a::after{background:#d3d3d3;}
/* .rateBottom{width:1142px; margin:-80px auto 0; padding-bottom:100px; position:relative;} */
.rateBottom{width:1142px; margin:-80px auto 100px;position:relative;}
.rateBottom .slick-arrow{top:30%}
.rateBottom .slick-arrow.slick-prev { left: -70px; background: url('/web/images/main/btn/btn_arrow_sp.png') no-repeat 50% 22px; }
.rateBottom .slick-arrow.slick-next { right: -70px; background: url('/web/images/main/btn/btn_arrow_sp.png') no-repeat 50% -105px; }
.rateBottom a img{padding:0 !important}

/* 요금제 안내 */
.renew2020 .rateTotalView{background:transparent;}
.renew2020 .rateTotalView .inner_cont{padding-top:50px; position:relative;}
.renew2020 .rate_search{border-top:0;}
.rateTotalView .rateCategory{width:100%; position:absolute; top:0; left:0; font-size:0;}
.rateTotalView .rateCategory::before{content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.rateTotalView .rateCategory.active{width:1142px; padding-bottom:20px; position:fixed; top:110px; left:50%; margin-left:-571px; background:#fff; z-index:1;}
.rateTotalView .rateCategory.active::before{width:500%; box-shadow:0 5px 12px 0 rgba(0, 0, 0, 0.08);}
.rateTotalView .rateCategory a{display:inline-block; height:50px; line-height:50px; margin-right:10px; padding:0 20px; font-size:15px; color:#767676; border-radius:25px; background:#f8f8f8; vertical-align:middle; transition:all .2s ease-out;}
.rateTotalView .rateCategory a:last-of-type{margin-right:0;}
.rateTotalView .rateCategory a:hover{color:#fff; background:#222;}
.rateTotalView .rateCategory a.on{color:#fff; background:#222;}

.rateTotal_list02{margin-top:60px; letter-spacing:-0.04em;}
.rateTotal_list02 .rateListTop{margin-bottom:25px; position:relative;}
.rateTotal_list02 .rateListTop h5{padding-right:270px; font-size:30px; font-weight:500; line-height:1;}
.rateTotal_list02 .rateListTop .right{position:absolute; bottom:0; right:0;}
.rateTotal_list02 .rateListTop .btn_radio{height:30px; margin-right:7px; vertical-align:middle;}
.rateTotal_list02 .rateListTop .btn_radio input[type="checkbox"] + label{padding-left:36px; height:100%; line-height:29px; font-size:18px; color:#767676; background-image:url("/web/images/sub/rate/rateTotalView/renew/checkBox_icon_off.png");}
.rateTotal_list02 .rateListTop .btn_radio input[type="checkbox"]:checked + label{color:#ed174d; background-image:url("/web/images/sub/rate/rateTotalView/renew/checkBox_icon_on.png");}
.rateTotal_list02 .rateListTop .right > a{display:inline-block; width:25px; height:25px; font-size:0; background:url("/web/images/sub/rate/rateTotalView/renew/questionMark_icon_off.png") top left no-repeat; vertical-align:middle;}
.rateTotal_list02 .rateListTop .right .popTip{display:none; padding:15px 45px 15px 20px; border:1px solid #000; border-radius:6px; position:absolute; top:40px; right:0; box-shadow:5px 5px 8px 0 rgba(0, 0, 0, 0.2); background:#fff;}
.rateTotal_list02 .rateListTop .right .popTip p{font-size:16px; color:#000; font-weight:500; white-space:nowrap;}
.rateTotal_list02 .rateListTop .right .popTip p strong{color:#ed174d;}
.rateTotal_list02 .rateListTop .right .popTip a{display:inline-block; width:20px; height:20px; font-size:0; background:url("/web/images/sub/rate/rateTotalView/renew/tip_x.png") center center no-repeat; position:absolute; top:50%; right:12px; transform:translateY(-50%);}
.rateTotal_list02 .rateListTop .right.on > a{background-image:url("/web/images/sub/rate/rateTotalView/renew/questionMark_icon_on.png");}
.rateTotal_list02 .list{border-top:1px solid #000;}
.rateTotal_list02 .list dl{font-size:0; padding-top:15px; border-bottom:1px solid #dfdfdf; font-family:"roboto", "Noto Sans KR";}
.rateTotal_list02 .list dl:last-of-type{border-bottom:1px solid #000;}
.rateTotal_list02 .list dl > *{display:inline-block; vertical-align:top;}
.rateTotal_list02 .list dt{width:300px; padding-top:35px; position:relative;}
.rateTotal_list02 .list .badge{position:absolute; top:5px; left:0;}
.rateTotal_list02 .list .badge span{display:inline-block; width:55px; height:25px; line-height:25px; margin-right:5px; font-size:14px; color:#fff; border-radius:8px; text-align:center;}
.rateTotal_list02 .list .badge span:last-of-type{margin-right:0;}
.rateTotal_list02 .list .badge .combine{width:100px;background:#393939;}
.rateTotal_list02 .list .badge .recommend{background:#e473ae;}
.rateTotal_list02 .list .badge .best{background:#577cff;}
.rateTotal_list02 .list .badge .new{background:#e78c52;}
.rateTotal_list02 .list .badge .month10gb{width:114px; background:#0060d6;}
.rateTotal_list02 .list dt p{font-size:32px; color:#000; font-weight:500;}
.rateTotal_list02 .list dt > span{display:block; margin-top:5px; font-size:16px; color:#767676; font-weight:300;}
.rateTotal_list02 .list dd{width:calc(100% - 300px);}
.rateTotal_list02 .list dd > *{display:inline-block; vertical-align:middle; box-sizing:border-box;}
.rateTotal_list02 .list .info{width:540px;}
.rateTotal_list02 .list .info ul{border-radius:8px; background:#f8f8f8; text-align:center;}
.rateTotal_list02 .list .info ul li{display:inline-block; width:33.33%; height:74px; line-height:74px; font-size:16px; color:#767676; font-weight:300; position:relative;}
.rateTotal_list02 .list .info ul li::before{content:""; display:inline-block; margin-right:12px; background-position:top left; background-repeat:no-repeat;}
.rateTotal_list02 .list .info ul li.data::before{width:22px; height:21px; background-image:url('/web/images/sub/rate/rateTotalView/data_icon_gray.png'); vertical-align:-5px;}
.rateTotal_list02 .list .info ul li.message::before{width:21px; height:18px; background-image:url('/web/images/sub/rate/rateTotalView/message_icon_gray.png'); vertical-align:-2.5px;}
.rateTotal_list02 .list .info ul li.call::before{width:15px; height:23px; background-image:url('/web/images/sub/rate/rateTotalView/call_icon_gray.png'); vertical-align:-6px;}
.rateTotal_list02 .list .info ul li::after{content:""; display:block; width:1px; height:24px; background:#dfdfdf; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.rateTotal_list02 .list .info ul li:last-of-type::after{display:none;}
.rateTotal_list02 .list .info .txt{height:75px; margin-top:10px;}
.rateTotal_list02 .list .info .txt p{padding-left:12px; font-size:13px; color:#767676; font-weight:300; line-height:1.53; position:relative;}
.rateTotal_list02 .list .info .txt p::before{content:""; display:block; width:3px; height:3px; background:#767676; position:absolute; top:9px; left:0; border-radius:50%;}
.rateTotal_list02 .list .info .txt p span{color:#ed174d;}
.rateTotal_list02 .list .price{width:calc(100% - 540px); padding-left:70px; position:relative;}
.rateTotal_list02 .list .price a{position:absolute; top:50%; right:0; transform:translateY(-50%);}
.rateTotal_list02 .list .price p{font-size:32px; color:#767676;}
.rateTotal_list02 .list .price p strong{font-size:34px; font-family:"roboto";}
.rateTotal_list02 .list .price .discount{display:none; color:#ed174d; line-height:1.1;}
.rateTotal_list02 .list .price.on .original{font-size:0;}
.rateTotal_list02 .list .price.on .original strong{display:inline-block; padding:0 5px; font-size:18px; font-weight:300; position:relative;}
.rateTotal_list02 .list .price.on .original strong::after{content:""; display:block; width:100%; height:1px; background:#d2d2d2; position:absolute; top:50%; right:0;}
.rateTotal_list02 .list .price.on .discount{display:block;}
.rateTotal_list02 .list .listNotice{padding:10px 0; border-bottom:1px solid #dfdfdf; text-align:center; cursor:pointer;}
.rateTotal_list02 .list .listNotice .noticeTit{display:inline-block; font-size:14px; font-weight:500; position:relative;}
.rateTotal_list02 .list .listNotice .noticeTit a{display:none; width:20px; height:20px; font-size:0; background:url("/web/images/sub/rate/rateTotalView/renew/tip_x.png") center center no-repeat; position:absolute; top:50%; right:27px; transform:translateY(-50%);}
.rateTotal_list02 .list .listNotice .noticeCon{display:none; text-align:left;}
.rateTotal_list02 .list .listNotice .noticeArrow{display:inline-block;}
.rateTotal_list02 .list .listNotice .noticeArrow::before{content:"보기"; font-size:14px; font-weight:500;}
.rateTotal_list02 .list .listNotice .noticeArrow::after{content:""; display:inline-block; width:12px; height:8px; margin-left:5px; background:url("/web/images/sub/rate/rateTotalView/renew/arrow_down_black02.png") top left no-repeat; vertical-align:1px;}
.rateTotal_list02 .list .listNotice .noticeCon .price_notice_box > h5{display:none;}
.rateTotal_list02 .list .listNotice .noticeCon ol > li{margin-bottom:25px; font-size:14px; color:#757575; line-height:1.42;}
.rateTotal_list02 .list .listNotice .noticeCon ol > li:last-of-type{margin-bottom:0;}
.rateTotal_list02 .list .listNotice .noticeCon ol > li > strong, .rateTotal_list02 .list .listNotice .noticeCon ol > li > p > strong{display:block; margin-bottom:5px; font-size:16px; color:#000;}
.rateTotal_list02 .list .listNotice .noticeCon ol > li + ul{margin:-18px 0 25px;}
.rateTotal_list02 .list .listNotice .noticeCon ol > li + ul li{font-size:14px; color:#757575;}
.rateTotal_list02 .list .listNotice .noticeCon ol li ul{margin-bottom:7px;}
.rateTotal_list02 .list .listNotice .noticeCon ol li ul:last-of-type{margin-bottom:0;}
.rateTotal_list02 .list .listNotice .noticeCon ol li ul > p{margin-bottom:3px; font-size:16px;}
.rateTotal_list02 .list .listNotice .noticeCon ol li ul li{font-size:14px; color:#757575;}
.rateTotal_list02 .list .listNotice .noticeCon .layer_target{margin-left:5px; color:#ed174b;}
.rateTotal_list02 .list .listNotice .noticeCon .layer_box1{margin:10px 0; padding:20px; font-size:13px; border:1px solid #666; background:#fff; display:none; position:relative; max-width:600px; width:auto;}
.rateTotal_list02 .list .listNotice .noticeCon .layer_box1 .tit{color:#444; font-size:13px; font-weight:bold;}
.rateTotal_list02 .list .listNotice .noticeCon .layer_box1 .txt{margin-top:13px; color:#666; font-size:13px;}
.rateTotal_list02 .list .listNotice .noticeCon .layer_box1 .graph_img{margin-top:15px; display:block; text-align:center;}
.rateTotal_list02 .list .listNotice .noticeCon .layer_box1 .graph_img img{max-width:100%;}
.rateTotal_list02 .list .listNotice .noticeCon .layer_box1 a{position:absolute; top:10px; right:10px;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox > .tit{display:none;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox ol li{font-size:14px; color:#757575;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox .btn_open{color:#ed174d;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox .popup-type1{display:none; max-width:100%; height:auto !important; padding:15px;border:solid 1px #999;background:#fff;position:relative !important; top:0 !important; left:0 !important; margin:10px 0;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox .popup-type1 p.title{margin-bottom:5px;color:#333;font-size:14px;font-weight:bold;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox .popup-type1 .list-type1{margin-top:0px;margin-bottom:0px;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox .popup-type1 .list-type1 li{margin-bottom:10px;font-size:14px;line-height:1.4;background:#fff;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox .popup-type1 .list-type1 li:last-of-type{margin-bottom:0;}
.rateTotal_list02 .list .listNotice .noticeCon .infoBox .popup-type1 .btn_close{position:absolute; top:10px; right:10px;}
.rateTotal_list02 .list .listNotice .noticeCon .notice_table_wrap1{width:100%;margin:10px 0px;border-top:2px solid #ACACAC;}
.rateTotal_list02 .list .listNotice .noticeCon .notice_table_wrap1 .table_type1{width:100%; text-align:center;font-size:12px;}
.rateTotal_list02 .list .listNotice .noticeCon .notice_table_wrap1 .table_type1 th{padding:5px;border-bottom:1px solid #ACACAC;}
.rateTotal_list02 .list .listNotice .noticeCon .notice_table_wrap1 .table_type1 td{padding:5px;border-left:1px solid #ACACAC;border-bottom:1px solid #ACACAC;}
.rateTotal_list02 .list .listNotice .noticeCon .tbl_more_type2{width:100%;border-top:2px solid #d5d5d5;border-collapse:collapse;}
.rateTotal_list02 .list .listNotice .noticeCon .tbl_more_type2 caption{display:none;}
.rateTotal_list02 .list .listNotice .noticeCon .tbl_more_type2 thead th:first-child{border-left:none;}
.rateTotal_list02 .list .listNotice .noticeCon .tbl_more_type2 thead th{padding:8px !important;color:#666;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #d5d5d5;border-left:1px solid #eee;background:#fafafa; vertical-align:middle;}
.rateTotal_list02 .list .listNotice .noticeCon .tbl_more_type2 tbody td:first-child{border-left:none;}
.rateTotal_list02 .list .listNotice .noticeCon .tbl_more_type2 tbody td{padding:8px 0;font-size:14px;color:#666;text-align:center;border-bottom:1px solid #d5d5d5;border-left:1px solid #eee; vertical-align:middle;}
.rateTotal_list02 .list .listNotice.on{padding:0; background:#f8f8f8; cursor:default;}
.rateTotal_list02 .list .listNotice.on .noticeTit{display:block; padding:20px 0; font-size:24px;}
.rateTotal_list02 .list .listNotice.on .noticeTit a{display:block;}
.rateTotal_list02 .list .listNotice.on .noticeCon{height:340px; margin:0 30px; padding:30px 35px; background:#fff; overflow-y:auto;}
.rateTotal_list02 .list .listNotice.on .noticeArrow{display:block; padding:15px 0; cursor:pointer;}
.rateTotal_list02 .list .listNotice.on .noticeArrow::before{content:"닫기";}
.rateTotal_list02 .list .listNotice.on .noticeArrow::after{background-image:url("/web/images/sub/rate/rateTotalView/renew/arrow_up_black02.png");}

/* 나에게 맞는 요금제 */
.ratePlanWrap .rate_search .rate_box{padding:0; box-shadow:none; color:#000;}
.ratePlanWrap .rateTop_txt{margin-top:35px; padding-bottom:25px; text-align:center; position:relative;}
.ratePlanWrap .rateTop_txt::after{content:""; display:block; width:107px; height:5px; border-radius:2.5px; background:#ed174d; position:absolute; bottom:0; left:50%; margin-left:-53.5px;}
.ratePlanWrap .rateTop_txt p{font-size:48px; font-weight:300; line-height:1.2;}
.ratePlanWrap .searchOption{margin-top:70px; text-align:center;}
.ratePlanWrap .searchOption > div{display:none;}
.ratePlanWrap .searchOption > div:nth-of-type(2n-1){background:#f2f2f2;}
.ratePlanWrap .searchOption > div.first{display:block !important;}
.ratePlanWrap .searchOption > div dl{width:1142px; margin:0 auto; padding:70px 0;}
.ratePlanWrap .searchOption > div:nth-of-type(2n):last-child dl{padding-bottom:45px;}
.ratePlanWrap .searchOption dl dt{margin-bottom:30px;}
.ratePlanWrap .searchOption dl dt span{display:inline-block; height:47px; line-height:47px; padding:0 18px; font-size:20px; color:#fff; font-weight:500; border-radius:23.5px; background:#000;}
.ratePlanWrap .searchOption dl dt p{margin-top:15px; font-size:30px; font-weight:300; line-height:1.2;}
.ratePlanWrap .searchOption dl dd{display:flex; flex-wrap:wrap;}
.ratePlanWrap .searchOption dl dd.txt{padding-bottom:70px; position:relative;}
.ratePlanWrap .searchOption dl dd > span{flex:1; margin-right:20px; position:relative;}
.ratePlanWrap .searchOption dl dd > span:last-of-type{margin-right:0;}
.ratePlanWrap .searchOption dl dd > span input[type="radio"]{position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.ratePlanWrap .searchOption dl dd > span input[type="radio"] + label{display:flex; height:112px; font-size:20px; color:#6b6d6b; font-weight:300; border-radius:10px; background:#fff url("/web/images/sub/rate/rateTotalView/renew/radio_icon_off.png") center left 25px no-repeat; box-shadow:0 5px 12px 0 rgba(0, 0, 0, 0.15); cursor:pointer; user-select:none; overflow:hidden; position:relative; justify-content:center; align-items:center;}
.ratePlanWrap .searchOption dl dd > span input[type="radio"] + label::after{content:""; display:none; width:100%; height:100%; border:2px solid transparent; border-radius:10px; position:absolute; top:0; left:0; box-sizing:border-box;}
.ratePlanWrap .searchOption dl dd > span input[type="radio"]:checked + label{color:#ed174d; font-weight:500; background-image:url("/web/images/sub/rate/rateTotalView/renew/radio_icon_on.png"); transition:color .3s ease-out;}
.ratePlanWrap .searchOption dl dd > span input[type="radio"]:checked + label::after{display:block; border-color:#ed174d; transition:all .3s ease-out;}
.ratePlanWrap .searchOption dl dd > span input[type="radio"] + label:hover{box-shadow:0 5px 12px 0 rgba(0, 0, 0, 0.27); transition:all .5s ease-out;}
.ratePlanWrap .searchOption dl dd > span input[type="radio"] + label span{padding-left:15px; line-height:1.3;}
.ratePlanWrap .searchOption dl dd > p{width:100%; font-size:22px; color:#ed174d; font-weight:300; position:absolute; bottom:0; left:0;}
.ratePlanWrap .searchOption dl dd > p.active{animation:txtAni 0.2s ease-in-out;}
@keyframes txtAni {
	from {opacity:0;}
	to {opacity:1;}
}
.ratePlanWrap .optionBtn{margin-top:40px; text-align:center;}
.ratePlanWrap .optionBtn a{display:inline-block; width:360px; height:100px; line-height:100px; font-size:32px; color:#fff; font-weight:500; border-radius:50px; background:#4a4c58; box-sizing:border-box; pointer-events:none; user-select:none;}
.ratePlanWrap .optionBtn.on a{background:#ed174d; pointer-events:auto;}

.ratePlanWrap .rate_search .rate_result{margin-top:-40px; padding-top:80px; background:#f4f4f4;}
.ratePlanWrap .rate_result .rateTop_txt{margin-top:0;}
.ratePlanWrap .rateResultCon{width:1142px; margin:70px auto 100px;}
.rateResultCon > *{margin-bottom:20px; border-radius:15px; background:#fff; box-shadow:0 5px 12px 0 rgba(0, 0, 0, 0.05);}
.rateResultCon > *:last-child{margin-bottom:0;}
.rateResultCon > dt{padding:50px; text-align:center;}
.rateResultCon > dt h5{display:inline-block; padding:0 20px; font-size:22px; font-weight:400; line-height:2; letter-spacing:-0.05em; position:relative;}
.rateResultCon > dt h5::before{content:""; display:block; width:18px; height:33px; background:url("/web/images/sub/rate/rateTotalView/renew/quote_left.png") top left no-repeat; position:absolute; top:0; left:0;}
.rateResultCon > dt h5::after{content:""; display:block; width:18px; height:33px; background:url("/web/images/sub/rate/rateTotalView/renew/quote_right.png") top left no-repeat; position:absolute; top:0; right:0;}
.rateResultCon > dt h5 > *{display:inline-block; padding:0 5px; font-size:30px; color:#ed174d; font-weight:500; line-height:1; position:relative; z-index:1;}
.rateResultCon > dt h5 > *::before{content:""; display:block; width:calc(100% - 5px); height:16px; background:#ffe0e8; position:absolute; bottom:-5px; left:0; transform:skewx(-15deg); z-index:-1;}
.rateResultCon > dt h5 > span{font-size:26px;}
.rateResultCon > dt .resetBtn{display:block; width:170px; height:50px; line-height:48px; margin:20px auto 0; font-size:16px; border:1px solid #dfdfdf; border-radius:25px; background:#fff; box-sizing:border-box;}
.rateResultCon > dt .resetBtn::before{content:""; display:inline-block; width:22px; height:22px; margin-right:10px; background:url("/web/images/sub/rate/rateTotalView/renew/reset_icon_red.png") top left no-repeat; vertical-align:-5px;}
.rateResultCon .noResult{margin-top:45px; padding-top:50px; border-top:1px dashed #dfdfdf;}
.rateResultCon .noResult p{font-size:24px;}
.rateResultCon .noResult p::before{content:""; display:block; width:81px; height:81px; margin:0 auto 15px; background:url("/web/images/sub/rate/rateTotalView/renew/warning_icon.png") top left no-repeat;}
.rateResultCon .rateTotal_list02{margin-top:0;}
.rateResultCon .rateTotal_list02 .rateListTop{padding:30px 40px 0;}
.rateResultCon .rateTotal_list02 .rateListTop h5{font-size:24px; font-weight:400;}
.rateResultCon .rateTotal_list02 .rateListTop h5 strong{font-weight:500;}
.rateResultCon .rateTotal_list02 .rateListTop .right{bottom:-4px; right:40px;}
.rateResultCon .rateTotal_list02 .list{padding:0 40px; border-color:#dfdfdf;}
.rateResultCon .rateTotal_list02 .list dl{padding:25px 0 10px;}
.rateResultCon .rateTotal_list02 .list dl:last-of-type{border-bottom:0;}
.rateResultCon .rateTotal_list02 .list dt{width:280px;}
.rateResultCon .rateTotal_list02 .list dt p{font-size:30px;}
.rateResultCon .rateTotal_list02 .list dd{width:calc(100% - 280px);}
.rateResultCon .rateTotal_list02 .list .info{width:510px;}
.rateResultCon .rateTotal_list02 .list .price{width:calc(100% - 510px); padding-left:45px;}

.ratePlanSlide{padding:100px 0; background:#ecf5fe;}
.ratePlanSlide > dl{width:1142px; margin:0 auto; font-size:0;}
.ratePlanSlide > dl > *{display:inline-block; vertical-align:middle; box-sizing:border-box;}
.ratePlanSlide > dl > dt{width:270px; line-height:1.2;}
.ratePlanSlide > dl > dt p{font-size:36px;}
.ratePlanSlide > dl > dt p span{color:#338cfa;}
.ratePlanSlide > dl > dt > span{display:block; margin-top:20px; font-size:20px; font-weight:300;}
.ratePlanSlide > dl > dd{width:calc(100% - 270px); padding:0 50px; position:relative;}
.ratePlanSlide .ratePlanSlide_list{border:1px solid #dfdfdf; border-radius:15px; overflow:hidden;}
.ratePlanSlide .ratePlan_item{width:100%; background:#fff; position:relative;}
.ratePlanSlide .ratePlan_item::after{content:""; display:block; width:0; height:100%; border-left:1px dashed #dfdfdf; position:absolute; top:0; right:280px;}
.ratePlanSlide .ratePlan_item > *{display:inline-block; vertical-align:top; box-sizing:border-box;}
.ratePlanSlide .ratePlan_item dt{width:calc(100% - 280px); padding:30px 40px;}
.ratePlanSlide .ratePlan_item dt > span{display:block; margin-bottom:2px; font-size:20px; color:#767676; font-weight:300;}
.ratePlanSlide .ratePlan_item dt > p{font-size:42px; color:#000; font-weight:500;}
.ratePlanSlide .ratePlan_item dt ul{margin-top:20px; border-radius:8px; background:#f8f8f8; text-align:center;}
.ratePlanSlide .ratePlan_item dt ul li{display:inline-block; width:33.33%; height:70px; line-height:70px; font-size:18px; color:#767676; font-weight:300; position:relative;}
.ratePlanSlide .ratePlan_item dt ul li::before{content:""; display:inline-block; margin-right:12px; background-position:top left; background-repeat:no-repeat;}
.ratePlanSlide .ratePlan_item dt ul li.data::before{width:22px; height:21px; background-image:url('/web/images/sub/rate/rateTotalView/data_icon_gray.png'); vertical-align:-5px;}
.ratePlanSlide .ratePlan_item dt ul li.message::before{width:21px; height:18px; background-image:url('/web/images/sub/rate/rateTotalView/message_icon_gray.png'); vertical-align:-2.5px;}
.ratePlanSlide .ratePlan_item dt ul li.call::before{width:15px; height:23px; background-image:url('/web/images/sub/rate/rateTotalView/call_icon_gray.png'); vertical-align:-6px;}
.ratePlanSlide .ratePlan_item dt ul li::after{content:""; display:block; width:1px; height:24px; background:#dfdfdf; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.ratePlanSlide .ratePlan_item dt ul li:last-of-type::after{display:none;}
.ratePlanSlide .ratePlan_item dt .txt{height:75px; margin-top:20px;}
.ratePlanSlide .ratePlan_item dt .txt p{padding-left:20px; font-size:15px; color:#767676; font-weight:300; line-height:1.66; position:relative;}
.ratePlanSlide .ratePlan_item dt .txt p::before{content:""; display:block; width:5px; height:5px; background:#767676; position:absolute; top:10px; left:8px; border-radius:50%;}
.ratePlanSlide .ratePlan_item dt .txt p span{color:#ed174d;}
.ratePlanSlide .ratePlan_item dd{width:280px; padding:50px 10px 0; text-align:center;}
.ratePlanSlide .ratePlan_item dd .price{display:inline-block; text-align:left;}
.ratePlanSlide .ratePlan_item dd .price .original{font-size:25px; color:#767676; font-weight:300; position:relative; font-family:"roboto";}
.ratePlanSlide .ratePlan_item dd .price .original::after{content:""; display:block; width:110px; height:22px; position:absolute; top:17px; left:-5px; background:url('/web/images/sub/rate/rateTotalView/renew/arrow_lineThrough.png') top left no-repeat;}
.ratePlanSlide .ratePlan_item dd .price .discount{font-size:44px; color:#ed174d;}
.ratePlanSlide .ratePlan_item dd .price .discount strong{font-size:47px; font-family:"roboto";}
.ratePlanSlide .ratePlan_item dd > a{display:inline-block; width:180px; height:50px; line-height:50px; margin-top:30px; font-size:16px; color:#fff; font-weight:500; border-radius:50px; background:#ed174d;}
.ratePlanSlide .ratePlan_item dd .discountCard{width:260px; height:60px; line-height:60px; font-size:18px; color:#ed174d; font-weight:500; background:#ffe8ec; border-radius:10px; position:absolute; bottom:10px; right:10px;}
.ratePlanSlide .ratePlanSlide_list .slick-arrow{width:36px; height:36px; top:calc(50% - 18px) !important;}
.ratePlanSlide .ratePlanSlide_list .slick-prev{left:0; background:url('/web/images/sub/rate/rateTotalView/renew/arrow_left_circle.png') top center no-repeat;}
.ratePlanSlide .ratePlanSlide_list .slick-next{right:0; background:url('/web/images/sub/rate/rateTotalView/renew/arrow_right_circle.png') top center no-repeat;}
.ratePlanSlide .ratePlanSlide_list .slick-dots{width:100%; text-align:center; position:absolute; bottom:-35px; left:0; font-size:0;}
.ratePlanSlide .ratePlanSlide_list .slick-dots li{display:inline-block; vertical-align:top;}
.ratePlanSlide .ratePlanSlide_list .slick-dots li + li{margin-left:6px;}
.ratePlanSlide .ratePlanSlide_list .slick-dots li button{display:block; width:6px; height:6px; text-indent:-9999px; border-radius:3px; background:#d4dce4;}
.ratePlanSlide .ratePlanSlide_list .slick-dots li.slick-active button{width:20px; background:#000;}

.ratePlanWrap .ratePlan_banner{background:linear-gradient(90deg, #577cff 0%, #ed174d 100%);}
.ratePlan_banner .bannerCon{width:1142px; margin:0 auto; padding:40px 0; color:#fff; position:relative;}
.ratePlan_banner .bannerCon p{padding:5px 220px 5px 48px; font-size:24px; font-weight:500; background:url("/web/images/sub/rate/rateTotalView/renew/heart_icon.png") center left no-repeat;}
.ratePlan_banner .bannerCon a{display:block; width:206px; height:50px; line-height:48px; font-size:16px; font-weight:500; border:1px solid #fff; border-radius:25px; position:absolute; top:50%; right:0; transform:translateY(-50%); box-sizing:border-box; text-align:center;}
.ratePlan_banner .bannerCon a::after{content:""; display:inline-block; width:8px; height:12px; margin-left:10px; background:url("/web/images/sub/rate/rateTotalView/renew/arrow_right_white.png") top left no-repeat; vertical-align:0;}

/* 추천 요금제 */
.rateRecomendCon{width:1142px; margin:0 auto; padding-bottom:140px; position:relative;}
.rateRecomendCon .recomendSlide{margin-top:70px; font-size:0;}
.recomendSlide > *{display:inline-block; vertical-align:top; box-sizing:border-box;}
.recomendSlide .slideNav{width:380px; margin-top:50px;}
.recomendSlide .slideNav > div{width:100%; height:auto; margin-bottom:2px; padding:5px 0; cursor:pointer;}
.recomendSlide .slideNav > div p{font-size:16px; color:#afafaf;}
.recomendSlide .slideNav > div.on{margin-bottom:15px; padding-bottom:10px; border-bottom:3px solid #ed174d;}
.recomendSlide .slideNav > div.on p{font-size:24px; color:#ed174d; font-weight:bold; transition:color .2s ease-out;}
.recomendSlide .ratePlanSlide{width:calc(100% - 380px); border:1px solid #dfdfdf; border-radius:15px; padding:0; background:transparent; overflow:hidden;}
/* 230704 요금제 개편*/

/* 231110 부가서비스 개편 */
.serviceTopWrap{padding-bottom:150px;}
.serviceTopWrap.noCategory{padding-bottom:60px;}
.serviceTopWrap .visualWrap.service{background-image:url("/web/images/sub/rate/rateTotalView/renew/rateTotal_bg_service.jpg");}
.serviceTopWrap .rateService_tab{border-bottom:1px solid #d3d3d3; overflow-x:auto;}
.serviceTopWrap .rateService_tab::-webkit-scrollbar {height: 6px;}

.serviceTopWrap .rateService_tab::-webkit-scrollbar-track {
    background: #ededed;
    border-radius: 999px;
}

.serviceTopWrap .rateService_tab::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    width: 10%;
    border-radius: 10px;
}
.serviceTopWrap .rateService_tab li{width:auto; height:auto; border-right:0; position:relative;}
.serviceTopWrap .rateService_tab li:first-of-type{border-left:0;}
.serviceTopWrap .rateService_tab li input[type=radio]{overflow:hidden; position:absolute; left:-9000px; width:1px; height:1px; margin:-1px; padding:0; border:0; z-index:-1000;}
.serviceTopWrap .rateService_tab li input[type=radio] + label{display:block; height:65px; line-height:65px; padding:0 20px; font-size:19px; color:#767676; position:relative; white-space:nowrap; cursor:pointer; letter-spacing:-0.05em;}
.serviceTopWrap .rateService_tab li input[type=radio]:checked + label{color:#000; font-weight:500;}
.serviceTopWrap .rateService_tab li input[type=radio]:checked + label:after{content:""; display:block; width:100%; height:4px; background:#ed174d; position:absolute; bottom:0; left:0;}
.serviceTopWrap .rateService_tab.active{padding-bottom:0;}
.serviceTopWrap .rateTop_tab.active::before{display:none;}
.serviceTopWrap.active::before{content:""; display:block; width:100%; height:90px; background:#fff; position:fixed; top:0; left:50%; transform:translateX(-50%); z-index:2;}

.serviceRenew .rateCategory.active{padding-top:20px; top:85px;}
.serviceTopWrap.noCategory ~ .serviceRenew .rateCategory.active{top:0;}
.serviceRenew .rate_search .rate_result{margin-top:55px;}
.serviceRenew .rateAdd_list{margin-top:0;}
.serviceRenew .rateAdd_list .rateAdd_cont{display:block; width:100%; margin-left:0;}
.serviceRenew .rateAdd_list .rateAdd_cont li{position:relative; margin:0 0 15px 0; border:1px solid #cbcbcb;}
.serviceRenew .rateAdd_list .rateAdd_cont li:hover{border-color:#ed174d;}
.serviceRenew .rateAdd_list .rateAdd_cont li.on{border-color:#ed174d;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl{padding:0; word-break:keep-all;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dt{font-size:0; padding:30px 45px; cursor:pointer;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dt > p{display:inline-block; width:calc(100% - 220px); padding-right:30px; font-weight:400; vertical-align:middle; box-sizing:border-box;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dt > p strong{display:block; margin-bottom:5px; font-size:32px; color:#000;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dt > p span{display:block; width:100%; font-size:16px; color:#767676; font-weight:400;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dt > span{font-size:32px; color:#ed174d; font-weight:500; text-align:right;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dd{display:none; margin-top:0; padding:0 45px 30px; text-align:center;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dd .listTxtBoxWrap{max-height:295px; padding:30px 35px; background:#f8f8f8; box-sizing:border-box; overflow-y:auto; position:relative; text-align:left;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl dd .listTxtBox + .listTxtBox{margin-top:15px;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl .listTxtBox strong{display:block; margin-bottom:5px; font-size:16px; color:#000; font-weight:500;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl .listTxtBox div{font-size:14px; color:#767676; font-wieght:300; line-height:1.42; word-break:keep-all;}
.serviceRenew .rateAdd_list .rateAdd_cont li dl .listTxtBox div p{font-size:14px; color:#767676; font-wieght:300; line-height:1.42;}
.serviceRenew .rateAdd_list .rateAdd_cont li .box_x{width:30px; height:30px; font-size:0; background:url("/web/images/sub/rate/rateTotalView/renew/xBtn_square.png") top left no-repeat; position:absolute; top:20px; right:20px;}
.serviceRenew .rateAdd_list .rateAdd_cont li .serviceList_btn{display:inline-block; width:240px; height:40px; line-height:40px; margin-top:30px; font-size:15px; color:#fff; font-weight:500; border-radius:20px; background:#ed174d;}
.serviceRenew .rateAdd_list + .no_result{margin-top:-10px;}

.serviceRenew div.paginate > nav > a, .serviceRenew div.paginate > nav > strong{width:40px; height:40px; font-size:13px; color:#000; line-height:39px; border-radius:50%;}
.serviceRenew div.paginate > nav > strong{font-weight:bold; color:#fff; background:#ed174b;}
.serviceRenew div.paginate > nav > *{margin-right:8px;}
.serviceRenew div.paginate > nav > *:last-child{margin-right:0;}
/* 231110 부가서비스 개편 */

/* 202408 이벤트 카테고리 개선 :: 이벤트리스트  */
.renew2020 .event_list_tab_wrap {width:100%; margin-top:50px;}
.renew2020 .event_list_tab_wrap::after {content: ''; display: block; width: 100%; height: 1px; background-color: #eeeeee; position: absolute; left:0; top: 389px;}
.renew2020 .event_list_tab {width: 1142px; margin: 0 auto; display: flex;}
.renew2020 .event_list_tab li {margin-right: 36px;}
.renew2020 .event_list_tab li a {display:block; padding-bottom: 15px; font-size: 20px; color: #888888;}
.renew2020 .event_list_tab li a.on {color: #000000; font-weight: 700; border-bottom: 3px solid #000000; position: relative; z-index: 9;}
.renew2020 .event_list_wrap {margin-top:40px;}
.renew2020 .event_list > ul {width: 1142px; margin-left: 0;}
.renew2020 .event_list > ul > li {flex-basis: 362px; margin: 0 28px 60px 0;}
.renew2020 .event_list > ul > li:nth-of-type(3n) {margin-right:0;}
.renew2020 .event_list > ul > li .event_img { width: 362px; height: 280px; border-radius:16px;}
.renew2020 .event_list .event_info {position:static; display: flex; justify-content: center; align-items: center; margin-top:16px; text-align: center;}
.renew2020 .event_list .event_info li {float: inherit; }
.renew2020 .event_list .event_info li.category {border: 1px solid #dadada; border-radius:50px; font-size: 12px; color: #888888; margin-right: 12px; padding: 3px 8px; text-align: center;}
.renew2020 .event_list .event_info li.date {color: #333333; font-size: 14px; line-height:1;}
.renew2020 .event_list > ul > li:nth-of-type(3n):after{height:0;}
.event_list_wrap div.paginate {margin-top: -10px;}
.renew2020 .no_result {border:none;}

/* 20241224  이벤트 유의사항 */
.event_view_wrap .noticeWrapNew {text-align:left;}
.event_view_wrap .noticeWrapNew h5 {font-size:24px; font-weight:700; margin:60px 0 25px;}
.event_view_wrap .noticeWrapNew .viewNotice {margin-bottom:30px; border-top:1px solid #000;}
.event_view_wrap .noticeWrapNew .viewNotice > div {border-bottom:1px solid #ebebeb;}
.event_view_wrap .noticeWrapNew .viewNotice dt {font-size:17.5px; font-weight:500; line-height:28px; cursor: pointer; padding:24px 0; position:relative;}
.event_view_wrap .noticeWrapNew .viewNotice dt::after {content:''; display:block; width:24px; height:24px; position:absolute; top:25px; right:20px; background:url('/web/images/sub/ico/ico_toggle_arrow.png') no-repeat 0 0;}
.event_view_wrap .noticeWrapNew .viewNotice dt.on::after {content:''; background-position-y:-24px;}
.event_view_wrap .noticeWrapNew .viewNotice dd {font-size:13px; color:#555; line-height:26px; padding:24px 32px; background: #f7f7f7; display: none;}