@charset "UTF-8";
@import url("/smc/resources/css/mobile/notosanskr.css");
element { background: #333; /* The Fallback */ background: rgba(51, 51, 51, 0.5); }

select::-ms-expand { display: none; }

body, h1, h2, h3, h4, h5, h6, input, textarea, select, form, input, select, textarea, button, a { font-family: 'Noto Sans KR', sans-serif !important; color: #434a5f; letter-spacing: -0.35px; }

@font-face { font-family: GmarketSans; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: GmarketSans; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff"); font-weight: 500; font-style: normal; }

@font-face { font-family: GmarketSans; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff"); font-weight: 700; font-style: normal; }

/* input password */
@font-face { font-family: 'pass'; font-style: normal; font-weight: 400; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format("woff"); }

/* common */
.scroll_in { overflow-y: auto; max-height: 60vh; }

::-webkit-scrollbar { width: 3px; }

::-webkit-scrollbar-thumb { background: #a9a9a9; }

.inline-block { display: inline-block !important; }

.ir_pm {display: block; overflow: hidden; font-size: 1px; line-height: 0; clip: rect(0, 0, 0, 0) !important; white-space: nowrap; text-indent: -9999px;}/* 2024 접근성 */

.ir_wa { display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%; }

.fw_thin{font-weight: 300 !important;}/* 2024 OTT menu */

.fw_bold{font-weight: bold !important;}/* 2024 개선 */

.fs9 { font-size: 9px !important; }

.fs11 { font-size: 11px !important; }

.fs12 { font-size: 12px !important; }

.fs13 { font-size: 13px !important; }

.fs14 { font-size: 14px !important; letter-spacing: -0.35px; }

.fs15 { font-size: 15px !important; }

.fs16 { font-size: 16px !important; letter-spacing: -0,4px; }

.fs20 { font-size: 20px !important; }

.fw_normal { font-weight: normal !important; }

.fw_500 { font-weight: 500 !important; }

.txt_left { text-align: left !important; }

.txt_right { text-align: right !important; }

.txt_center { text-align: center !important; }

.underline { text-decoration: underline; text-underline-position: under; }

.w100p { width: 100% !important; }

.w70p { width: 70% !important; }

.w70 { width: 70px !important; }

.w150 { width: 150px !important; }

.w164 { width: 164px !important; }

.min_w90 { min-width: 90px !important; }

.min_w120 { min-width: 120px !important; }

.flex_w80 { -webkit-box-flex: initial !important; -ms-flex: initial !important; flex: initial !important; -ms-flex-preferred-size: 80px !important; flex-basis: 80px !important; }

/* 2024 개선 s */
.flex_row_gap10{display: flex; gap:10px;}

.flex_row_gap10 > *{width: 100%;}
/* //2024 개선 e */

.side_pd0 { padding: 0 !important; }

.side_pd7 { min-width: auto !important; padding: 0 7px !important; }

.side_pd8 { min-width: auto !important; padding: 0 8px !important; }

.side_pd13 { min-width: auto !important; padding: 0 13px !important; }

.side_pd15 { min-width: auto !important; padding: 0 15px !important; }

.side_pd17 { min-width: auto !important; padding: 0 17px !important; }

.side_pd18 { padding-left: 18px !important; padding-right: 18px !important; }

.side_pd20 { min-width: auto !important; padding: 0 20px !important; }

.updown_pd20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.side_mg0 { margin-left: 0 !important; margin-right: 0 !important; }

.re_mt15 { margin: 15px 0 0 0 !important; }

.pr0 { padding-right: 0 !important; }

.pl0 { padding-left: 0 !important; }

.pl10 { padding-left: 10px !important; }/* 2024-05-02 팝업 크기 조정 */

.pr10 { padding-right: 10px !important; }

.pr40 { padding-right: 40px !important; }

.pt0 { padding-top: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt30 { padding-top: 30px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb1 { padding-bottom: 1px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt5 { margin-top: 5px !important; }

.mt35 { margin-top: 35px !important; }

.mb8 { margin-bottom: 8px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.ml0 { margin-left: 0 !important; }/* 2024-05-07 추가 */

.ml35 { margin-left: 35px !important; }

.ml15 { margin-left: 15px !important; }

.ml10 { margin-left: 10px !important; }

.ml2p { margin-left: 2% !important; }

.mr10 { margin-right: 10px !important; }

.va_baseline {vertical-align: baseline !important;} /* 2024-05-03 추가 */

.line-height150 { line-height: 1.5 !important; }

.font_18b_222 { font-size: 18px; font-weight: bold; color: #222; letter-spacing: -0.4px; }

.font_18b_blue  { font-size: 18px; font-weight: bold;  color: #3d79ea;  letter-spacing: -0.4px; }/* 2024 OTT menu */

.font_16b { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; }

.font_16b_222 { font-size: 16px; font-weight: bold; color: #222; letter-spacing: -0.4px; }

.font_16sb_222 { font-size: 16px; font-weight: 500; color: #222; letter-spacing: -0.4px; }

.font_16b_blue { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #3d79ea; }

.font_15b_222 { font-size: 15px; font-weight: bold; letter-spacing: -0.38px; color: #222; }

.font_15sb_222 { font-size: 15px; font-weight: 500; letter-spacing: -0.38px; color: #222; }

.font_15b_darkblue { font-size: 15px; font-weight: bold; letter-spacing: -0.38px; color: #09254d; }

.font_15_darkblue { font-size: 15px; font-weight: 500; letter-spacing: -0.38px; color: #09254d; }

.font_15 { font-size: 15px; font-weight: normal; letter-spacing: -0.38px; color: #434a5f; }

.font_14b { font-size: 14px; font-weight: bold; letter-spacing: -0.35px; }

.font_14b_222 { letter-spacing: -0.35px; }

.font_14sb_222 { font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #222; }

.font_14_6a6a6a { font-size: 14px; font-weight: normal; letter-spacing: -0.35px; color: #6a6a6a; }

.font_13_6a6a6a { font-size: 13px !important; font-weight: normal !important; color: #6a6a6a !important; letter-spacing: -0.33px !important; }

.font_13_222 { font-size: 13px; font-weight: normal; color: #222; letter-spacing: -0.33px; }

.font_13sb_222 { font-size: 13px; font-weight: 500; letter-spacing: -0.38px; color: #222; }

.font_13b_blue { font-size: 13px; font-weight: bold; letter-spacing: -0.33px; color: #5a87db; }

.tit_blue_round { clear: both; margin: 0 0 15px 0; padding: 9px 18px 10px 40px; text-indent: -22px; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-image: linear-gradient(266deg, #619ced 10%, #4175e6 73%); border-radius: 20px; font-size: 15px; font-weight: 500; color: #fff; }

.bg_cheap { color: #444 !important; background-color: #fff !important; border: 1px solid #585858 !important; }

.blue_label { display: inline-block; height: 25px; line-height: 27px; padding: 0 8px; min-width: 62px; border-radius: 4px; background-color: rgba(61, 121, 234, 0.1); }

.blue_label p { font-size: 12px; font-weight: bold; text-align: center; color: #3d79ea; }

.m_space { margin-left: 18px !important; margin-right: 18px !important; }

.space_zero { margin-left: -18px !important; margin-right: -18px !important; }

.clearfix:after { content: ""; display: block; clear: both; }

.float_left { float: left; }

.float_right { float: right; }

.flex1 { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }

.h_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.point_color { color: #406cd8 !important; }

.red_color { color: #e54b2f !important; }

.red_color2 { color: #FF3E3E !important; }/* 2024 개선 */

.blue_color { color: #3d79ea !important; }

.blue_color2 { color: #356ae0 !important; }

.blue_color3 { color: #4a7ae2 !important; }

.darkblue{color: #09254D !important;}/* 2024-04-30 추가 */

.orange_color { color: #e54b2f !important; }

.gray_color { color: #6a6a6a !important; }/* 2024 접근성 */

.black_color { color: #222 !important; }

.cyan_color { color: #63fff5 !important; }

.bg_white { background-color: #fff !important; }

.bg_fbfbfb { background-color: #fbfbfb !important; } /* 2024-05-03 추가 */

.koreaTr, .point_bg { background-color: #f0f5fe; }

.point_bg2 { background-color: #f8fafd; }

.underline { text-decoration: underline; text-underline-position: under; }

.blind_txt { color: transparent; text-align: center; }

.word_wrap { word-wrap: break-word; word-break: keep-all; }

hr.bg_gray { display: block; margin: 0 -18px; height: 30px; border: 0; background-color: #f2f3f6; }

hr.white_h20 { display: block; margin: 0; height: 20px; border: 0; background-color: #fff; }

hr.line{display: block; opacity: 0.5;}/* 2024-05-09 수정 */

.toggle_btn input { position: absolute; left: -9999%; }

.toggle_btn input:checked + label { background-color: #3d79ea; }

.toggle_btn input:checked + label:after { left: calc(100% - 27px); }

.toggle_btn label { display: block; position: relative; width: 60px; height: 30px; background-color: #e5e5e5; border-radius: 30px; -webkit-transition: background 0.4s; transition: background 0.4s; }

.toggle_btn label:after { content: ''; display: block; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); background-color: #ebf2ff; border-radius: 50%; -webkit-transition: all 0.4s; transition: all 0.4s; }

.h_btn { display: inline-block; min-width: 110px; padding: 0 20px; border-radius: 6px; font-weight: bold; text-align: center; }

.h_btn.size_sss { height: 30px; min-width: 90px; line-height: 28px; font-size: 12px; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; }

.h_btn.size_ss { height: 35px; line-height: 33px; font-size: 12px; font-weight: 500; -webkit-box-sizing: border-box; box-sizing: border-box; }

.h_btn.size_s { height: 35px; line-height: 33px; font-size: 13px; font-weight: 500; -webkit-box-sizing: border-box; box-sizing: border-box; }

.h_btn.size_m { height: 40px; line-height: 38px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.h_btn.size_l { height: 45px; line-height: 43px; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.h_btn.size_l.fs16 { letter-spacing: -1px; }

.h_btn.empty { border: solid 1px #fff; background-color: transparent; color: #fff; }

.h_btn.empty_black { border: solid 1px #10254a; background-color: transparent; color: #10254a; }
.h_btn.blank.noHover:hover{border: solid 1px #10254a; background-color: #fff; color: #10254a;}/* 2024 개선 : 추천결과 */

.h_btn.blank { border: solid 1px #10254a; background-color: #fff; color: #10254a; }

.h_btn.fill, .h_btn.active, .h_btn:hover { background-color: #10254a; color: #fff; }

.h_btn.fill_blue { background-color: #5a87db; color: #fff; }
/* 2024-05-03 2차 추가 s */
.h_btn.gry_bor {border-color: #e5e5e5;} 
.h_btn.gry_bor:hover {border-color: #e5e5e5 !important;}
/* // 2024-05-03 2차 추가 e */

.h_btn.icon_refresh:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: 0 10px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_refresh.png) no-repeat; background-size: 20px auto; }

.h_btn.icon_go:after { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 0 0 10px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_go.png) no-repeat; background-size: 12px auto; }

.h_btnP .h_btn.icon_go3:after { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 0 0 5px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_go3.png) no-repeat; background-size: 20px auto; }

.h_btn.icon_doc:after { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -2px 0 0 5px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_doc.png) no-repeat; background-size: 20px auto; }

.h_btn.icon_pdf:after { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -2px 0 0 5px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_pdf.png) no-repeat; background-size: 20px auto; }

.h_btn.icon_acco:after { content: ''; display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin: -3px 0 0 10px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/btn_open.png) no-repeat; background-size: 25px auto; }

.h_btn.icon_acco.on:after { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/btn_close.png); }

.h_btn.icon_used_phone:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 10px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_used_phone.png) no-repeat; background-size: 15px auto; }

.h_btn.icon_post:before { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 15px; margin: -3px 10px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_post.png) no-repeat; background-size: 30px auto; }

.h_btn.icon_download:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 10px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_download.png) no-repeat; background-size: 15px auto; }

/* 2024-05-02 버튼 수정 s : pc랑 맞춤 */
.h_btn.icon_download.after_type{padding: 0 10px;}
.h_btn.icon_download.after_type:before {display: none;}
.h_btn.icon_download.after_type:after {content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: -5px 0 0 5px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_download_navy.png) no-repeat; background-size: contain; }
.h_btn.fill.icon_download.after_type:after{background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_download_white.png); background-size: contain; }
/* //2024-05-02 버튼 수정  e : pc랑 맞춤 */

.h_btn.icon_coin:before { content: ''; display: inline-block; vertical-align: middle; width: 21px; height: 21px; margin: -3px 10px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_coin.png) no-repeat; background-size: 16px auto; }

.h_btn.icon_url:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 2px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_url.png) no-repeat; background-size: 20px auto; }

/* 2024-05-29 2단계 s */
.h_btn.icon_kakao:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 2px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_kakao.png) no-repeat; background-size: 20px auto; }
/* //2024-05-29 2단계 e */

.h_btn.icon_search:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 10px 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_gnb_search.png) no-repeat; background-size: 20px auto; }

.h_btn.line-gray { border-color: #e5e5e5; }

.shadow { -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); }

.posi_top_right { position: absolute; top: 0; right: 0; }

.btn_half_round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.btn_half_round > a { min-width: auto; padding: 0 10px; }

.btn_half_round > a:first-child { border-radius: 6px 0 0 6px; }

.btn_half_round > a:last-child { border-radius: 0 6px 6px 0; }

.btn_half_round.posi_top_right { top: -5px; }

.btn_more_count { display: inline-block; height: 30px; line-height: 28px; padding: 0 25px; background-color: #fff; border-radius: 60px; border: solid 1px #10254a; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-weight: 500; color: #222; }

.btn_more_count span { font-size: 13px; font-weight: 500; color: #707070; }

.btn_wrap.item2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.btn_wrap.item2 .h_btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 5px; }

.btn_wrap.item2 .h_btn:last-child { margin-left: 2%; }

.btn_wrap.item3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.btn_wrap.item3 .h_btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: auto; padding: 0 5px; margin-right: 10px; }

.btn_wrap.item3 .h_btn:last-child { margin-right: 0; }

.btn_wrap.bg_white { padding-bottom: 30px; background-color: #fff; }

.btn_del_round { position: absolute; top: 60px; right: 16px; height: 35px; line-height: 35px; padding: 0 13px; border-radius: 20px; background-color: #f2f3f6; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #e54b2f; }

.btn_del_round:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 0 0 0; width: 20px; height: 20px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_btn_del.png) no-repeat center; background-size: 13px auto; }

.btn_del_round2 { position:absolute; right: 0; bottom: 0; height: 35px; line-height: 35px; padding: 0 13px; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #e54b2f; } /* 2022-09-01 ?�정 */

.btn_del_round2:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 0 0 0; width: 20px; height: 20px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_btn_del.png) no-repeat center; background-size: 13px auto; }
/* 웹접근성 2026 3차 */
.checkbox_wrap{
  position: relative;
  padding-left: 10px;
  display: block; 
}

.checkbox_wrap input[type="checkbox"]{
  position: absolute;
  inset: 0;       
  margin: 0;
  opacity: 0;     
  z-index: 2;
}

.checkbox_wrap label{
  position: relative;
  z-index: 1;
  display: block;
}

.checkbox_wrap input[type="checkbox"]:focus-visible + label{
  outline: 2px solid #75cf00;
  outline-offset: 2px;
}

.checkbox_wrap input[type="checkbox"]:checked + label{
  outline: 2px solid #75cf00;
  outline-offset: 2px;
}
/* //웹접근성 2026 3차 */
/* // 웹접근성 2026 */

/* 2023 상반기 접근성 추가 s */
.checkbox_wrap input.unvisible[type="checkbox"] { width: 26px; height: 26px; margin: -1px; position: absolute; opacity: 0;}

.checkbox_wrap input.unvisible[type="checkbox"]:focus-visible {outline: 0;}
/* // 2023 상반기 접근성 추가 e */
.checkbox_wrap input[type="checkbox"]:focus + label { outline: 1.5px solid black; border-radius: 5px; }

.checkbox_wrap input.unvisible[type="checkbox"]:focus + label { outline:0; } /* 2023-04-04 (2023 접근성 추가수정) */

.checkbox_wrap input[type="checkbox"]:checked + label:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_chk_on.png); background-size: 25px auto; }

.checkbox_wrap input[type="checkbox"]:disabled + label:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_disabled.png); background-size: 25px auto; }

.checkbox_wrap input[type="checkbox"]:checked:disabled + label:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_chk_disabled.png); background-size: 25px auto; }

.checkbox_wrap label {  position: relative;  z-index: 1; display: block;  cursor: pointer; letter-spacing: -0.35px; color: #434a5f; }/* 웹접근성 2026 3차 */

.checkbox_wrap label strong { font-weight: 500; }

.checkbox_wrap label:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; width: 25px; height: 25px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_chk_off.png) no-repeat center; background-size: 25px auto; }

.checkbox_wrap label .stxt { display: block; margin-left: 34px; text-indent: 0; }

/* 웹접근성 2026 3차 */
/* .radio_wrap input[type="radio"]{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.radio_wrap label{
  cursor: pointer;
}

.radio_wrap input[type="radio"]:focus-visible + label{
  outline: 2px solid #000;
  outline-offset: 2px;
} */
 .radio_wrap{
  position: relative;
  display: block; 
}

.radio_wrap input[type="radio"]{
  position: absolute;
  inset: 0;       
  margin: 0;
  opacity: 0;    
  z-index: 2;
}

.radio_wrap label{
  position: relative;
  z-index: 1;
  display: block;
  cursor: pointer;
}

.radio_wrap input[type="radio"]:focus-visible + label{
  outline: 2px solid #000;
  outline-offset: 2px;
}
/* // 웹접근성 2026 3차 */
.radio_wrap input:focus + label { outline: 1.5px solid black; border-radius: 5px; }

/* 2025-04-28 웹접근성 s */
.radio_wrap label {display: inline-block; letter-spacing: -0.35px; color: #434a5f; padding-left: 35px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_radio_off.png) no-repeat left; background-size: 25px auto; height: 25px;}
.radio_wrap input:checked + label { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_chk_on.png); background-size: 25px auto; }


/* .radio_wrap input:checked + label:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_chk_on.png); background-size: 25px auto; }
.radio_wrap label:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; width: 25px; height: 25px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_radio_off.png) no-repeat center; background-size: 25px auto; } */

/* .radio_wrap label { display: inline-block; letter-spacing: -0.35px; color: #434a5f; } */
/* 2025-04-28 웹접근성 e */

.radio_wrap label strong { font-weight: 500; }

.radio_wrap label .plan { font-weight: bold; color: #222; }

.radio_wrap label .price { display: inline-block; margin-left: 5px; font-weight: bold; color: #356ae0; }

.round_box_radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.round_box_radio.item2 li { width: 47.4%; margin-bottom: 10px; }

.round_box_radio.item--agency .checkbox_wrap{margin-right: 0;}

.round_box_radio.item2 li:last-child, .round_box_radio.item2 li:nth-child(2n) { margin-right: 0; }

.round_box_radio.item3 li { width: 31%; margin-bottom: 10px; } /* 2022-09-01 ?�정 */

.round_box_radio.item3 li:last-child, .round_box_radio.item3 li:nth-child(3n) { margin-right: 0; }

.round_box_radio.item4 li { width: calc((100% - 9%)/4); margin-bottom: 10px; } /* 2023-12-08 수정 */

.round_box_radio.item4 li:last-child, .round_box_radio.item4 li:nth-child(4n) { margin-right: 0; }

.round_box_radio.multi li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 10px; }

.round_box_radio.multi li .radio_wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.round_box_radio.multi li > div:last-child { margin-right: 0; }

.round_box_radio.multi li.multi .radio_wrap { min-width: 30%; margin-bottom: 10px; }

.round_box_radio.multi li.multi .radio_wrap:nth-child(3n) { margin-right: 0; }

.round_box_radio .radio_wrap, .round_box_radio .checkbox_wrap { position: relative; margin-right: 3%; } /* 2022-09-01 ?�정 */

/* 웹접근성 2026 */
/* .round_box_radio .radio_wrap input[type="radio"], .round_box_radio .radio_wrap input[type="checkbox"], .round_box_radio .checkbox_wrap input[type="radio"], .round_box_radio .checkbox_wrap input[type="checkbox"] { width: 0; height: 0; margin: -1px; position: absolute; } 웹접근성 2026 */

/* .round_box_radio .radio_wrap input[type="radio"]:focus + label, .round_box_radio .radio_wrap input[type="checkbox"]:focus + label, .round_box_radio .checkbox_wrap input[type="radio"]:focus + label, .round_box_radio .checkbox_wrap input[type="checkbox"]:focus + label { outline: 0; border-radius: 5px; }웹접근성 2026 */
#telecomSelectArea .checkbox_wrap input[type="checkbox"]:focus + label,
#telecomSelectArea .checkbox_wrap input[type="checkbox"]:focus-visible + label {
  outline: 2px solid #000 !important;   
  outline-offset: 2px;
  border-radius: 6px;
}

#telecomSelectArea .checkbox_wrap input.unvisible[type="checkbox"]{
  width: 100%;
  height: 40px;    
  left: 0;
  top: 0;
}

#telecomSelectArea .checkbox_wrap label{
  position: relative;
  z-index: 1;
}
#telecomSelectArea .checkbox_wrap label:before{
  z-index: -1;
}
/* // 웹접근성 2026 */
.round_box_radio .radio_wrap input[type="radio"]:checked + label .stit, .round_box_radio .radio_wrap input[type="checkbox"]:checked + label .stit, .round_box_radio .checkbox_wrap input[type="radio"]:checked + label .stit, .round_box_radio .checkbox_wrap input[type="checkbox"]:checked + label .stit { font-weight: bold; color: #09254d; }

.round_box_radio .radio_wrap input[type="radio"]:checked + label:before, .round_box_radio .radio_wrap input[type="checkbox"]:checked + label:before, .round_box_radio .checkbox_wrap input[type="radio"]:checked + label:before, .round_box_radio .checkbox_wrap input[type="checkbox"]:checked + label:before, #telecomSelectArea .checkbox_wrap input[type="radio"]:checked + label:before, #telecomSelectArea .checkbox_wrap input[type="checkbox"]:checked + label:before { background: none; border: solid 2px #10254a; }

.round_box_radio .radio_wrap input[type="radio"]:disabled + label, .round_box_radio .radio_wrap input[type="checkbox"]:disabled + label, .round_box_radio .checkbox_wrap input[type="radio"]:disabled + label, .round_box_radio .checkbox_wrap input[type="checkbox"]:disabled + label { color: #6a6a6a; background-color: #f8fafd; }/* 2024 접근성 */

.round_box_radio .radio_wrap label, .round_box_radio .checkbox_wrap label { display: block; height: 40px; line-height: 40px; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #434a5f; text-align: center; }

.round_box_radio .radio_wrap label.two_row, .round_box_radio .checkbox_wrap label.two_row { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; width: 100%; height: 57px; line-height: normal; text-align: center; letter-spacing: -0.5px; }

.round_box_radio .radio_wrap label.two_row:before, .round_box_radio .checkbox_wrap label.two_row:before { height: 57px; }

.round_box_radio .radio_wrap label.two_row .stit, .round_box_radio .checkbox_wrap label.two_row .stit { display: block; width: 100%; }

.round_box_radio .radio_wrap label:before, .round_box_radio .checkbox_wrap label:before { position: absolute; top: 0; left: 0; margin: 0 0 0 0; width: 100%; height: 40px; padding: 0 15px; border-radius: 6px; border: solid 1px #e5e5e5; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.round_box_radio .radio_wrap label.icon_internet, .round_box_radio .checkbox_wrap label.icon_internet { padding-top: 40px; background: url(/smc/resources/imagesNew/mobileImage/plan/icon_product02.png) no-repeat center 13px; background-size: 31px auto; }

.round_box_radio .radio_wrap label.icon_internet::before, .round_box_radio .checkbox_wrap label.icon_internet::before { height: 77px; }

.round_box_radio .radio_wrap label.icon_iptv, .round_box_radio .checkbox_wrap label.icon_iptv { padding-top: 40px; background: url(/smc/resources/imagesNew/mobileImage/plan/icon_product03.png) no-repeat center 13px; background-size: 30px auto; }

.round_box_radio .radio_wrap label.icon_iptv::before, .round_box_radio .checkbox_wrap label.icon_iptv::before { height: 77px; }

.round_box_radio .radio_wrap label.icon_homeTel, .round_box_radio .checkbox_wrap label.icon_homeTel { padding-top: 40px; background: url(/smc/resources/imagesNew/mobileImage/plan/icon_product04.png) no-repeat center 13px; background-size: 30px auto; }

.round_box_radio .radio_wrap label.icon_homeTel::before, .round_box_radio .checkbox_wrap label.icon_homeTel::before { height: 77px; }

.round_box_radio .checkbox_wrap { padding-left: 0; }

.round_box_radio .checkbox_wrap input:checked + label { font-weight: bold; }

.h_input { padding: 0 15px; border-radius: 6px; border: solid 1px #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.h_input.size_l { height: 40px; line-height: 40px; }

.h_input.size_xl { height: 50px; line-height: 50px; }

#smsPhoneNum, #smsCerNum{width: calc(100% - 125px);}
/* 2024 접근성 s */
.h_input::-webkit-input-placeholder { color: #6a6a6a; }

.h_input:-ms-input-placeholder { color: #6a6a6a; }

.h_input::-ms-input-placeholder { color: #6a6a6a; }

.h_input::placeholder { color: #6a6a6a; }
/* //2024 접근성 e */

.h_input:disabled { background-color: #e5e5e5; color: #a3a3a3; }

input { outline-color: black; }

input.password { font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; }

input.password::-webkit-input-placeholder { -webkit-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 77%; transform-origin: 0 77%; }

input.password::-moz-placeholder { font-size: 14px; opacity: 1; }

.default_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_select.png) calc(100% - 10px) center no-repeat; background-size: 11px auto; padding: 0 30px 0 15px; border-radius: 6px; border: solid 1px #e5e5e5; background-color: #fff; outline-color: #444a5d; }

.default_select:disabled { background-color: #e5e5e5; color: #a3a3a3; }

.mini_slt { position: absolute; bottom: 9px; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 26.95vw; text-align: center; }

.mini_slt .default_select { height: auto; padding: 0 10px 0 0; box-sizing: border-box; border: 0; border-radius: 0; background-position: right 2px center; background-size: 8px auto; outline: none; font-size: 12px; letter-spacing: -0.7px; max-width: 130px; } /* 2022-09-01 ?�정 */

.list_bullet_circle > li { position: relative; margin-bottom: 3px; padding-left: 12px; font-size: 13px; line-height: 1.5; color: #434a5f; word-wrap: break-word; word-break: keep-all; }

.list_bullet_circle > li::before {content: ""; display: block; position: absolute; top: 8px; left: 0; margin: 0 0 0 0; width: 5px; height: 5px; background-color: #dadada; border-radius: 50%; } /* 2025-04-17 */

/* 2022-06-02 수정 s */
.list_no_bullet > li { position: relative; margin-bottom: 3px; font-size: 13px; line-height: 1.5; color: #434a5f; word-wrap: break-word; word-break: keep-all; }
/* //2022-06-02 수정 e */

.list_bullet_circle.small_bullet li.red_color:before { background-color: #e54b2f; }

.list_bullet_circle.small_bullet li:before { top: 9px; left: 4px; width: 3px; height: 3px; background-color: #434a5f; }

.list_bullet_star > li { position: relative; margin-bottom: 3px; padding-left: 12px; font-size: 13px; line-height: 1.5; color: #434a5f; word-wrap: break-word; word-break: keep-all; }

.list_bullet_star > li:before { content: '*'; display: block; position: absolute; top: 2px; left: 0; margin: 0 0 0 0; }

.list_bullet_star.small_bullet li.red_color:before { background-color: #e54b2f; }

.list_bullet_star.small_bullet li:before { top: 9px; left: 4px; width: 3px; height: 3px; background-color: #434a5f; }

.list_bullet_dash li { position: relative; margin-bottom: 3px; padding-left: 12px; font-size: 13px; line-height: 1.5; color: #434a5f; word-wrap: break-word; word-break: keep-all; }

.list_bullet_dash li:before { content: '-'; display: block; position: absolute; top: 0px; left: 0; margin: 0 0 0 0; width: 5px; height: 5px; color: #434a5f; }

/* 2024-04-24 choice benefit s */
.ref_mark{margin-top: 1.2em;}
.ref_mark_list > li + li{margin-top: 0.5em;}
.ref_mark_list > li,
.ref_mark{position: relative; padding-left: 1em; text-align: left; line-height: 1.4;}
.ref_mark_list > li:before,
.ref_mark:before{content:'※'; display: block; position: absolute; top: 0; left: 0;}
/* //2024-04-24 choice benefit e */


.border_top { border-top: 1px solid #e5e5e5 !important; }

/* toparea, lnbwrap, bottomarea, modalpop, 테이블 공통영역 */
.table_layout_col { background-color: #fff; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); }

/* 2024-04-22 result table info s */
.table_layout_col.border_top { border-top: 1px solid #e5e5e5; }
.table_layout_col table .bdr{border-right: 1px solid #e5e5e5;}
.table_layout_col table .bdl{border-left: 1px solid #e5e5e5;}
.table_layout_col table .bdt{border-top: 1px solid #e5e5e5;}
.table_layout_col table .bdb{border-bottom: 1px solid #e5e5e5;}
.table_layout_col table .bdr_dashed{border-right-style: dashed;}
.table_layout_col table .bdl_dashed{border-left-style: dashed;}
.table_layout_col table .bdb_dashed{border-bottom-style: dashed;}
.table_layout_col table .bdt_dashed{border-top-style: dashed;}
/* //2024-04-22 result table info e */
.table_layout_col table { width: 100%; }

.table_layout_col table .icon_skt { padding: 15px 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/table_skt.png) no-repeat center; background-size: 60px auto; }

.table_layout_col table .icon_kt { padding: 15px 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/table_kt.png) no-repeat center; background-size: 25px auto; }

.table_layout_col table .icon_lg { padding: 15px 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/table_lg.png) no-repeat center; background-size: auto 20px; }

/* 2024-04-22 result table info s */
.table_layout_col table .grey_bg { background-color: #F2F3F6;  }
/* //2024-04-22 result table info e */

.table_layout_col table .point_bg { background-color: #f0f5fe; }

.table_layout_col table .point_bg .price { font-weight: bold; }

.table_layout_col table .point_bg .price em { font-weight: bold; }

.table_layout_col table tr th, .table_layout_col table tr td { padding: 10px 0; border-bottom: 1px solid #e5e5e5; font-size: 11px; font-weight: 400; }

.table_layout_col table tr th { padding-left: 3%; background-color: rgba(242, 243, 246, 0.5); color: #6a6a6a; text-align: left; }

.table_layout_col table tr td { font-size: 12px; text-align: center; }

.table_layout_col table tr td span, .table_layout_col table tr td a { display: inline-block; vertical-align: top; color: #222; }

.table_layout_col table tr td em, .table_layout_col table tr td .date { font-size: 12px; font-weight: 500; }

.table_layout_col table tr td .date { text-decoration: underline; text-underline-position: under; }

.table_layout_col table tr.line_btm_none th, .table_layout_col table tr.line_btm_none td { border-bottom: 0; }

.table_layout_col table tr.choice th { padding-right: 5%; text-align: right; }

.table_layout_col table tr.choice td span { font-weight: bold; }

.table_layout_col table tr.choice td span em { font-weight: bold; }

.table_layout_col table tr.choice .name { display: block; min-height: 48px; vertical-align: top; }

.table_layout_col table tr.choice .price_blue { font-size: 12px; font-weight: normal; letter-spacing: -0.12px; color: #356ae0; }

.table_layout_col table tr.choice .price_blue em { font-size: 13px; font-weight: 500; letter-spacing: -0.13px; }

.table_layout_col table tr.choice .vat { display: block; font-size: 12px; font-weight: normal; letter-spacing: -0.3px; color: #6a6a6a; }

.table_layout_col table tr.sale .tooltip_btn { font-size: 12px; font-weight: 500; }

.table_layout_col table tr.sale .tooltip_btn .arrow_up:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 0 0 2px; width: 8px; height: 10px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/arrow_up.png) no-repeat; background-size: 8px auto; }

.table_layout_col table tr.sale .tooltip_btn .tooltip_icon { width: 16px; height: 16px; margin: 2px 0 0 4px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_tooltip.png) no-repeat; background-size: 16px auto; }

.table_layout_col.fs_big { -webkit-box-shadow: none; box-shadow: none; }

.table_layout_col.fs_big table { border-top: solid 1px #e5e5e5; }

.table_layout_col.fs_big table tr th { font-size: 14px; font-weight: 500; color: #222; background-color: #f0f1f4; }

.table_layout_col.fs_big table tr td { position:relative; padding-left: 10px; font-size: 12px; color: #434a5f; text-align: left; } /* 2022-09-01 ?�정 */

.table_layout_row table { width: 100%; border-top: 1px solid #666; }

/* 2024-04-24 s : 요금제 선택 UI 개선 */
.table_layout_row table tr th { padding: 11px 0; background-color: #f0f1f4; font-size: 11px; font-weight: 500; color: #222; letter-spacing: -0.35px; border: 0; border-bottom: solid 1px #e5e5e5; text-align: center; line-height: initial; }
.table_layout_row table .bdl{border-left: 1px solid #e5e5e5;}
.table_layout_row table .sort_btn{font-size: 11px;}
.table_layout_row table .sort_btn.on{color:#3d79ea ;}
.table_layout_row table .sort_btn.on .icon_sort_asc { display: inline-block; vertical-align: 8px; margin-left: 5px; border: 6px solid transparent; border-bottom-color: #3d79ea; }
.table_layout_row table .sort_btn.on .icon_sort_desc { display: inline-block; vertical-align: 2px; margin-left: 5px; border: 6px solid transparent; border-top-color: #3d79ea; }
.table_layout_row table .sort_btn .icon_sort_asc { display: inline-block; vertical-align: 8px; margin-left: 5px; border: 6px solid transparent; border-bottom-color: #222; }
.table_layout_row table .sort_btn .icon_sort_desc { display: inline-block; vertical-align: 2px; margin-left: 5px; border: 6px solid transparent; border-top-color: #222; }
/* //2024-04-24 e : 요금제 선택 UI 개선 */

.table_layout_row table tr td { padding: 12px 5px; border: 0; border-bottom: solid 1px #e5e5e5; font-size: 12px; font-weight: 500; color: #434a5f; letter-spacing: -0.3px; }

.table_layout_row.tblType--01 table{border-top: 1px solid #e5e5e5;}
.table_layout_row.tblType--01 table tr th{background-color: transparent !important;}
.table_layout_row.tblType--01.th--isBg table tr th{background-color: #f0f1f4 !important;}
.table_layout_row.tblType--01 table tr th, .table_layout_row.tblType--01 table tr td{text-align: center; border-right: 1px solid #e5e5e5; font-size: 14px;}
.table_layout_row.tblType--01 table tr th:last-child, .table_layout_row.tblType--01 table tr td:last-child{border-right: none;}

.table_layout_row table .thead th { text-align: center; }

.table_layout_row table .underline { text-decoration: underline; text-underline-position: under; }

.table_layout_row table.txt_center td, .table_layout_row table.side0 td { padding: 12px 0; }

.table_layout_row table.txt_right td { padding-right: 1%; }

.table_layout_row table.txt_left th, .table_layout_row table.txt_left td { padding-left: 2%; text-align: left !important; }

.table_layout_row table.td_line_left td { border-left: 1px solid #e5e5e5; }

.table_layout_row table td.txt_left, .table_layout_row table .txt_left td { padding-left: 5px; }

.table_layout_row table.default_center td { text-align: center; }

.table_layout_row.outer_space { padding: 25px 18px; background-color: #fff; }

.table_layout_row.fs12 td em, .table_layout_row.fs12 td .date { font-size: 12px; font-weight: 500; }

.table_layout_row.fs12 td .underline, .table_layout_row.fs12 td .date { text-decoration: underline; text-underline-position: under; }

.table_layout_row.fs12 td a.underline { font-size: 0; }

/* 2024-04-24 s : 요금제 선택 UI 개선 */
.table_layout_row.fs12 td .h_name { font-size: 11px; font-weight: bold;  word-break: break-all;}

.table_layout_row.fs12 td .p_name { font-size: 11px; font-weight: normal; color: #6a6a6a;  word-break: break-all;}/* 2024 접근성 */

.table_layout_row.fs12 td .p_name.soft_color {color: #767676;}
/* 2024-04-24 e : 요금제 선택 UI 개선 */

.table_layout_col.fixed, .table_layout_row.fixed { overflow-x: auto; margin-right: -15px; }

table .labeling { display: inline-block; height: 25px; line-height: 25px; padding: 0 11px; margin-top: 7px; border-radius: 4px; border: solid 1px #3d79ea; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px; font-weight: 500; color: #3d79ea; }

table .add_line { padding: 0 !important; border-bottom: solid 1px #656565 !important; }

.full_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; background-color: #fff; }

.full_popup .popHeadM { padding: 16px 18px; border-bottom: solid 1px #e1e1e1; background: none; }

.full_popup .popHeadM p { padding-left: 10px; font-size: 16px; font-weight: bold; color: #222; letter-spacing: -0.5px; }

.full_popup .popHeadM .clBtn { padding: 3px; }

.full_popup .popBodyM { overflow-y: auto; height: calc(100% - 130px); padding: 34px 18px; }

.full_popup .popBodyM .refund_request .img_agency { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; }

.full_popup .popBodyM .refund_request .layout_half { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.full_popup .popBodyM .refund_request .layout_half .img_agency, .full_popup .popBodyM .refund_request .layout_half .txt { height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.full_popup .popBodyM .refund_request .layout_half > div { width: 49%; padding: 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.full_popup .popBodyM .refund_request .flex_txt_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.full_popup .popBodyM table tr.on { background-color: #f0f5fe; }

.full_popup .popBodyM .tit { margin-bottom: 15px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.full_popup .popBodyM .stit { margin-bottom: 10px; font-weight: 500; letter-spacing: -0.35px; color: #222; }

.full_popup .popBodyM .txt { word-wrap: break-word; word-break: keep-all; letter-spacing: -0.35px; color: #434a5f; }

.full_popup .popBodyM .img_wrap img { width: 100%; }

.full_popup .popBodyM .top_area { position: relative; }

.full_popup .popBodyM .top_area .tit { margin-bottom: 0; }

.full_popup .popBodyM .top_area .price { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; }

.full_popup .popBodyM dl.txt_wrap dt { margin-top: 30px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.full_popup .popBodyM dl.txt_wrap dd { margin-top: 15px; }

.full_popup .popBodyM .btm_area { position: relative; }

.full_popup .popBodyM .btm_area .tit { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.full_popup .popBodyM .table_layout_col { -webkit-box-shadow: none; box-shadow: none; }

.full_popup .popBodyM .table_layout_col table { border-top: solid 1px #656565; }

.full_popup .popBodyM .table_layout_col table tr th { font-size: 14px; font-weight: 500; color: #222; background-color: #f0f1f4; border-right: 0; }

.full_popup .popBodyM .table_layout_col table tr td { padding-left: 10px; font-size: 12px; color: #434a5f; text-align: left; border-right: 0; }

.full_popup .popBodyM .search_wrap { position: relative; clear: both; width: 100%; height: 45px; line-height: 45px; border-radius: 6px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; }

.full_popup .popBodyM .search_wrap p { margin-left: 37px; }

.full_popup .popBodyM .search_wrap p input.itxt { width: 100%; height: 45px; line-height: 45px; padding: 0 10px; background: transparent; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: normal; letter-spacing: -0.35px; color: #444; }

.full_popup .popBodyM .search_wrap p input.itxt::-webkit-input-placeholder { color: #6a6a6a; }

.full_popup .popBodyM .search_wrap p input.itxt:-ms-input-placeholder { color: #6a6a6a; }

.full_popup .popBodyM .search_wrap p input.itxt::-ms-input-placeholder { color: #6a6a6a; }

.full_popup .popBodyM .search_wrap p input.itxt::placeholder { color: #6a6a6a; }

.full_popup .popBodyM .search_wrap a.btn_topsch { position: absolute; left: 15px; top: 15px; width: 17px; height: 17px; padding: 9px 0 0 0; text-align: center; margin: 0; background: url("/smc/resources/imagesNew/mobileImage/common/icon/icon_total_search.png") no-repeat 0 0; background-size: 17px auto; }

.modalpop .popupwrap { border-radius: 10px; }

.modalpop .popupwrap div.feelist { border-radius: 10px; }

.modalpop .popupwrap div.feelist .list_bullet_circle { padding: 5px 0 0 40px; }

.modalpop .popupwrap div.feelist .list_bullet_circle li { margin-bottom: 0; font-size: 12px; }

.modalpop .popupwrap div.feelist .list_bullet_circle li:before { top: 6px; }

.modalpop .popupwrap h1 { padding: 13px 16px; height: auto; background: none; border: 0; font-weight: 500; }

.modalpop .popupwrap h1 .logo_img{display: inline-block; vertical-align: sub;}/* 2024-05-29 로고 추가 */

.modalpop .popupwrap h1 .icon_next:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 3px 0 0; width: 10px; height: 15px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_next_step.png) no-repeat center; background-size: 8px auto; }

.modalpop .popupwrap .btn_modalclose { top: 11px; right: 13px; background: url(/smc/resources/imagesNew/mobileImage/common/btn/btn_layerclose.png) no-repeat center; background-size: 14px auto; }

.modalpop .popupwrap .popcontents {overflow-y:auto; max-height: calc(90vh - 150px); border: 0; background-color: transparent; }/* 2024-05-02 팝업 크기 조정 */

.modalpop .popupwrap .popcontents.max-80vh {max-height: calc(80vh - 150px);}/* 2024-05-02 팝업 크기 조정*/


.modalpop .popupwrap .popcontents .tit { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.modalpop .popupwrap .popcontents .table_layout_col { -webkit-box-shadow: none; box-shadow: none; }

.modalpop .popupwrap .popcontents .table_layout_col table { border-top: solid 1px #656565; }

.modalpop .popupwrap .popcontents .table_layout_col table tr th { font-size: 14px; font-weight: 500; color: #222; background-color: #f0f1f4; }

.modalpop .popupwrap .popcontents .table_layout_col table tr td { padding-left: 10px; font-size: 12px; color: #434a5f; text-align: left; }

.modalpop .popupwrap .popcontents table th.txt_right, .modalpop .popupwrap .popcontents table td.txt_right { padding-right: 5%; }

/* 2024 개선 s */
/* .modalpop .popupwrap .popcontents .pop_ctgr_select{margin-bottom: 20px;}2024-04-22 pop_select_phone 삭제*/
.modalpop .popupwrap .popcontents .pop_ctgr_select select{height: 35px; padding-right: 10px;  border: 1px solid #E5E5E5; border-radius: 6px;}
.modalpop .popupwrap .popcontents .pop_ctgr_select button{display: inline-block; width: 50px; height: 35px; border-radius: 6px; background-color: #10254A; color:#fff;}
.modalpop .popupwrap .popcontents .monthlyPopupInner{padding-top: 10px;}
.modalpop .popupwrap .popcontents .monthlyPopupInner .monthlyValue { display: flex; align-items: center; justify-content: space-between;  min-height: 35px; line-height: 1.4em; padding: 5px 18px; margin-bottom: 10px; border-radius: 60px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }/* 2024-05-02 폰이름 길때 팝업 수정 */
.modalpop .popupwrap .popcontents .monthlyPopupInner .monthlyValue.click { border: solid 2px #10254a; color: #10254a; }
.modalpop .popupwrap .popcontents .monthlyPopupInner .monthlyValue .phone_name{width: calc(100% - 120px); word-break: break-all; font-size: 15px; line-height: 1;}
.modalpop .popupwrap .popcontents .monthlyPopupInner .monthlyValue .release_date{width: 100px; font-size: 12px; text-align: right;}
/* //2024 개선 e */

.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 { position: relative; padding-left: 5px; }
/* 
.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 input { width: 0; height: 0; margin: 0; position: absolute; }

.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 input:focus + label { outline: 2px solid #10254a; }

.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 input:checked + label { outline: 2px solid #10254a; }웹접근성 2026 3차 */
/* 웹접근성 2026 3차 */
.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2{
  position: relative;
   display: block; 
}

.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 input[type="radio"]{
  position: absolute;
  inset: 0;        
  margin: 0;
  opacity: 0;        
  z-index: 2;
}

.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 label{
  position: relative;
  z-index: 1;
  display: block;     
  pointer-events: none;
}

.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 input[type="radio"]:focus-visible + label{
  outline: 2px solid #10254a;
  outline-offset: 2px;
}

.modalpop .popupwrap .popcontents .monthlyPopupInner .radio_wrap2 input[type="radio"]:checked + label{
  outline: 2px solid #10254a;
  outline-offset: 2px;
}
/* //웹접근성 2026 3차 */

.modalpop .popupwrap .snsstatus { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modalpop .popupwrap .snsstatus li { width: 33%; text-align: center; }

.modalpop .popupwrap .snsstatus li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.modalpop .popupwrap .snsstatus li a span { margin-top: 10px; }

.modalpop .popupwrap.icon_alert { text-align: center; }

.modalpop .popupwrap.icon_alert h1 { padding: 45px 16px 0; letter-spacing: -0.4px; }

.modalpop .popupwrap.icon_alert h1:before { content: ''; display: block; width: 70px; height: 70px; margin: 0 auto 10px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_alert.png) no-repeat; background-size: 70px auto; }

.modalpop .popupwrap.icon_alert .popcontents { padding: 5px 10px 25px; color: #09254d; }

.modalpop .popupwrap div.feelist { height: 240px; }

/* 2025-04-28 웹접근성 s */
.modalpop .popupwrap div.feelist .radio_wrap {position: relative;}
.modalpop .popupwrap div.feelist .radio_wrap input {position: absolute; top: 0; left: 0; width: 25px; height: 25px; margin: 0;}
/* // 2025-04-28 웹접근성 e */

.modalpop .popupwrap.homeproduct ul li strong { display: inline-block; padding: 0; background: none; color: #222; font-size: 14px; letter-spacing: -0.35px; vertical-align: middle; }

.modalpop .popupwrap.homeproduct ul li button { width: auto; height: 24px; line-height: 22px; margin: 0 0 0 5px; background: none; border: 1px solid #ccc; color: #444; font-size: 12px; }

.modalpop .tabs_round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; border: solid 1px #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.modalpop .tabs_round.size_h44 > li a { padding: 9px 0; }

.modalpop .tabs_round li { width: 33.3%; text-align: center; }

.modalpop .tabs_round.cell2 li {width: 50%;}/* 2024-04-24 : 요금제 선택 UI 개선 */


.modalpop .tabs_round li button, .modalpop .tabs_round li a { display: block; width: 100%; padding: 6px 0; letter-spacing: -0.35px; color: #6a6a6a; }

.modalpop .tabs_round li.on button, .modalpop .tabs_round li.on a { border: solid 1.5px #357ed7; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #3d79ea; }

.modalpop .tabs_round.item1 { border-color: #fff; }

.modalpop .tabs_round.internet_tabbox { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.modalpop .tabs_round.internet_tabbox li { width: 33.33%; }

.modalpop .tabs_round.internet_tabbox li a { height: 44px; line-height: 42px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.modalpop .tabs_round.internet_tabbox li img { max-width: 90%; vertical-align: middle; }

.modalpop .tabs_round.internet_tabbox li:nth-child(3) img { max-height: 90%; }

.modalpop .tabs_round.internet_tabbox li:nth-child(-n+3) { border-bottom: 1px solid #e5e5e5; }

.round_box_blue { padding: 15px 15px 15px 20px; border-radius: 10px; background-color: #eff5ff; text-align: left; }

.round_box_blue2 { padding: 20px; border-radius: 10px; background-color: #f8fafd; text-align: center; }

.round_box_blue2 .agency_text { margin-bottom: 7px; }

.round_box_blue2 .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-bottom: 4px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.round_box_blue2 .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.round_box_blue2 .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.round_box_blue2 .agency_text span.cheap { color: #444; background-color: #f2f3f6; }

.round_box_blue2 .agency_text span img { width: 100%; height: 100%; }

.round_box_blue2 .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.round_box_blue2 .agency_text.add_line { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; }

.round_box_blue2.thumb_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.round_box_blue2.thumb_layout li { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; color: #09254d; }

.round_box_blue2.thumb_layout li:nth-child(n+3) { margin-top: 20px; }

.round_box_blue2.thumb_layout li:before { content: ''; display: block; width: 70px; height: 70px; margin: 0 auto 10px; background-color: #f5f5f5; background-repeat: no-repeat; border-radius: 50%; background-size: 70px auto; }

.round_box_blue2.thumb_layout li.item1:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_item1.png); }

.round_box_blue2.thumb_layout li.item2:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_item2.png); }

.round_box_blue2.thumb_layout li.item3:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_item3.png); }

.round_box_blue2.thumb_layout li.item4:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_item4.png); }

div[class*="round_box"] .add_thumb1 { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding-left: 80px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

div[class*="round_box"] .add_thumb1:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_phone.png) no-repeat; background-size: 60px auto; }

div[class*="round_box"] .add_thumb2 { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding-left: 80px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

div[class*="round_box"] .add_thumb2:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_plan.png) no-repeat; background-size: 60px auto; }

div[class*="round_box"] .add_thumb3 { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding-left: 80px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

div[class*="round_box"] .add_thumb3:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_multi.png) no-repeat; background-size: 60px auto; }

div[class*="round_box"] .add_thumb4 { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; padding-left: 80px; display: table-cell; vertical-align: middle; }

div[class*="round_box"] .add_thumb4:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_thumb_many.png) no-repeat; background-size: 60px auto; }

.add_thumb_people1 { position: relative; height: 70px; padding-left: 90px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.add_thumb_people1:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/plan/thumb_people1.png) no-repeat; background-size: 70px auto; }

.add_thumb_people2 { position: relative; height: 70px; padding-left: 90px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.add_thumb_people2:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/plan/thumb_people2.png) no-repeat; background-size: 70px auto; }

.round_box_cyan { padding: 20px 20px 0; border-radius: 10px; background-color: #e3f3f8; }

.round_box_cyan.add_bg_sale { position: relative; padding-bottom: 185px; }

.round_box_cyan.add_bg_sale:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 191px; height: 185px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(/smc/resources/imagesNew/mobileImage/service/bg_phone_search.png) no-repeat; background-size: 191px auto; }

.round_box_cyan.add_bg_search { position: relative; padding-bottom: 185px; }

.round_box_cyan.add_bg_search:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 187px; height: 180px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(/smc/resources/imagesNew/mobileImage/service/bg_phone_search2.png) no-repeat; background-size: 187px auto; }

.round_box_cyan.add_bg_push { position: relative; padding-bottom: 185px; }

.round_box_cyan.add_bg_push:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 177px; height: 172px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(/smc/resources/imagesNew/mobileImage/service/bg_phone_search3.png) no-repeat; background-size: 177px auto; }

.round_box_gray { padding: 15px 15px 15px 20px; border-radius: 10px; border: solid 1px #e5e5e5; background-color: #fff; }

.round_box_gray dt { margin-bottom: 10px; font-weight: bold; letter-spacing: -0.35px; color: #222; }

.round_box_gray dd { font-size: 13px; font-weight: normal; letter-spacing: -0.33px; }

.round_box_gray.add_icon { position: relative; }

.round_box_gray.add_icon dt, .round_box_gray.add_icon dd { margin-left: 85px; }

.round_box_gray.add_icon.item1:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/service/icon_thumb_item1.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.round_box_gray.add_icon.item2:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/service/icon_thumb_item2.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.round_box_gray.add_icon.item3:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/service/icon_thumb_item3.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.round_box_gray.bg_add2 { position: relative; }

.round_box_gray.bg_add2 dt, .round_box_gray.bg_add2 dd { width: 70%; }

.round_box_gray.bg_add2:after { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 89px; height: 103px; background: url(/smc/resources/imagesNew/mobileImage/service/bg_character02.png) no-repeat; background-size: 89px auto; }

.tooltip_layer { position: fixed; top: 40%; left: 50%; width: 94%; margin: 0 0 0 -47%; padding: 0; border: solid 1px #222; border-radius: 10px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 101; }

.tooltip_layer h1 { padding: 13px 16px; height: auto; background: none; border: 0; font-size: 16px; font-weight: 500; text-align: left; }

.tooltip_layer h1.bdb_type{ margin: 0 15px; padding-left: 0; border-bottom: 1px solid #222;}/* 2024 개선 s */

.tooltip_layer .btn_modalclose { display: block; overflow: hidden; width: 25px; height: 25px; color: transparent; position: absolute; top: 11px; right: 13px; background: url(/smc/resources/imagesNew/mobileImage/common/btn/btn_layerclose.png) no-repeat center; background-size: 14px auto; }

.tooltip_layer .popcontents { padding: 0; border: 0; background-color: transparent; }

.tooltip_layer .popcontents .resultS { padding: 10px 15px 15px; }

/* 2024 개선 s */
.tooltip_layer.scroll_type { padding-bottom: 30px; transform: translateY(-40%); }
.tooltip_layer.scroll_type .popcontents { overflow-y: auto; max-height: calc(90vh - 150px); }/* 2024-05-02 팝업 크기 조정*/
.tooltip_layer.scroll_type .popcontents.max-80vh {max-height: calc(80vh - 150px);}/* 2024-05-02 팝업 크기 조정*/
.tooltip_layer.scroll_type .popcontents .popcontents_inner{padding: 20px 15px 0;}
.tooltip_layer .popcontents .pop_text{line-height: 1.4;}
.tooltip_layer .popcontents .pop_text + .pop_text{margin-top: 5px;}
/* //2024 개선 e */

.tooltip_layer .popcontents .round_box_blue p + p { margin-top: 10px; }

.tooltip_layer .popcontents .round_box_blue .tit { min-width: 90px; font-size: 14px; font-weight: 500; }

.tooltip_layer .popcontents .round_box_blue .price { width: 40%; font-size: 14px; font-weight: bold; color: #356ae0; text-align: right; }

.tooltip_layer .popcontents .round_box_blue .price em { font-size: 14px; font-weight: bold; vertical-align: bottom; }

.tooltip_layer .popcontents .txt_wrap { margin-top: 15px; text-align: left; }

.tooltip_layer .popcontents .txt_wrap li { font-size: 12px; color: #09254d; }

.tooltip_layer .popcontents .txt_wrap li .stxt { display: inline-block; margin-left: 7px; color: #6a6a6a; }/* 2024 접근성 */

.tooltip_layer .popcontents .txt_wrap li + li { margin-top: 10px; }

.tooltip_layer .popcontents .txt_wrap li.discount .tit { min-width: 90px; font-size: 14px; font-weight: 500; }

.tooltip_layer .popcontents .txt_wrap li.discount .price { width: 40%; font-size: 14px; font-weight: bold; color: #356ae0; text-align: right; }

.tooltip_layer .popcontents .txt_wrap li.discount .price em { font-size: 14px; font-weight: bold; vertical-align: bottom; }

.tooltip_layer .popcontents .txt_wrap .price_info li + li{margin-top: 5px;}/* 2024-04-22 result table info */

.scrollDisable { height: 100%; min-height: 100%; overflow: hidden !important; -ms-touch-action: none; touch-action: none; }

/* 헤더, 푸터 공통영역 */
#wrap.renew { height: auto; }

#wrap.renew .toparea { position: -webkit-sticky; position: sticky; top: 0; height: auto !important; }

#wrap.renew .toparea h1 { padding: 15px 0 0 0; background-color: #fff; height: 63px; padding-left: 20px; margin-bottom: 0; -webkit-box-sizing: initial; box-sizing: initial; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.renew .toparea .btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 15px; top: 12px; z-index: 11; }
/* 2023-04-10 수정 s */
#wrap.renew .toparea .btn_wrap.right { left: auto; right: 15px; }

#wrap.renew .toparea .btn_wrap .btn_search { position: static; }

/* #wrap.renew .toparea .btn_wrap .btn_search .bklink { background: transparent; } */

/* #wrap.renew .toparea .btn_wrap .btn_search .bklink span { display: block; width: 40px; height: 40px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_gnb_search.png) no-repeat center; background-size: 21px auto; } */

#wrap.renew .toparea .btn_wrap .btn_category { position: static; margin-left: 10px; }

/* #wrap.renew .toparea .btn_wrap .btn_category .bklink { background: transparent; } */

/* #wrap.renew .toparea .btn_wrap .btn_category .bklink span { display: block; width: 40px; height: 40px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_gnb_menu.png) no-repeat center; background-size: 24px auto; } */

#wrap.renew .toparea .btn_wrap a:focus-visible {border: 1px solid #111;}

#wrap.renew .toparea .btn_wrap .btn_search a {display: block; width: 40px; height: 40px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_gnb_search.png) no-repeat center; background-size: 21px auto;}

#wrap.renew .toparea .btn_wrap .btn_category a {display: block; width: 40px; height: 40px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_gnb_menu.png) no-repeat center; background-size: 24px auto;}
/* // 2023-04-10 수정 e  */
#wrap.renew .lnbwrap .all-menu { padding-top: 0; }

#wrap.renew .lnbwrap .all-menu > h1 { height: 48px; padding: 15px 0 0 20px; background-color: #fff; text-align: left; }

#wrap.renew .lnbwrap .all-menu > h1 img { width: 135px; }

#wrap.renew .lnbwrap .all-menu .login-area { padding: 0 18px 0 35px; margin-top: 20px; }

#wrap.renew .lnbwrap .all-menu .login-area p { font-size: 16px; color: #1078ce; line-height: 1.6; }

#wrap.renew .lnbwrap .all-menu .login-area .name { font-size: 21px; }

#wrap.renew .lnbwrap .all-menu .menu-wrap { margin: 20px 18px 0; padding-bottom: 70px; }

#wrap.renew .lnbwrap .all-menu .menu-wrap h2 { position: relative; height: 42px; line-height: 42px; margin: 0 0 15px; padding: 0 20px; border-radius: 8px; border: solid 1px #e4edf7; background-color: #f2f6fa; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; font-weight: bold; letter-spacing: -0.5px; color: #222; }

#wrap.renew .lnbwrap .all-menu .menu-wrap h2:after { content: ''; display: none; position: absolute; top: 15px; right: 20px; width: 8px; height: 8px; border: 2px solid #707070; border-top: 0; border-left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu li { width: 25%; margin: 10px 0 0; border: 0; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu li a { display: block; padding-top: 55px; min-height: 33px; font-size: 12px; text-align: center; color: #10254a; letter-spacing: -0.5px; line-height: 1.2; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu1 li:nth-child(1) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav1_1.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu1 li:nth-child(2) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav1_2.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu1 li:nth-child(3) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav1_3.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu1 li:nth-child(4) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav1_4.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu1 li:nth-child(5) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav1_5.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu1 li:nth-child(6) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav1_6.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu2 li:nth-child(1) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav2_1.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu2 li:nth-child(2) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav2_2.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu2 li:nth-child(3) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav2_3.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu2 li:nth-child(4) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav2_4.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu2 li:nth-child(5) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav2_5.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu2 li:nth-child(6) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav2_6.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu2 li:nth-child(7) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav2_7.png) no-repeat center top; background-size: 50px auto; }/*  2024-04-29 ott메뉴추가 */

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu3 li:nth-child(1) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav3_1.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu3 li:nth-child(2) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav3_2.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu3 li:nth-child(3) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav3_3.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu3 li:nth-child(4) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav3_4.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu3 li:nth-child(5) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav3_5.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu3 li:nth-child(6) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav3_6.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu4 li:nth-child(1) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav4_1.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu4 li:nth-child(2) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav4_2.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu4 li:nth-child(3) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav4_3.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu4 li:nth-child(4) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav4_4.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu4 li:nth-child(5) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav4_5.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu4 li:nth-child(6) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav4_6.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu5 li:nth-child(1) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav5_1.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu5 li:nth-child(2) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav5_2.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu5 li:nth-child(3) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav5_3.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu5 li:nth-child(4) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav5_4.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu5 li:nth-child(5) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav5_5.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu5 li:nth-child(6) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav5_6.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu6 li:nth-child(1) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav6_1.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu6 li:nth-child(2) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav6_2.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu6 li:nth-child(3) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav6_3.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu6 li:nth-child(4) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav6_6.png) no-repeat center top; background-size: 50px auto; } /* 2022-09-01 ?�정 */

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu6 li:nth-child(5) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav6_5.png) no-repeat center top; background-size: 50px auto; }

#wrap.renew .lnbwrap .all-menu .menu-wrap .submenu.menu6 li:nth-child(6) a { background: url(/smc/resources/imagesNew/mobileImage/common/icon/nav6_4.png) no-repeat center top; background-size: 50px auto; } /* 2022-09-01 ?�정 */

#wrap.renew .lnbwrap .all-menu .push_wrap { margin: 10px 18px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.renew .lnbwrap .all-menu .push_wrap .txt_wrap p { font-size: 12px; color: #10254a; }

#wrap.renew .lnbwrap .all-menu .push_wrap .txt_wrap p.tit { margin-bottom: 5px; font-size: 15px; font-weight: bold; color: #222; }

#wrap.renew .lnbwrap .btn_lnbclose { width: 50px; left: auto; right: 5px; top: 7px; background: transparent; }

#wrap.renew .lnbwrap .btn_lnbclose button { background: url(/smc/resources/imagesNew/mobileImage/common/btn/btn_lnbclose.png) no-repeat 50% 50%; }

#wrap.renew .bottomarea { height: 230px; padding: 20px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; border-top: 1px solid #e5e5e5; background-color: #f2f3f6; }

#wrap.renew .bottomarea .list_utill { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.renew .bottomarea .list_utill li a { padding: 0 10px; font-size: 13px; font-weight: 500; letter-spacing: normal; color: #222; }

#wrap.renew .bottomarea .list_utill li:nth-child(3) a { font-weight: bold; }

#wrap.renew .bottomarea .contact { margin: 20px 18px 0; font-size: 11px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #707070; }

#wrap.renew .bottomarea .contact span { font-weight: 500; }

#wrap.renew .bottomarea .contact a { font-size: 11px; color: #707070; }

#wrap.renew .bottomarea .copyright { margin: 36px 18px 0; font-size: 10px; font-weight: normal; letter-spacing: normal; color: #a7a7a7; text-align: left; }

#wrap.renew .bottomarea ul.new_btnmenu { width: auto; margin: 0 18px 20px; background-color: transparent; text-align: center; }

#wrap.renew .bottomarea ul.new_btnmenu li { display: inline-block; width: auto; padding: 0 10px; margin: 0; height: auto; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.renew .bottomarea ul.new_btnmenu li a { display: block; font-size: 14px; font-weight: 500; letter-spacing: normal; text-align: center; color: #707070; }

#wrap.renew .bottomarea ul.new_btnmenu li.join_go { position: relative; }

#wrap.renew .bottomarea ul.new_btnmenu li.join_go:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; background: #DFDFDF; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#wrap.renew .bottomarea .mark { position: absolute; bottom: 30px; right: 18px; overflow: hidden; width: 52px; height: auto; background: transparent; }

#wrap.renew .bottomarea .mark a { display: block; margin: 0 auto; }

#wrap.renew .bottomarea .mark a img { width: 100%; }

#wrap.renew .bottomarea .mark a.mark_1 { width: 52px; }

#wrap.renew .bottomarea .mark a.mark_2 { width: 52px; margin-top: 10px; }

/* 본문영역 */
.container.renew { margin: -63px auto -230px; }

.container.renew .midarea { padding: 123px 0 230px 0; background-color: #f2f3f6; }

.container.renew .midarea .contentsarea .contentsbox { position: relative; width: 100%; margin: 0 !important; padding: 0 !important; }

.container.renew .midarea .contentsarea .contentsbox .list_bullet_decimal { padding: 0; padding-left: 16px; margin: 0; border: 0; }

.container.renew .midarea .contentsarea .contentsbox .list_bullet_decimal > li { float: none; padding-left: 0; background: none; letter-spacing: -0.35px; color: #434a5f; list-style-type: decimal; text-align: left; line-height: 1.57; }

.container.renew .midarea .contentsarea .contentsbox ol.list_bullet_num { counter-reset: num; padding: 0; margin: 0; border: 0; }

.container.renew .midarea .contentsarea .contentsbox ol.list_bullet_num li { float: none; position: relative; margin-bottom: 10px; padding-left: 30px; font-size: 13px; line-height: 1.5; color: #434a5f; text-align: left; word-wrap: break-word; word-break: keep-all; }

.container.renew .midarea .contentsarea .contentsbox ol.list_bullet_num li:before { counter-increment: num; content: counter(num); display: block; position: absolute; top: 0; left: 0; margin: 0 0 0 0; width: 20px; height: 20px; line-height: 22px; background-color: #f2f3f6; border-radius: 50%; text-align: center; font-size: 12px; font-weight: bold; letter-spacing: -0.3px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox.detail_view .serchResult { padding: 0; }

.container.renew .midarea .contentsarea .contentsbox.detail_view .termsBox { padding: 20px 0; }

.container.renew .midarea .contentsarea .contentsbox.detail_view .link_back { display: block; position: absolute; left: 20px; top: 16px; width: 25px; height: 25px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/link_back.png) no-repeat center; background-size: 15px auto; }

.container.renew .midarea .contentsarea .contentsbox h3 { height: 55px; line-height: 55px; margin: 0; padding: 0 !important; border: 0; background-color: #f2f3f6; font-size: 17px; font-weight: bold; letter-spacing: -1px; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .btn_share { display: block; position: absolute; top: 13px; right: 18px; width: 30px; height: 30px; border: solid 1px #e1e1e1; border-radius: 50%; background: #fff url(/smc/resources/imagesNew/mobileImage/common/icon/icon_share.png) no-repeat center; background-size: 20px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 10px; background-color: #f2f3f6; }
/* 2024 접근성 s */
.container.renew .midarea .contentsarea .contentsbox .tabs li { width: 49.5%; background-color: #fff;}

.container.renew .midarea .contentsarea .contentsbox .tabs li a { display: block; height: 40px; line-height: 40px; padding-left: 20px; font-size: 12px; color: #6a6a6a; }
/* //2024 접근성 e */
.container.renew .midarea .contentsarea .contentsbox .tabs li.on a { background-color: #3d79ea; font-weight: bold; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .tabs li:nth-child(n+3) { margin-top: 4px; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; border: solid 1px #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round li { width: 33.3%; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round li button, .container.renew .midarea .contentsarea .contentsbox .tabs_round li a { display: block; width: 100%; padding: 6px 0; letter-spacing: -0.35px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round li.on button, .container.renew .midarea .contentsarea .contentsbox .tabs_round li.on a { border: solid 1.5px #357ed7; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round.item1 { border-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round.item2 li { width: 50%; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round.size_h44 > li a { padding: 9px 0; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round.size_h44 > li a img { vertical-align: middle; }

.container.renew .midarea .contentsarea .contentsbox .tabs_round.two_line li a span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 37px; }

.container.renew .midarea .contentsarea .contentsbox .contentsinfo { margin: 0; padding: 15px 18px 15px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .contentsinfo .tit { margin-bottom: 10px; font-size: 15px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .contentsinfo .txt { font-size: 12px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .contentsinfo .agency_box { margin-top: 15px; padding: 15px 10px; border-radius: 10px; border: solid 1px #e5e5e5; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .contentsinfo .agency_box .tit { font-size: 13px; font-weight: normal; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom.item_bg_white > li a { background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li { width: 32%; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li a { width: 100%; height: 46px; background-color: #f8fafd; background-repeat: no-repeat; background-position: center; border-radius: 10px; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li a:after { content: ''; display: block; position: absolute; top: 24px; right: 0; width: 22px; height: 22px; border-radius: 5px; background: #fff url(/smc/resources/imagesNew/mobileImage/common/icon/icon_go.png) no-repeat center; background-size: 12px auto; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li a.telecom_skt { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/telecom_skt.png); background-size: auto 50%; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li a.telecom_kt { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/telecom_kt.png); background-size: auto 50%; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li a.telecom_lg { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/telecom_lg.png); background-size: auto 50%; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li .date { margin-top: 5px; font-size: 12px; font-weight: 500; text-align: center; color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .list_telecom li .p_number1, .container.renew .midarea .contentsarea .contentsbox .list_telecom li .p_number2 { margin-top: 5px; font-size: 12px; font-weight: 500; letter-spacing: -0.3px; color: #707070; }

.container.renew .midarea .contentsarea .contentsbox .list_telecom li .p_number1 { margin-top: 10px; }

.container.renew .midarea .contentsarea .contentsbox .recent_Mobile_wrap { padding: 0 18px 15px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .recent_Mobile_wrap .recent_Mobile { padding: 15px; border-radius: 10px; background-color: #eff5ff; }

.container.renew .midarea .contentsarea .contentsbox .recent_Mobile_wrap .recent_Mobile .tit { margin-right: 10px; font-size: 13px; font-weight: normal; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .recent_Mobile_wrap .recent_Mobile .thumb_layout { margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .recent_Mobile_wrap .recent_Mobile .thumb_layout dt { margin-right: 15px; }

.container.renew .midarea .contentsarea .contentsbox .recent_Mobile_wrap .recent_Mobile .thumb_layout .make { font-size: 13px; color: #757575; }

.container.renew .midarea .contentsarea .contentsbox .recent_Mobile_wrap .recent_Mobile .phone_name a { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: bold; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap { background-color: #fff; padding: 0 18px; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .tit a { cursor: default; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.top_line { border-top: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit { position: relative; margin: 0 -18px; padding: 16px 18px; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit .btn_arrow { display: none; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a { display: block; line-height: 1.5; font-size: 13px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a.add_icon { padding-left: 30px; width: 80%; letter-spacing: -0.33px; word-wrap: break-word; word-break: keep-all; } /* 2022-09-01 ?�정 */
/* 2023-04-13 수정 s */
.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a.add_icon:before { content: ''; display: block; position: absolute; top: 50%; left: 18px; width: 21px; height: 21px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_notice.png) no-repeat center; background-size: 21px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a.add_icon.icon_que { width: calc(100% - 60px); display: flex; align-items: center;}
/* // 2023-04-13 수정 e */
.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a.add_icon.icon_que:before { top: 15px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_que.png) no-repeat center; background-size: 18px auto; -webkit-transform: initial; transform: initial; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a.add_icon.line_one { font-size: 13px; width: calc(100% - 60px); }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a.line_one { font-size: 16px; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap > li .tit a.txt_sale { font-weight: bold; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view { padding-bottom: 15px; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .stit { font-weight: 400; word-wrap: break-word; word-break: keep-all; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .txt { font-size: 13px; line-height: 1.54; letter-spacing: -0.3px; color: #434a5f; word-break: break-all; word-wrap: break-word; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .txt span { font-weight: 500; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save { margin-top: 0; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone { padding: 20px 18px; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone + .savephone { border-top: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .tit { margin: 0; padding: 0; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .tit > a { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .price { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .opt01 { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .opt01 > p { margin-bottom: 3px; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .opt01 > p .tit { display: inline-block; min-width: 20%; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .opt01 > p > em { font-size: 13px; font-weight: normal; letter-spacing: -0.13px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .view .feeresultlist_save .savephone .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion .tit a, .container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion2 .tit a { cursor: pointer; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion .view, .container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion2 .view { display: none; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion .btn_arrow, .container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion2 .btn_arrow { display: block !important; position: absolute; top: 50%; right: 18px; width: 25px; height: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion a.add_icon, .container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion2 a.add_icon { width: calc(100% - 60px); }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap .list_telecom { -ms-flex-pack: distribute; justify-content: space-around; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion2 .view { display: block; max-height: 0; padding: 0; overflow: hidden; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.accordion2 .view.on { max-height: auto; padding-bottom: 15px; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }
/* 2022-10-27 2차 추가 s */
.container.renew .midarea .contentsarea .contentsbox .top_txt {padding: 20px 18px; background: #fff;}

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.border_box {padding: 0;}

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.border_box .view {overflow-y: auto; height: 110px; padding: 10px; border: 1px solid #10254A; border-radius: 8px 12px;}

.container.renew .midarea .contentsarea .contentsbox .noti_wrap.border_box .view ul li {margin-bottom: 3px; font-size: 13px; line-height: 1.5;}
/* 2022-10-27 2차 추가 e */
.container.renew .midarea .contentsarea .contentsbox .phone_search { margin: 0; padding: 20px 18px 25px; background-color: #4a7ae2; }

.container.renew .midarea .contentsarea .contentsbox .phone_search fieldset { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .phone_search fieldset select { float: none; margin: 0 0 15px; height: 40px; border: 0; border-bottom: 1.5px solid #fff; background: transparent; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .phone_search fieldset select option { background-color: #10254a; }

.container.renew .midarea .contentsarea .contentsbox .phone_search label { width: 100%; margin-bottom: 10px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .phone_search .add_slt_width { width: calc(100% - 80px); }

.container.renew .midarea .contentsarea .contentsbox .phone_search .btn_wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.container.renew .midarea .contentsarea .contentsbox .serchResult .box_round .tit_wrap .tit, .container.renew .midarea .contentsarea .contentsbox .serchResult .box_round .tit_wrap .stxt { display: inline-block; }

.container.renew .midarea .contentsarea .contentsbox .serchResult .box_round .tit_wrap .stxt { margin-left: 10px; }

.container.renew .midarea .contentsarea .contentsbox .serchResult .resultBox { padding: 20px 0 30px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .noSearch { padding: 70px 0; margin-bottom: 20px; font-size: 12px; text-align: center;color: #6a6a6a; background-color: #fff; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .noSearch:before { content: ''; display: block; width: 29px; height: 34px; margin: 0 auto 6px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_nosearch.png) no-repeat center; background-size: 29px auto; }

.container.renew .midarea .contentsarea .contentsbox .noChoice { padding: 40px 0; margin-bottom: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; text-align: center; color: #6a6a6a; background-color: #fff; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .noChoice:before { content: ''; display: block; width: 30px; height: 50px; margin: 0 auto 6px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_pinger.png) no-repeat center; background-size: 30px auto; }

.container.renew .midarea .contentsarea .contentsbox input.line_type_w { margin: 0 0 15px; padding: 0 4px; height: 40px; border: 0; border-bottom: 1.5px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox input.line_type_w::-webkit-input-placeholder { color: #fff; }

.container.renew .midarea .contentsarea .contentsbox input.line_type_w:-ms-input-placeholder { color: #fff; }

.container.renew .midarea .contentsarea .contentsbox input.line_type_w::-ms-input-placeholder { color: #fff; }

.container.renew .midarea .contentsarea .contentsbox input.line_type_w::placeholder { color: #fff; }

.container.renew .midarea .contentsarea .contentsbox input.add_btn_width { width: calc(100% - 120px); }

.container.renew .midarea .contentsarea .contentsbox input.add_btn_width90 { width: calc(100% - 103px); }

.container.renew .midarea .contentsarea .contentsbox .chain_select { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .chain_select dt { display: block; padding-left: 4px; margin-right: 10px; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .chain_select dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .chain_select dd .input_part { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.container.renew .midarea .contentsarea .contentsbox .chain_select dd .input_part select { margin: 0; }

.container.renew .midarea .contentsarea .contentsbox .chain_select dd .input_part .select_money_input { width: 100%; height: 40px; line-height: 40px; border: 0; border-bottom: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .chain_select dd .gap_text { margin: 0 5px; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .deviceinfobox_gray { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 18px 15px; }

.container.renew .midarea .contentsarea .contentsbox .deviceinfobox_gray > li { min-width: 90px; height: auto; min-height: 35px; line-height: 33px; margin: 0 10px 15px 0; padding: 0 20px; border-radius: 60px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #707070; } /* 2022-09-01 ?�정 */

.container.renew .midarea .contentsarea .contentsbox .deviceinfobox_gray > li.long { font-weight: 500; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .deviceinfobox_gray > li.long span { font-weight: 700; color: #356ae0; }

.container.renew .midarea .contentsarea .contentsbox .box_round { padding: 15px; margin: 0 18px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #ededed; border-radius: 10px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .box_round.blue_line { border: solid 1px #406cd8; }

.container.renew .midarea .contentsarea .contentsbox .box_round.index_bg .tit_wrap { margin: -15px -15px 0; padding: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .box_round.index_bg .tit_wrap .rate_plan { bottom: 20px; right: 15px; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .tit { margin-bottom: 5px; font-size: 14px; font-weight: bold; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .stxt { font-size: 12px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .rate_plan { position: absolute; bottom: 0; right: 0; font-size: 13px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; vertical-align: middle; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .contentsbox .box_round .tit_wrap .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .contentsbox .box_round .top_line { padding-top: 15px; border-top: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .box_round .cont_wrap:after { content: ""; display: block; clear: both; }

.container.renew .midarea .contentsarea .contentsbox .box_round .cont_wrap .img { float: left; }

.container.renew .midarea .contentsarea .contentsbox .box_round .cont_wrap .txt_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; min-height: 70px; }

.container.renew .midarea .contentsarea .contentsbox .box_round .cont_wrap .txt_wrap span { margin-right: 7px; font-size: 12px; font-weight: 500; color: #222; letter-spacing: -0.5px; }

.container.renew .midarea .contentsarea .contentsbox .box_round .cont_wrap .txt_wrap span.tit { font-family: 'Noto Sans KR'; font-size: 12px; font-weight: normal; color: #7e7e7e; letter-spacing: -0.3px; }

.container.renew .midarea .contentsarea .contentsbox .box_round .cont_wrap .txt_wrap > p { width: 100%; }

.container.renew .midarea .contentsarea .contentsbox .box_round.rate_choice .cont_wrap li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.container.renew .midarea .contentsarea .contentsbox .box_round.rate_choice .cont_wrap li span[class*="icon_"]:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 3px 0 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; }

.container.renew .midarea .contentsarea .contentsbox .box_round.rate_choice .cont_wrap li .icon_voice:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_voice.png); background-size: 10px auto; }

.container.renew .midarea .contentsarea .contentsbox .box_round.rate_choice .cont_wrap li .icon_message:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_message.png); background-size: 15px auto; }

.container.renew .midarea .contentsarea .contentsbox .box_round.rate_choice .cont_wrap li .icon_data:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_data.png); background-size: 17px auto; }

.container.renew .midarea .contentsarea .contentsbox .resultBox .cont_wrap { position: relative; margin-top: 20px; padding-top: 50px; }

.container.renew .midarea .contentsarea .contentsbox .balloon_box { display: none; position: absolute; top: 12px; left: 0; height: 30px; line-height: 30px; padding: 0 15px; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-image: -webkit-gradient(linear, left top, right top, from(#619ced), to(#4e99a1)); background-image: linear-gradient(to right, #619ced 0%, #4e99a1 100%); border-radius: 15px; font-size: 13px; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .balloon_box:after { content: ''; display: block; position: absolute; left: 16px; bottom: -8px; border-top: 8px solid #5f9ce7; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0px solid transparent; }

.container.renew .midarea .contentsarea .contentsbox .result_container { padding: 20px 18px 30px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .result_container .round_box_blue { font-size: 14px; font-weight: 500; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .step_wrap { margin-top: 15px; padding: 20px 0; border-radius: 10px; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .faqlist { padding-top: 20px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .faqlist > .tit { margin: 0 18px; font-size: 15px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap { padding: 0; }

.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap li { border-top: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap li .tit { margin: 0; }
/* 2023-04-13 수정 s */
.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap li .tit a { padding-left: 0; font-weight: 500; letter-spacing: -0.33px; }

.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap li .tit a:before {display: none;} 

.container.renew .midarea .contentsarea .contentsbox .noti_wrap li .tit a .icon_q {display: inline-block; width: 18px; height: 15px; margin-right: 8px; vertical-align: middle;}

.container.renew .midarea .contentsarea .contentsbox .noti_wrap li .tit a .icon_q img {width: 100%;}
/* // 2023-04-13 수정 e */
.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap li .view { padding: 15px 18px; border-top: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap li:last-child { border-bottom: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap.accordion a, .container.renew .midarea .contentsarea .contentsbox .faqlist .noti_wrap.accordion2 a { width: calc(100% - 30px); }

.container.renew .midarea .contentsarea .contentsbox .img_list_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .img_list_wrap li { width: 25%; height: 60px; line-height: 60px; }

.container.renew .midarea .contentsarea .contentsbox .img_list_wrap li img { width: 100%; height: auto; }

.container.renew .midarea .contentsarea .contentsbox .usedphone_resultbox .r_week { min-width: 90px; height: 35px; line-height: 33px; margin: 0 10px 24px 0; padding: 0 20px; border-radius: 60px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #707070; letter-spacing: -0.35px; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li .icon_sort { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #222; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li > a { display: block; height: 40px; line-height: 38px; margin: 0 5px; padding: 0 15px; border-radius: 6px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.on .icon_sort { vertical-align: 8px; border: 6px solid transparent; border-bottom-color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.on > a { color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.desc .icon_sort { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #3d79ea;  }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.desc > a { color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.asc .icon_sort { vertical-align: 8px; border: 6px solid transparent; border-bottom-color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.asc > a { color: #3d79ea; }
/* 2024-04-22 pop_select_phone s */
/* 2024-04-24 : 요금제 선택 UI 개선 - popup에 들어가는 UI랑 스타일 분리 */
/* //2024-04-22 pop_select_phone e */

/* 모바일 중고폰 정렬 */
.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.on .icon_sort_asc { display: inline-block; vertical-align: 8px; margin-left: 10px; border: 6px solid transparent; border-bottom-color: #3d79ea; }
.container.renew .midarea .contentsarea .contentsbox .sort_tab > li.on .icon_sort_desc { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #3d79ea; }
.container.renew .midarea .contentsarea .contentsbox .sort_tab > li .icon_sort_asc { display: inline-block; vertical-align: 8px; margin-left: 10px; border: 6px solid transparent; border-bottom-color: #222; }
.container.renew .midarea .contentsarea .contentsbox .sort_tab > li .icon_sort_desc { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #222; }


.container.renew .midarea .contentsarea .contentsbox .product_list { padding: 20px 18px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .product_list li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 15px; border-radius: 10px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e5e5e5; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .product_list li .img_wrap { width: 25%; }

.container.renew .midarea .contentsarea .contentsbox .product_list li .img_wrap > img { width: 100%; height: auto; }

.container.renew .midarea .contentsarea .contentsbox .product_list li .txt_wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; min-height: 70px; }

.container.renew .midarea .contentsarea .contentsbox .product_list li .txt_wrap p.tit { width: 100%; margin-bottom: 10px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .product_list li .txt_wrap span { margin-right: 7px; font-size: 13px; font-weight: 500; color: #222; letter-spacing: -0.5px; }

.container.renew .midarea .contentsarea .contentsbox .product_list li .txt_wrap span.tit { font-family: 'Noto Sans KR'; font-size: 13px; font-weight: normal; color: #7e7e7e; letter-spacing: -0.3px; }

.container.renew .midarea .contentsarea .contentsbox .product_list li + li { margin-top: 20px; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top { padding-bottom: 25px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .big_img { padding: 30px 0; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .inner { padding: 0 18px; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .tit { padding-bottom: 15px; font-size: 16px; font-weight: bold; letter-spacing: -0.64px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap { padding: 15px 10px; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap:after { content: ""; display: block; clear: both; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap dt, .container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap dd { float: left; line-height: 30px; vertical-align: top; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap dt { width: 80px; letter-spacing: -0.35px; color: #7e7e7e; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap dd { width: calc(100% - 80px); padding-top: 3px; font-size: 13px; font-weight: 500; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap dd.group { padding-top: 0; line-height: 40px; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .txt_wrap dd > a { float: right; display: block; height: 35px; line-height: 35px; padding: 0 13px; border-radius: 6px; border: solid 1px #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-weight: 500; letter-spacing: -0.33px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin-top: 25px; border-radius: 10px; background-color: #f8fafd; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p { width: 33.33%; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p > span { display: block; padding: 7px 0; margin-bottom: 0; font-size: 14px; letter-spacing: -0.3px; background-color: #09254d; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p > em { display: block; padding: 9px 0; font-size: 13px; font-weight: 500; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p.best span { border-top-left-radius: 10px; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p.best em { color: #e30000; } /* 2023 상반기 접근성 수정 */

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p.middle em { color: #157d03; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p.lowest span { border-top-right-radius: 10px; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_top .usedphone_price > p.lowest em { color: #5f85c1; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_btm { padding: 25px 18px 40px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_btm .graph { padding: 0; border: 0; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_btm .used_price_select fieldset { clear: both; overflow: hidden; position: relative; padding-right: 0; margin: 25px 0 15px 0; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_btm .used_price_select select { float: right; width: auto; margin: 0; }

.container.renew .midarea .contentsarea .contentsbox .used_detail_btm .table_layout_row table tbody td { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; }

.container.renew .midarea .contentsarea .contentsbox .default_slt { height: 40px; line-height: 40px; padding: 0 20px 0 15px; border-radius: 6px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

.container.renew .midarea .contentsarea .contentsbox .used_notice { padding: 20px 18px 40px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .used_notice dt { margin-bottom: 10px; font-size: 15px; font-weight: bold; letter-spacing: -0.38px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .used_notice dt:nth-child(n+2) { margin-top: 35px; }

.container.renew .midarea .contentsarea .contentsbox .used_notice dd { letter-spacing: -0.35px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .link_outer.item2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .link_outer a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.container.renew .midarea .contentsarea .contentsbox .link_outer a img { width: 100%; height: auto; }

.container.renew .midarea .contentsarea .contentsbox .link_outer a:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 30px; height: 30px; border: 1px solid #e1e1e1; border-radius: 50%; background: #fff url(/smc/resources/imagesNew/mobileImage/common/icon/icon_go.png) no-repeat center; background-size: 14px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .imei_wrap { padding: 15px 18px 30px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .imei_wrap > .tit { margin-bottom: 15px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .imei_wrap .terms_round_box { padding: 15px; border-radius: 10px; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .imei_wrap .terms_round_box p { letter-spacing: -0.35px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .imei_wrap .terms_round_box .tit { font-weight: bold; }

.container.renew .midarea .contentsarea .contentsbox .imei_search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 15px 25px; border-radius: 10px; border: solid 1px #406cd8; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .imei_search .tit { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .link_group { margin: 30px 18px 0; border: solid 1px #10254a; border-radius: 10px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .link_group > li { position: relative; padding: 15px 20px; border-bottom: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .link_group > li.noBorb {border-bottom: 0;} /* 2022-10-27 2차 추가 */

.container.renew .midarea .contentsarea .contentsbox .link_group > li > a { display: block; width: calc(100% - 30px); font-size: 15px; font-weight: bold; letter-spacing: -0.38px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .link_group > li > a:after { content: ''; display: block; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/link_arrow.png) no-repeat center; background-size: 25px auto; }

.container.renew .midarea .contentsarea .contentsbox .link_group .add_chk_link:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; width: 20px; height: 20px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/terms_chk_off.png) no-repeat center; background-size: 14px auto; }

.container.renew .midarea .contentsarea .contentsbox .link_group .add_chk_link.on::before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/terms_chk_on.png); }

.container.renew .midarea .contentsarea .contentsbox .inner { padding: 25px 18px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .inner15 { padding: 15px 18px 40px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .inner20 { padding: 20px 18px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .tit { padding-bottom: 15px; font-weight: bold; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .tit .stit { font-size: 14px; font-weight: normal; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; text-align: center; border-radius: 6px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice > li a { display: block; height: 60px; line-height: 58px; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice > li a img { vertical-align: middle; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice > li.on { border: solid 2px #10254a; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice > li:last-child { margin-right: 0; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice .product_btn { padding-top: 30px; height: 47px; background-repeat: no-repeat; background-position: center 10px; background-size: 30px auto; font-size: 13px; letter-spacing: -0.33px; color: #3b4153; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice .product_1 .product_btn { background-image: url(/smc/resources/imagesNew/mobileImage/plan/icon_product01.png); }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice .product_2 .product_btn { background-image: url(/smc/resources/imagesNew/mobileImage/plan/icon_product02.png); background-size: 30.5px auto; }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice .product_3 .product_btn { background-image: url(/smc/resources/imagesNew/mobileImage/plan/icon_product03.png); }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .round_box_choice .product_4 .product_btn { background-image: url(/smc/resources/imagesNew/mobileImage/plan/icon_product04.png); }

.container.renew .midarea .contentsarea .contentsbox .choice_wrap .choice_wrap_gray { margin: -25px -18px 0; padding: 25px 18px 25px; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .list_round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .list_round > li { min-width: 90px; height: 35px; line-height: 33px; margin: 0 10px 10px 0; border-radius: 60px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .list_round > li a { display: block; padding: 0 15px; }

.container.renew .midarea .contentsarea .contentsbox .feeresult { padding: 0; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .tit, .container.renew .midarea .contentsarea .contentsbox .feeresult .tit > a { margin-bottom: 15px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .tabs_round li button { padding: 11px 0; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .combi_resultbox { border-top: solid 1px #e5e5e5; margin: 0 -18px; padding: 15px 18px 0; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); }

.container.renew .midarea .contentsarea .contentsbox .feeresult .combi_resultbox .icon_go2:after { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: -3px 0 0 5px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_go_big.png) no-repeat; background-size: 20px auto; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .btn_productDetail { border-top: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .btn_productDetail button { display: inline-block; height: 45px; line-height: 45px; text-align: center; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .btn_productDetail button:after { content: ''; display: inline-block; vertical-align: middle; margin: -7px 0 0 10px; width: 8px; height: 8px; border: 2px solid #979797; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .btn_productDetail button.on:after { margin-top: 3px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox { padding: 20px 15px 0; border: 0; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl dd { padding: 0 0 10px 0; border: 0; border-bottom: 1px solid #e5e5e5; background-color: transparent; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl dd p { padding-left: 0; margin: 0 0 10px 0; background: none; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl dd p strong { display: inline-block; margin: 0; padding: 0; border: 0; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl dd p strong em { color: #356ae0; font-size: 16px; line-height: 1.6; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl dd p span { font-size: 12px; letter-spacing: -0.3px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl dd p .stit { display: inline-block; min-width: 28%; font-size: 14px; color: #7e7e7e; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox dl dd p .price { font-size: 13px; font-weight: 500; letter-spacing: -0.13px; color: #222; vertical-align: middle; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox .noti_wrap { padding: 0; background-color: transparent; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox .noti_wrap .tit { padding: 0 18px; font-size: 13px; font-weight: normal; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .feeresult .result_detailbox .noti_wrap .tit > a { font-size: 13px; font-weight: normal; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .inner { padding: 20px 18px 1px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap #banner01, .container.renew .midarea .contentsarea .contentsbox .bn_wrap #banner02 { position: relative; width: auto; height: auto; z-index: 9; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner { margin-bottom: 15px; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner ul .slick-list { border: 0; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner ul .slick-list .slick-slide { min-width: 314px; margin: 0 5px; border-radius: 10px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #ededed; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner ul.slick-dots li { width: 6px; height: 6px; background: #bababa; border-radius: 3px; -webkit-transition: width ease 0.4s; transition: width ease 0.4s; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner ul.slick-dots li.slick-active { width: 18px; height: 6px; background: #0e68b3; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .tit { margin-bottom: 5px; font-size: 14px; font-weight: bold; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .stxt { font-size: 12px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .rate_plan { position: absolute; bottom: 0; right: 0; font-size: 13px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; vertical-align: middle; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .tit_wrap .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .top_line { padding-top: 15px; border-top: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .cont_wrap:after { content: ""; display: block; clear: both; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .cont_wrap .img { float: left; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .cont_wrap .txt_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; min-height: 70px; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .cont_wrap .txt_wrap span { margin-right: 7px; font-size: 12px; font-weight: 500; color: #222; letter-spacing: -0.5px; }

.container.renew .midarea .contentsarea .contentsbox .bn_wrap .banner .cont_wrap .txt_wrap span.tit { font-family: 'Noto Sans KR'; font-size: 12px; font-weight: normal; color: #7e7e7e; letter-spacing: -0.3px; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tit { margin-bottom: 15px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tabs_round > li a { padding: 10px 0; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap { padding: 20px; margin-bottom: 20px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #ededed; border-radius: 10px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox dt { width: calc(100% - 90px); }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox dt > span { font-size: 15px; letter-spacing: -0.38px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox .basicinfo { padding-bottom: 20px; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox .basicinfo > p { font-size: 12px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox .basicinfo .price { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox .addinfo { padding-top: 15px; border-top: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox .addinfo > p { margin-top: 5px; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox .addinfo .stit { display: inline-block; min-width: 28%; font-size: 13px; letter-spacing: -0.33px; color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .tab_hiddencontents .listwrap .prdbox .addinfo .price { font-size: 13px; font-weight: 500; letter-spacing: -0.13px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap .h6 { clear: both; height: 40px; line-height: 40px; margin: 0 0 10px 0; padding: 0 18px; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-image: linear-gradient(266deg, #619ced 10%, #4175e6 73%); border-radius: 20px; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap .h6 a { font-size: 15px; font-weight: 500; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap .firstbox .inner { padding: 20px 18px 0; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 { border-top: solid 1px #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save { margin-top: 0; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone { padding: 20px 18px; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .tit { margin-bottom: 0; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .tit > a { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .price { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .opt01 { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .opt01 > p { margin-bottom: 3px; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .opt01 > p .tit { display: inline-block; min-width: 20%; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .opt01 > p > em { font-size: 13px; font-weight: normal; letter-spacing: -0.13px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .hiddenwrap.hiddenMore2 .feeresultlist_save .savephone .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .agency_box { margin-top: 15px; padding: 15px 10px; border-radius: 10px; border: solid 1px #e5e5e5; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .fee_resultbox .agency_box .tit { font-size: 13px; font-weight: normal; color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .half_col_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .half_col_wrap .half_col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.container.renew .midarea .contentsarea .contentsbox .half_col_wrap .half_col:last-child { margin-left: 10px; }

.container.renew .midarea .contentsarea .contentsbox .range { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .range_input { position: absolute; top: 0; left: 0; -webkit-appearance: none; width: 100%; height: 10px; padding: 0; border-radius: 5px; background: #e5e5e5; outline: none; opacity: 1; }

.container.renew .midarea .contentsarea .contentsbox .range_input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; margin-top: -12.5px; border-radius: 50%; background: #10254a; cursor: pointer; }

.container.renew .midarea .contentsarea .contentsbox .range_input::-moz-range-thumb { width: 25px; height: 25px; margin-top: -12.5px; border-radius: 50%; background: #10254a; cursor: pointer; }

.container.renew .midarea .contentsarea .contentsbox .range_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; overflow: hidden; padding-top: 10px; }

.container.renew .midarea .contentsarea .contentsbox .range_list .range_opt { width: 20%; white-space: normal; font-size: 12px; letter-spacing: -0.3px; text-align: center; color: #6a6a6a; -webkit-box-sizing: border-box; box-sizing: border-box; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .range_list .range_opt:before { content: ''; display: block; width: 1px; height: 8px; margin: 0 auto 5px; background-color: #e5e5e5; text-indent: 0; }

.container.renew .midarea .contentsarea .contentsbox .direct_put { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .direct_put.space_between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: spac; -ms-flex-pack: spac; justify-content: spac; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .direct_put .input_txt_unit { display: inline-block; position: relative; width: 49%; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; }

.container.renew .midarea .contentsarea .contentsbox .direct_put .input_txt_unit input { padding-right: 35px; }

.container.renew .midarea .contentsarea .contentsbox .direct_put .input_txt_unit input + span { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .contentsbox .direct_put > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.container.renew .midarea .contentsarea .contentsbox .total_agency { padding: 20px 18px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .total_agency > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .total_agency > ul li { width: 50%; margin-bottom: 25px; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .total_agency > ul li dd > a { color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .entered_search { padding: 25px 18px 0; }

.container.renew .midarea .contentsarea .contentsbox .entered_search .tit { position: relative; margin-bottom: 25px; }

.container.renew .midarea .contentsarea .contentsbox .entered_search .deviceinfobox_gray { padding: 0; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist { margin: 0 -18px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table th { padding: 8px 0; background: none; border-left: 0; border-right: 0; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table th.on { background-color: #eff5ff; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td { border-left: 0; border-right: 0; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td.detail_info { background-color: #eff5ff; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td.detail_info .detail_info_box { padding: 0 8px; background-color: transparent; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td.detail_info .detail_info_box .noti02 .icon_noti_fill { display: inline-block; width: 18px; height: 18px; margin: -2px 0 0 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_noti_fill.png) no-repeat center; background-size: 18px auto; vertical-align: middle; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td.detail_info .detail_info_box .opt01 { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td.detail_info .detail_info_box .opt01 > p { margin-bottom: 10px; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td.detail_info .detail_info_box .opt01 > p .tit { display: inline-block; min-width: 20%; padding: 0; margin: 0; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #707070; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist table td.detail_info .detail_info_box .opt01 > p .tit + em { font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 { display: none; position: relative; width: 100vw; background-color: #eff5ff; z-index: 1; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 p { width: auto; margin: 0; padding: 0; text-align: initial; line-height: 15px; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box { padding: 0 8px; background-color: transparent; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box .noti02 { font-size: 15px; line-height: 20px; font-weight: bold; color: #cc0000; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box .noti02 .icon_noti_fill {display: inline-block; width: 100%; /* height: 19px; */ margin: -2px 0 0 0; padding-left: 22px; background: url("/smc/resources/imagesNew/mobileImage/common/icon/icon_noti_fill.png") no-repeat top 3px left 0; background-size: 16px auto; vertical-align: middle; } /* 2022-09-01 ?�정 */

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box .noti01 { font-size: 15px; line-height: 20px; font-weight: bold; color: #cc0000; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box .opt01 { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box .opt01 > p { margin-bottom: 10px; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box .opt01 > p .tit { display: inline-block; min-width: 20%; padding: 0; margin: 0; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #707070; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .detail_info2 .detail_info_box .opt01 > p .tit + em { display: inline-block; margin: 0; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #222; padding-left: 5px; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info strong {display: inline; min-height: 40px; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p { width: 90%; margin: 0 auto; padding: 12px 0; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-bottom: 4px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info > p .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info.on { background: #eff5ff; border-bottom: 1px solid #eff5ff; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info.on .btn_fee_calview { background-image: -webkit-gradient(linear, left top, left bottom, from(#619ced), to(#4175e6)); background-image: linear-gradient(to bottom, #619ced, #4175e6); }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info.on .btn_fee_calview a { color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info.on .btn_fee_calview a:after { top: 16px; border-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); /* 각도 */ }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .basic_info p.nodata { padding: 77px 0 0px 0; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_nosearch.png) no-repeat 50% 30px; background-size: 29px auto; font-size: 12px; color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .btn_fee_calview { position: static; left: 0; bottom: 0; display: block; width: auto; height: auto; margin: 0 10px 15px; line-height: initial; padding: 0; background: none; background-color: #f2f3f6; border-radius: 20px; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .btn_fee_calview a { position: relative; padding: 0 25px 0 10px; border: 0; height: 35px; line-height: 35px; font-size: 13px; letter-spacing: -0.33px; text-align: center; color: #6a6a6a; background: none; }

.container.renew .midarea .contentsarea .contentsbox .feeresultlist .btn_fee_calview a:after { content: ''; width: 7px; /* 사이즈 */ height: 7px; /* 사이즈 */ border-top: 2px solid #979797; /* 선 두께 */ border-right: 2px solid #979797; /* 선 두께 */ display: inline-block; -webkit-transform: rotate(135deg); transform: rotate(135deg); /* 각도 */ position: absolute; top: 10px; /* 기본 0px 값으로 해주세요 */ right: 12px; /* 기본 0px 값으로 해주세요 */ }

.container.renew .midarea .contentsarea .contentsbox .cheap_phone .feeresultlist .basic_info > p .img_wrap { display: block; min-height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .hgroup .tit { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .hgroup .txt { font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que { margin-top: 30px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .stit { font-weight: bold; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .sstit { margin-left: 12px; text-indent: -12px; font-weight: bold; letter-spacing: -0.35px; color: #09254d;}

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .agency { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .agency .radio_wrap { width: 50%; margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .service .radio_wrap { width: 32%; margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .plan .radio_wrap {display: block; margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .group > li { margin-top: 15px;}

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .group > li label { display: inline-block; min-width: 25%; color: #09254d; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .group > li select, .container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .group > li .inpbox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .group > li.dvfee { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .group > li.dvfee .label { width: 100%; color: #09254d; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .group > li.dvfee .radio_wrap { margin-top: 15px; width: 50%; }

/* .container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .radio_wrap { display: inline-block; width: 33.3333%; min-width: 101px; margin-top: 15px; } */ /* 2022-09-01 ?�정 */

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .radio_wrap { position: relative; margin-top: 15px;}

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis--02 .radio_wrap label{padding-left: 35px;}

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis--02 .radio_wrap label::before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .etc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .etc label { display: inline-block; min-width: 25%; color: #09254d; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .etc select, .container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .visit .etc .inpbox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .visit .radio_wrap, .container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .etc { margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .visit .etc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .visit .etc label { display: inline-block; min-width: 25%; color: #09254d; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .visit .etc select, .container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .visit .etc .inpbox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/* .container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .telecom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } */

/* 2025-04-28 웹접근성, 웹접근성 2026 2차 s */
.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .telecom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    gap:10px;
}
.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .radio_wrap {position: relative; display: block; margin-top: 15px;}

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .que .satis .radio_wrap input {position: absolute; top: 0; left: 0; width: 25px; height: 25px; margin: 0;}
/* // 2025-04-28 웹접근성, 웹접근성 2026 2차 e */

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle .stit { display: list-item; margin-left: 1em; list-style-type: decimal; margin-top: 30px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle .checkbox_wrap { display: block; position: relative; padding: 0; margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle .checkbox_wrap label { padding-left: 35px; }
/* 웹접근성 2026 2차 */
.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle .checkbox_wrap label:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }
/* .container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle .checkbox_wrap label:before { position: absolute; top: 0; left: 0; margin: 0; } */
/* //웹접근성 2026 2차 */

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle label { color: #09254d; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle2 .stit { margin-top: 30px; }

/* 2025-04-29 웹접근성 */
.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle2 .checkbox_wrap { display: block; position: relative; padding: 0; margin-top: 15px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle2 .checkbox_wrap input {position: absolute; top: 0; left: 0; width: 25px; height: 25px; margin: 0;}
/* // 2025-04-29 웹접근성 */

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle2 .checkbox_wrap label { padding-left: 35px; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle2 .checkbox_wrap label:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .full_bundle2 label { color: #09254d; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .terms_round_box { padding: 15px; border-radius: 10px; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .terms_round_box p { letter-spacing: -0.35px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .satisfied_survey .terms_round_box .tit { font-weight: bold; }

/* 웹접근성 2026 */
.used_service .checkbox_wrap{
  position: relative;
  display: block;    
}
/* 웹접근성 2026 2차 */
/* .used_service .checkbox_wrap > input[type="checkbox"]{
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  z-index: 2;
}

.used_service .checkbox_wrap.is-etc > input[type="checkbox"]{
  position: absolute;  
  inset: auto;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: 1;
} 웹접근성 2026 3차 */
/* // 웹접근성 2026 2차 */

.used_service .checkbox_wrap > input[type="checkbox"]:focus-visible + label{
  outline: 2px solid #000;   
  outline-offset: 2px;
  border-radius: 6px;
}

.used_service input[name="surveyEtc2"][disabled]{
  pointer-events: none;  
}
.used_service input[name="surveyEtc2"]:not([disabled]){
  pointer-events: auto;
}
/* // 웹접근성 2026 */
.container.renew .midarea .contentsarea .contentsbox .myuse_wrap .img_agency { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .myuse_wrap .txt { line-height: 1.5; letter-spacing: -0.35px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .terms_guide_wrap .tit { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .terms_guide_wrap .txt { line-height: 1.5; letter-spacing: -0.35px; color: #434a5f; }

.container.renew .midarea .contentsarea .contentsbox .terms_guide_wrap .btn_wrap .h_btn { width: 32.7%; min-width: auto; padding: 0 5px; margin: 0 0 2%; }

.container.renew .midarea .contentsarea .contentsbox .terms_guide_wrap .btn_wrap .h_btn.size_s { height: auto; line-height: normal; padding: 7px 0 !important; font-size: 12px; letter-spacing: -1px; }

.container.renew .midarea .contentsarea .contentsbox .terms_guide_wrap .btn_wrap .h_btn.icon_go:after { margin-left: 3px !important; }

.container.renew .midarea .contentsarea .contentsbox .terms_guide_wrap .btn_wrap.item4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space_between; -ms-flex-pack: space_between; justify-content: space_between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .terms_guide_wrap .btn_wrap.item4 .h_btn { -webkit-box-flex: 1; -ms-flex: 1 1 46%; flex: 1 1 46%; margin: 0 1% 2%; }

.container.renew .midarea .contentsarea .contentsbox .refund_request .img_agency { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .refund_request .layout_half { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .refund_request .layout_half .img_agency, .container.renew .midarea .contentsarea .contentsbox .refund_request .layout_half .txt { height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .refund_request .layout_half > div { width: 49%; padding: 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .refund_request .flex_txt_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .top_search { border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .top_search fieldset { margin: 0; padding: 0; }

.container.renew .midarea .contentsarea .contentsbox .top_search .search_wrap { position: relative; }

.container.renew .midarea .contentsarea .contentsbox .top_search .btn_search2 { display: block; position: absolute; top: 50%; right: 15px; width: 20px; height: 20px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_btn_search.png) no-repeat center; background-size: 19px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .totalnum { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.35px; text-align: right; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .totalnum strong { color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap dl { padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap dt { float: right; width: calc(100% - 170px); height: 60px; overflow: hidden; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap dt > a { display: table; height: 60px; font-size: 14px; font-weight: bold; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap dt > a strong { display: table-cell; vertical-align: middle; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap dd { float: left; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap .content_pic > a { display: block; width: 155px; height: 100px; overflow: hidden; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap .content_pic > a img { height: 100%; width: auto; border-radius: 8px; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap .content_txt { width: calc(100% - 170px); min-height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 15px; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap .content_txt .info { font-size: 12px; font-weight: normal; letter-spacing: -0.28px; color: #707070; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .listwrap .content_txt .info span { display: inline-block; margin-right: 15px; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging { height: 35px; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging strong, .container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging span { font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #707070; line-height: 30px; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging strong { color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging span { margin: 0; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging .btn_pag_prev, .container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging .btn_pag_next { width: 35px; height: 35px; margin: 0 20px; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging .btn_pag_prev { background: url(/smc/resources/imagesNew/mobileImage/common/btn/paging_prev.png) no-repeat center; background-size: 35px auto; }

.container.renew .midarea .contentsarea .contentsbox .mboard_wrap .paging .btn_pag_next { background: url(/smc/resources/imagesNew/mobileImage/common/btn/paging_next.png) no-repeat center; background-size: 35px auto; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_head { padding: 20px 18px; background-color: #fff; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_head .tit { padding: 10px 0; font-size: 20px; font-weight: bold; letter-spacing: -0.5px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_head .stxt > span { font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #707070; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_head .stxt > span + span { margin-left: 15px; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_cont { padding: 30px 18px 35px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_cont p { font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: -0.35px; text-align: left; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_btm { padding-bottom: 40px; background-color: #fff; border-top: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_btm li { height: 54px; line-height: 54px; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_btm li > strong { display: inline-block; padding: 0 18px; width: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 500; letter-spacing: -0.4px; color: #222; vertical-align: top; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_btm li > a { display: inline-block; width: calc(100% - 94px); font-size: 14px; font-weight: normal; letter-spacing: -0.35px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.container.renew .midarea .contentsarea .contentsbox .mboard_view .view_btm li > a.disabled { color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap input::-webkit-input-placeholder { color: #d5d5d5; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap input:-ms-input-placeholder { color: #d5d5d5; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap input::-ms-input-placeholder { color: #d5d5d5; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap input::placeholder { color: #d5d5d5; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap .round_box_blue { padding: 10px 15px; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap .personal_info li { padding: 10px 0; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap .personal_info li + li { border-top: 1px solid #d5d5d5; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap .personal_info .type { display: inline-block; min-width: 25%; padding-left: 5px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 0.86; letter-spacing: -0.35px; text-align: left; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap .not_received { font-size: 14px; letter-spacing: -0.35px; text-align: center; color: #10254a; }

.container.renew .midarea .contentsarea .contentsbox .find_phone_wrap .not_received:before { content: ''; display: block; width: 70px; height: 70px; margin: 0 auto 10px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_not_received.png) no-repeat; background-size: 100%; }

.container.renew .midarea .contentsarea .contentsbox .lostphonebox_wrap .stit { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .lostphonebox_wrap .list_telecom > li a { background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .lostphonebox_wrap .lostcenter { border-top: solid 1px #656565; }

.container.renew .midarea .contentsarea .contentsbox .lostphonebox_wrap .lostcenter li { padding: 15px; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .lostphonebox_wrap .lostcenter li > strong { font-weight: 500; letter-spacing: -0.35px; color: #09254d; }

.container.renew .midarea .contentsarea .contentsbox .lostphonebox_wrap .h_btn.size_s { height: auto; line-height: normal; padding: 5px 5px !important; }

.container.renew .midarea .contentsarea .contentsbox .openapi_wrap .list_bullet_decimal li + li { margin-top: 5px; }

.container.renew .midarea .contentsarea .contentsbox .openapi_wrap .round_box_blue2 .add_icon_api { padding-top: 85px; background: url(/smc/resources/imagesNew/mobileImage/plan/icon_apikey.png) no-repeat center top; background-size: auto 70px; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info { padding: 5px 0 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dt { float: left; margin-right: 10px; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap > img { vertical-align: top; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-bottom: 4px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .top_info dd.img_wrap .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .btm_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center;  -ms-flex-wrap: wrap; flex-wrap: wrap;flex-direction: column; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .btm_info > p { min-width: 45%; font-size: 12px; font-weight: 500; letter-spacing: -0.3px; color: #222; margin-bottom: 2px}

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .btm_info .stit { display: inline-block; margin-right: 10px; font-size: 12px; font-weight: normal; letter-spacing: -0.3px; color: #7e7e7e; }

.container.renew .midarea .contentsarea .contentsbox .discount_result_wrap .btm_info .price { font-size: 13px; font-weight: bold; letter-spacing: -0.33px; color: #356ae0; }

.container.renew .midarea .contentsarea .contentsbox .quality_resultbox { padding: 40px 0 0; }

.container.renew .midarea .contentsarea .contentsbox .quality_resultbox .table_layout_col { -webkit-box-shadow: none; box-shadow: none; }

.container.renew .midarea .contentsarea .contentsbox .quality_resultbox .table_layout_col table { border-top: solid 1px #656565; }

.container.renew .midarea .contentsarea .contentsbox .quality_resultbox .table_layout_col table tr th { padding: 0 5px; font-size: 14px; font-weight: 500; color: #222; background-color: #f0f1f4; border-right: 0; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .quality_resultbox .table_layout_col table tr td { height: 40px; padding-left: 10px; font-size: 12px; color: #434a5f; text-align: right; padding: 0 5px 0 0; border-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .quality_resultbox .table_layout_col table tr td > strong { display: block; text-align: center; font-family: 'Noto Sans KR', sans-serif; }

.container.renew .midarea .contentsarea .contentsbox .quality_resultbox .table_layout_col table tr td.stit { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: -0.35px; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .dantong_resultbox .table_layout_col table tr th { padding-left: 0; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .dantong_resultbox .table_layout_col table tr.choice th { padding-right: 0; text-align: center; }

/* 2024-05-13 scroll시 상단고정 4 s */
.container.renew .midarea .contentsarea .contentsbox .dantong_result_top{position: relative; padding: 15px 0; background-color: #fff; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);}
/* .container.renew .midarea .contentsarea .contentsbox .dantong_result_top .fixed_area{position: absolute; top: 0; left: 50%; width: 100%; max-width:1000px; height: auto; background-color: #f2f3f6; transform:translateX(-50%); opacity: 1; transition: opacity 0.3s ease-in-out;} 
*/ 
.container.renew .midarea .contentsarea .contentsbox .dantong_result_top .fixed_area{padding: 15px 0; background-color: #f2f3f6;}
.container.renew .midarea .contentsarea .contentsbox .dantong_result_top .select_result{ display: flex; align-items :center; gap:20px; position: relative; height: 35px; margin: 0 18px 15px; padding: 0 20px; border-radius: 30px; background-color: #fff; font-size: 16px; color: #000; font-weight: bold;}
.container.renew .midarea .contentsarea .contentsbox .dantong_result_top .table_layout_col{border-top: 1px solid #E5E5E5; box-shadow:none;}
/* .container.renew .midarea .contentsarea .contentsbox .dantong_result_top.actived .fixed_area{position: fixed; top: 63px;}
.container.renew .midarea .contentsarea .contentsbox .dantong_result_top.actived.pass .fixed_area{  opacity: 0; } */
.dantong_result_top_bg_bar{background-color: #f2f3f6; height: 15px;}
/* //2024-05-13 scroll시 상단고정 4 e */

.container.renew .midarea .contentsarea .contentsbox .album_wrap .totalnum { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.35px; text-align: right; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .totalnum strong { color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .listwrap dl { position: relative; margin-top: 15px; border-radius: 6px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e5e5e5; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .listwrap dt > a { display: block; min-height: 124px; overflow: hidden; vertical-align: top; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .listwrap dt > a img { display: block; width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .listwrap dd { padding: 15px; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #707070; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .listwrap dd .btn_small_red { display: inline-block; height: 25px; line-height: 25px; padding: 0 8px; border-radius: 6px; background-color: rgba(229, 75, 47, 0.1); font-size: 12px; font-weight: 500; letter-spacing: -0.3px; text-align: center; color: #c73217; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .listwrap dd.end { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .listwrap dd.end span { font-size: 20px; font-weight: bold; text-align: center; color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .paging { height: 35px; text-align: center; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .paging strong, .container.renew .midarea .contentsarea .contentsbox .album_wrap .paging span { font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #707070; line-height: 30px; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .paging strong { color: #3d79ea; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .paging span { margin: 0; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .paging .btn_pag_prev, .container.renew .midarea .contentsarea .contentsbox .album_wrap .paging .btn_pag_next { width: 35px; height: 35px; margin: 0 20px; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .paging .btn_pag_prev { background: url(/smc/resources/imagesNew/mobileImage/common/btn/paging_prev.png) no-repeat center; background-size: 35px auto; }

.container.renew .midarea .contentsarea .contentsbox .album_wrap .paging .btn_pag_next { background: url(/smc/resources/imagesNew/mobileImage/common/btn/paging_next.png) no-repeat center; background-size: 35px auto; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_head { padding: 20px 18px; background-color: #fff; border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_head .tit { padding: 10px 0; font-size: 20px; font-weight: bold; letter-spacing: -0.5px; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_head .stxt > span { font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #707070; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_head .stxt > span + span { margin-left: 15px; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_cont { padding: 30px 18px 35px; background-color: #fff; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_cont p { font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: -0.35px; text-align: left; color: #222; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_btm { padding-bottom: 40px; background-color: #fff; border-top: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_btm li { height: 54px; line-height: 54px; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_btm li > strong { display: inline-block; padding: 0 18px; width: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 500; letter-spacing: -0.4px; color: #222; vertical-align: top; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_btm li > a { display: inline-block; width: calc(100% - 94px); font-size: 14px; font-weight: normal; letter-spacing: -0.35px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.container.renew .midarea .contentsarea .contentsbox .album_view .view_btm li > a.disabled { color: #6a6a6a; }

.container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_index { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_index > li { display: block; height: 35px; margin: 0 10px 10px 0; padding: 0 15px; background-color: #fff; border-radius: 60px; border: solid 1px #e5e5e5; color: #707070; line-height: 33px; cursor: pointer; } /* 2022-09-01 ?�정 */

/* .container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_index > li a { display: block; height: 35px; line-height: 33px; padding: 0 15px; border-radius: 60px; border: solid 1px #e5e5e5; background-color: #fff; color: #707070; } 2022-09-01 ??�� */

.container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_type1 { margin-top: 30px; }

.container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_type1 > dt { display: inline-block; margin-bottom: 15px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; } /* 2022-09-01 ?�정 */

.container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_type1 dd { line-height: 1.5; }

.container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_type1 dd > p { margin-bottom: 20px; }

.container.renew .midarea .contentsarea .contentsbox .full_report_wrap .cont_type1 dd .stit { display: inline-block; margin-bottom: 10px; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #434a5f; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap { padding: 20px; margin-bottom: 20px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #ededed; border-radius: 10px; background-color: #fff; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap a { display: block; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap a + a { padding-top: 15px; border-top: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 15px; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox dt { width: 100%; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox dt > span { font-size: 15px; letter-spacing: -0.38px; color: #222; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox .basicinfo > p { font-size: 12px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox .basicinfo .price { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox .basicinfo .price em { color: #356ae0; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox .addinfo > p { margin-top: 5px; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox .addinfo .stit { display: inline-block; min-width: 28%; font-size: 13px; letter-spacing: -0.33px; color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .prdbox .addinfo .price { font-size: 13px; font-weight: 500; letter-spacing: -0.13px; color: #222; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product { position: relative; padding: 15px; margin: 0 -20px -20px; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap .choice_product .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap.choiced { padding: 0; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap.choiced .choice_product { margin: 0; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap.choiced .choice_product + .choice_product { border-top: 1px solid #ddd; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap.choiced .choice_product:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; }

.container.renew .midarea .contentsarea .devicesupport .tab_hiddencontents .listwrap.choiced .choice_product:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.container.renew .midarea .contentsarea .noticeboard .mboard_wrap .listwrap dt { float: none; width: 100%; height: auto; }

.container.renew .midarea .contentsarea .noticeboard .mboard_wrap .listwrap dt > a { display: block; height: auto; font-size: 16px; }

.container.renew .midarea .contentsarea .noticeboard .mboard_wrap .listwrap .content_txt { float: none; width: 100%; min-height: auto; margin: 10px 0 0 0; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; border: solid 1px #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.size_h44 > li a { padding: 9px 0; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round li { width: 33.3%; text-align: center; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round li button, .container.renew .midarea .contentsarea .trafficguide .tabs_round li a { display: block; width: 100%; padding: 6px 0; letter-spacing: -0.35px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round li.on button, .container.renew .midarea .contentsarea .trafficguide .tabs_round li.on a { border: solid 1.5px #357ed7; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #3d79ea; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.item1 { border-color: #fff; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.internet_tabbox { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.internet_tabbox li { width: 33.33%; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.internet_tabbox li a { height: 44px; line-height: 42px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.internet_tabbox li img { max-width: 90%; vertical-align: middle; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.internet_tabbox li:nth-child(3) img { max-height: 90%; }

.container.renew .midarea .contentsarea .trafficguide .tabs_round.internet_tabbox li:nth-child(-n+3) { border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon { position: relative; }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon dt { margin-left: 85px; margin-bottom: 10px; font-weight: bold; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon dd { margin-left: 85px; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon.item1:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_box_item1.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon.item2:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_box_item2.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon.item3:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_box_item3.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon.item4:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_box_item4.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .identity .round_box_blue2.add_icon.item5:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_box_item5.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .optional_discount .round_box_blue2.add_icon { position: relative; }

.container.renew .midarea .contentsarea .optional_discount .round_box_blue2.add_icon dt { margin-left: 85px; margin-bottom: 10px; font-weight: bold; letter-spacing: -0.35px; color: #222; }

.container.renew .midarea .contentsarea .optional_discount .round_box_blue2.add_icon dd { margin-left: 85px; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; }

.container.renew .midarea .contentsarea .optional_discount .round_box_blue2.add_icon.item1:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_option_item1.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .optional_discount .round_box_blue2.add_icon.item2:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_option_item2.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .optional_discount .round_box_blue2.add_icon.item3:before { content: ''; display: block; position: absolute; top: 50%; left: 15pxs; width: 70px; height: 70px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_option_item3.png) no-repeat; background-size: 70px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.container.renew .midarea .contentsarea .optional_discount .img_wrap img { width: 100%; }

.container.renew .midarea .contentsarea .optional_discount .list_bullet_num li[class*="li"] { margin-bottom: 20px; padding-right: 5px; }

.container.renew .midarea .contentsarea .optional_discount .list_bullet_num li[class*="li"]:before { position: absolute; top: 50%; left: 115px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #356ae0; color: #fff; }

.container.renew .midarea .contentsarea .optional_discount .list_bullet_num .li02 .thumb:before { background-image: url(/smc/resources/imagesNew/mobileImage/service/img_character02.png); background-size: 65px auto; }

.container.renew .midarea .contentsarea .optional_discount .list_bullet_num .li03 .thumb:before { background-image: url(/smc/resources/imagesNew/mobileImage/service/img_character03.png); background-size: 65px auto; }

.container.renew .midarea .contentsarea .optional_discount .list_bullet_num .thumb { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 68px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: bold; letter-spacing: -0.38px; color: #222; }

.container.renew .midarea .contentsarea .optional_discount .list_bullet_num .thumb:after { content: ""; display: block; clear: both; }

.container.renew .midarea .contentsarea .optional_discount .list_bullet_num .thumb:before { content: ''; display: block; float: left; width: 65px; height: 68px; margin-right: 47px; margin-bottom: 0; background: #fff url(/smc/resources/imagesNew/mobileImage/service/img_character01.png) no-repeat; background-size: 65px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .optional_discount .bg_add { position: relative; }

.container.renew .midarea .contentsarea .optional_discount .bg_add:after { content: ''; display: block; position: absolute; top: 15px; right: 0; width: 77px; height: 104px; background: url(/smc/resources/imagesNew/mobileImage/service/bg_character01.png) no-repeat; background-size: 77px auto; }

.container.renew .midarea .contentsarea .optional_discount .next_step_arrow { width: 24px; height: 24px; margin: 0 auto 15px; background: url(/smc/resources/imagesNew/mobileImage/service/icon_next_arrow.png) no-repeat; background-size: 24px auto; }

.container.renew .midarea .contentsarea .transferoverview .area_bg_btn { padding-top: 155px; margin-top: 50px; }

.container.renew .midarea .contentsarea .transferoverview .area_bg_btn.item1 { background: url(/smc/resources/imagesNew/mobileImage/guide/bg_transper01.png) no-repeat center top; background-size: 250px auto; }

.container.renew .midarea .contentsarea .transferoverview .area_bg_btn.item2 { background: url(/smc/resources/imagesNew/mobileImage/guide/bg_transper02.png) no-repeat center top; background-size: 250px auto; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .round_box_blue2 .img_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .round_box_blue2 .img_area .label_wrap, .container.renew .midarea .contentsarea .deviceguide .contentsbox .round_box_blue2 .img_area .img_wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .round_box_blue2 .img_area .label_wrap { padding-top: 40px; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .round_box_blue2 .img_area .label_wrap p { padding-top: 110px; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .round_box_blue2 .img_wrap { text-align: center; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .round_box_blue2 .img_wrap img { width: 100%; max-width: 338px; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num li[class*="li"] { padding-left: 0; margin-bottom: 0; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num li[class*="li"]:before { position: absolute; top: 0; left: 0; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num .li02 dl:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_device02.png); background-size: 32px auto; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num .li03 dl:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_device03.png); background-size: 30px auto; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num .thumb_layout:after { content: ""; display: block; clear: both; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num .thumb_layout:before { content: ''; display: block; float: left; width: 60px; height: 60px; margin-right: 10px; margin-bottom: 20px; border: solid 1px #e5e5e5; border-radius: 50%; background: #fff url(/smc/resources/imagesNew/mobileImage/common/icon/icon_device01.png) no-repeat center; background-size: 25px auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num .thumb_layout dt { margin-bottom: 10px; font-size: 14px; font-weight: bold; letter-spacing: -0.35px; color: #434a5f; }

.container.renew .midarea .contentsarea .deviceguide .contentsbox .list_bullet_num .thumb_layout dd { margin-bottom: 20px; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #434a5f; }

.container.renew .midarea .contentsarea .list_bullet_num .sub_li { margin-top: 10px; margin-left: -30px; height: 25px; line-height: 25px; }

.container.renew .midarea .contentsarea .list_bullet_num .sub_li .label { display: inline-block; padding: 0 7px; margin-right: 5px; border-radius: 4px; background-color: #ffefef; font-size: 11px; font-weight: bold; text-align: center; color: #e54b2f; vertical-align: middle; }

.container.renew .midarea .contentsarea .membership .contentsbox .vvip_div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .membership .contentsbox .vvip_div li { -ms-flex-preferred-size: 29%; flex-basis: 29%; margin: 0 1.5% 2.5%; }

.container.renew .midarea .contentsarea .membership .contentsbox .vvip_div li img { width: 100%; }

/* 2022-06-02 수정 s */
.container.renew .midarea .contentsarea .membership .contentsbox .vvip_div li a{display: block; position: relative;}
.container.renew .midarea .contentsarea .membership .contentsbox .vvip_div li a[target="_blank"]:before{content:''; display: block; position: absolute; right: 8px; bottom: 10px; width: 14px; height: 14px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_go.png) no-repeat; background-size: 12px auto;}
/* //2022-06-02 수정 e*/

.container.renew .midarea .contentsarea .join .checkbox_wrap { position: relative; height: 55px; line-height: 55px; }

.container.renew .midarea .contentsarea .join .checkbox_wrap label:before { margin-left: 15px; }

.container.renew .midarea .contentsarea .join .checkbox_wrap label { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; border-radius: 6px; }

.container.renew .midarea .contentsarea .join .checkbox_wrap input[type="checkbox"]:checked + label { -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16); background-image: -webkit-gradient(linear, right top, left top, from(#619ced), to(#4175e6)); background-image: linear-gradient(to left, #619ced, #4175e6); font-size: 16px; font-weight: bold; color: #fff; }

.container.renew .midarea .contentsarea .join .checkbox_wrap input[type="checkbox"]:checked + label:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_chk_white.png); background-size: 25px auto; }

.container.renew .midarea .contentsarea .join .not_received { width: 100%; min-height: calc(100vh - 582px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 18px; letter-spacing: -0.45px; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .join .not_received:before { content: ''; display: block; width: 70px; height: 70px; margin: 0 auto 10px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_email.png) no-repeat; background-size: 100%; }

.container.renew .midarea .contentsarea .join .not_received.icon_complete:before { background-image: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_complete.png); }

.container.renew .midarea .contentsarea .join .error_txt { margin: 15px 0 0 5px; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #c73217; }

.container.renew .midarea .contentsarea .join .reason { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .join .reason .radio_wrap { width: 100%; margin-top: 15px; }

.container.renew .midarea .contentsarea .introduce .top_area_img { height: 143vw; padding: 7.5vw 4.5vw; background: #fff url(/smc/resources/imagesNew/mobileImage/support/img_introduce.png) no-repeat center top; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .introduce .top_area_img .tit { margin-bottom: 2.5vw; font-size: 6vw; font-weight: 900; letter-spacing: -0.6px; color: #fff; }

.container.renew .midarea .contentsarea .introduce .top_area_img .txt { font-size: 3.8vw; line-height: 1.5; letter-spacing: -0.4px; color: #eff5ff; }

.container.renew .midarea .contentsarea .introduce .introduce_wrap { padding: 0 4.5vw 10vw; background-color: #fff; }

.container.renew .midarea .contentsarea .introduce .introduce_wrap dl { padding: 0; }

.container.renew .midarea .contentsarea .introduce .introduce_wrap dl:before { content: ''; display: block; width: 70px; height: 70px; margin: 0 auto 15px; background: url(/smc/resources/imagesNew/mobileImage/support/icon_introduce1.png) no-repeat; background-size: 70px auto; }

.container.renew .midarea .contentsarea .introduce .introduce_wrap dl.item2:before { background-image: url(/smc/resources/imagesNew/mobileImage/support/icon_introduce2.png); }

.container.renew .midarea .contentsarea .introduce .introduce_wrap dl.item3:before { background-image: url(/smc/resources/imagesNew/mobileImage/support/icon_introduce3.png); }

.container.renew .midarea .contentsarea .introduce .introduce_wrap dl.item4:before { background-image: url(/smc/resources/imagesNew/mobileImage/support/icon_introduce4.png); }

.container.renew .midarea .contentsarea .introduce .introduce_wrap dl dt { padding: 0 0 15px 0; color: #222; font-size: 16px; font-weight: bold; text-align: center; }

.container.renew .midarea .contentsarea .introduce .introduce_wrap dl dd { padding: 0; background: none; line-height: 1.5; letter-spacing: -0.35px; color: #434a5f; }

.container.renew .midarea .contentsarea .emailreject strong { color: #222; }

.container.renew .midarea .contentsarea .privaterule .contentsbox ul.type_dot li em { font-size: 0 !important; margin: 0 !important; padding: 0 !important; }

.container.renew .midarea .contentsarea .privaterule .contentsbox ul > li { margin-top: 10px; }

.container.renew .midarea .contentsarea .privaterule .contentsbox ul > li ul > li { margin-top: 0; }

.container.renew .midarea .contentsarea .rightsrule .contentsbox strong { color: #222; }

.container.renew .midarea .contentsarea .lawguide .contentsbox h4 { font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.45px; color: #3d79ea; }

.container.renew .midarea .contentsarea .lawguide .contentsbox strong { color: #222; }

.container.renew .midarea .contentsarea .total_search .input_wrap { position: relative; }

.container.renew .midarea .contentsarea .total_search .input_wrap.add_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .total_search .input_wrap .itxt { width: calc(100% - 100px); margin-right: 10px; height: 45px; line-height: 45px; padding: 0 40px 0 10px; border: 0; border-radius: 6px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #222; /* IE의 경우 */ /* 크롬의 경우 */ }

.container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-webkit-input-placeholder { color: #6a6a6a; }

.container.renew .midarea .contentsarea .total_search .input_wrap .itxt:-ms-input-placeholder { color: #6a6a6a; }

.container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-ms-input-placeholder { color: #6a6a6a; }

.container.renew .midarea .contentsarea .total_search .input_wrap .itxt::placeholder { color: #6a6a6a; }

.container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-ms-clear, .container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-ms-reveal { display: none; }

.container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-webkit-search-decoration, .container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-webkit-search-cancel-button, .container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-webkit-search-results-button, .container.renew .midarea .contentsarea .total_search .input_wrap .itxt::-webkit-search-results-decoration { display: none; }

.container.renew .midarea .contentsarea .total_search .input_wrap .btn_clear { position: absolute; top: 50%; right: 110px; width: 28px; height: 28px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(/smc/resources/imagesNew/mobileImage/common/btn/btn_clear.png) center center no-repeat; background-size: 28px auto; border: none; cursor: pointer; }

.container.renew .midarea .contentsarea .total_search .round_box_gray .add_thumb:after { content: ""; display: block; clear: both; }

.container.renew .midarea .contentsarea .total_search .round_box_gray .add_thumb:before { content: ''; display: block; float: left; width: 55px; height: 55px; margin-right: 17px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/thumb_search_.png) no-repeat; background-size: 55px auto; }

.container.renew .midarea .contentsarea .total_search .tabs_round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; border: solid 1px #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .total_search .tabs_round.size_h44 > li a { padding: 9px 0; }

.container.renew .midarea .contentsarea .total_search .tabs_round li { width: 33.3%; text-align: center; }

.container.renew .midarea .contentsarea .total_search .tabs_round li button, .container.renew .midarea .contentsarea .total_search .tabs_round li a { display: block; width: 100%; padding: 6px 0; letter-spacing: -0.35px; color: #6a6a6a; }

.container.renew .midarea .contentsarea .total_search .tabs_round li.on button, .container.renew .midarea .contentsarea .total_search .tabs_round li.on a { border: solid 1.5px #357ed7; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #3d79ea; }

.container.renew .midarea .contentsarea .total_search .tabs_round.item1 { border-color: #fff; }

.container.renew .midarea .contentsarea .total_search .tabs_round.internet_tabbox { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.container.renew .midarea .contentsarea .total_search .tabs_round.internet_tabbox li { width: 33.33%; }

.container.renew .midarea .contentsarea .total_search .tabs_round.internet_tabbox li a { height: 44px; line-height: 42px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container.renew .midarea .contentsarea .total_search .tabs_round.internet_tabbox li img { max-width: 90%; vertical-align: middle; }

.container.renew .midarea .contentsarea .total_search .tabs_round.internet_tabbox li:nth-child(3) img { max-height: 90%; }

.container.renew .midarea .contentsarea .total_search .tabs_round.internet_tabbox li:nth-child(-n+3) { border-bottom: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] { position: relative; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li { padding: 20px 0; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li + li { border-top: 1px solid #e5e5e5; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone { padding: 0; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .tit { margin-bottom: 0; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .tit > a { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #222; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .price { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #356ae0; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .opt01 { position: relative; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .opt01 > p { margin-bottom: 3px; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .opt01 > p .tit { display: inline-block; min-width: 20%; font-size: 13px; font-weight: normal; letter-spacing: -0.33px; color: #6a6a6a; }/* 2024 접근성 */

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .opt01 > p > em { font-size: 13px; font-weight: normal; letter-spacing: -0.13px; color: #222; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .agency_text { margin-bottom: 7px; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .agency_text span { display: inline-block; min-width: 55px; height: 25px; line-height: 29px; padding: 0 10px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: bold; text-align: center; color: #222; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .agency_text span.skt { color: #e54b2f; background-color: #ffeffe; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .agency_text span.cheap { color: #444; background-color: #f8fafd; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .agency_text span img { width: 100%; height: 100%; }

.container.renew .midarea .contentsarea .total_search div[class^="div_"] .list_line li .savephone .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

.container.renew .midarea .contentsarea .refund_search_wrap .input_wrap.item2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.container.renew .midarea .contentsarea .refund_search_wrap .input_wrap.item2 input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 40%; }

.container.renew .midarea .contentsarea .refund_search_wrap .input_wrap.item2 .dash { height: 40px; line-height: 40px; margin: 12px 5px 0; }

.container.renew .midarea .contentsarea .feecompare .choice_wrap .tabs_round li:nth-child(1) a { color: #9227ad; }

.container.renew .midarea .contentsarea .feecompare .choice_wrap .tabs_round li:nth-child(1).on a { background-color: #9227ad; border-color: #9227ad; color: #fff; }

.container.renew .midarea .contentsarea .feecompare .choice_wrap .tabs_round li:nth-child(2) a { color: #3d79ea; }

.container.renew .midarea .contentsarea .feecompare .choice_wrap .tabs_round li:nth-child(2).on a { background-color: #3d79ea; border-color: #3d79ea; color: #fff; }

.container.renew .midarea .contentsarea .feecompare .choice_wrap .tabs_round li:nth-child(3) a { color: #1c6e07; }

.container.renew .midarea .contentsarea .feecompare .choice_wrap .tabs_round li:nth-child(3).on a { background-color: #1c6e07; border-color: #1c6e07; color: #fff; }

.container.renew .midarea .contentsarea .product_choiced { margin: 0 -18px; padding: 20px 18px 0; background-color: #f2f3f6; }

.container.renew .midarea .contentsarea #memberCheck {color:#ff2a00; line-height:18px; text-align:center}/* 2015-10-19 display:none; */

.container.renew .midarea .contentsarea #memberCheck span {display:inline-block; padding:0 0 0 20px; background:url('/smc/resources/images/icon/login_warning.gif') no-repeat 0 2px}

/* 로그인 영역 */
#wrap.login_wrap { background-color: #fff; }

#wrap.login_wrap .toparea { height: 63px !important; }

#wrap.login_wrap .login_container { overflow: hidden; height: calc(100vh - 63px); background: none; background-size: 307px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#wrap.login_wrap .login_container .inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; min-width: 300px; height: 55%; margin: 0 auto; }

#wrap.login_wrap .login_container .inner2 { display: block; -webkit-box-orient: initial; -webkit-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial; min-width: initial; width: 100%; padding: 25px 36px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.login_wrap .login_container h1 { text-align: center; }

#wrap.login_wrap .login_container .itext { width: 100%; height: 45px; line-height: 45px; margin: 0 0 15px 0; padding: 0 15px; border-radius: 6px; background-color: #f2f3f6; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.login_wrap .login_container .btn_login { width: 100%; height: 55px; line-height: 55px; margin: 5px 0 0 0; padding: 0; border-radius: 6px; -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16); background-image: -webkit-gradient(linear, right top, left top, from(#619ced), to(#4175e6)); background-image: linear-gradient(to left, #619ced, #4175e6); font-size: 20px; font-weight: bold; letter-spacing: -0.5px; text-align: center; color: #fff; }

/* 2025-04-28 웹접근성 s */
#wrap.login_wrap .login_container .checkbox_wrap {position: relative; width: 100%; margin-top: 15px;}
#wrap.login_wrap .login_container .checkbox_wrap input{position: absolute; top: 0; left: 10px; width: 25px; height: 25px; margin: 0;}
/* // 2025-04-28 웹접근성 e */

/* 메인 영역 */
#wrap.renew.main.only { max-width: 100%; font-size: 10px; background-color: #f2f3f6; }

#wrap.renew.main.only * { font-family: 'Noto Sans KR', sans-serif !important; }

#wrap.renew.main.only a:hover, #wrap.renew.main.only a:active { text-decoration: none; color: inherit; }

#wrap.renew.main.only p { margin-bottom: 0; }

#wrap.renew.main .toparea h1 { height: 63px; padding-left: 20px; margin-bottom: 0; -webkit-box-sizing: initial; box-sizing: initial; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.renew.main #maincontents .slideBox { padding: 0px 10px 50px 10px; background-color: #fff; } /* 웹접근성 2026 3차 */

#wrap.renew.main #maincontents .slideBox .mySlide1 {display: flex; gap: 10px; margin-bottom: 0; }/* 웹접근성 2026 3차 */

#wrap.renew.main #maincontents .slideBox .mySlide1 a { display: block; width: 100%; height: 100%; }

#wrap.renew.main #maincontents .slideBox .mySlide1 a:focus-visible {outline: 1px solid #111; border: 1px solid #111;} /* 2023 상반기 접근성 추가 */

#wrap.renew.main #maincontents .slideBox .mySlide1 a img { display: block; width: 100%; }

#wrap.renew.main #maincontents .slideBox .slick-slide { width: 80vw; }

#wrap.renew.main #maincontents .slideBox .slick-autoplay-toggle-button { position: absolute; left: auto; right: 34vw; bottom: -7.5vw; z-index: 10; opacity: .75; background: 0 0; border: 0; cursor: pointer; color: #000; display: inline-block; width: 26px; height: 26px; border: none; background: no-repeat; font-size: 0; color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#wrap.renew.main #maincontents .slideBox .slick-autoplay-toggle-button .slick-pause-icon:before { content: ""; width: 26px; height: 26px; font-family: slick; font-size: 18px; font-weight: 400; line-height: 20px; text-align: center; display: inline-block; float: none; margin: 0 0.70vw; background-image: url(/smc/resources/mobile/images/ic_stop.png); }

#wrap.renew.main #maincontents .slideBox .slick-autoplay-toggle-button .slick-play-icon:before { content: ""; width: 26px; height: 26px; font-family: slick; font-size: 18px; font-weight: 400; line-height: 20px; text-align: center; display: inline-block; float: none; margin: 0 0.70vw; background-image: url(/smc/resources/mobile/images/ic_play.png); }

/* 2023 상반기 접근성 수정 s */
/* #wrap.renew.main #maincontents .slideBox ul.slick-dots { position: absolute; bottom: -30px; display: block; padding: 0; margin: 0; width: 100%; list-style: none; text-align: center; } 
#wrap.renew.main #maincontents .slideBox ul.slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; }
#wrap.renew.main #maincontents .slideBox ul.slick-dots li button { display: block; height: 20px; width: 20px; margin-top: -4px; margin-left: -4px; line-height: 0; font-size: 0; color: transparent; border: 0; background: 0 0; cursor: pointer; display: block; width: 1.87vw; height: 1.87vw; background: #ffffff; border: 1px solid #000000; border-radius: 50%; font-size: 0; padding: 0; border-color: #356ae0; }
#wrap.renew.main #maincontents .slideBox ul.slick-dots li button .slick-dot-icon:before { display: none; }
#wrap.renew.main #maincontents .slideBox ul.slick-dots li.slick-active button { background-color: #356ae0; } */
#wrap.renew.main #maincontents .slideBox ul.slick-dots { position: relative; display: flex; padding: 0; margin: 0 7px 0 0; list-style: none; text-align: center; } 

#wrap.renew.main #maincontents .slideBox ul.slick-dots li { position: relative; display: inline-block; margin: 0 3px; padding: 0; }

#wrap.renew.main #maincontents .slideBox ul.slick-dots li button { display: block; color: transparent; border: 0; background: 0 0; cursor: pointer; display: block; width: 1.87vw; height: 1.87vw; background: #ffffff; border: 1px solid #000000; border-radius: 50%; font-size: 0; padding: 0; border-color: #356ae0; }

#wrap.renew.main #maincontents .slideBox ul.slick-dots li button .slick-dot-icon:before { display: none; }

#wrap.renew.main #maincontents .slideBox ul.slick-dots li.slick-active button { background-color: #356ae0; }
/* // 2023 상반기 접근성 수정 e */

#wrap.renew.main #maincontents .noticebox { position: relative; border: 0; }

#wrap.renew.main #maincontents .noticebox:before { content: ''; display: block; position: absolute; top: 50%; left: 18px; width: 5.5vw; height: 5.5vw; background: url(/smc/resources/imagesNew/mobileImage/common/main/icon_notice.png) no-repeat; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#wrap.renew.main #maincontents .noticebox > div { position: relative; padding: 0 0 0 9vw; }

#wrap.renew.main #maincontents .noticebox > div:after { content: ''; display: block; position: absolute; top: 50%; right: 2.75vw; width: 2.75vw; height: 4.4vw; background: url(/smc/resources/imagesNew/mobileImage/common/main/icon_link_arrow.png) no-repeat center; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#wrap.renew.main #maincontents .noticebox > div p { font-size: 3.575vw; }

#wrap.renew.main #maincontents .add_container { padding-left: 0; padding-bottom: 11vw; background-color: #f2f3f6; }

#wrap.renew.main #maincontents .add_mid_area { padding: 9.35vw 6.31vw 4vw; background-color: #fff; }

#wrap.renew.main #maincontents .add_mid_area h2 {margin-bottom: 1em; font-size: 6.5vw; font-weight: 700; color: #000;} /* 2024-11-28 추가 */

#wrap.renew.main #maincontents .add_mid_area .mid_cont + .mid_cont { margin-top: 11vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont h3 { margin-bottom: 5.5vw; font-size: 5.5vw; font-weight: 700; letter-spacing: -0.55px; line-height: 1.55; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont .txt_wrap { word-wrap: break-word; word-break: keep-all; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 { position: relative; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 h3 { color: #4b72c9; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 5.5vw 4vw; border-radius: 10px; -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); background-color: #eff5ff; }

/* 2024-12-12 수정 s */
#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li + li { margin-top: 5.5vw; width: 100%; } 

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li:nth-child(2) a { box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); background-color: #fff9ef;}

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li + li .txt_wrap { height: auto; }

/* #wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li + li a { min-height: 37vw; } */

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li .img_ico { width: 15.3vw; height: 15.3vw; margin-right: 3.9vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li .img_ico img { width: 100%; height: 100%; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li .txt_wrap { width: calc(100% - 19.2vw); height: 15.3vw; padding-top: 1vw; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* // 2024-12-12 수정 e */
#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li .txt_wrap p { font-size: 3.3vw; margin-bottom: 0; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item1 .box_layout > li .txt_wrap .tit { margin-bottom: 1.375vw; font-size: 4.4vw; font-weight: 500; line-height: 1.5; letter-spacing: normal; color: #09254d; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 { position: relative; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 h3 { color: #429aaf; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li { width: 100%; max-height: 49.5vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li a { display: block; padding: 5.5vw 4.125vw; border-radius: 10px; -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); background-color: #effffb; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(1), #wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(2) { position: relative; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(1) a, #wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(2) a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(1) .txt_wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(2) { margin-top: 5.5vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(3) { width: 100%; margin-top: 5.5vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li:nth-child(3) a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li .img_ico { width: 15.3vw; height: 15.3vw; margin-right: 3.9vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li .img_ico img { width: 100%; height: 100%; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li .txt_wrap p { font-size: 3.3vw; margin-bottom: 0; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item2 .box_layout > li .txt_wrap .tit { margin-bottom: 1.375vw; font-size: 4.4vw; font-weight: bold; line-height: 1.5; letter-spacing: normal; color: #09254d; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 { position: relative; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 h3 { color: #906929; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li { width: 47%; max-height: 49.5vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li a { display: block; padding: 5.5vw 2.75vw; border-radius: 10px; -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1); background-color: #fff9ef; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(1), #wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(2) { position: relative; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(1) .img_ico, #wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(2) .img_ico { position: absolute; top: 2.75vw; right: 0; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(1) a, #wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(2) a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 40vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(2) { margin-left: 6%; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(3) { width: 100%; margin-top: 5.5vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li:nth-child(3) a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li .img_ico { width: 15.3vw; height: 15.3vw; min-width: 55px; margin-right: 3.9vw; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li .img_ico img { width: 100%; height: 100%; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li .txt_wrap p { font-size: 3.3vw; margin-bottom: 0; }

#wrap.renew.main #maincontents .add_mid_area .mid_cont.item3 .box_layout > li .txt_wrap .tit { margin-bottom: 1.375vw; font-size: 4.4vw; font-weight: bold; line-height: 1.5; letter-spacing: normal; color: #09254d; }

#wrap.renew.main #maincontents .add_mid_area2 { padding: 9.625vw 0 0 5.5vw; background-color: #f2f3f6; }

#wrap.renew.main #maincontents .add_mid_area2 h1 { margin-bottom: 5.5vw; font-family: 'Noto Sans KR', sans-serif; font-size: 4.95vw; font-weight: 700; letter-spacing: -0.45px; color: #434a5f; }

#wrap.renew.main #maincontents .add_mid_area2 .slider { margin: 0 0 9.625vw; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .slick-slide { margin-right: 4.675vw; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item { width: 78.1vw; padding: 6.64vw 5.5vw 6.78vw; border-radius: 12px; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); background: none; background-color: #fff; text-align: center; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a > span { display: inline-block; padding: 1vw 3.27vw; border-radius: 1.4vw; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 3.04vw; letter-spacing: -0.2vw; background-color: #eb5255; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .logo { display: table; width: 100%; height: 11.68vw; margin: 3.27vw 0 2.27vw; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .logo p { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; overflow: hidden; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .logo p img { display: inline-block; max-height: 11.68vw; height: 100%; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .dataBox { border: 0; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .dataBox p.data_dec { font-size: 4.125vw; letter-spacing: -0.3vw; margin-bottom: 0.64vw; font-weight: 500; color: #222; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .dataBox p.data_pay { font-size: 3.85vw; color: #222; letter-spacing: normal; margin: 0; font-weight: bold; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .dataBox p.data_pay span { font-size: 5.5vw; font-family: Avenir !important; font-weight: 900; letter-spacing: normal; color: #222; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .subDataBox { width: 100%; padding-top: 3.21vw; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .subDataBox p { width: 100%; margin-bottom: 1.50vw; font-family: 'Nanum Gothic', sans-serif; font-size: 3.575vw; font-weight: 400; color: #707070; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .subDataBox p:after { content: ''; display: block; height: 0; clear: both; visibility: visible; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .subDataBox p:last-child { margin-bottom: 0; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .subDataBox p span { display: inline-block; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .subDataBox p span.tit { float: left; width: 12.29vw; text-align: left; font-weight: 500; color: #444; }

#wrap.renew.main #maincontents .add_mid_area2 .slider .item a .subDataBox p span.data { float: right; width: 52.33vw; letter-spacing: -0.2vw; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#wrap.renew.main #maincontents .add_mid_area2 .slick-autoplay-toggle-button { position: absolute; left: auto; right: 28vw; bottom: -11vw; z-index: 10; opacity: .75; background: 0 0; border: 0; cursor: pointer; color: #000; display: inline-block; width: 26px; height: 26px; border: none; background: no-repeat; font-size: 0; color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#wrap.renew.main #maincontents .add_mid_area2 .slick-autoplay-toggle-button .slick-pause-icon:before { content: ""; width: 26px; height: 26px; font-family: slick; font-size: 18px; font-weight: 400; line-height: 20px; text-align: center; display: inline-block; float: none; margin: 0 0.70vw; background-image: url(/smc/resources/mobile/images/ic_stop.png); }

#wrap.renew.main #maincontents .add_mid_area2 .slick-autoplay-toggle-button .slick-play-icon:before { content: ""; width: 26px; height: 26px; font-family: slick; font-size: 18px; font-weight: 400; line-height: 20px; text-align: center; display: inline-block; float: none; margin: 0 0.70vw; background-image: url(/smc/resources/mobile/images/ic_play.png); }

/* 2023 상반기 접근성 수정 s */
/* #wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots { position: absolute; bottom: -8vw; display: block; padding: 0; margin: 0; width: 100%; list-style: none; text-align: center; }
#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; }
#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots li button { display: block; height: 20px; width: 20px; margin-top: -4px; margin-left: -4px; line-height: 0; font-size: 0; color: transparent; border: 0; background: 0 0; cursor: pointer; display: block; width: 1.87vw; height: 1.87vw; background: #ffffff; border: 1px solid #000000; border-radius: 50%; font-size: 0; padding: 0; border-color: #356ae0; }
#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots li button .slick-dot-icon:before { display: none; } */
#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots { position: relative; display: flex; padding: 0; margin: 0 10px 0 0; list-style: none; text-align: center; }

#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots li { position: relative; display: inline-block; margin: 0 3px; padding: 0; }

#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots li button { display: block; color: transparent; border: 0; background: 0 0; cursor: pointer; display: block; width: 1.87vw; height: 1.87vw; background: #ffffff; border: 1px solid #000000; border-radius: 50%; font-size: 0; padding: 0; border-color: #356ae0; }

#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots li button .slick-dot-icon:before { display: none; }
/* // 2023 상반기 접근성 수정 e */

#wrap.renew.main #maincontents .add_mid_area2 ul.slick-dots li.slick-active button { background-color: #356ae0; }

#wrap.renew.main #maincontents .add_mid_area3 { padding: 9.35vw 6.31vw 0; background-color: #f2f3f6; }

#wrap.renew.main #maincontents .add_mid_area3 h1 { margin-bottom: 5.5vw; font-size: 4.95vw; font-weight: bold; letter-spacing: -0.45px; color: #434a5f; }

#wrap.renew.main #maincontents .add_mid_area3 > a { font-size: 3.575vw; font-weight: 500; letter-spacing: normal; color: #222; }

#wrap.renew.main #maincontents .add_mid_area3 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.renew.main #maincontents .add_mid_area3 ul li { width: 100%; }

#wrap.renew.main #maincontents .add_mid_area3 ul li a { clear: both; }

#wrap.renew.main #maincontents .add_mid_area3 ul li p { width: 100%; }

#wrap.renew.main #maincontents .add_mid_area3 ul li p.img { float: left; width: 100%; margin-right: 4%; }

#wrap.renew.main #maincontents .add_mid_area3 ul li p.title { line-height: 5.11vw; font-size: 3.85vw; font-weight: 700; margin-bottom: 2.8vw; letter-spacing: -0.35px; color: #222; -webkit-line-clamp: 2; }

#wrap.renew.main #maincontents .add_mid_area3 ul li p.text { line-height: 4.67vw; font-size: 3.025vw; font-weight: 400; -webkit-line-clamp: 2; color: #707070; }

#wrap.renew.main #maincontents .add_mid_area4 { padding: 4.125vw 6.31vw 0; background-color: #f2f3f6; }

#wrap.renew.main #maincontents .add_mid_area4 h1 { margin-bottom: 5.5vw; font-size: 4.95vw; font-weight: bold; letter-spacing: -0.45px; color: #434a5f; }

#wrap.renew.main #maincontents .add_mid_area4 > a { font-size: 3.575vw; font-weight: 500; letter-spacing: normal; color: #222; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text { margin-bottom: 7px; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span { display: inline-block; min-width: 15.3vw; height: 6.6vw; line-height: 6.6vw; padding: 0 10px; margin-bottom: 4px; margin-right: 5px; border-radius: 4px; background-color: #f2f3f6; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 3.3vw; font-weight: bold; text-align: center; color: #222; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span.date { padding: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 3.575vw; font-weight: normal; letter-spacing: -0.33px; color: #6a6a6a; background: none; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span.lg { color: #dd2395; background-color: #ffefef; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span.skt { color: #e54b2f; background-color: #ffefef; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span.kt { color: #222; background-color: #f2f3f6; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span.cheap { color: #444; background-color: #f2f3f6; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span img { width: 100%; height: 100%; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text span.agency { background-color: #ffefef; color: #e54b2f; }

#wrap.renew.main #maincontents .add_mid_area4 .agency_text.add_line { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; }

#wrap.renew.main #maincontents .add_mid_area4 ul li { width: 100%; margin-bottom: 5.5vw; border: 0; padding: 5.5vw; background-color: #fff; }

#wrap.renew.main #maincontents .add_mid_area4 ul li:last-child { margin-bottom: 0; }

#wrap.renew.main #maincontents .add_mid_area4 ul li .tit { font-size: 4.4vw; font-weight: 700; margin-bottom: 2.8vw; letter-spacing: -0.35px; color: #222; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; font-size: 3.85vw; font-weight: normal; letter-spacing: -0.35px; margin-bottom: 0; }

#wrap.renew.main #maincontents .add_mid_area4 ul li .txt { letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; font-size: 3.575vw; font-weight: 400; color: #707070; }

#wrap.renew.main #footer { height: 55vw; padding: 5.5vw 0 6.5vw; background-color: #f2f3f6; }

#wrap.renew.main #footer .footer_box ul.new_btnmenu { width: 87.38vw; margin: 0 auto 5.5vw; background-color: transparent; }

#wrap.renew.main #footer .footer_box ul.new_btnmenu li { width: auto; padding: 0 4.21vw; margin: 0; height: 11vw; line-height: 11vw; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; line-height: 1; }

#wrap.renew.main #footer .footer_box ul.new_btnmenu li a { font-size: 3.85vw; font-weight: 500; letter-spacing: normal; text-align: center; color: #707070; }

#wrap.renew.main #footer .footer_box ul.new_btnmenu li.join_go { position: relative; }

#wrap.renew.main #footer .footer_box ul.new_btnmenu li.join_go:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 0.275vw; height: 3.85vw; background: #DFDFDF; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#wrap.renew.main #footer .footer_box ul.bmenu li a { font-size: 3.575vw; font-weight: 500; color: #222; }

#wrap.renew.main #footer .footer_box ul.bmenu li::after { width: 0; }

#wrap.renew.main #footer .footer_box ul.bmenu li:nth-child(3) a { font-weight: bold; }

#wrap.renew.main #footer .footer_box .contact { line-height: 4.67vw; font-size: 3.025vw; color: #707070; font-weight: 400; margin-bottom: 9.9vw; margin-left: 4.95vw; text-align: left; }

#wrap.renew.main #footer .footer_box .contact span { font-weight: 500; }

#wrap.renew.main #footer .footer_box .contact a { font-size: 3.025vw; color: #707070; }

#wrap.renew.main #footer .footer_box .copyright { background-color: transparent; padding: 0; margin-left: 4.95vw; margin-bottom: 0; font-size: 2.75vw; font-weight: normal; letter-spacing: normal; text-align: left; color: #a7a7a7; }
/* 2023-07-27 수정 s */
#wrap.renew.main #footer .footer_box .mark { display: flex; align-items: end; flex-direction: column; position: absolute; bottom: 8.25vw; right: 4.95vw; overflow: hidden; width: auto; padding: 0; height: auto; background: transparent; }

#wrap.renew.main #footer .footer_box .mark a.mark_1 { width: 12.6vw; margin-right: 0; }

#wrap.renew.main #footer .footer_box .mark a.mark_2 { width: 19vw; margin-top: 2.75vw; }
/* // 2023-07-27 수정 e */


/* 탑 버튼 */
#moveTopBtn { display: none; width: 45px; height: 45px; position: fixed; right: 2%; bottom: 70vw; background: url(/smc/resources/imagesNew/mobileImage/common/btn/btn_Top.png) no-repeat; background-size: 45px auto; z-index: 999; }

/* processbar */
.processbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.processbar li { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; }

.processbar li span { display: block; padding: 20px 0 0; background-color: #fff; font-size: 13px; letter-spacing: -0.33px; color: #6a6a6a; text-align: center; }/* 2024 접근성 */

.processbar li:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: #d5d5d5; }

.processbar li.on:before { background-color: #3d79ea; }

.processbar li.on span { color: #356ae0; }


/* 2022-06-02 추가 s */
/* 장기멤버십 혜택*/
table .dash_list li{position: relative; padding-left: 10px; text-align: left;}
table .dash_list li:before{content:'-'; display: block; position: absolute; top: 0; left: 0;}
table td.pd0{padding: 0 !important;}
table td.pd0 .td_out_text{position: relative; padding: 12px 5px; width: 100%; box-sizing:border-box;}
table td.pd0 .td_out_text span.or{display: block; position: absolute; bottom: 0; left: 0; box-sizing:border-box; transform:translate(-50%,53%);}
.memberLgcok{margin-top: 20px;  padding: 20px 0; border: 1px solid #e2e2e2; box-sizing:border-box; font-size: 12px; font-weight: 600; color: #222;}
.memberLgcok .cok_list:after{content:''; display: table; clear:both;}
.memberLgcok .cok_list li{float: left; width: 33.33%; box-sizing:border-box; text-align: center;} /* 2023 상반기 점검 */
.memberLgcok .cok_list li + li {border-left:1px solid #e2e2e2;}
.memberLgcok .cok_list li img{height: 22px;}
.memberLgcok .cok_list li span{display: block; width: 100%; margin-top: 5px;}
/* //2022-06-02 추가 e */

/* 2022-07-07 추가 s */
/* 정보테이블 공통 */
.infoTbl {border-top:2px solid #888;}
.infoTbl table {width:100%; border-collapse:collapse;}
.infoTbl table th {padding:8px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#f1f1f1;color:#333;vertical-align:center;}
.infoTbl.noTh table th {background: #f7f7f7; font-family: none;}/* 2022-07-20 추가 */
.infoTbl table th:last-child {border-right:none;}
.infoTbl table td {padding:8px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-right:1px solid #ddd;}
.infoTbl table td:last-child {border-right: none;}
/* // 2022-07-07 추가 e */
/* 2022-07-20 추가 s */
.privacy-link a:hover {color:#3a61b7; text-decoration: underline;}
/* // 2022-07-20 추가 e */
/* 2022-10-27 2차 추가 s */
.imeiInfoPop4 .scrollArea {overflow-x: auto; width: 690px;}
.imeiInfoPop4 ::-webkit-scrollbar {height: 3px;}
/* // 2022-10-27 2차 추가 e */

/* S 2025-04-17 */
.benefitCon .titBoxCon{display: flex; align-items: center; justify-content: space-between; padding: 10px; border: 1px solid #DCE2E8; border-radius: 15px 15px 0 0; border-bottom: 0; background-color: #EFF5FF;}
.benefitCon .titBoxCon a{background-color: #eff5ff;}
.benefitCon .listBoxCon{padding: 10px; border: 1px solid #DCE2E8; border-radius: 0 0 15px 15px; box-sizing: border-box;}
.benefitCon .listBoxCon .ktList{display: flex; flex-wrap: wrap; align-items: center; gap:10px;}
.benefitCon .listBoxCon .ktList .ktListBox{display: flex; align-items: center; flex-direction: column; width: calc(50% - 5px); padding: 20px; text-align: center; border-radius: 5px; border: 1px solid #DCE2E8; box-sizing: border-box;}
.benefitCon .listBoxCon .ktList .ktListBox .fz14:last-child{padding-top: 4px; font-weight: 300;}
.benefitCon .listBoxCon .ktList.imgCon{justify-content: center; width: 308px; margin:0 auto;}
.benefitCon .listBoxCon .ktList.imgCon .img{width: calc(50% - 5px); max-width: 149px;}
.benefitCon .listBoxCon .ktList.imgCon .img.last{width: 100%; display: flex; justify-content: center; max-width: 308px;}
.benefitCon .listBoxCon .ktList.imgCon .img img{width: 100%;}

@media all and (max-width: 450px) {
    .benefitCon .listBoxCon .ktList .ktListBox{justify-content: center;  min-height: 150px;}
    .benefitCon .listBoxCon .ktList.imgCon{width: 100%;}
}
/* E  2025-04-17 */

/* 2022-10-27 2차 추가 s */
@media all and (max-width: 700px) {
    .container.renew .midarea .contentsarea .contentsbox .noti_wrap.border_box .view {height: 130px;}
}

@media all and (max-width: 374px) {
    .container.renew .midarea .contentsarea .contentsbox .noti_wrap.border_box .view {height: 160px;}
}
/* // 2022-10-27 2차 추가 e */

/* S : nos 퀴즈 팝업 */

body.scrollDisabled{overflow-y: hidden;}
.popupWrapper{display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4);}
.popupWrapper.on{display: flex;}

.popupWrapper *{box-sizing: border-box;}

.popup{display: none; padding: 20px 20px 30px; background: #fff; border-radius: 15px;}
.popup.on{display: block;}

.popupTitWrap{position: relative; padding-top: 20.5px; padding-bottom: 12.5px; border-bottom: 2px solid #6E7780;}
.popupCloseBtn{display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url(/smc/resources/pis/image/popup/popupCloseBtn.png) center/contain no-repeat;}
.popupCont{width: 100%; padding-top: 20px;}

.pcTxt{line-height: 1.75;}

@font-face {
    font-family: 'esamanru';
    /* font-style: medium;
    font-weight: 500; */
    src: url(/smc/resources/pis/fonts/esamanru-Medium.ttf) format('truetype');
}

.esamanru{font-family: 'esamanru', sans-serif !important;}

.blocked{display: block;}
/*.popup--quiz{width: 800px; padding: 0;}*/
.popup--quiz{width: calc(100% - 40px);}
.popup--quiz .popupCont{overflow: hidden;}
.popupCloseBtn--quiz{display: flex; align-items: center; top: -30px; right: 0px; width: 50px; background-image: none; color: #fff;}
.popupCloseBtn--quiz__imgBox{display: inline-block; width: 10px; height: 10px; background: url(/smc/resources/pis/image/sub/quizPopup__closeBtn.png) center/contain no-repeat;}
.popup--quiz .popupTitWrap{width: 100%; height: 58px; background: url(/smc/resources/pis/image/sub/quizPopup__banner--mob.png) center/contain no-repeat;}
.popup--quiz .quizList{display: flex; align-items: flex-start; position: relative; transition: transform ease .4s;}
.popup--quiz .quizWrapper{width: 100%;}
.popup--quiz .quiz__tit{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DCE2E8; color: #000; line-height: 1.5;}
.popup--quiz .quiz__answer{display: flex; align-items: center; width: 100%; height: 48px; margin-top: 10px; padding-left: 20px; border: 1px solid #DCE2E8; border-radius: 5px;}
.popup--quiz .quiz__answer.active{border-width: 2px; border-color: #10254D;}
.popup--quiz .quiz__explanWrap{position: relative; width: 100%; height: 294px; padding: 20px 17px; border: 1px solid #DCE2E8; border-radius: 5px;}
.popup--quiz .quiz__explanWrap::after{content: ""; display: block; position: absolute; bottom: 0; right: 30px; width: 75px; height: 90px; background: url(/smc/resources/pis/image/sub/quiz__explanImg.png) center/contain no-repeat;}
.popup--quiz .quiz__explanTxt{color: #323537; line-height: 1.75;}
.popup--quiz .quizBtns{padding-top: 20px;}
.popup--quiz .quizBtns .dftBtn{width: 86px; height: 38px;}
.popup--quiz .quizBtns .basicBtn{width: 86px; height: 38px;}
.popup--quiz .quizIndi{margin-bottom: 20px; color: #A7B5C2; font-size: 14px; font-weight: 500;}
.popup--quiz .quizBox{display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 38px; border: 1px solid #DCE2E8; border-radius: 5px;}
.popup--quiz .hintBox .hint__badge{display: flex; justify-content: center; align-items: center; width: 60px; height: 24px; margin: 0 auto 11px; background: #3772DE; border-radius: 5px; color: #fff; font-size: 12px;}
.popup--quiz .oxWrapper{display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; margin-bottom: 20px;}
.popup--quiz .oxWrapper .oxBox{display: flex; justify-content: center; align-items: center; width: 124px; height: 86px; border: 1px solid #DCE2E8; border-radius: 10px;}
.popup--quiz .oxWrapper .oxBox.active{border-color: #356CD4; border-width: 3px;}
.popup--quiz .oxWrapper .oxBox .imgBox{display: block; width: 49px; height: 49px; background: url() center/contain no-repeat;}
.popup--quiz .oxWrapper .oBox .imgBox{background-image: url(/smc/resources/pis/image/sub/O-g.svg);}
.popup--quiz .oxWrapper .oBox.active .imgBox{background-image: url(/smc/resources/pis/image/sub/O-b.svg);}
.popup--quiz .oxWrapper .xBox .imgBox{background-image: url(/smc/resources/pis/image/sub/X-g.svg);}
.popup--quiz .oxWrapper .xBox.active .imgBox{background-image: url(/smc/resources/pis/image/sub/X-b.svg);}
.popup--quiz .quizBox .answerInput{width: 184px; height: 44px; margin-top: 35px; margin-bottom: 50px; text-align: center; color: #10254D;}

.formset{width: 100%;}
.formset__row{display: flex; width: 100%;}
.formset__tit{font-weight: bold;}
.formset__item{display: flex; align-content: center; width: 100%; height: 100%;}

.input[type="text"], .input[type="password"], .select
{padding: 6px 11.5px 5px; border: 1px solid #A7B5C2; font-size: 14px; border-radius: 5px; color: #6e7780;}
.input[type="text"]:focus, .input[type="password"]:focus, .select:focus
{outline-width: 2px; outline-color: #10254D;}

.tbl{width: 100%; margin-top: 20px; border-top: 2px solid #6E7780;}
.tbl tr{border-bottom: 1px solid #DCE2E8;}
.tbl th{background: #f5f5f5; font-weight: bold;}
.tbl th.noBg{background: transparent;}
.tbl th, .tbl td{border-right: 1px solid #DCE2E8; text-align: center; vertical-align: middle;}
.tbl th.bdr, .tbl td.bdr{border-right: 1px solid #DCE2E8 !important;}
.tbl th:last-child, .tbl td:last-child{border-right: none;}

.pcAgpi{padding: 20px; border-radius: 10px; border: 1px solid #DCE2E8;}
.tbl.pcAgpiTbl{border: 1px solid #DCE2E8; border-bottom: none;}
.tbl.pcAgpiTbl th, .tbl.pcAgpiTbl td{height: 38px; font-size: 12px; font-weight: normal;}
.termsBox{width: 100%; padding: 20px; border: 1px solid #DCE2E8; border-radius: 10px;}

.popup--quiz .quizFormset .formset__tit{display: flex; justify-content: center; align-items: center; width: 50px; height: 38px}
.popup--quiz .quizFormset .formset__item{display: flex; justify-content: center; align-items: center; width: calc(100% - 50px); height: 38px;}
.popup--quiz .quizFormset .formset__item .input.wd180{width: 180px;}

.txtHidden{width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important;}

.dftBtn{display: flex; justify-content: center; align-items: center; border-radius: 5px; border: 1px solid #10254D; color: #10254d; cursor: pointer;}
.dftBtn.dftBtn--bg{background: #10254D; border-color: #10254D; color: #fff;}
.dftBtn:hover{background-color: #10254D !important; color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);}

.basicBtn{display: flex; justify-content: center; align-items: center; border: 1px solid #A7B5C2; border-radius: 5px; color: #6c757d; background: #fff;}
.basicBtn:hover, .basicBtn.active{background: #6e7780 !important; color: #fff !important; border-color: #6e7780;}

/* 2024 개선 추천결과 s */
.flexBox{display: flex !important;}
.flexCenter{display: flex !important; justify-content: center !important; align-items: center !important;}
.aic{align-items: center !important;}
.aife{align-items: flex-end !important;}
.jcc{justify-content: center !important;}
.jcsb{justify-content: space-between !important;}
.jcfe{justify-content: flex-end !important;}
.jcsa{justify-content: space-around !important;}
.gap10{gap: 10px !important;}
.gap20{gap: 20px !important;}
.fdc{flex-direction: column !important;}
.fww{flex-wrap: wrap !important;}
/* //2024 개선 추천결과 e */

.radioBox {display: flex; justify-content: center; align-items: center; position: relative;}
.radioBox input[type="radio"] {opacity: 0;width: 0;height: 0;overflow: hidden}
.radioBox input[type="radio"] + label {display: inline-block; width: 100%; height: 20px; background: url(/smc/resources/pis/image/common/checkbox.png) no-repeat left 0px/20px 20px; cursor: pointer;}
.radioBox input[type="radio"]:checked + label {background:url(/smc/resources/pis/image/common/checkbox__checked.png) no-repeat left 0px/20px 20px;}
.radioBox input[type="radio"] + label span {position: absolute; top: 50%; left: 30px; transform: translateY(-50%); display: block; height: auto; font-size: 12px;}
.radioBox input[type="radio"]:checked + label span{color: #10254d; font-weight: bold;}

.checkBox {display: flex; justify-content: center; align-items: center; position:relative;}
.checkBox input[type="checkBox"] {opacity: 0;width: 0;height: 0;overflow: hidden}
.checkBox input[type="checkBox"] + label {display: inline-block; width: 100%; height: 20px; background: url(/smc/resources/pis/image/common/checkbox.png) no-repeat left 0px/20px 20px; cursor: pointer;}
.checkBox input[type="checkBox"]:checked + label {background:url(/smc/resources/pis/image/common/checkbox__checked.png) no-repeat left 0px/20px 20px;}
.checkBox input[type="checkBox"] + label span {position: absolute; top: 50%; left: 30px; transform: translateY(-50%); display: block; height: auto; font-size: 12px;}
.checkBox input[type="checkBox"]:checked + label span{color: #10254d; font-weight: bold;}

.bdNone{border: none !important;}

/* 2024 개선 s */
.bdw_1px{border-width: 1px !important;}
.bdw_2px{border-width: 2px !important;}
/* //2024 개선 e */

.mt-20{margin-top: -20px !important;}/* 2024-04-22 recomend_search 수정 */
.mtNo{margin-top: 0 !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}

.txtBlue{color: #356cd4 !important;}
.txtBlue2{color: #0058FF !important;}/* 2024-04-30 요금제 개편 안내 */
.txtNavy{color: #10254D !important;}
.txtGray{color: #6e7780 !important;}
.txtBlack{color: #000 !important;}
.txtRef{position: relative; padding-left: 17px;}
.txtRef::before{content: "\203B"; display: block; position: absolute; top: 0; left: 0;}
.txtDot{position: relative; padding-left: 12px;}
.txtDot::before{content: "\00B7"; display: block; position: absolute; top: 0; left: 0;}

.fz11{font-size: 11px !important;}/* 2024-04-30 추가 */
.fz12{font-size: 12px !important;}
.fz14{font-size: 14px !important;}
.fz16{font-size: 16px !important;}
.fz18{font-size: 18px !important;}
.fz20{font-size: 20px !important;}
.fz22{font-size: 22px !important;}

.fwb{font-weight: bold !important;}
.fwm{font-weight: 500 !important;}

.tac{text-align: center !important;}

.min_wd150{width: 150px !important;}/* 2024-04-22 recomend_search 추가 */
.wd100p{width: 100% !important;}
.wd33p{width: 33% !important;}
.wd32p{width: 32% !important;}

.bdb1{border-bottom: 1px solid #DCE2E8;}
.posr{position: relative !important;}

/* 2024-04-22 result table info s */
.tdu,
.tdu.noHover:hover{text-decoration: underline !important; text-underline-position: under;}
/* //2024-04-22 result table info e */
.tdu:hover{text-decoration: none !important;}

.cerInputTimer{position: absolute; top: 50%; transform: translateY(-50%); right: 140px; }
#noticeAddTime{color: #434a5f;}
.noticeSMSWrap__comp{margin: 20px 0 10px 0; padding-top: 20px; border: 1px solid #e5e5e5; border-radius: 15px;}
.noticeSMSWrap__comp > dl{text-align: center;}
.noticeSMSWrap__comp > dl dt strong{font-family: Arial; font-size: 36px; color: #f9c423;}
.noticeSMSWrap__comp > dl dd{text-align: center; color: #444; font-size: 15px; font-weight: bold;}
.compBox{width: 100%; padding: 17px 20px; border-radius: 5px; box-sizing: border-box;}
.comp__dl{display: flex;}
.comp__dt{width: 88px; font-size: 14px;}
.comp__dd{font-size: 14px; font-weight: bold;}
.agreementBox{margin-top: 30px; padding: 20px; border: 1px solid #e5e5e5; border-radius: 15px;}
.modalpop .popupwrap.eventResultPopup{position: absolute;}
/* E : nos 퀴즈 팝업 */


/* 2024 OTT menu */
.title_flex_wrap {display:flex; justify-content:space-between; margin-bottom: 20px; }
.title_flex_wrap.bdtype{padding-bottom: 8px; border-bottom: 2px solid #6E7780;}

/* ott_logo_tab */
.ott_logo_tab {margin-top: 20px;}
.ott_logo_tab .tab_list{  display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; }
.ott_logo_tab .tab_list li{ }
.ott_logo_tab .tab_list li a{display: flex; flex-direction: column; position: relative; height: 77px; padding: 10px; border: 1px solid #E5E5E5; border-radius: 5px; box-sizing: border-box;}
.ott_logo_tab .tab_list li a:before{content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: 2px solid transparent; border-radius: 5px;}
.ott_logo_tab .tab_list li a:hover:before,
.ott_logo_tab .tab_list li a.on:before{outline-color: #3772DE;}
.ott_logo_tab .tab_list li .img_wrap{display: flex; align-items: center; justify-content: center; width: 100%; height:50px; }
.ott_logo_tab .tab_list li .img_wrap img{max-width: 100%; max-height: 100%;}
.ott_logo_tab .tab_list li .text{display: block; font-size: 13px; color: #3b4153; text-align: center;}

/* tabs_round */
.tabs_round.ott_tabs_round li a { padding: 11px 0 !important; }

/* ott_service_info */
.ott_hiddenwrap{display: none;}
.ott_service_info .info_group + .info_group{margin-top: 24px;}
.ott_service_info .info_group .group_title{display: flex; gap: 3px; align-items: center; flex-wrap: wrap; padding: 0 10px; font-weight: 600; color: #222;}
.ott_service_info .info_group .service_info{margin-top: 8px; border-top: 1px solid #656565;}
.ott_service_info .info_group .service_info dl dt,
.ott_service_info .info_group .service_info dl dd{min-height: 30px; margin: 0; padding: 7px 10px; border-bottom: 1px solid #E5E5E5; box-sizing: border-box; color: #222; font-size: 12px; font-weight: 300; line-height: 1.6;}
.ott_service_info .info_group .service_info dl dt{background-color: #F0F5FE; }
.ott_service_info .info_group .service_info dl dt a:after{content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 0 0 5px; background: url(/smc/resources/imagesNew/mobileImage/common/icon/icon_go.png) no-repeat; background-size: 12px auto;}
.ott_service_info .info_group .service_info dl dd{font-weight: 300; color: #222;}
/* .tooltip_layer#ott_service */
.tooltip_layer#ott_service{padding-bottom: 30px; transform: translateY(-40%);}
.tooltip_layer#ott_service .popcontents{overflow-y: auto; max-height: calc(90vh - 60px);}
.tooltip_layer#ott_service .ott_service_info .info_group + .info_group{margin-top: 17px;}
.tooltip_layer#ott_service .ott_service_info .info_group .group_title{padding: 0;}

/* //2024 OTT menu e */


/* 2024 개선 s */
/* 이동전화요금제 추천 > 사용량 확인방법 팝업 */
.tooltip_layer#usage_check .pop_text{line-height: 1.4;}
.tooltip_layer#usage_check .popcontents{padding: 20px 15px 0;}
.tooltip_layer#usage_check .round_box_blue:first-of-type{margin-top: 15px;}
.tooltip_layer#usage_check .round_box_blue .title_flex_wrap img{max-height: 22px;}
.tooltip_layer#usage_check .round_box_blue .path_area{font-weight: 600; line-height: 1.6; word-break: keep-all;}
.tooltip_layer#usage_check .round_box_blue .path_area strong{display: inline-block; margin-right: 5px;}
.tooltip_layer#usage_check .round_box_blue .btn_wrap{justify-content: center; margin-top: 20px;}
.tooltip_layer#usage_check .round_box_blue + .round_box_blue{margin-top: 20px;}


/* 2024-05-09 수정 choice benefit s */
/* 단말기 지원금으로 조회 > 지원금 vs 요금할인 자세히보기 팝업 */
#choice_benefit .ex_tit{margin-top: 8px; font-size: 11px; color: #10254d;}
#choice_benefit .gray_box{margin: 10px 0 18px; padding: 8px; border-radius: 8px; background-color: #F2F3F6;}
#choice_benefit .grid_wrap{position: relative; margin-top: 5px;}
#choice_benefit .grid_wrap .vs_wrap {display: flex; align-items: center; justify-content: center; gap:10px; margin: 10px 0;}
#choice_benefit .grid_wrap .vs_wrap .vs{ width: 40px; height: 40px;  background-color: #EFF5FF; border-radius: 50%; font-size: 12px; color: #000; text-align: center; line-height: 40px;}
#choice_benefit .grid_wrap .grid_cell {display: flex; gap:10px;}
#choice_benefit .grid_wrap .grid_cell .img_box{display: flex; flex-direction:column; align-items: center; justify-content: center; min-width: 100px; width: 36%; padding: 10px; border:1px solid #DCE2E8; border-radius: 10px; box-sizing: border-box; text-align: center;}
#choice_benefit .grid_wrap .grid_cell .img_box .img_wrap{display: flex; align-items: center; justify-content: center; height: 50px;}
#choice_benefit .grid_wrap .grid_cell .img_box .img_wrap img{width: auto; max-height: 100%;}
#choice_benefit .grid_wrap .grid_cell .img_box .main_text{display: block; margin-top: 5px; color:#434A5F; font-size: 12px;}
#choice_benefit .grid_wrap .grid_cell .img_box .sub_text{font-size: 11px; color:#434A5F;}/* 웹접근성 2026 */
#choice_benefit .grid_wrap .grid_cell .ex_box{max-width:calc(100% - 110px); width:calc(65% - 10px); padding: 15px 10px; border:1px solid #DCE2E8; border-radius: 10px; box-sizing: border-box; font-size: 12px;color:#6A6A6A; }
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info li{display: flex; justify-content: space-between;}
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info.highlight_bg li{position: relative; z-index: 1;}
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info.highlight_bg li:before{content:''; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: calc(100% + 6px); height: calc(100% + 6px); background-color: #FFF2BA; transform: translate(-50%, -50%);}
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info_list + hr{margin: 10px 0;}
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info_list {display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 5px 0; }
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info_list li{display: flex; justify-content: space-between; width: 100%; font-size: 12px; color:#6C757D;}
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info_list li + li{margin-top: 3px;}
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info_list .txt{min-width: 100px; width: 50%; text-align: right;}
#choice_benefit .grid_wrap .grid_cell .ex_box .price_info_list .price{color:#6C757D;}
#choice_benefit .ref_mark_list li{ color:#434A5F;}
/* //2024-05-09 수정 choice benefit e */


/* 갤러리형 게시판 리스트 -  통신생활 가이드 > 이럴땐 이렇게! */
.gallery_board{border-top: 1px solid #E5E5E5;}
.gallery_board .gallery_list{ margin-top:20px; }
.gallery_board .gallery_list .list_cell{padding: 20px 0; border-bottom: 1px solid #E5E5E5;}
.gallery_board .gallery_list .list_cell a{display: block;}
.gallery_board .gallery_list .list_cell .img_area{display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; width: 100%; height: auto; max-height: calc(82vw - 36px); background-color: #f5f5f5; object-fit: cover;}
.gallery_board .gallery_list .list_cell .img_area img{max-width: 100%;}
.gallery_board .gallery_list .list_cell .text_area{margin-top: 20px;}
.gallery_board .gallery_list .list_cell .text_area .cell_title{font-size: 14px; color: #222;}
.gallery_board .gallery_list .list_cell .text_area  .date{margin-top: 7px; font-size: 13px; color: #707070;}
/* //2024 개선 e */


/* 2024-04-24 s : 요금제 선택 UI 개선 - popup에 들어가는 UI랑 스타일 분리 */
.popupwrap .popcontents .sort_tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.popupwrap .popcontents .sort_tab > li .icon_sort { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #222; }
.popupwrap .popcontents .sort_tab > li > a { display: block; height: 40px; line-height: 38px; margin: 0 5px; padding: 0 15px; border-radius: 6px; border: solid 1px #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.popupwrap .popcontents .sort_tab > li.on .icon_sort { vertical-align: 8px; border: 6px solid transparent; border-bottom-color: #3d79ea; }
.popupwrap .popcontents .sort_tab > li.on > a { color: #3d79ea; }
.popupwrap .popcontents .sort_tab > li.desc .icon_sort { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #3d79ea;  }
.popupwrap .popcontents .sort_tab > li.desc > a { color: #3d79ea; }
.popupwrap .popcontents .sort_tab > li.asc .icon_sort { vertical-align: 8px; border: 6px solid transparent; border-bottom-color: #3d79ea; }
.popupwrap .popcontents .sort_tab > li.asc > a { color: #3d79ea; }
.popupwrap .popcontents .sort_tab.bdNone_type > li > a{ padding: 0;border: none; font-size: 14px;} 
.popupwrap .popcontents .sort_tab.bdNone_type > li + li{margin-left: 10px;}
.popupwrap .popcontents .sort_tab.bdNone_type > li.on .icon_sort_desc{margin-left: 5px;}
.popupwrap .popcontents .sort_tab > li.on .icon_sort_asc { display: inline-block; vertical-align: 8px; margin-left: 10px; border: 6px solid transparent; border-bottom-color: #3d79ea; }
.popupwrap .popcontents .sort_tab > li.on .icon_sort_desc { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #3d79ea; }
.popupwrap .popcontents .sort_tab > li .icon_sort_asc { display: inline-block; vertical-align: 8px; margin-left: 10px; border: 6px solid transparent; border-bottom-color: #222; }
.popupwrap .popcontents .sort_tab > li .icon_sort_desc { display: inline-block; vertical-align: 2px; margin-left: 10px; border: 6px solid transparent; border-top-color: #222; }
/* 2024-04-24 e : 요금제 선택 UI 개선 - popup에 들어가는 UI랑 스타일 분리 */


/* 2024-04-30 요금제 개편 안내, 2024-05-03 2차 수정 s */
.charge_improve img{max-width: 100%;}
.charge_improve .color_434A5F{color: #434A5F;}
.charge_improve .round_gradation_bg{display: flex; align-items: center; width: auto; width: 100%; height: 40px; padding: 0 20px; border-radius: 30px; box-sizing: border-box; background: linear-gradient(to left, #98bcf0 0%,#4075e5 83%,#4075e5 84%,#4075e5 100%); color: #fff; font-size: 15px; font-weight: 600;}
.charge_improve .dot_list > li{position: relative; font-size: 13px; padding-left: 14px; letter-spacing: -0.025em;}
.charge_improve .dot_list > li:before{content:''; display: block; position: absolute; top: 7px; left: 0; width: 6px; height: 6px; border-radius: 5px; background-color: #DADADA;}
.charge_improve .dot_list > li + li{margin-top: 5px;}
.charge_improve .tabwrap { background-color: #fff;}
.charge_improve .tabwrap .tab_list { display: flex; }
.charge_improve .tabwrap .tab_list li{width: 25%;}
.charge_improve .tabwrap .tab_list li a {display: flex; align-items: center; justify-content: center; position: relative; height: 60px; font-size: 13px; color:#979797; text-align: center;}
.charge_improve .tabwrap .tab_list li a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background:#d5d5d5;}
.charge_improve .tabwrap .tab_list li.active a {color:#3d79ea;}
.charge_improve .tabwrap .tab_list li.active a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px;background:#3d79ea;}
.charge_improve .tabwrap .tab_contents { position: relative; }
.charge_improve .tabwrap .tab_contents .tabcontent_cell { display: none; width: 100%; height: 100%;}
.charge_improve .tabwrap .tab_contents .tabcontent_cell.active {display: block; }
.charge_improve .tabwrap .tab_contents img{max-width: 100%;}
/* 2024-05-07 탭높이고정 s */
.charge_improve .tabwrap .tab_contents .cont_header{display: flex; flex-direction: column; justify-content: flex-end; height:100px; margin-bottom: 30px;}
.charge_improve .tabwrap .unit{display: flex; justify-content: flex-end; width: 100%; height: 3em;}
/* //2024-05-07 탭높이고정 e */
.charge_improve .tabwrap .unit li{padding: 0 9px; font-size: 13px; color:#999;}
.charge_improve .tabwrap .unit li + li{position: relative;}
.charge_improve .tabwrap .unit li + li:before{content:''; display: block; position: absolute; top: 5px; left: 0; width: 1px; height: 8px; background-color: #C9C9C9;}
.charge_improve .rowgroup1{padding: 40px 0;}
.charge_improve .rowgroup2{position: relative; z-index: 1; padding: 60px 0; background: #F2F3F6; }

.charge_improve .rowgroup2 .diagram_wrap{display: flex; flex-wrap: wrap; gap: 20px; width: 100%; margin-top: 35px;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell{width: 100%; padding: 20px; border-radius: 10px; background-color: #fff; }
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .title_area{display: flex; flex-direction: column; justify-content:center; position: relative; min-height: 70px; margin-bottom: 30px; padding: 0 0 30px 90px; border-bottom: 1px solid #e5e5e5;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .title_area .cell_tit{font-size: 16px; font-weight: bold; color: #0F68B2;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .title_area .cell_txt{display: block; font-size: 14px; font-weight: bold; color: #222;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .title_area:before{content: ''; display: block; position: absolute; top: 20px; left: 0; width: 70px; height: 70px; background: no-repeat; background-size: contain;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell:nth-child(1) .title_area:before{background-image: url(/smc/resources/imagesNew/mobileImage/mobile/charge_improve_target1.png);}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell:nth-child(2) .title_area:before{top: 5px; background-image: url(/smc/resources/imagesNew/mobileImage/mobile/charge_improve_target2.png);}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell:nth-child(3) .title_area:before{background-image: url(/smc/resources/imagesNew/mobileImage/mobile/charge_improve_target3.png);}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .dot_list{margin-top: 8px;}

.charge_improve .rowgroup2 .diagram_wrap .flex_cell .tooltip_box{margin-top: 15px; padding: 10px; border-radius: 10px; background-color: #F2F3F6;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .tooltip_box .tooltip_tit{position: relative; padding-left: 20px; color:#0F68B1; font-size: 11px; font-weight: bold;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .tooltip_box .tooltip_tit:before{content:''; display: block; position: absolute; top: 0; left: 0;  width: 16px; height: 16px; background: url(/smc/resources/pis/image/sub/warnningIcon--blue.png) no-repeat; background-size: contain;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .tooltip_box .tooltip_txt{margin-top: 8px; font-size: 11px;}
.charge_improve .rowgroup2 .diagram_wrap .flex_cell .img_wrap + .img_wrap{margin-top: 25px;}
.charge_improve .rowgroup3{padding: 40px 0;}
.charge_improve .rowgroup3 .img_wrap{padding: 10px; border: 1px solid #000; text-align: center;}
/* //2024-04-30 요금제 개편 안내, 2024-05-03 2차 수정 e */
.blind{position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;} /*2025-03-18 웹접근성*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
} /* 2026 웹접근성 3차 */