@charset "utf-8";

*{margin:0;padding:0;-webkit-text-size-adjust:none;word-break:break-all;box-sizing:border-box;}
html, body {height:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none;}
body{background:#fff;color:#333;font-size:16px;font-family:'나눔고딕','Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleSDGothicNeo,sans-serif !important;letter-spacing:-1px;}
.mac body {letter-spacing:-1px;}
/* .dim body {position:fixed; width:100%; height:100%; overflow:hidden;} */
.dim #header {position:absolute;}
input, textarea, select, button {font-family:'나눔고딕','Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleSDGothicNeo,sans-serif;}
img{width:100%;border:0 none;vertical-align:top;}
a {color:inherit; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:none;}
ol, ul, li{list-style:none;-webkit-padding-start:0;}
label{vertical-align:middle;}
i, em{font-style:normal;}
xmp, pre {display: inline;}
h1, h2, h3, h4{font-weight:normal;line-height:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
table{width:100%;border-collapse:collapse;table-layout:fixed;border-spacing:0;}
table caption{font-size:5px;display:inline-block;border:0;margin:-1px;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);padding:0;color:transparent;position:absolute;visibility:inherit;}
table th, table td{font-size:14px;font-family:'Malgun Gothic', sans-serif;letter-spacing:-1px;word-break:break-all;word-wrap:break-word;}
button{padding:0;border:none;background:none;letter-spacing:-1px;cursor:pointer;}
button::-moz-focus-inner{border:0;padding:0;}
::placeholder {color:#999; font-size:inherit; line-height:inherit;} /* placeholder 색상 지정 */
input::-webkit-input-placeholder {color:#999; font-size:inherit; line-height:inherit;}
input::-webkit-search-cancel-button {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {display:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-datetime-edit-fields-wrapper {padding:0;}
.mac ::placeholder,
.mac ::-webkit-placeholder {line-height:28px;}
fieldset{border:0;}
legend{width:0;height:0;overflow:hidden;font-size:medium;line-height:normal;word-break:break-all;opacity:0;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
.clbo {clear:both;}
.clfix:after{display:block;content:'';height:0;clear:both;visibility:hidden;}
* html .clfix{height:1%;} /* Hides from IE-mac */
.clfix{zoom:1;} /*for IE 5.5-7*/
.hide{display:inline-block;position:absolute;clip:rect(0,0,0,0);width:1px !important;height:1px !important;margin:-1px !important;overflow:hidden !important;font-size:5px;border:0;color:transparent;line-height:1 !important;}
.disabled{cursor:default;}
.hand {cursor:pointer}
/* .blind {position:absolute; z-index:-1; opacity:0; color:transparent; width:0 !important; height:0 !important; overflow:hidden !important; line-height:1 !important;} */
.blind {position:absolute;clip:rect(0,0,0,0);width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;border:0 !important;overflow:hidden !important;font-size:medium !important;line-height:1 !important;color:transparent;}
.blind:before {content:'\00a0'; display:block; width:0; height:0; font-size:0;}
label.blind:before {content:none;}

#wrap.noscroll-1805 {height:100%;}

/* 191203 웹접근성에 따른 본문 건너뛰기 추가 - skipnavigation */
#skipnavigation_mw{position:absolute;top:0;left:0;z-index:1001;width:100%;height:0}
#skipnavigation_mw p,
#skipnavigation_mw ul,#skipnavigation ul li{height:0}
#skipnavigation_mw li a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;font-weight:700;color:#000;text-align:center;white-space:nowrap}
#skipnavigation_mw li a:focus {z-index:1000;width:100%;height:auto;padding:10px 0;background:#000;color:#FFF !important}

.contents {background-color:#eee;}
.contents.no_depth {padding-top:52px;}
.contents.no_footer {padding-bottom:98px;}
.contents.no_footer2 {padding-bottom:122px;}


.iblock {display:inline-block; vertical-align:top;}
.block {display:block !important;}

.ft_bold {font-weight:bold !important;}

/* position */
.pos_rel {position:relative;}
.pos_abs {position:absolute;}

/* align */
.al_l{text-align:left !important;}
.al_c{text-align:center !important;}
.al_r{text-align:right !important;}

/* float */
.fl_l{float:left !important;}
.fl_r{float:right !important;}

/* word space */
.ls0{letter-spacing:0;}

/* font */
.fs20 {font-size:20px;}

/* color */
.fc_gray{}
.fc_red {color:#f33 !important;}
.fc_dgray{color:#333 !important;}
.fc_pink {color:#ed008c !important;}
.fc_color01 {color:#ed008c !important;}
.fc_color02 {}
.fc_purple {color:#7600db !important;}
.fc_purple2 {color:#5442bc !important;}
/* line space */

/* spaing */

/* 비주얼 기구 색상 */
.black_color .tit,
.black_color .tit_desc {color:#333 !important;}
.white_color .tit,
.white_color .tit_desc {color:#fff !important;}

/* 넓이, 높이 */
.w120 {width:120px !important; min-width:120px !important;}

/* padding */
.pd0 {padding:0 !important;}
.pdt0 {padding-top:0 !important;}
.pdb0 {padding-bottom:0 !important;}
.pdt32 {padding-top:32px !important;}

/* margin */
.mg0 {margin:0 !important;}
.mt0 {margin-top:0px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mb4 {margin-bottom:4px !important;}
.mb8 {margin-bottom:8px !important;}
.mb12 {margin-bottom:12px;}
.mb16 {margin-bottom:16px;}
.mb20 {margin-bottom:20px;}
.mb36 {margin-bottom:36px;}

.border_none {border:0 none !important;}
.bdb_line {border-bottom:1px solid #ddd;}
.underline {text-decoration:underline !important;}

input[type=number] {-webkit-text-security:inherit;}

/* forms */
.ico_req {overflow:hidden; position:absolute; top:0; left:-6px; width:4px; height:4px; border-radius:100%; background-color:#e90070; color:transparent;}
input.txt {width:100%; height:46px; min-height:46px; padding:13px 11px; border:1px solid #ccc; border-radius:4px; color:#333; font-size:18px; line-height:20px; vertical-align:middle; outline:0; -moz-appearance:textfield; -webkit-appearance:none; appearance:none;}
input.txt:hover,
input.txt:focus {border-color:#ed008c;}
input.txt.masking {-webkit-text-security:disc;}
input.txt[readonly], textarea.txt[readonly] {pointer-events:none;}
textarea {width:100%; height:120px; padding:16px; border:1px solid #ccc; border-radius:4px; background:#fff; color:#333; font-size:16px; line-height:19px; vertical-align:top; resize:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
textarea.txt {width:100%; height:118px; padding:12px 16px; border:0; border-radius:0; background:#f4f4f4; color:#505050; font-size:16px; line-height:19px; vertical-align:top; resize:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.textarea_wrap {padding:12px 14px 24px; background:#f4f4f4;}
.textarea_wrap textarea.txt {background-color:transparent;}
.textarea_wrap .result {padding:12px 0 0 16px; color:#909090; font-size:12px; line-height:14px;}

.inptxt_wrap {position:relative; display:inline-table; width:100%; height:48px; border:1px solid #ccc; border-radius:4px; background:#fff; vertical-align:middle;}
.inptxt_wrap input.txt {background:transparent; border:0;}
.inptxt_wrap > input.txt, .inptxt_wrap > .optional {display:table-cell; vertical-align:middle;}
.inptxt_wrap > .optional {width:1%; padding-right:44px; text-align:right; white-space:nowrap;}
.inptxt_wrap *[class^='ico_form_'], .inptxt_wrap[class*=' ico_form_']:before {position:absolute; margin:13px 0 0 16px;}
.inptxt_wrap *[class^='ico_form_']:before {vertical-align:top;}
.inptxt_wrap *[class^='ico_form_'] + input.txt, .inptxt_wrap[class*=' ico_form_'] > input.txt {padding-left:44px;}

.inptxt_wrap .optional .btn_del {width:20px; height:20px; overflow:hidden; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat -28px -264px; background-size:300px auto; vertical-align:middle; text-indent:-9999px;}
.btn_srh {position:absolute; top:50%; right:12px; width:20px; height:20px; margin-top:-10px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat -225px -241px; background-size:300px auto; opacity:0.3;}
.inptxt_wrap .optional .ico_valid_error {display:inline-block; width:21px; height:18px; background:url('/img/common/ico_forms.png') no-repeat 0 -58px; background-size:200px auto; color:#ff7070; text-align:left; vertical-align:middle; text-indent:-9999px;}
/* .inptxt_wrap .optional *[class^='btn_'], .inptxt_wrap .optional *[class*=' btn_'], .inptxt_wrap .optional *[class^='ico_'], .inptxt_wrap .optional *[class*=' ico_'] {margin-right:4px;} */
.inptxt_wrap:hover, .inptxt_wrap:active, .inptxt_wrap:focus, .inptxt_wrap:visited {border-color:#ed008c;}
.inptxt_wrap.on {border-color:#ed008c;}
.inptxt_wrap.readonly .optional .btn_del {display:none;}
.inptxt_wrap.error input.txt,
.inptxt_wrap.success input.txt {color:inherit;}
.inptxt_wrap.error, input.txt.error {border-color:#ff3333 !important; color:#ff3333;}
.inptxt_wrap.success, input.txt.success {border-color:#333399; color:#333399;}
.inptxt_wrap.success:before {content:' '; display:block; position:absolute; top:12px; right:12px; width:32px; height:23px; background:url('/common/images/cmm/ico_form_mobile.png') no-repeat 0 0; background-size:300px auto;}

.inptxt_wrap.disabled {border:1px solid #ccc; background:#f6f6f6;}
.inptxt_wrap.disabled input.txt {color:#999;}
.ios .inptxt_wrap.line_type.disabled input.txt,
.ios .inptxt_wrap.disabled input.txt,
.ios .inptxt_wrap.line_type input:disabled:-webkit-autofill,
.ios .inptxt_wrap.line_type input.txt:disabled {color:#666; -webkit-text-fill-color:#666;}
/*.inptxt_wrap.error input.txt, input.txt.error {color:#ff1a1a;}*/

/* .item_wrap {display:inline-block; position:relative; height:48px; background:#fff; border:1px solid #ccc; border-radius:4px; color:#999; font-size:17px; vertical-align:middle;}
.item_wrap select {width:100%; height:100%; padding:0 32px 0 16px !important; background:transparent; border:0; color:inherit; font-size:inherit; outline:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.item_wrap select + .ico_arr {position:absolute; top:50%; right:15px; width:0; height:0; margin:-3px 0 0; border-style:solid; border-width:6px 6px 0 6px; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent; color:#333;}
.item_wrap[class*=' ico_form_']:before {position:absolute; top:50%; left:16px; margin:-10px 0 0; vertical-align:top;}
.item_wrap[class*=' ico_form_'] select {padding-left:44px;}
.item_wrap:not(.disabled):hover, .item_wrap:not(.disabled):active {border-color:#ed008c;}
.item_wrap.error {border-color:#ff7070 !important;} */
/*.item_wrap.active {color:#303030;}*/

.lay_alert .item_wrap {z-index:1;} /* 171215_추가 알럿형팝업 내 달력조작 */

.select_wrap {display:inline-block; position:relative; width:100%;}
.select_wrap .w60p {width:60% !important;}
.select_wrap .w100p {width:100% !important;}
.select_wrap .wAuto {width:auto !important; max-width:100% !important;}


.dataform_box {font-size:0;}
.dataform_box.type {}
.dataform_box.type .rdo_wrap {width:calc((100% + 7px) / 2); margin-left:0 !important;}
.dataform_box.type .rdo_wrap:first-child {margin-right:-7px;}
.dataform_box.type .rdo_wrap.txt_type input[type='radio'] + label {background-color:#f6f6f6; color:#333; font-size:18px;} /* 190114 인터넷/IPTV 수정반영 */
.dataform_box.type .rdo_wrap.txt_type input[type='radio']:checked + label {z-index:1; background-color:#fff; color:#ED008C;}

.dataform_box.type.size_3 .rdo_wrap {width:calc((100% - -13px) / 3) !important;}
.dataform_box.type.size_3 .rdo_wrap:nth-child(2) {margin-right:-7px;}

/* HPEW 20120113 휴대폰 가입신청서 개선 */
.dataform_box.type_flex{display:flex;}
.dataform_box.type_flex .rdo_wrap.size_flex {flex:1;margin-top:0 !important;text-align:center;margin-right:8px;}
.dataform_box.type_flex .rdo_wrap.size_flex:last-child{margin-right:0;}

.dataform_box.type_flex .rdo_wrap.info_type .select_info.line_one{padding:22px 16px;}
.dataform_box.type_flex .rdo_wrap.info_type .select_info .tit{font-size:16px;color:#666}
.dataform_box.type_flex ~ .application_wrap.renew .forms_wrap .dot_list{margin-bottom:15px;}
.dataform_box.inner_box{margin-top:16px !important;}
.dataform_box.inner_box .service_info_txt{color: #888;font-size: 13px;margin-top: 6px;}
.dataform_box.inner_box .select_info .tit+.tit_desc{margin-top:13px;}
.dataform_box.inner_box .select_info .tit_desc em{font-size:18px;font-weight:bold;}

.pass_box {position:relative; margin-top:12px; height:120px; padding:16px 16px 40px; border:1px solid #ccc; border-radius:4px;}
.pass_box dl dt {color:#333; font-size:16px; line-height:19px;}
.pass_box dl dd {margin-top:8px; color:#666; font-size:14px; line-height:18px;}
.pass_box .detail_link {position:absolute; right:16px; bottom:16px;}

/* radio/checkbox */
label.disabled	{cursor:default !important}
.disabled label	{cursor:default !important}
.chk_wrap_title {font-weight:bold}

.chk_wrap	{position:relative; display:inline-block; min-width:1px; min-height:24px; vertical-align:middle;}
.chk_wrap input[type='checkbox'] {display:inline-block; position:absolute; z-index:0; left:4px; top:4px; opacity:0; filter:alpha(opacity=0);}
.chk_wrap [type='checkbox'] + label	{display:inline-block; min-width:1px; min-height:24px; padding:1px 0 1px 30px; color:#333; font-size:16px; line-height:22px; cursor:pointer;}
.chk_wrap input[type='checkbox']+label:after {content:''; position:absolute; left:0; top:0; width:24px;height:24px;background:url('/common/images/cmm/ico_form_mobile.png') no-repeat -60px 0; background-size: 300px auto; zoom:1;}
.chk_wrap input[type='checkbox'] {filter:alpha(opacity=100) \0/IE8;}
.chk_wrap input[type='checkbox']+label:after {z-index:-10 \0/IE8; background-image:none \0/IE8;}
	:root .chk_wrap input {filter:alpha(opacity=0) \0/IE9;}
	:root .chk_wrap input+label:after {z-index:0 \0/IE9; background:url('/common/images/cmm/ico_form_mobile.png') \0/IE9;}
.chk_wrap input[type='checkbox']:checked+label:after {background-position:-84px 0;}
.chk_wrap input[type='checkbox']:disabled+label:after {background-position:-60px 0;}
.chk_wrap input[checked]:disabled+label:after {background-position:0 0;}
.chk_wrap.disabled_check input[type='checkbox']:disabled+label:after {background-position:-132px 0;}
.chk_wrap.ar label {padding:0 30px 0 0;}
.chk_wrap.ar input+label:after {left:auto; right:0;}
.chk_wrap.ar input {left:auto; right:2px;}

/* .chk_wrap.h24 input[type='checkbox']+label:after {width:24px; height:24px; background-position:-60px 0;}
.chk_wrap.h24 input[type='checkbox']+label {min-height:24px; line-height:24px;}
.chk_wrap.h24 input[type='checkbox']:checked+label:after {width:24px; height:24px; background-position:-84px 0;}
.chk_wrap.h24 input[type='checkbox']:disabled+label:after {width:24px; height:24px; background-position:-108px 0;} */

.rdo_wrap	{position:relative; display:inline-block; min-width:1px; min-height:24px; vertical-align:top;}
.rdo_wrap input	{display:inline-block; position:absolute; z-index:0; left:2px; top:5px; opacity:0;}
.rdo_wrap label	{display:inline-block; position:relative; min-width:1px; min-height:24px; padding:0 0 0 30px; font-size:16px; color:#333; line-height:24px; cursor:pointer;}
.rdo_wrap input+label:after {content:''; position:absolute; left:0; top:0; width:24px;height:24px;background:url('/common/images/cmm/ico_form_mobile.png') no-repeat 0px -40px; background-size: 300px auto; zoom:1;}
.rdo_wrap input {filter:alpha(opacity=100) \0/IE8; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=100)' \0/IE8;}
.rdo_wrap input+label:after {z-index:-10 \0/IE8; background:none \0/IE8;}
	:root .rdo_wrap input {filter:alpha(opacity=0) \0/IE9;}
	:root .rdo_wrap input+label:after {z-index:0 \0/IE9; background:url('/common/images/cmm/ico_form_mobile.png') \0/IE9;}
.rdo_wrap input+label:after {display:none \0/IE8; background:none \0/IE8;}
.rdo_wrap input:checked+label:after {background-position:-24px -40px;}
.rdo_wrap input:disabled+label:after {background-position:-40px -20px;}
.rdo_wrap input[checked]:disabled+label:after {background-position:-96px 0;}
.rdo_wrap.ar label {padding:0 30px 0 0;}
.rdo_wrap.ar input+label:after {left:auto; right:0;}
.rdo_wrap.ar input {left:auto; right:2px;}
.rdo_wrap.only label {padding-left:24px;}

.rdo_wrap.txt_type {display:inline-block; position:relative; width:60px;}
.rdo_wrap.txt_type input[type='radio'] + label {width:100%; line-height:22px; padding:12px 0; border:1px solid #ccc; border-radius:4px; background:#fff; color:#666; font-size:18px; font-weight:normal; text-align:center;} /* 190114 인터넷/IPTV 수정반영 */
.rdo_wrap.txt_type.line2 input[type='radio'] + label {padding:15px 0 12px;}
.rdo_wrap.txt_type input[type='radio'] + label:after {display:none;}
.rdo_wrap.txt_type input[type='radio']:checked + label {border-color:#ed008c; color:#ed008c;}
.rdo_wrap.txt_type small {display:inline-block; margin-top:3px; font-size:14px; vertical-align:top;}

.rdo_wrap.month_type {display:inline-block; position:relative; width:48px;}
.rdo_wrap.month_type input[type='radio'] + label {width:100%; line-height:20px; padding:13px 0; border:1px solid #ccc; border-radius:4px; background:#fff; color:#333; font-size:16px; text-align:center;}
.rdo_wrap.month_type input[type='radio'] + label:after {display:none;}
.rdo_wrap.month_type input[type='radio']:checked + label {border-color:#ed008c; color:#ed008c;}
.rdo_wrap.month_type.all {display:inline-block; position:relative; width:160px;}

.rdo_wrap.txt_type_btn {display:inline-block; position:relative; width:100%;}
.rdo_wrap.txt_type_btn input[type='radio'] + label {width:100%; line-height:24px; padding:11px 0; border:1px solid #ccc; border-radius:4px; background:#fff; color:#000; font-size:16px; text-align:center;}
.rdo_wrap.txt_type_btn input[type='radio'] + label:after {display:none;}
.rdo_wrap.txt_type_btn input[type='radio']:checked + label {border-color:#ed008c; color:#ed008c;}

.rdo_wrap.info_type {display:inline-block; position:relative; width:100%;}
.rdo_wrap.info_type .select_info {padding:12px 16px; color:#999;}
.rdo_wrap.info_type .select_info .tit {color:#333; font-size:18px; line-height:21px;}
.rdo_wrap.info_type input[type='radio']:checked + .select_info .tit {color:#ed008c;}
.rdo_wrap.info_type .select_info .tit_desc {margin-top:6px; color:inherit; font-size:14px; line-height:17px; word-break:break-all;}
.rdo_wrap.info_type .select_info .tit_desc span {display:inline-block; width:50%;}
.rdo_wrap.info_type .select_info .tit_desc span:nth-child(2n) {text-align:right;}
.rdo_wrap.info_type .select_info dl {font-size:15px; line-height:19px; margin-top:4px; overflow:hidden;}
.rdo_wrap.info_type .select_info dl.first {margin-top:10px;}
.rdo_wrap.info_type .select_info dl.big {font-size:16px;}
.rdo_wrap.info_type .select_info dl dt {float:left;}
.rdo_wrap.info_type .select_info dl dd {float:right;}
.rdo_wrap.info_type input[type='radio'] ~ label {position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; border:1px solid #ccc; border-radius:4px; font-size:0;}
.rdo_wrap.info_type input[type='radio']:checked ~ label {border-color:#ed008c;}
.rdo_wrap.info_type input[type='radio'] ~ label:after {display:none;}
.rdo_wrap.info_type input[type='radio']:checked + .select_info {color:#ed008c;}

/* .rdo_wrap	{position:relative; display:inline-block; min-width:1px; min-height:25px; vertical-align:middle;} */
.swc_wrap input[type='checkbox'] { position:absolute; visibility:hidden;}
.swc_wrap label {display:block;  position:relative; width:48px; height:24px; border-radius:12px; background-color:#ccc; transition-duration:0.2s;}
/* .rdo_wrap {position:relative; display:inline-block; min-width:1px; min-height:25px; vertical-align:middle;} */
.swc_wrap input[type='checkbox'] {position:absolute; visibility:hidden;}
.swc_wrap label {display:block; position:relative; width:48px; height:24px; border-radius:12px; background-color:#ccc; transition-duration:0.2s;}
.swc_wrap label span {position:absolute; left:1px; top:1px; z-index:1; width:22px; height:22px; border-radius:50%; background-color:#fff; transition-duration:0.2s;}
.swc_wrap label:after {position:absolute; top:0; width:34px; font-size:11px; line-height:34px; color:#fff; text-align:center;}
.swc_wrap label:after { content: ''; right:0}
.swc_wrap input:checked + label {background-color:#ed008c;}
.swc_wrap input:checked + label span {position:absolute; left:-1px; top:1px;transform: translateX(26px);}
/* //radio/checkbox */

.agree_list .head {padding:0 0 16px; color:#202020; font-size:16px; line-height:23px;}
.agree_list .rad_wrap input + label {color:inherit;}
.agree_list ul {border-top:1px solid #e0e0e0;}
.agree_list ul > li {position:relative; margin:12px 0; padding:0 30px 0 0; color:#505050; font-size:14px; line-height:20px;}
.agree_list ul > li .btn_view {position:absolute; top:50%; right:0; width:30px; height:30px; margin-top:-15px; color:#b0b0b0; line-height:30px; text-align:right;}
.agree_list ul > li .btn_view:before {content:''; display:inline-block; margin:0 2px 0 0; width:7px; height:7px; border-right:1px solid; border-bottom:1px solid; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.agree_list .rad_sub {padding-right:0;}
.agree_list .rad_sub ul {margin-top:12px; padding:5px 16px; border:1px solid #d0d0d0;}
.agree_list .rad_sub ul li {margin:10px 0;}

.tooltip {margin:4px 0; font-size:14px; line-height:17px;}
.txt_valid_error {margin:3px 0 0 3px;; color:#ff3333; font-size:14px; line-height:21px;}
.txt_security_lvl {margin:4px 0; color:#ff7070; font-size:14px; line-height:20px;}

/* button */
.bttn {display:inline-block; vertical-align:top;}
.bttn:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.bttn > span {display:inline-block; max-width:100%; max-height:100%; padding:0 8px; overflow:hidden; vertical-align:top;}
.bttn.line2 > span {padding-top:6px; line-height:20px;}

/* 신규 */
/* basic */
.bttn {display:inline-block; border:1px solid transparent; border-radius:4px; background-color:#fff; line-height:1.2; text-align:center;}

/* size */
.bttn.big {min-width:100%; height:52px; font-size:18px; line-height:50px;}
.bttn.medium {min-width:176px; height:32px; font-size:14px; line-height:30px; vertical-align:middle;}
.bttn.second {min-width:104px; height:48px; font-size:16px; line-height:46px;}
.bttn.small {min-width:104px; height:40px; font-size:16px; line-height:38px;}
.bttn.small > span {padding:0 16px;}
.bttn.xsmall {min-width:104px; height:36px; font-size:14px; line-height:34px;}
.bttn.xsmall > span {padding:0 12px;}
.bttn.w160 {min-width:160px;}

/* color */
.bttn.pink {background:#ED008C !important; color:#fff !important;}
.bttn.black {background:#333 !important; color:#fff !important;}
/* .bttn.medium.black {background:#000 !important;} */
.bttn.bkgray {background:#ccc !important; color:#666 !important}
.bttn.gray {background:#ccc !important; color:#666 !important}
.bttn.navy {background:#213a4c !important; color:#fff !important}
.bttn.purple {background:#6B6998 !important; color:#fff !important}
.bttn.disabled {background:#ccc !important; color:#999 !important;}
.bttn.second.disabled {border:1px solid #ccc !important; background:#eee !important; color:#999 !important;}

/* line */
.bttn.line_gray {border:1px solid #ccc; color:#333;}
.bttn.line_pink {border:1px solid #ed008c; color:#ed008c;}
.bttn.line_black {border:1px solid #000; color:#000;}

/* round */
.bttn.round {border-radius:26px;}

/* pop btn */
.bttn_pop {position:relative; width:100%; height:48px; margin:0 8px; background:#f6f6f6; color:#ED008C; font-size:17px; line-height:48px;}
.bttn_pop.gray {background-color:#f6f6f6;}
.bttn_pop.black {background-color:#333;}
.bttn_pop.white {background-color:#fff;}

.bttn_pop.fc_dgray {color:#333;}
.bttn_pop.fc_gray {color:#666;}
.bttn_pop.disabled {color:#999;}

/* btn icon */
.bttn .ico_write {display:inline-block; width:20px; height:20px; margin-right:-4px; background:url('/common/images/mys/ico_mys_mobile.png') no-repeat -80px -276px; background-size:300px auto; vertical-align:middle;}

/* 더보기 버튼 */
/* 더보기 */
.btn_view_more {margin-top:12px;}
.btn_view_more .bttn {width:100%; height:52px; border-bottom:1px solid #ddd; border-radius:0; background-color:#fff; color:#666; font-size:16px; line-height:52px;}
.btn_view_more .bttn:after {content:''; display:inline-block; width:8px;  height:8px; margin-top:-4px; border:1px solid #666; border-top:none; border-right:none; vertical-align:middle; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.btn_view_more.big {margin-top:0; border-top:1px solid #eee;} /* margin-top 없음 */
.btn_view_more.bd_none {border-top:1px solid #fff;} /* margin-top 없는 버튼일 때 border-top 없어야 할 경우 _ bg가 보이는 경우가 있어 border-color fff로 함. */
.btn_view_more.last {border-bottom:12px solid #eee;} /* 더보기 버튼이 화면 마지막일 경우 last */

/* 기능 버튼 */
.btn_more {display:inline-block; min-width:85px; height:28px; border:1px solid #000; border-radius:4px; color:#000 !important; background:transparent; font-size:12px; line-height:26px; text-align:center;}
.btn_more span {position:relative; padding-right:12px;}
.btn_more span:before {content:' '; display:block; position:absolute; top:5px; right:0; width:4px; height:4px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.learn_more {border:none; font-size:14px; text-align:left;}
.learn_more span:before {width:7px; height:7px; top:4px;}

.lay_btn {display:block; height:36px; padding:0 12px; border:1px solid #ccc; border-radius:4px; background-color:#fff; line-height:34px;}
.lay_btn span {display:inline-block; width:100%; position:relative; color:#333; font-size:14px; vertical-align:top;}
.lay_btn.h40 {height:40px; line-height:38px;}
.lay_btn.h40 span {color:#ed008c;}
.lay_btn.sel_type span {padding-right:25px; color:#333; font-size:14px;}
.lay_btn.sel_type span:before {content:' ';position:absolute;top:50%;right:2px;width:8px;height:8px; margin-top:-7px; border:1px solid #333; border-top:none; border-left:none; background:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.lay_btn.arr_r span {padding-right:25px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lay_btn.arr_r span:before {content:' ';position:absolute;top:50%;right:4px;width:10px;height:10px; margin-top:-5px; border:1px solid #333; border-left:none; border-bottom:none; background:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.lay_btn.big {position:relative; height:70px; padding:13px 40px 13px 11px; line-height:21px;}
.lay_btn.big span {display:-webkit-box; max-height:42px; font-size:18px; line-height:21px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.lay_btn.big:after {content:' '; position:absolute; top:18px; right:17px; width:10px; height:10px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
/*
.lay_btn span {position:relative; padding-right:25px; color:#000; font-size:14px;}
.lay_btn span:before {content:' ';position:absolute;top:2px;right:0;width:8px;height:8px; border:1px solid #333; border-top:none; border-left:none; background:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
*/
/* 자세히 보기 링크 */
.detail_link {display:inline-block;}
.detail_link span {display:inline-block; position:relative; padding-right:14px; color:#666; font-size:14px; line-height:20px; vertical-align:top;}
.detail_link span:before {content:' '; display:block; position:absolute; top:6px; right:4px; width:7px; height:7px; border:1px solid #666; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/* //신규 */

.btn_wrap {font-size:0; text-align:center;}
.btn_wrap > button,
.btn_wrap > a {margin:0;}
.btn_wrap > button:first-child,
.btn_wrap > a:first-child {margin-left:0;}
.btn_wrap > button:last-child,
.btn_wrap > a:last-child {margin-right:0;}
.btn_wrap.column:after {content:' '; display:block; clear:both;}
.btn_wrap.column .cell {display:block; padding:0;}
.btn_wrap.column .cell:first-child {float:left; width:50%; padding-left:0;}
.btn_wrap.column .cell:last-child {float:right; width:50%; padding-right:0;}
.btn_wrap.column .cell .bttn {width:100%;}
.btn_wrap.size_2 {font-size:0;}
.btn_wrap.size_2 .bttn {min-width:auto; width:calc((100% - 8px) / 2); margin-left:8px;}
.btn_wrap.size_2 .bttn:first-child {margin-left:0;}
.kind_area .btn_wrap.bottom {margin-top:24px;}

.pop_wrap .btn_wrap.size_3 {margin-top:24px; font-size:0; border-top:0 none;}
.pop_wrap .btn_wrap.size_3 .bttn {min-width:auto; width:calc((100% - 16px) / 3); margin-left:8px;}
.pop_wrap .btn_wrap.size_3 .bttn:first-child {margin-left:0;}
/* .btn_wrap.more {padding-bottom:28px;}
.btn_wrap.more .btn {display:block; position:relative; }
.btn_wrap.more .btn > span:before {content:'+';}
.btn_wrap.more .btn:not(.btn_primary) {height:36px; background-color:#fff; color:#333; font-size:12px; line-height:36px;} */
/*.btn_wrap.more .btn.btn_primary {background:#f4f4f4; border-color:#f4f4f4; color:#808080;}*/
/* .btn_wrap.more .btn.btn_primary {background:transparent; border-color:transparent; color:#808080;}
.btn_wrap.more .btn.btn_primary > span:before {color:#b0b0b0; font-size:20px; vertical-align:-1px;}
.btn_wrap.sharing .btn {font-size:14px;} */

/* .btn_wrap.col {display:table; width:100%; table-layout:fixed;}
.btn_wrap.col > .cell {display:table-cell; padding:0 4px;}
.btn_wrap.col > .cell:first-child {padding-left:0;}
.btn_wrap.col > .cell:last-child {padding-right:0;}
.btn_wrap.col > .cell + .cell > .btn {border-left:0;}
.btn_wrap.col.col_type02 > .cell {padding:0;}
.btn_wrap.fs_small .btn {font-size:14px;}

.btn_area[class*=' type_col'] {display:block; padding:1px 0 0;}
.btn_area[class*=' type_col']:after {content:''; display:block; clear:both;}
.btn_area[class*=' type_col'] button, .btn_area[class*=' type_col'] a, .btn_area[class*=' type_col'] label {float:left; height:44px; overflow:hidden; border:1px solid #d0d0d0; margin:-1px -1px 0 0; color:#202020; font-size:14px; line-height:44px; text-align:center; cursor:pointer;}
.btn_area[class*=' type_col'] input:checked + label, .btn_area[class*=' type_col'] input:focus + label {position:relative; border-color:#303030; color:#202020;}
.btn_area.type_col5 button, .btn_area.type_col5 a, .btn_area.type_col5 label {width:20.1%; width:calc(100% / 5 + 1px);}
.btn_area.type_col4 button, .btn_area.type_col4 a, .btn_area.type_col4 label {width:25%; width:calc(100% / 4 + 1px);}
.btn_area.type_col3 button, .btn_area.type_col3 a, .btn_area.type_col3 label {width:33.4%; width:calc(100% / 3 + 1px);}
.btn_area.type_col2 button, .btn_area.type_col2 a, .btn_area.type_col2 label {width:50.1%; width:calc(100% / 2 + 1px);}
.btn_area.type_col1 button, .btn_area.type_col1 a, .btn_area.type_col1 label {width:100%; width:calc(100% + 1px);}
.btn_area[class*=' type_col'].type_wide {border-right:0; border-left:0;}
.btn_area[class*=' type_col'].type_wide > *:first-child, .btn_area[class*=' type_col'].type_wide > *:first-child label {border-left:0;}
.btn_area[class*=' type_col'].type_wide > *:last-child, .btn_area[class*=' type_col'].type_wide > *:last-child label {border-right:0;}

.btn_area.swipe_type[class*=' type_col'] {overflow:hidden; margin-left:-30px; margin-right:-30px; font-size:0;}
.btn_area.swipe_type[class*=' type_col']:after {display:none;}
.btn_area.swipe_type[class*=' type_col'] .swipe_cont {padding:0 30px; white-space:nowrap; overflow-x:scroll;}
.btn_area[class*=' type_col'].swipe_type button,
.btn_area[class*=' type_col'].swipe_type a,
.btn_area[class*=' type_col'].swipe_type label {float:none; display:inline-block; margin-top:0;} */

/* 큰 라운드 버튼 영역 */
.info_wrap {margin-top:12px; padding:24px 16px; background:#fff;}
.info_wrap.first {margin-top:0;}
.info_wrap.last {border-bottom:none;}
.info_wrap .bttn {margin-top:8px;}
.info_wrap .btn_wrap.cols .bttn {margin-top:0;}
.info_wrap .bttn:first-child {margin-top:0;}
.info_wrap .btn_wrap.size_2 .bttn {margin-top:0;}

.video_wrap {position:relative; width:100%; padding-bottom:56.25%;}
.video_wrap iframe {position:absolute; width:100%; height:100%;}

/* gnb size */
.gnb {width:100%;overflow:hidden;}
.gnb ul {padding:0; font-size:0; overflow:auto; white-space:nowrap;}
.gnb ul li {display:inline-block !important; float:none; border-right:none; /*padding:0 11px !important;*/}
.gnb ul li:first-child {}
.gnb ul li:last-child {width:auto;}
.gnb ul li:nth-child(1) {width:auto}
.gnb ul li:nth-child(2) {width:auto}
.gnb ul li:nth-child(3) {width:auto}
.gnb ul li:nth-child(4) {width:auto}
.gnb ul li:nth-child(5) {width:auto}
.gnb ul li a {display:block; padding:16px 11px 12px; font-weight:normal; text-align:center;}
.gnb ul li a:focus {outline:none !important;}
.gnb ul li a.reddot_new:after{content:'';position:absolute;right:1px;top:16px;display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff0000;}

/* gnb 화살표 X  */
.first-depth-1805.pdt0 {background:url('/common/images/cmm/bg_h1.png') repeat 0 0;}
.first-depth-1805 .btn-depth-open-1805 {height:51px; line-height:52px;}
.first-depth-1805 .btn-depth-open-1805.arr_no {padding:0; background:none;}
.first-depth-1805 .btn_close {position:absolute; top:11px; right:16px;}
.first-depth-1805 .btn_close button {display:block; position:relative; width:28px; height:28px;}
.first-depth-1805 .btn_close button:before {content:''; position:absolute; top:13px; left:1px; width:25px; height:2px; background:#333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.first-depth-1805 .btn_close button:after {content:''; position:absolute; top:13px; left:1px; width:25px; height:2px; background:#333; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.first-depth-1805 .btnBack {display:inline-block; position:absolute; left:0; top:0; width:18px; height:30px;text-align:center; overflow:hidden;  margin:12px 0 0 15px;}
.first-depth-1805 .btnBack span{color:transparent;display:inline-block;overflow:hidden; width:18px; height:30px; line-height:1px; background:url("//image.uplus.co.kr/images/renewal/images/cm/mo/shopmw/product/common/btn_backArrow.png") no-repeat left top; background-size:100%; vertical-align:top;}

/* gnb 검색 버튼 */
#header .goSrch {display:inline-block; position:absolute; right:108px; top:13px; width:28px; height:28px;    line-height: 1px;background:url('/common/images/cmm/ico_common_mobile.png') repeat -124px -144px; background-size:300px auto;}
#header .goSrch span {display:inline-block;position:absolute;clip: rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;font-size:5px;color:transparent;}
#header .goMy {display:inline-block; position:absolute; right:62px !important; top:13px !important; width:28px !important; height:28px !important; background:url('/common/images/cmm/ico_common_mobile.png') repeat -254px -144px !important; background-size:300px auto !important;}
#header .goMy span {display:inline-block;position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;font-size:5px;color: transparent;}
#header .show_category {top:18px; right:18px; width:24px; height:20px;}
#header .show_category span em {top:9px;}

/* 서브 뎁스 */
.second-depth-1805 {top:103px; background:none !important;}

/* 기능버튼 */
.mcs_con .sort_list_wrap {background-color:#fff; padding:16px 6px;}
.mcs_con .sort_filter {padding:8px 16px; background:#eee;}
.mcs_con .sort_filter .lay_btn {width:100%;}
.mcs_con .sort_filter .lay_btn span {display:block;}
.mcs_con .sort_filter .lay_btn span:before {top:50%; margin-top:-8px;}

.mcs_con .btn_view_more {margin-top:0;}
.mcs_con .list_acco > ul > li:last-child {border-bottom:1px solid #eee;}
.mcs_con .mys_prod_lists.mg_type .lists {border-bottom:none;}

/* table */
.tbl_wrap {overflow:hidden;}
.tbl_wrap .dot_list {margin-top:12px;}
.tbl_wrap .dot_list li {color:#333 !important;}
.tbl_wrap .txt_noti2_wrap {margin-top:12px;}
.tb_col	table {position:relative; width:100%;}
.tb_col	tbody{border-top:1px solid #ddd; }
.tb_col	tbody th {padding:16px 12px; color:#666; font-size:14px; line-height:18px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #eee; background-color:#f6f6f6;}
.tb_col	tbody td {color:#333; font-size:14px; line-height:18px; background-color:#fff; padding:16px 12px; border-bottom:1px solid #eee; border-left:1px solid #eee;}
.tb_col	.bgcolor {background:#fcfbfd;}

.tb_row	table {position:relative; width:100%; margin-left:-1px; border-top:1px solid #ddd;}
.tb_row	thead th {padding:16px 12px; border-bottom:1px solid #eee; border-left:1px solid #eee; background-color:#f6f6f6; color:#666; font-size:14px; font-weight:bold; line-height:17px; text-align:center;}
.tb_row thead tr:last-child th {font-weight:normal;}
.tb_row	tbody th {background:#fcfbfd; padding:16px 12px; border-bottom:1px solid #eee; border-left:1px solid #eee; color:#666; font-size:14px; line-height:18px; text-align:center;}
.tb_row	tbody th small {margin-left:4px; color:#999; font-size:13px; line-height:18px;}
.tb_row	tbody th small.block {display:block; margin-top:2px; margin-left:0; line-height:16px;}
.tb_row	tbody td,
.tb_row	tfoot th,
.tb_row	tfoot td {padding:16px 12px; border-bottom:1px solid #eee; border-left:1px solid #eee; color:#666; font-size:14px; line-height:18px; text-align:center;} /* 190111 인터넷/IPTV 수정 반영 */
.tb_row	tbody td, .tb_row tfoot td {color:#333;}
.tb_row	tfoot th {padding:16px 12px; background:#fcfbfd; color:#666;}
.tb_row	.bgcolor {background:#fcfbfd;}
.tb_row tbody td.bgcolor {color:#666;}
.tb_row sup {font-size:10px; vertical-align:super; line-height:0;}
.tb_row em {color:#333;font-weight:bold;}

.btn_delete {display:block; position:absolute; top:4px; right:4px; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -240px -40px no-repeat; background-size:300px auto;}
/* tab */
.tab_wrap {position:relative; width:100%; height:52px; background-color:#fff;}
.tab_wrap:before {content:' '; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ddd;}
.tab_wrap .tabs {display:flex; width:100%; height:52px; background:#fff;}
.tab_wrap .tabs li {display:flex; flex:auto; height:52px; text-align:center;}
.tab_wrap .tabs li a {display:block; position:relative; width:100%; padding:0 12px; height:52px;}
.tab_wrap .tabs li a > span {position:relative; z-index:2; display:inline-block; height:50px; color:#333; font-size:17px; line-height:52px; vertical-align:top; white-space:nowrap;}
.tab_wrap .tabs li a .count {display:block; color:#999; text-align:center;}
.tab_wrap .tabs li a:before {content:' '; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; height:1px; background-color:#ddd;}
.tab_wrap .tabs li.on a {position:relative; color:#ed008c; font-weight:bold;}
.tab_wrap .tabs li.on a:before {height:2px; background-color:#ed008c;}
.tab_wrap .tabs li.on a > span {color:#ed008c; font-weight:bold;}
/* .tab_wrap .tabs li.on a > span {color:#ed008c; font-weight:bold;}
.tab_wrap .tabs li.on a:before {content:' '; display:block; position:absolute; bottom:-1px; left:0; right:0; width:100%; height:2px; background-color:#ed008c;} */
.tab_wrap .tabs.ui_scroll_fixed {top:0; z-index:10; background:#fff;}
.tab_wrap .tabs + .filter_wrap, .tab_wrap .tab_cont > .filter_wrap:first-child, .tab_wrap .tab_cont > .blind:first-child + .filter_wrap {margin-top:-1px;}
.tab_wrap.num02 .tabs li {flex:1;}
.tab_wrap .tabs li:first-child a {padding-left:16px;}
.tab_wrap .tabs li:last-child a {padding-right:16px;}

.tab_wrap.swipe_type {width:100%;}
.tab_wrap.swipe_type .tabs {width:100%; white-space:nowrap; overflow-x:scroll; -webkit-overflow-scrolling:touch;}
.tab_wrap.swipe_type .tabs:before {display:none;}
.tab_wrap.swipe_type .tabs > li {position:relative; padding-right:48px;}
.tab_wrap.swipe_type .tabs > li:first-child {padding-left:30px;}
.tab_wrap.swipe_type .tabs > li:last-child {padding-right:30px;}
.tab_wrap.swipe_type .tabs > li .charge_badge {position:absolute; top:50%; left:100%; display:inline-block; box-sizing:content-box; height:16px; padding:0 4.5px 0 3.5px; margin:-8.5px 0 0 4px; border:1px solid #e9529f; border-radius:9px; font-weight:bold; color:#e9529f; font-size:12px; line-height:17.5px; text-align:center;} /* #e90070 */
.tab_wrap.swipe_type .tabs > li:last-child .charge_badge {margin-left:2px;}

.tab_wrap.flex_num .tabs {display:table; table-layout:fixed; width:100%;}
.tab_wrap.flex_num .tabs li {display:table-cell; text-align:center; vertical-align:middle;}
.tab_wrap.flex_num .tabs:before {display:none;}
.tab_wrap.flex_num .tabs a {position:relative;}
.tab_wrap.flex_num .tabs a:before {content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:1px; background-color:#e0e0e0;}

.tab_wrap2 {width:100%; background-color:#fff; overflow:auto;}
.tab_wrap2 .tabs {display:inline-block; width:auto; padding:0 30px; white-space:nowrap;}
.tab_wrap2 .tabs li {display:inline-block; height:48px; margin-left:12px; text-align:center;}
.tab_wrap2 .tabs > li:first-child {margin-left:0;}
.tab_wrap2 .tabs li a {display:block; width:100%; height:100%;}
.tab_wrap2 .tabs li a > span {position:relative; display:inline-block; height:48px; color:#909090; font-size:14px; line-height:48px; vertical-align:middle;}
.tab_wrap2 .tabs li.on a > span {color:#202020; font-weight:bold;}
.tab_wrap2 .tabs li a > span .badge {position:relative; top:-2px; display:inline-block; min-width:18px; padding:1px 4px 0; margin-left:4px; border:1px solid #e90070; border-radius:9px; color:#e90070; font-size:12px; text-align:center; line-height:15px; vertical-align:middle;}

.tab_wrap3 .tabs {display:table; width:100%;}
.tab_wrap3 .tabs li {position:relative; display:table-cell; vertical-align:middle;}
.tab_wrap3 .tabs li:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; height:14px; width:1px; background-color:#e0e0e0;}
.tab_wrap3 .tabs li:first-child:before {display:none;}
.tab_wrap3 .tabs li a {display:-webkit-flex; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; min-height:52px; padding:5px 10px; color:#202020; font-size:14px; line-height:20.5px;}

.anchor_tab {position:relative; border-top:1px solid #ddd; overflow:auto;}
.anchor_tab:before {content:' '; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ddd;}
.anchor_tab .tabs {position:relative; font-size:0; white-space:nowrap;}
.anchor_tab .tabs li {display:inline-block; vertical-align:top;}
.anchor_tab .tabs li a {display:block; height:50px; padding:0 12px; border-bottom:2px solid transparent; color:#333; font-size:17px; line-height:52px;}
.anchor_tab .tabs li:first-child a {padding-left:16px;}
.anchor_tab .tabs li:last-child a {padding-right:16px;}
.anchor_tab .tabs li.on a {border-color:#ed008c; color:#ed008c; font-weight:bold;}

/* bullet list */
.bul_list {color:#666; word-break:break-all;}
.bul_list >li {font-size:16px; line-height:24px;}
.bul_list li:first-child {margin-top:0;}
.bul_list > *[class^='bul_'], .bul_list > *[class*=' bul_'] {position:relative; margin-top:8px;}
.bul_list > li *[class^='bul_'], .bul_list > li *[class*=' bul_'] {margin-top:6px;}
.bul_list > li .bul_dash {margin-left:-6px;}
.bul_list > li .noti {margin-top:4px; color:#9A3CA8; font-size:14px; line-height:17px;;}
.bul_list .bul_dash {padding-left:7px; color:#808080;}
.bul_list .bul_dash>.bullet {top:7px; width:4px; height:1px; background-color:#808080;}
.bul_list .bul_dot {padding-left:8px; color:#666; line-height:20px;}
.bul_list .bul_dot>.bullet {top:7px; width:3px; height:3px; background-color:#606060;}
.bul_list .bul_star {padding-left:16px; color:#303030; font-size:16px; line-height:19px;}
.bul_list .bul_star>.bullet {background:none;}
.bul_list .bul_num {padding-left:12px;}
.bul_list .bul_num>.bullet {background:none;}
.bul_list .bul_dash .bullet, .bul_list .bul_dot .bullet, .bul_list .bul_star .bullet, .bul_list .bul_num .bullet {position:absolute; left:0;}
ul.bul_num_list > li {position:relative; padding-left:40px; margin-bottom:20px; color:#505050; font-size:16px; line-height:23px;}
ul.bul_num_list > li:last-child {margin-bottom:0;}
ul.bul_num_list > li > .bullet {position:absolute; top:0; left:0; height:32px; width:32px; border-radius:50%; color:#808080; font-size:16px; line-height:32px; text-align:center; background-color:#f4f4f4;}

/* data table form */
/* .application_wrap {background:#fff;} */
.application_wrap .btn_wrap {margin-top:16px;}

.gybd_info_wrap {padding:20px 16px; background-color:#fff;}
.gybd_info_wrap dt {color:#666; font-size:16px; line-height:20px;}
.gybd_info_wrap dt .ico_nt {display:inline-block; width:20px; height:20px; margin-right:8px; background:url('/common/images/cmm/ico_common_mobile.png') -76px 0 no-repeat; background-size:300px auto; vertical-align:top;}
.gybd_info_wrap dd {margin-top:12px; padding:24px 20px; border:1px solid #ddd; border-radius:4px;}
.gybd_info_wrap.no_pd {padding:0;}

.data_form {background-color:#fff; border-bottom:1px solid #ddd;}
.kind_area .data_form {border-bottom:none;}
.data_form .form_info {position:relative; margin-top:12px; padding:16px; border-bottom:1px solid #ddd; font-size:0;}
.data_form.first .form_info {margin-top:12px;}
.data_form .form_info h2,
.data_form .form_info h3 {display:inline-block; margin-bottom:0; font-size:17px; font-weight:bold; line-height:20px;}
.data_form .form_info h3 + .chk_wrap {position:absolute; top:50%; right:16px; margin-top:-12px; font-weight:bold;}
.data_form .form_info .chk_wrap {margin:-2px 0; font-weight:bold;}
.data_form .form_info .chk_wrap input+label {font-size:17px;}
.data_form .form_info .form_top_price {position:absolute; top:50%; right:48px; margin-top:-10px; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.data_form .form_info .comp_txt {float:right; position:relative; padding-left:17px; color:#4caf50; font-size:14px; line-height:20px;font-weight:bold;}
.data_form .form_info .comp_txt:before {content:' '; display:block; position:absolute; top:1px; left:3px; width:7px; height:12px; border:1px solid #4caf50; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.data_form .form_info .incomp_txt {float:right; position:relative; color:#f33; font-size:14px; line-height:20px; font-weight:bold;}
.data_form .form_info .detail_link {display:block;}
.data_form .form_info .detail_link:before {content:' '; display:block; position:absolute; top:50%; right:16px; width:12px; height:12px; margin-top:-6px; border:1px solid #333; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.data_form .forms_wrap {margin-top:20px; padding:0 16px 20px;}
.data_form .forms_wrap.views {margin-top:8px; padding:0;}
.data_form .forms_wrap dl.forms {margin-top:20px;}
.data_form .forms_wrap.views dl.forms {margin-top:0;}
.data_form .forms_wrap dl.forms .dot_list {margin-top:12px;}
.data_form .forms_wrap dl.forms .txt_noti2_wrap {margin-top:12px;}
.data_form .forms_wrap .forms {position:relative;}
.data_form .forms_wrap .forms dt {display:table; position:relative; width:100%; margin-bottom:8px; color:#333; font-size:16px; line-height:19px;}
.data_form .forms_wrap .forms dt:after {content:' '; display:block; clear:both;}
.data_form .forms_wrap .forms dt label, .data_form .forms_wrap .forms dt .label {display:table-cell; vertical-align:bottom;}
.data_form .forms_wrap .forms dt .cell_r {display:table-cell; text-align:right; vertical-align:bottom;}
.data_form .forms_wrap .forms dt .cell_r .chk_wrap {margin-bottom:-2px;}
.data_form .forms_wrap .forms dt .essen {margin-left:4px; color:#bd42e0;}
.data_form .forms_wrap .forms dt .bttn {min-width:101px;}
.data_form .forms_wrap .forms dd {color:#666; font-size:16px; line-height:19px;}
.data_form .forms_wrap .forms dd.btn {position:absolute; top:-14px; right:0; margin-top:0 !important;}
.data_form .forms_wrap .forms .txt_noti2 {margin-top:12px;}
/* .data_form .forms_wrap .forms dd.btn .bttn {margin-top:0;} */
.data_form .forms_wrap .forms.txt {margin-top:29px;}
.data_form .forms_wrap .forms.txt dd {color:#666; font-size:16px;}
.data_form .forms_wrap .alert_txt {color:#666; font-size:14px; line-height:18px;}
.data_form .forms_wrap.points .forms {border-top:1px solid #eee; padding-top:20px;}
.data_form .forms_wrap.points .forms:first-child {border-top:none; padding-top:0;}

.data_form .form_view_wrap {padding:14px 16px;}
.data_form .form_view_wrap .form_views_cate {margin:6px 0; color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.data_form .form_view_wrap .form_views_cate.line_top {margin-top:14px; padding-top:20px; border-top:1px solid #ddd;}
.data_form .form_view_wrap .form_views {display:table; width:100%; padding:6px 0;}
.data_form .form_view_wrap .form_views dt {display:table-cell; color:#666; font-size:16px; line-height:20px; vertical-align:top;}
.data_form .form_view_wrap .form_views dt strong {margin-left:8px; color:#333;}
.data_form .form_view_wrap .form_views dt strong:first-child {margin-left:0;}
.data_form .form_view_wrap .form_views dd {display:table-cell; color:#333; font-size:16px; line-height:20px; text-align:right; font-weight:bold; vertical-align:top;}
.data_form .form_view_wrap .form_views.total {margin-top:17px; padding-top:17px; border-top:1px solid #ddd;}
.data_form .form_view_wrap .form_views.total dt {color:#333; font-weight:bold;}
.data_form .form_view_wrap .form_views.total dd {font-size:20px; font-weight:bold;}
.data_form .form_view_wrap .form_views.line_top {margin-top:14px; padding-top:20px; border-top:1px solid #ddd;}

.data_form.no_acco .form_info {text-align:center;}
.data_form.no_acco .form_view_wrap {border-bottom:none;}
.data_form .box_gray {padding:16px; border-radius:4px; background-color:#f6f6f6;}
.data_form .forms_wrap dl.forms .box_gray .dot_list {margin-top:0;}

.data_form .dataform_box {margin-top:8px; font-size:0;}
.data_form .dataform_box:first-child {margin-top:0;}
.data_form .dataform_box .ept {display:inline-block; position:relative; width:20px; line-height:48px; color:#333; font-size:16px; text-align:center; vertical-align:top;}
.data_form .dataform_box .inptxt_wrap {width:100%; vertical-align:top;}
.data_form .dataform_box .inptxt_wrap.size_xs2 {width:calc(100% - 242px);}
.data_form .dataform_box .inptxt_wrap.size_xs, .data_form .dataform_box .select_wrap.size_xs {width:calc((100% - 132px) / 2);}
.data_form .dataform_box .inptxt_wrap.size_s, .data_form .dataform_box .select_wrap.size_s {width:calc((100% - 20px) / 2);}
.data_form .dataform_box .inptxt_wrap.size_m {width:calc(100% - 92px);}
.data_form .dataform_box .inptxt_wrap.size_l {width:calc(100% - 112px); /*width:calc(100% - 104px);*/}
.data_form .dataform_box .inptxt_wrap.time_count {position:relative;}
.data_form .dataform_box .inptxt_wrap.time_count .time {position:absolute; top:0; right:12px; bottom:0; line-height:48px; color:#ff3333; font-size:14px;}
.data_form .dataform_box .inp_type_wraps {display:inline-block; font-size:0; vertical-align:top;}
.data_form .dataform_box .inp_type_wraps .inptxt_wrap {width:50px;}
.data_form .dataform_box .inp_type_wraps.small .inptxt_wrap {width:36px;}
.data_form .dataform_box .inp_type_wraps .inptxt_wrap input.txt {padding-left:4px; padding-right:4px; text-align:center;}
.data_form .dataform_box .inp_type_wraps .circles {display:inline-block; width:68px; height:8px; margin-top:20px; margin-left:6px; background:url('/common/images/cmm/ico_common_mobile.png') -232px -208px no-repeat; background-size:300px auto;}
.data_form .dataform_box .ipt_div span {display:block;}
.data_form .dataform_box .bttn {min-width:104px; width:104px; max-width:104px; margin-left:8px;}
.data_form .dataform_box .bttn.size_s {min-width:84px; width:84px;}
.data_form .dataform_box .bttn.full {margin-left:0; min-width:100%;}
.data_form .dataform_box .multi_ipt {margin-top:8px; padding:11px; border:1px solid #ccc; border-radius:4px; background:#f6f6f6; color:#999; font-size:18px; line-height:24px;}
.data_form .dataform_box .multi_ipt:first-child {margin-top:0;}
.data_form .dataform_box.size_3 .rdo_wrap.txt_type {width:calc((100% - 16px) / 3); margin-left:8px;}
.data_form .dataform_box.size_3 .rdo_wrap.txt_type.sizeX3 {width:calc((((100% - 16px) / 3) * 2) + 8px);}
.data_form .dataform_box.size_4 .rdo_wrap.txt_type {width:calc((100% - 24px) / 4); margin-left:8px;}
.data_form .dataform_box.size_4 .rdo_wrap.txt_type.sizeX3 {width:calc((((100% - 24px) / 4) * 3) + 16px);}
.data_form .dataform_box.size_3 .rdo_wrap.txt_type:first-child, .data_form .dataform_box.size_4 .rdo_wrap.txt_type:first-child {margin-left:0;}
.dataform_box.size_3 .rdo_wrap.txt_type input[type='radio'] + label {font-size:16px;} /* 190118 추가 */
.data_form .dataform_box.size_flex {display:flex;}
.data_form .dataform_box.size_flex .rdo_wrap.txt_type {display:flex; flex:1 auto; width:auto; margin-left:8px;}
.data_form .dataform_box.size_flex .rdo_wrap.txt_type:first-child {margin-left:0;}
.data_form .dataform_box .tel_txt {display:inline-block; color:#333; font-size:16px; line-height:48px;}
.data_form .dataform_box .tel_txt + .inptxt_wrap {width:184px; margin-left:4px;}
.data_form .dataform_box .rdo_wrap.info_type {margin-top:8px;}
.data_form .dataform_box .rdo_wrap.info_type:first-child {margin-top:0;}
.data_form .dataform_box .rdo_wrap.info_type[style*="display:none"] + .info_type:not([style*="display:none"]){margin-top:0 !important;}
.data_form .dataform_box .detail_link.ml {margin-top:8px; margin-left:30px;}

.data_form .dataform_box.size_2 .rdo_wrap, .data_form .dataform_box.size_2 .inptxt_wrap {width:calc((100% - 8px) / 2); margin-left:8px;}
.data_form .dataform_box.size_2 .rdo_wrap:first-child, .data_form .dataform_box.size_2 .inptxt_wrap:first-child {margin-left:0;}
.data_form .dataform_box.box_type {padding:16px; background-color:#f6f6f6; border-radius:4px;}

.data_form .dataform_box.hopenums {display:table; width:100%; height:48px;}
.data_form .dataform_box.hopenums .tel_txt {display:table-cell; width:auto; padding-right:4px; white-space:nowrap; letter-spacing:1px; vertical-align:middle;}
.data_form .dataform_box.hopenums .inptxt_wrap {display:table-cell; width:80%; margin-left:0; vertical-align:middle;}

.data_form .op_prodlist_wrap {border-top:none;}

.data_form .agree_form_wrap {}
.data_form .agree_form_wrap.btm_type {margin:20px 0 -20px;}
.data_form .agree_form_wrap.btm_type .list_acco.depth1 {margin:0; padding:0; border-top:1px solid #ddd;}
.data_form .agree_form_wrap.btm_type .depth1 ul li .cont {margin-bottom:20px; padding:16px; border-top:none; background-color:#f6f6f6;}
.data_form.btm_type {border-bottom:none;}
.data_form.btm_type .agree_form_wrap .depth1 {margin:20px 0 -20px; padding:0; border-top:1px solid #ddd; border-bottom:none;}
.data_form.btm_type .agree_form_wrap .depth1 ul li .cont {margin-bottom:20px; padding:16px; border-top:none; background-color:#f6f6f6;}

.data_form .dataform_box.sel_type {position:relative;}
.data_form .dataform_box.sel_type .select_wrap {padding-right:24px;}
.data_form .dataform_box .text {position:absolute; top:0; right:0; color:#000; font-size:18px; line-height:46px;}
.data_form .dataform_box.sel_type:after {content:' '; display:block; clear:both;}
.data_form .dataform_box.sel_type .area {position:relative; width:calc((100% - 48px) / 2);}
.data_form .dataform_box.sel_type .area:first-child {float:left;}
.data_form .dataform_box.sel_type .area:last-child {float:right;}

/* Z플립전용 분실/파손 보험 */
.zTbl_info {font-size:13px;display:block;margin-top:13px;}
.scroll_wrap {width: 100%;overflow: hidden;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.scroll_wrap::-webkit-scrollbar { width: 2px !important }
.data_table .table th.val_t {vertical-align:top !important;}
.zFlip_table {margin-top:10px;margin-bottom:15px;border-top:1px solid #ddd;width:416px;}
.zFlip_table th,
.zFlip_table td {font-size:13px !important;color:#333;font-weight:600;text-align:center;padding:10px !important;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.zFlip_table td[colspan="3"] span {font-size:14px;color:#666}
.zFlip_table th {background:#f6f6f6;}
.zFlip_table tr:nth-child(2) th {border-bottom:none;}
.zFlip_table th:first-child,.zFlip_table td:first-child {border-left:none;}
.zFlip_table th:last-child,.zFlip_table td:last-child {border-right:none;}

/* 팝업 */
/* 윈도우 */
.pop_wrap {position:relative; background-color:#fff;}
.pop_wrap .pop_header {position:fixed; top:0; right:0; left:0; z-index:12; width:100%; padding:0 16px; border-bottom:1px solid #ddd; background:url('/common/images/cmm/bg_h1.png') repeat 0 0; text-align:center;}
.pop_wrap .pop_header h1 {display:inline-block; max-width:100%; height:50px; margin:0; padding:0 28px; color:#333; font-size:20px; line-height:52px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pop_wrap .pop_content p.txt {margin-bottom:16px; color:#333; font-size:16px; line-height:22px;}
.pop_wrap .pop_content .txt_big {margin-bottom:24px; color:#333; font-size:18px; line-height:27px;}
.pop_wrap .pop_content .txt_sm {margin-top:8px; color:#333; font-size:14px; line-height:18px;}
.pop_wrap .pop_content .txt_desc {margin:0; color:#666; font-size:14px; line-height:18px;}
.pop_wrap .pop_content .txt_sm strong {color:#333; font-weight:bold;}
.pop_wrap .pop_content h3 {color:#333; font-size:20px; line-height:24px;}
.pop_wrap .pop_content .popcont_wrap {margin-top:32px;}
.pop_wrap .pop_content .popcont_wrap h3 {margin-bottom:8px;}
.pop_wrap .pop_content .popcont_wrap .dot_list {margin-top:32px;}
/* .pop_wrap .pop_content .ui_scrollview {position:relative;}
.pop_wrap .pop_content .ui_scrollarea {max-height:592px; padding:24px 32px; overflow:hidden; overflow-y:auto;} */
.pop_wrap .pop_content .content {padding:51px 0 48px;}
.pop_wrap .pop_content > .btn_wrap {position:fixed; width:100%; right:0; bottom:0; left:0; font-size:0; z-index:5; box-shadow:0 1px 4px rgba(0, 0, 0, 0.19);}

.pop_wrap .pop_content .data_form .forms_wrap.no_pd {padding:0;}
.pop_wrap .pop_content .data_form.bd_t {border-top:12px solid #eee;}
.pop_wrap .pop_content .data_form.bd_t .form_info {margin-top:0;}
.pop_wrap .pop_content .data_form.no_acco {border-bottom:none;}

.pop_wrap .pop_content .comp_ment {padding-top:12px;}
.pop_wrap .pop_content .comp_ment .tit {position:relative; padding-top:76px; color:#333; font-size:20px; line-height:24px; font-weight:bold; text-align:center;}
.pop_wrap .pop_content .comp_ment .tit:before {content:' '; position:absolute; top:0; left:50%; margin-left:-30px; width:60px; height:60px; background:url('/common/images/cmm/ico_common_mobile.png') -144px -356px no-repeat; background-size:300px auto;}
.pop_wrap .pop_content .comp_ment.passver .tit:before {background-position:-240px -696px;}
.pop_wrap .pop_content .comp_ment .tit_desc {margin-top:8px; color:#666; font-size:16px; line-height:22px; text-align:center;}

.pop_wrap .pop_content .h2_tit {color:#333;}
.pop_wrap .pop_content .num_list > li {margin-top:8px; padding-left:0; color:#333; font-size:14px; line-height:18px;}
.pop_wrap .pop_content .num_list > li:before {display:none;}
.pop_wrap .pop_content .num_list > li .bar_list {padding-left:10px;}
.pop_wrap .pop_content .num_list > li .bar_list > li {margin-top:4px; font-size:13px; line-height:17px;}
.pop_wrap .pop_content .num_list > li .bar_list > li:before {content:'-' !important;}
.pop_wrap .pop_content .num_list > li .bar_list > li > .arr_list > li {margin-top:4px;}
.pop_wrap .pop_content .terms_list {margin-top:20px;}
.pop_wrap .pop_content .terms_list:first-child {margin-top:0;}
.pop_wrap .pop_content .terms_list .num_list > li {margin-top:0; color:#666; font-weight:bold;}
.pop_wrap .pop_content .terms_list .num_list > li .bar_list {padding-left:0; font-weight:normal;}
.pop_wrap .pop_content .terms_list .num_list > li .bar_list > li {margin-top:0; font-size:inherit; line-height:inherit;}
.pop_wrap .pop_content .terms_list .num_list > li .bar_list > li .dot_list li {margin-top:0;}
.pop_wrap .pop_content .terms_list .num_list > li .bar_list > li .dot_list li:before {content:' '; top:7px; width:3px; height:3px; border-radius:50%; background:#666;}

.pop_wrap > .btn_close {position:fixed; top:11px; right:16px; z-index:13;}
.pop_wrap > .btn_close button {display:block; position:relative; width:28px; height:28px;}
.pop_wrap > .btn_close button:before {content:''; position:absolute; top:13px; left:1px; width:25px; height:2px; background:#333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.pop_wrap > .btn_close button:after {content:''; position:absolute; top:13px; left:1px; width:25px; height:2px; background:#333; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.pop_wrap .btn_wrap {border-top:1px solid #ddd;}

.pop_wrap .pop_content .product_intro {padding:24px 56px; background:#f2f4f7;}
.pop_wrap .pop_content .product_intro .names {display:table; width:100%; margin-top:8px; table-layout:fixed;}
.pop_wrap .pop_content .product_intro .names:first-child {margin-top:0;}
.pop_wrap .pop_content .product_intro .names dt {display:table-cell; width:30%; padding-right:12px; color:#333; font-size:16px; line-height:19px; vertical-align:top;}
.pop_wrap .pop_content .product_intro .names dd {display:table-cell; color:#333; font-size:16px; line-height:19px; vertical-align:top;}
.pop_wrap .pop_content .product_intro .names dd ul {display:table; margin:0 auto;}
.pop_wrap .pop_content .product_intro .names dd ul li {position:relative; margin-top:4px; padding-left:12px; color:#333; font-size:16px; line-height:19px;}
.pop_wrap .pop_content .product_intro .names dd ul li:before {content:' '; position:absolute; top:5px; left:4px; width:4px; height:4px; border-radius:50%; background:#333;}
.pop_wrap .pop_content .product_infos {display:table; width:100%; table-layout:fixed;}
.pop_wrap .pop_content .product_infos .thumb {display:table-cell; width:120px; height:104px; padding-right:16px; text-align:center;}
.pop_wrap .pop_content .product_infos .thumb img {width:auto; height:100%;}
.pop_wrap .pop_content .product_infos .infos {display:table-cell; vertical-align:top;}
.pop_wrap .pop_content .product_infos .infos .name {color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.pop_wrap .pop_content .product_infos .infos .desc {margin-top:8px; color:#666; font-size:16px; line-height:22px;}

.pop_wrap .pop_content .slt_size2 .select_wrap {display:inline-block; width:calc((100% - 8px) / 2); margin:0; margin-left:8px;}
.pop_wrap .pop_content .slt_size2 .select_wrap:first-child {margin-left:0;}

/* 메인 공통 레이어 팝업 */
.pop_main {width:280px; height:440px; padding-top:0; border-radius:8px; overflow:hidden;}
.pop_main .pop_content .scrollarea {min-height:392px; padding:0; overflow-y:hidden;}
.pop_main .pop_content .scrollarea .slide_wrap .slide_content {height:392px; background-color:#fff;}
.pop_main .pop_content .scrollarea .slide_wrap .slide_controls {top:50%; width:100%;}
.pop_main .pop_content .scrollarea .slide_wrap .slide_controls button {position:absolute; top:50%; width:48px; height:48px; margin-top:-24px; border-radius:4px; background:rgba(0,0,0,.4);}
.pop_main .pop_content .scrollarea .slide_wrap .slide_controls button:before {content:' '; display:block; width:22px; height:22px; border-color:#fff;}
.pop_main .pop_content .scrollarea .slide_wrap .slide_controls .prev {left:0; padding-left:18px;}
.pop_main .pop_content .scrollarea .slide_wrap .slide_controls .next {right:0; padding-left:8px;}
.pop_main .pop_content .scrollarea .slide_wrap .indi_wrap {bottom:16px;}
.pop_main .pop_content .scrollarea .slide_wrap .indi_wrap .indi_conts li .btn_indi {background-color:rgba(255,255,255,.7)}
.pop_main .pop_content .scrollarea .slide_wrap .indi_wrap .indi_conts li.on .btn_indi {background-color:rgba(255,255,255,1)}
.pop_main .btn_wrap.half {margin:0; padding:0; background-color:#fff;}
.pop_main .btn_wrap.half .bttn_pop {position:relative; width:50%; height:48px; margin:0 !important; color:#333; line-height:48px;}
.pop_main .btn_wrap.half .bttn_pop:before {content:' '; display:block; position:absolute; top:0; left:0; width:1px; height:48px; background-color:#ddd;}
.pop_main .btn_wrap.half .bttn_pop:first-child:before {display:none;}
.pop_main .today_close {position:relative; padding:14px 16px; background-color:#fff;}
.pop_main .today_close .chk_wrap label {font-size:12px; line-height:20px;}
.pop_main .today_close .btn_close {position:absolute; top:11px; right:16px;}
.pop_main .today_close .btn_close:before {content:'\2715'; display:block; color:#000; font-size:22px;}

.pop_main.winpop {width:100%; height:100%; overflow:auto;}
.pop_main.winpop .pop_content .scrollarea {min-height:100%;}
.pop_main.winpop .pop_content .scrollarea .slide_wrap .slide_content {height:100%;}
.pop_main.winpop .pop_content .scrollarea .slide_wrap .slide_content .slide_conts .item_area img {height:100%;}

/* 레이어 기본 */
.lay_wrap {position:relative; width:80%; max-width:500px; border-radius:8px; background-color:#fff; overflow:hidden; box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.2);}
.lay_wrap .lay_header {width:100%; height:48px; border-bottom:1px solid #ddd; background:url('/common/images/cmm/bg_h1.png') repeat 0 0; text-align:center;}
.lay_wrap .lay_header h1 {display:inline-block; margin:0; color:#333; font-size:20px; line-height:48px; vertical-align:middle;}
.lay_wrap .lay_content {font-size:16px; word-wrap:break-word;}
.lay_wrap .lay_content .txt {margin-bottom:24px; color:#000; font-size:16px; line-height:24px;}
.lay_wrap .lay_content .txt_big {margin-bottom:24px; color:#000; font-size:18px; line-height:27px;}
.lay_wrap .lay_content .txt_sm {margin-top:8px; color:#000; font-size:14px; line-height:18px;}
.lay_wrap .lay_content .txt_sm strong {color:#333; font-weight:bold;}
.lay_wrap .lay_content h3 {color:#000; font-size:20px; line-height:24px;}
.lay_wrap .lay_content .popcont_wrap {margin-top:32px;}
.lay_wrap .lay_content .popcont_wrap h3 {margin-bottom:8px;}
.lay_wrap .lay_content .popcont_wrap .dot_list {margin-top:32px;}
.lay_wrap .lay_content .scrollarea {max-height:592px; overflow:hidden; overflow-y:auto;}
.lay_wrap .lay_content .scrollarea .content {padding:20px;}
.lay_wrap .lay_content .scrollarea .content.no_pd {padding:0;}
.lay_wrap .lay_content .scrollarea .content .alert_txt {color:#333; font-size:17px; line-height:20px; text-align:center;}
.lay_wrap .lay_content .scrollarea .content .alert_txt_desc {margin-top:4px; color:#666; font-size:14px; line-height:18px; text-align:center;}
.lay_wrap .btn_wrap {border-top:1px solid #ddd;}
.lay_wrap .btn_wrap .bttn_pop {background:#fff;}
.btn_wrap.half .bttn_pop {width:50%;}
.btn_wrap.half .bttn_pop:before {content:' '; display:block; position:absolute; top:0; left:0; width:1px; height:48px; background-color:#ddd;}
.btn_wrap.half .bttn_pop:first-child:before {display:none;}
/* .lay_wrap .lay_content .ui_scrollbar {position:absolute; top:0; right:0; width:8px; background-color:#efefef; border-radius: 4px;} */

.lay_wrap > .btn_close {position:absolute; top:12px; right:16px;}
.lay_wrap > .btn_close button {display:inline-block; position:relative; width:28px; height:28px;}
.lay_wrap > .btn_close button:before {content:''; display:inline-block; height:23px; border-left:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.lay_wrap > .btn_close button:after {content:''; display:inline-block; height:23px;/* margin-left:-1px;*/ border-left:1px solid #333; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/* 알럿형태 */
.lay_wrap.alert {border-radius:8px;}
.lay_wrap.alert .ico_txt {position:relative; text-align:center;}
.lay_wrap.alert .ico_txt .ico {display:block; width:41px; height:41px; margin:0 auto; background:url('/common/images/cmm/ico_common_mobile.png') -103px -356px no-repeat; background-size:300px auto;}
.lay_wrap.alert .ico_txt p {margin-top:8px;}
/* //레이어 팝업 */

/* 아코디언 */
.lay_wrap .agree_form_wrap .ui_accordion.depth1 {padding:0; border:none;}
.lay_wrap .agree_form_wrap .ui_accordion.depth2 .ui_accord_content {padding-right:50px;}
/* .list_acco {}
.list_acco .list_info .li:first-child {margin-top:16px;}
.list_acco .list_info .li {margin-top:16px; padding:16px; background-color:#f6f6f6;}
.list_acco .list_info .li .head .link_wrap {position:relative;}
.list_acco .list_info .li .head .link_wrap .necess {color:#AA36BB;}
.list_acco .list_info .li .head .link_wrap .btn_open {position:absolute; top:8px; right:0; width:10px; height:10px; padding:2px; border:1px solid #000; border-bottom:none; border-left:none; transform:rotate(-45deg);}
.list_acco .list_info .li .head .link_wrap.btn_open .btn_open {position:absolute; top:4px; right:0; width:10px; height:10px; border:1px solid #000; border-bottom:none; border-left:none; transform:rotate(135deg);}
.list_acco .list_info .li .head .link_wrap.btn_close .btn_open {position:absolute; top:8px; right:0; width:10px; height:10px; border:1px solid #000; border-bottom:none; border-left:none; transform:rotate(-45deg);}
.list_acco .list_info .li .desc_wrap .txt_list {padding:26px 0 0 32px; color:#666;}
.list_acco .list_info .li .desc_wrap .txt_list li {padding-left:10px; text-indent:-10px;}
.list_acco .list_info .li .desc_wrap .txt_list li ul li {padding-left:7px; color:#666; text-indent:0;}
.list_acco .list_info .li .desc_wrap .txt_list .txt_agree {margin-top:8px;} */
/* //아코디언 */

/* 띠배너 */
.promotionBanner {position:relative; background-color:#CED1FF;}
.promotionBanner a {display:block; width:360px; height:56px; margin:0 auto;}
.promotionBanner img {height:100%;}
.promotionBanner .btn_close button {display:block; position:absolute; top:50%; right:16px; width:20px; height:20px; margin-top:-10px;}
.promotionBanner .btn_close button:before {content:''; position:absolute; top:10px; left:1px; width:20px; height:1px; background:#333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.promotionBanner .btn_close button:after {content:''; position:absolute; top:10px; left:1px; width:20px; height:1px; background:#333; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/* -- 검색필터 -- */
.sc_filter_wrap {margin-top:12px; border-bottom:1px solid #ddd; background:#f6f6f6;}
.sc_filter_wrap .ft_body {padding:16px;}
.sc_filter_wrap .ft_more {padding:0 16px 20px;}
.sc_filter_wrap dl {margin-top:16px;}
.sc_filter_wrap dl:first-child {margin-top:0;}
.sc_filter_wrap dl dt {margin-bottom:8px; color:#000; font-size:14px; line-height:17px;}
.sc_filter_wrap dl dd:after {content:' '; display:block; clear:both;}
.sc_filter_wrap .dls_wrap {margin:0 -2px;}
.sc_filter_wrap .dls_wrap:after {content:' '; display:block; clear:both;}
.sc_filter_wrap .dls_wrap dl {float:left; width:calc((100% - 8px) / 2); margin:0 2px;}
.sc_filter_wrap .dls_wrap.solo dl {float:none; width:auto;}
.sc_filter_wrap .slt_wrap {margin-left:-12px; font-size:0;}
.sc_filter_wrap .slt_wrap.all {margin-top:-12px;}
.sc_filter_wrap .slt_wrap .chk_wrap {display:inline-block; margin-top:12px; margin-left:12px;}
.sc_filter_wrap .rdo_wraps {-ms-display:flexbox; display:flex;}
.sc_filter_wrap .rdo_wraps .rdo_wrap {display:flex; flex:1 auto; width:auto; margin-left:4px;}
.sc_filter_wrap .rdo_wraps .rdo_wrap:first-child {margin-left:0;}
.sc_filter_wrap .rdo_wraps .rdo_wrap.txt_type input[type='radio'] + label {padding:10px 0; font-size:14px; line-height:18px;}
.sc_filter_wrap .select_wrap {display:block;}
.sc_filter_wrap .btn_more_view {display:block; position:relative; width:100%; height:24px; border-top:1px solid #eee; text-align:center; line-height:24px;}
.sc_filter_wrap .btn_more_view:before {content:' '; position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-8px; margin-left:-5px; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.sc_filter_wrap .btn_more_view.open:before {margin-top:-3px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.sc_filter_wrap .inptxt_wrap {height:40px;}
.sc_filter_wrap .inptxt_wrap > input.txt {height:38px; min-height:38px; padding:9px 11px; font-size:16px;}


/* 납부금액 정보 영역 */
.check_option_body {position:absolute; top:0; left:50%; display:inline-block; width:264px; height:auto; margin-left:275px;}
.check_option_body .bnr_img {margin-bottom:8px;}
.check_option_body .che_box {display:block; width:100%; border:1px solid #ddd; border-radius:4px; }
.check_option_body .che_box dt.tit {position:relative; height:56px;}
.check_option_body .che_box dt.tit a {display:block; width:100%; height:100%; color:#000; font-size:16px; line-height:20px;  padding:18px 44px; background-color:#f6f6f6;}
.check_option_body .che_box dt.tit i.ico_arr {position:absolute; top:16px; right:16px; display:inline-block; width:24px; height:24px;}
.check_option_body .che_box dt.tit i.ico_arr:after {content:' '; display:inline-block; position:absolute; right:6px; top:2px; width:11px; height:11px; border:1px solid #000; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.check_option_body .che_box.on dt.tit i.ico_arr:after {top:9px; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.check_option_body .che_box dt.tit i.ico_moh {position:absolute; top:16px; left:16px; display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -120px -110px; overflow:hidden;}
.check_option_body .che_box dt.tit i.ico_gift {position:absolute; top:16px; left:16px; display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -168px -110px; overflow:hidden;}
.check_option_body .btn_wrap {margin-top:8px;}
.check_option_body .btn_wrap .bttn.big {width:100%;}

.check_option_detail { }
.check_option_detail .tit_con {padding:16px; clear:both;}
.check_option_detail .tit_con h3 {display:inline-block; color:#000; font-size:16px; line-height:20px;}
.check_option_detail .tit_con  span {float:right; display:inline-block; color:#000; font-size:14px; line-height:17px; text-align:right; }
.check_option_detail .tit_con  span strong {display:inline-block; color:#000; font-size:20px; line-height:24px; font-weight:bold;}
.check_option_detail .inr {color:#666; clear:both; overflow:hidden; padding:4px 16px 0;}
.check_option_detail .inr .title {font-size:14px; line-height:17px;}
.check_option_detail .inr .price {float:right; display:inline-block; color:#000; font-size:14px; line-height:17px; text-align:right; }
.check_option_detail .inr.last {color:#000;}

.price_wrap { border-bottom:1px solid #ddd; padding-bottom:16px; }
.month { padding-bottom:16px; }

/* 유무선 결합 할인_제휴카드 할인 */
.comb {border-bottom:1px solid #ddd; padding:16px 0;}
.comb_cd {padding:16px 0;}

.comb .inr,
.comb_cd .inr {color:#aa36bb; clear:both; overflow:hidden; padding:4px 16px 0;}
.comb .inr .title,
.comb_cd .inr .title {font-size:14px; line-height:17px;}
.comb .inr .price,
.comb_cd .inr .price {float:right; display:inline-block; color:#aa36bb; font-size:14px; line-height:17px; text-align:right; }
.comb .inr.last,
.comb_cd .inr.last {color:#aa36bb; font-weight:bold;}
.comb .inr.last strong,
.comb_cd .inr.last strong {color:#aa36bb; font-size:16px; line-height:19px; font-weight:bold;}

/* 월 납부예상 금액 */
.tolal_wrap {position:relative; display:block; height:120px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f4f1ed; padding:0 16px; }
.tolal_wrap h3 {display:inline-block; position:relative; color:#000; font-size:16px; line-height:20px; padding:26px 0 20px 30px;}
.tolal_wrap h3 i.ico_mohtol {position:absolute; top:24px; left:0; display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_common.png') no-repeat -144px -110px; overflow:hidden;}
.tolal_wrap span {float:right; display:inline-block; color:#000; font-size:24px; line-height:30px; text-align:right; }
.tolal_wrap  span strong {display:inline-block; color:#000; font-size:32px; line-height:30px; font-weight:bold;}

/* 사은품 */
.check_option_body .che_box dd.con ul.list_freebie {padding:18px;}
.check_option_body .che_box dd.con ul.list_freebie > li {display:table; table-layout:fixed; margin-top:10px; clear:both; overflow:hidden;}
.check_option_body .che_box dd.con ul.list_freebie > li:first-child { margin-top:0; }
.check_option_body .che_box dd.con ul.list_freebie .photo {display:table-cell; width:70px; height:70px; overflow:hidden; vertical-align:middle;}
.check_option_body .che_box dd.con ul.list_freebie .photo img{width:70px;height:70px}
.check_option_body .che_box dd.con ul.list_freebie .name{display:table-cell; color:#666;  font-size:14px; line-height:17px; padding-left:8px; vertical-align:middle;}

/* visual slide indicator */
.visual_wrap .slide_wrap {position:relative; padding-bottom:0;}
.visual_wrap .slide_conts .inner {display:block; position:relative;}
.visual_wrap .slide_conts .inner .txt_inner {position:absolute; left:24px; top:14%; z-index:1; width:184px;}
.visual_wrap .slide_conts .inner .txt_inner .tit {margin-bottom:12px; color:#333; font-size:24px; font-weight:bold; line-height:28px;}
.visual_wrap .slide_conts .inner .txt_inner .tit_desc {color:#333; font-size:14px; line-height:17px;}
.visual_wrap .slide_conts .inner .txt_inner .tit + .tit_desc {margin-top:-12px; padding-top:8px;}
.visual_wrap .slide_conts .inner .img {position:absolute; top:0; right:0; /*width:60%;*/ max-width:100%; height:auto;}
.visual_wrap .slide_conts .inner .bg img {width:100%; height:auto;}

.visual_wrap .slide_conts .inner.comb {position:relative; padding:0;}
.visual_wrap .slide_conts .inner.comb .txt_wrap {position:absolute; top:24px; right:24px; left:24px;}
.visual_wrap .slide_conts .inner.comb .txt_wrap .tit {color:#000; font-size:20px; line-height:24px; font-weight:bold;}
.visual_wrap .slide_conts .inner.comb .txt_wrap .tit_desc {margin-top:8px; color:#333; font-size:14px; line-height:17px;}

.visual_wrap .indi_wrap {bottom:0;}
.visual_wrap .indi_wrap .indi_count {position:absolute; right:12px; bottom:12px; font-size:0;}
.visual_wrap .indi_wrap .indi_count .indi_control {display:inline-block; width:22px; height:24px; padding:5px 8px; border-radius:0 3px 3px 0; vertical-align:top;}
.visual_wrap .indi_wrap .indi_count .indi_control.stop {background:#fff url('/common/images/cmm/ico_common_mobile.png') 0 0 no-repeat; background-size:300px auto}
.visual_wrap .indi_wrap .indi_count .indi_control.play {background:#fff url('/common/images/cmm/ico_common_mobile.png') -24px 0 no-repeat; background-size:300px auto;}
.visual_wrap .indi_wrap .indi_count .count {display:inline-block; width:36px; height:24px; padding:5px 8px; border-right:1px solid rgba(0,0,0,.1); border-radius:3px 0 0 3px; background:#fff; color:#333; font-size:13px; text-align:center; line-height:14px; vertical-align:top;}
.visual_wrap .indi_wrap .indi_count .btn_slidemore {display:inline-block; width:22px; height:24px; margin-left:4px; border-radius:3px; background:#fff url('/common/images/cmm/ico_common_mobile.png') -51px 0 no-repeat; background-size:300px auto;}
.visual_wrap .lay_collect {display:none;}
.lay_collect {top:0% !important; left:50% !important; margin-left:-164px; transform:inherit !important;}
.lay_collect .lay_cont ul {margin-top:50px;}
.lay_collect .lay_cont ul li {margin-top:4px;}
.lay_collect .lay_cont ul li:first-child {margin-top:0;}
.lay_collect .lay_cont ul li a {display:block; width:328px; height:164px;}
.lay_collect .lay_cont ul li a img {height:100%; border-radius:8px;}
.lay_collect .btn_close {position:fixed; top:12px; right:36px; width:32px; height:32px; border-radius:50%; background:rgba(0,0,0, 0.6);}
.lay_collect .btn_close:before {content:'\2715'; display:block; margin-top:-4px; color:#fff; font-size:18px; line-height:34px;}
.ios .lay_collect .btn_close:before {margin-top:0;}
.mac .lay_collect .btn_close:before {margin-top:0;}

.slide_wrap .slide_controls {position:absolute; top:50%; width:100%;}
.slide_wrap .slide_controls button {display:block; position:absolute; top:-20px; width:40px; height:40px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat; background-size:300px auto;}
.slide_wrap .slide_controls button.prev {left:0; background-position:-40px -24px;}
.slide_wrap .slide_controls button.next {right:0; background-position:-80px -24px;}
.slide_wrap .slide_controls button:disabled {opacity:0.4;}
.slide_wrap .slide_controls button.ui_carousel_hidden {display: none;} /* 190322 스크립트관련 추가*/

.slide_wrap {position:relative; /*padding-bottom:30px;*/ border:none; /*overflow:hidden;*/}
.slide_wrap .indi_wrap {position:absolute; bottom:0; z-index:2; width:100%; text-align:center;}
.slide_wrap .indi_conts {font-size:0; line-height:0;}
.slide_wrap .indi_conts > li {display:inline-block;}
.slide_wrap .indi_conts > li .btn_indi {width:6px; height:6px; margin:0 3px; background:#d8d8d8; border-radius:50%; vertical-align:middle;}
.slide_wrap .indi_conts > li.on .btn_indi {width:24px; background:#999; border-radius:2px;}
.slide_wrap .slide_content {position:relative; overflow:hidden;}
.slide_wrap .slide_content .slide_conts {position:relative;}

.visual_wrap .slide_conts .inner .txt_inner .tit {color:#000; font-size:20px; line-height:27px;}
.visual_wrap .slide_conts .inner .txt_inner .sub_tit {color:#000; font-size:14px; font-weight:bold; line-height:17px;}
.visual_wrap .slide_conts .inner .txt_inner .img_txt {width:135px; height:30px; margin-top:4px;}
.visual_wrap .slide_conts .inner .txt_inner .img_txt img {height:100%;}
.visual_wrap .slide_conts .inner .txt_inner .tit_desc {padding-top:12px;}

/* 메인 컨텐츠 영역 */
.kind_wrap {width:100%; background-color:#fff;}
.kind_wrap:last-child .kind_area {margin-bottom:0}
.kind_area {position:relative; margin:12px 0; padding:20px 16px; border-bottom:1px solid #ddd;}
.kind_area.first {margin-top:0;}
.kind_area.last {margin-bottom:0;}
.kind_area.no_pd {padding:0;}
.kind_area.cont_pd {padding:24px 16px;}
.kind_area.cont_pd2 {padding:20px 16px;}
.kind_wrap.bg {background-color:#eee;}
.kind_wrap.bg .kind_area {margin:0; padding:0 16px 20px 16px;}
.kind_area.last.bd {border-bottom:12px solid #eee;}
/* //메인 컨텐츠 영역 */

/* 구매, 후기 버튼 영역 */
.item_area .item .info {position:relative; padding:16px 16px 4px;}
.item_area .item .reviews {margin-top:16px; padding:15px 0; border-top:1px solid #eee; overflow:hidden;}
.item_area .item .info .reviews .tooltip_wrap {float: left; line-height: 100%;}
.item_area .item .info .reviews .tooltip_wrap .btn_qustion {color: #000; font-size: 14px; line-height: 100%;}
.tooltip_wrap .btn_qustion i.ico_qustion {display: inline-block; width: 16px; height: 16px; margin-left:8px; background: url('/common/images/cmm/ico_common_mobile.png') no-repeat -266px -24px; background-size:300px auto; vertical-align:bottom;}

.bttn_more {display:block; width:100%; height:52px; border-radius:4px; background-color:#f6f6f6; color:#333; font-size:17px; line-height:52px; text-align:center;}
.bttn_more span {padding:0 8px;}
.bttn_more:after {content: ''; display: inline-block; width: 8px;height: 8px; margin-top: -4px; border: 1px solid #333; border-top: none; border-right: none; vertical-align: middle; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}

.item_area .item .reviews dl {float:right; font-size:0; line-height:13px;}
.item_area .item .reviews dl:first-child {margin-left:0;}
.item_area .item .reviews dl dt {display:inline-block; color:#666; font-size:14px; line-height:17px;}
.item_area .item .reviews dl dd {display:inline-block; margin-left:4px; color:#666; font-size:14px; line-height:17px;}
.item_area .item .btn_area {float:right; margin-right:-8px;}
.item_area .item .btn_interest {display:block; position:relative; z-index:1; width:32px; height:32px; /*top:-50px;*/ background:url('/common/images/cmm/ico_common_mobile.png') -40px -144px no-repeat; background-size:300px auto;}
.item_area .item .btn_interest.on {background-position:-40px -176px;}

/* 액세서리 목록 */
.kind_acc .item_area {overflow: hidden;}
.kind_acc .item_area .small_item {display:block; position:relative; margin-top:12px; border:1px solid #ddd; border-radius:4px; box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.07); -webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.07); -ms-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.07); overflow:hidden;}
.kind_acc .item_area .small_item:first-child {margin-top:0;}
.kind_acc .kind_list .item_area .small_item .img {float:left; position:relative; width:120px; height:120px; margin:20px 0 16px 16px; text-align:center;}
.kind_acc .kind_list .item_area .small_item .img img {width:auto; height:100%;}
.kind_acc .kind_list .item_area .small_item .model {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; height:40px; margin-top:6px; color:#333; font-size:17px; font-weight:bold; line-height:20px; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.kind_acc .kind_list .item_area .small_item .plan .price .dis_price {display:block; color:#333; font-size:17px; font-weight:bold; line-height:24px; font-weight:bold;}
.kind_acc .kind_list .item_area .small_item .plan .price .dis_price em {color:#333; font-size:20px; vertical-align:top;}
.kind_acc .kind_list .item_area .small_item .plan .discount {display:inline-block; margin-top:8px; color:#ed008c; font-size:20px; font-weight:bold; line-height:36px; vertical-align:top;}
.kind_acc .kind_list .item_area .small_item .plan .discount em {font-size:30px;}
.kind_acc .kind_list .item_area .item .info .plan .price {display: inline-block; margin-left: 12px; vertical-align: top;}
.kind_acc .kind_list .item_area .item .info .plan .price .exist {display:inline-block; width:100%; color: #999; font-size: 13px; line-height: 16px; text-decoration: line-through;}
.kind_acc .kind_list .item_area .small_item .info {margin-left:152px; padding:20px 8px 12px 0;}
.kind_acc .kind_list .item_area .small_item .info .info_top {padding:0; border:none;}
.kind_acc .kind_list .item_area .small_item .plan {display:block; margin-top:16px; font-size:0;}
.kind_acc .kind_list .item_area .small_item .reviews {clear:both; margin-top:0; padding:16px;}
.kind_acc .kind_list .item_area .item .reviews dl {font-size:0;}
.kind_acc .kind_list .item_area .item .reviews dl dt {display:inline-block; color:#666; font-size:14px; line-height:17px; vertical-align:top;}
.kind_acc .kind_list .item_area .item .reviews dl dd {display:inline-block; margin-left:4px; color:#666; font-size:14px; line-height:17px; vertical-align:top;}
.kind_acc .kind_list .item_area .small_item .btn_area {float:right; margin-right:0;}
.kind_acc .kind_list .item_area .item .btn_interest {position:absolute; top:8px; right:8px;}
.kind_acc .kind_list .item_area .item .btn_interest.on {background-position-y: -176px;}



/* 배너 영역 */
.banner_full {margin:12px 0; background-color:#fff; border-bottom:1px solid #ddd;}
.banner_full a {display:block; text-align:center;}
.banner_full:last-child {margin:12px 0 0;}
.kind_area .banner_full {border-bottom:none;}

/* 플래그 */
.flag_wrap {position:absolute; left:0; bottom:0; font-size:0; white-space:nowrap;}
.flag_wrap .flag {display:inline-block; height:18px; margin:0; padding:0 4px; color:#fff; font-size:12px; line-height:19px; font-weight:bold; text-align:center; vertical-align:top; overflow:hidden;}
.flag_wrap .flag.sold {background-color:#ccc;} /* 일시품절 */
.flag_wrap .flag.end {background-color:#999;} /* 판매종료 */
.flag_wrap .flag.product {background-color:#666;} /* 가입상품 */
.flag_wrap .flag.direct {background-color:#666;} /* 다이렉트배송 */
.flag_wrap .flag.shipping {background-color:#63677C;} /* 무료배송 */
.flag_wrap .flag.reserv {background-color:#63677C; color:#fff;} /* 예약가입 */
.flag_wrap .flag.etc {background-color:#63677C;} /* 기타 */
.flag_wrap .flag.change {background-color:#F6F6F6; color:#666;} /* 기기변경 */
.flag_wrap .flag.per7 {background-color:#FF5E9C;} /* 7%추가할인 */
.flag_wrap .flag.disclosure {background-color:#F03B79;} /* 공시금확대 */
.flag_wrap .flag.disup {background-color:#776DF3;} /* 공시지원금UP */
.flag_wrap .flag.uplus {background-color:#8B62D3;} /* U+ 단독 */
.flag_wrap .flag.popular {background-color:#ff7200;} /* 인기 */
.flag_wrap .flag.new {background-color:#9850E2;} /* 최신 */
.flag_wrap .flag.update {border:1px solid #37A8D2; color:#37A8D2;} /* 업데이트 */
.flag_wrap .flag.recomm {background-color:#3680C9;} /* 추천 */
.flag_wrap .flag.best {background-color:#4994CB;} /* 베스트 */
.flag_wrap .flag.per80 {background-color:#D41414;} /* 80% */
.flag_wrap .flag.dip {background-color:#64ABC1;} /* 출고기인하 */
.flag_wrap .flag.pcut {background-color:#DF4D20;} /* 가격인하 */
.flag_wrap .flag.rsale {background-color:#398E3B;} /* 예약판매 */
.flag_wrap .flag.rjoin {background-color:#4AAF4F;} /* 예약가입 */
.flag_wrap .flag.psale {background-color:#5360B2;} /* 사전판매 */
.flag_wrap .flag.home {background-color:#64ABC1;} /* 인터넷/TV */
.flag_wrap .flag.iot {background-color:#E6AF4A;} /* IoT서비스 */
.flag_wrap .flag.hp {background-color:#F58931;} /* 휴대폰 */
.flag_wrap .flag.acc {background-color:#93495F;} /* 액세서리 */
.flag_wrap .flag.plan {background-color:#B35AC0;} /* 기획전 */
.flag_wrap .flag.event {background-color:#617D8B;} /* 이벤트 */
.flag_wrap .flag.common {background-color:#666;}
.flag_wrap .flag.rep {background-color:#657EFC;} /* 중고자급제폰 */
.flag_wrap .flag.tablet {background-color:#ee704b;} /* 태블릿 */
.flag_wrap .flag.watch {background-color:#eeb240;} /* 워치 */
.flag_wrap .flag.wifi {background-color:#85d560;} /* 휴대용Wi-fi */
.flag_wrap .flag.deliall {background-color:#FE8320;} /* 묶음배송 */
.flag_wrap .flag.delione {background-color:#4A90E2;} /* 단독배송 */
.flag_wrap .flag.join1g {background-color:#2EABD2;} /* 1G가입조건 */
.flag_wrap .flag.mostview {background-color:#63677C;} /* 최다조회 */
.flag_wrap .flag.unused {background-color:#6D85BA;} /* 미사용할인폰 */
.flag_wrap .flag.using {background-color:#ED008C;} /* 미사용할인폰 */
.acc_flag {position:initial; padding-right:32px; margin-bottom:6px;}

/* 휴대폰 찾아보기 */
.phone_search_wrap {width:100%;}
.phone_search_wrap .phone_search_area {position:relative; width:1280px; margin:0 auto; padding:32px 100px;}
.phone_search_wrap .phone_search_area .h3_tit {color:#000; font-size:26px;}
.phone_search_wrap .phone_search_area .select_area_wrap {padding-top:25px; font-size:0;}
.phone_search_wrap .phone_search_area .select_area_wrap .select_wrap {margin-left:8px; font-size:14px;}
.phone_search_wrap .phone_search_area .select_area_wrap .select_wrap:first-child {margin-left:0;}
.phone_search_wrap .phone_search_area .select_area_wrap .select_wrap select {width:210px;}
.phone_search_wrap .phone_search_area .reset {position:absolute; top:32px; right:100px; height:32px; padding:0 13px 0 16px; border-radius:4px; background-color:#333; color:#fff; font-size:14px; line-height:32px;}
.phone_search_wrap .phone_search_area .reset span {position:relative; padding-left:20px;}
.phone_search_wrap .phone_search_area .reset span:before {content:''; display:inline-block; position:absolute; top:1px; left:0; width:15px; height:15px; background:url('/common/images/main/ico_main.png') no-repeat 0 -112px;}
/* //휴대폰 찾아보기 */

/* 구매 후기 리스트 */
.mys_prod_lists.review_type {position:relative;}
.mys_prod_lists.review_type .list_head .flag_wrap {display:inline-block; position:relative; top:-14px; margin-bottom:0;}
.mys_prod_lists.review_type .list_head .tit {display:inline-block; margin-left:8px;}
.mys_prod_lists.review_type .list_head .tops {position:absolute; bottom:15px; right:16px; color:#666; font-size:13px; line-height:16px}
.mys_prod_lists.review_type .list_head .purchase_point {position:relative; bottom:6px; display:block; width:79px; height:13px; background:url('/common/images/cmm/img_purchase_point_off.png') no-repeat 0 0; background-size:79px 13px;}
.mys_prod_lists.review_type .list_head .purchase_point em {position:absolute; height:13px;background:url('/common/images/cmm/img_purchase_point_on.png') no-repeat 0 0; background-size:79px 13px;}

.mys_prod_lists.review_type .list_body .thumb {float:left; width:52px;}
.mys_prod_lists.review_type .list_body .info {padding-right:24px; margin-left:64px;}
.mys_prod_lists.review_type .list_body .info:after {content:' '; display:block; clear:both;}
.mys_prod_lists.review_type .list_body .info .tit_txt {color:#333; font-size:16px; line-height:22px; font-weight:bold;}
.mys_prod_lists.review_type .list_body .info .sub_txt,
.mys_prod_lists.review_type .list_body .sub_txt {display:block; height:34px; margin-top:8px; color:#666; font-size:13px; line-height:17px; overflow:hidden; white-space:normal; word-wrap:break-word; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; clear:both;}
.mys_prod_lists.review_type .on .list_body .info .sub_txt,
.mys_prod_lists.review_type .on .list_body .sub_txt {display:none;}

.mys_prod_lists.review_type .list_con {position:relative;}
.mys_prod_lists.review_type .list_con .sub_txt {color:#666; font-size:14px; line-height:18px;}
.mys_prod_lists.review_type .list_con .btn_wrap {margin-top:16px; border-top:none;}
.mys_prod_lists.review_type .list_con .atreview_visual_wrap {margin-top:16px;}

/* 스크롤 컨텐츠 */
.scroll_view {width:100%; font-size:0; overflow:hidden; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.scroll_view .slide_conts,
.scroll_view .item {display:inline-block !important; float:none; vertical-align:top;}

/* 컨텐츠 상단 타이틀 버튼영역 */
.main_body {position:relative; background-color:#f2f4f7; overflow:hidden;}
.h2_tit, .tit_wrap .h2_tit {display:inline-block; margin:0; color:#333; font-size:17px; font-weight:bold; line-height:20px; vertical-align:top;}
.h2_tit em.count, .h3_tit em.count {margin-left:2px; color:#999;}
.h3_tit, .tit_wrap .h3_tit {display:inline-block; margin:0; color:#333; font-size:16px; font-weight:bold; line-height:20px; vertical-align:top;}
.tit_wrap .fl_desc {float:right; color:#666; font-size:14px; line-height:20px; vertical-align:bottom; font-weight:normal;}
.tit_wrap .detail_link {position:absolute; right:0; bottom:0;} /* 190111 인터넷/IPTV right0 수정 */
.tit_wrap {position:relative;}
.tit_wrap .desc {margin-top:8px; color:#666; font-size:14px; line-height:17px;}
.kind_wrap .tit_wrap .more {display:inline-block; position:relative; width:23px; height:23px; margin-left:6px; vertical-align:top;}
.kind_wrap .tit_wrap .more span {display:inline-block; position:relative; font-size:0;}
.kind_wrap .tit_wrap .more:before {content:' '; display:block; position:absolute; top:7px; left:0; width:6px; height:6px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.tit_wrap .chk_wrap.h24 input[type='checkbox']+label, .bg_tit_wrap .chk_wrap.h24 input[type='checkbox']+label {font-weight:bold;}
.tit_wrap.pd_on {position:relative; padding:16px; overflow:hidden;}
.tit_wrap.pd_on .detail_link {bottom:16px; right:16px;}
.tit_wrap.pd_on .flt_info {float:right; padding:1px 0; color:#666; font-size:14px; line-height:18px; text-align:right;}
.tit_wrap.pd_on .tit_desc {margin-top:4px; margin-right:110px; color:#666; font-size:14px; line-height:18px;}
.tit_wrap.pd_on .tit_desc em {display:block;}
.tit_wrap.pd_on .bttn {position:absolute; right:16px; top:50%; margin-top:-20px;}
.bg_tit_wrap {position:relative; padding:16px; background:#eee;}
.bg_tit_wrap .detail_link {position:absolute; top:16px; right:16px;}
.sort_list_wrap {position:relative; overflow:hidden;}
.sort_list_wrap + .kind_list {margin-top:0;}
/* .tit_wrap + .sort_list_wrap {margin-top:16px;} */
.tit_wrap .sort_btn {position:absolute; top:50%; right:16px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.sort_list {margin:-4px 0 0 -4px; font-size:0;}
.sort_list .btn_n {display:inline-block; width:calc((100% - 12px) / 3); height:40px; margin:4px 0 0 4px; margin-left:4px; padding:0 5px; border:1px solid #ddd; border-radius:4px; color:#666; font-size:14px; line-height:16px; text-align:center;}
.sort_list .btn_n > span {display:inline-block; width:100%; text-align:center; white-space:nowrap;}
.sort_list .btn_n.on {border:1px solid #aa36bb; color:#aa36bb;}
.sort_list.size_2 .btn_n {flex:none; width:calc((100% - 8px) / 2);}
.sort_list_wrap.scroll {padding:16px 0; background:#fff;}
.sort_list_wrap.scroll .sort_list {padding:0 16px; overflow:auto; white-space:nowrap;}
.sort_list_wrap.scroll .sort_list .btn_n {width:auto; padding:0 10px;}
.sort_list_wrap.tabs .sort_list.size_2 {font-size:0; margin-top:0;}
.sort_list_wrap.tabs .sort_list.size_2 li {display:inline-block; width:calc((100% - 8px) / 2); margin-left:4px;}
.sort_list_wrap.tabs .sort_list.size_2 li .btn_n {width:100%; margin:0; line-height:38px;}
.sort_list_wrap.tabs .sort_list.size_2 li.on .btn_n {border-color:#aa36bb; color:#aa36bb;}
/*  장바구니 타이틀 추가 */
.tit_wrap.top_tit_wrap {border-bottom:1px solid #ddd;}
.tit_wrap.top_tit_wrap .tit {display:inline-block; color:#333; font-size:17px; line-height:20px; font-weight:bold; margin:3px 0 0 0;}
.tit_wrap.top_tit_wrap #ipt_cart_all + label span {color:#999; }

/* 주문서작성 */
.in_box .tit_wrap {border-top:1px solid #eee;}
.mys_foot_wrap:after{display:block;content:'';clear:both;}
.mys_foot_wrap .price_txt {float:left; display:inline-block; text-align:left;}
.mys_foot_wrap .price_tol {float:right; display:inline-block; color:#333; font-size:17px; line-height:20px; font-weight:bold; text-align:left;}

/* in_info_con */
.in_info_con {position:relative; padding:0 16px 25px 16px;}
.in_info_con > .info:first-child {margin-top:0;}
.in_info_con .info {margin-top:20px;}
.in_info_con .info .tit {color:#333; font-size:16px; line-height:19px; margin-bottom:4px;}
.in_info_con .info .con {position:relative;}
.in_info_con .info .con .text {color:#666; font-size:14px; line-height:17px;}

/* 포인트/상품권 */
.apl_dropdown_wrap .titles {padding:16px; border-bottom:1px solid #ddd; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.apl_dropdown_wrap .wraps {margin:0 16px; padding:20px 0; border-bottom:1px solid #eee;}
.apl_dropdown_wrap .wraps:last-child {border-bottom:none;}
.apl_dropdown_wrap .wraps .sects {margin-top:20px;}
.apl_dropdown_wrap .wraps .sects:first-child {margin-top:0;}
.apl_dropdown_wrap .drop_head dl {display:table; width:100%;}
.apl_dropdown_wrap .drop_head dl dt {display:table-cell; color:#333; font-size:16px; line-height:19px; vertical-align:middle;}
.apl_dropdown_wrap .drop_head dl dd {display:table-cell; margin-top:8px; font-size:18px; line-height:21px; font-weight:bold; text-align:right; vertical-align:middle;}
.apl_dropdown_wrap .drop_head dl dd .lay_btn {display:inline-block; width:auto; margin-left:12px; color:#666; font-weight:normal;}
.apl_dropdown_wrap .drop_head dl dd .lay_btn span {color:#666;}
.apl_dropdown_wrap .drop_head dl dd .lay_btn.open span:before {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.apl_dropdown_wrap .drop_body {margin-top:12px;}
.apl_dropdown_wrap .drop_body .sc_wrap {padding:20px 16px; border-radius:4px; background:#f6f6f6;}
.apl_dropdown_wrap .drop_body .sc_input {margin-top:16px; padding-top:16px; border-top:1px solid #eee;}
.apl_dropdown_wrap .drop_body .sc_input:first-child {margin-top:0; padding-top:0; border-top:none;}
.apl_dropdown_wrap .drop_body .sc_input dt {margin-bottom:8px; color:#333; font-size:14px; line-height:17px;}
.apl_dropdown_wrap .drop_body .sc_input .sale_price {margin-top:8px; color:#333; font-size:16px; line-height:19px; font-weight:bold; text-align:right;}
.apl_dropdown_wrap .drop_body .dataform_box .inptxt_wrap {width:calc(100% - 112px);}
.apl_dropdown_wrap .drop_body .dataform_box .bttn {min-width:104px; width:104px; margin-left:8px;}
.apl_dropdown_wrap .drop_body .sc_rst_wrap {margin-top:20px;}
.apl_dropdown_wrap .drop_body .rst_list_wrap .tit {margin-bottom:8px; color:#333; font-size:14px; line-height:17px;}
.apl_dropdown_wrap .drop_body .rst_list .lists {display:table; position:relative; width:100%; margin-top:8px; border:1px solid #ccc; border-radius:4px; background:#fff; padding:13px 12px; padding-right:40px;}
.apl_dropdown_wrap .drop_body .rst_list .lists:after {content:' '; display:block; clear:both;}
.apl_dropdown_wrap .drop_body .rst_list dl {display:inline-block; vertical-align:top;}
.apl_dropdown_wrap .drop_body .rst_list dl:after {content:' '; display:block; clear:both;}
.apl_dropdown_wrap .drop_body .rst_list dl.num {/*width:55%;*/ padding-right:8px;}
.apl_dropdown_wrap .drop_body .rst_list dl.price {display:table-cell; width:45%; padding-left:8px; border-left:1px solid #eee; vertical-align:middle;}
.apl_dropdown_wrap .drop_body .rst_list dl dt {float:left; margin-right:8px; color:#666; font-size:14px; line-height:20px;}
.apl_dropdown_wrap .drop_body .rst_list dl dd {float:right; color:#333; font-size:16px; line-height:20px;}
.apl_dropdown_wrap .drop_body .rst_list dl.num dd {float:left;}
.apl_dropdown_wrap .drop_body .rst_list .btn_del {position:absolute; top:50%; right:12px; width:20px; height:20px; margin-top:-10px;}
.apl_dropdown_wrap .drop_body .rst_list .btn_del:before {content:' '; position:absolute; top:50%; left:0; width:20px; height:1px; margin-top:-1px; background:#333; transform:rotate(45deg);}
.apl_dropdown_wrap .drop_body .rst_list .btn_del:after {content:' '; position:absolute; top:50%; left:0; width:20px; height:1px; margin-top:-1px; background:#333; transform:rotate(-45deg);}
.apl_dropdown_wrap .drop_body .sc_rst_total {margin-top:20px; padding-top:20px; border-top:1px solid #ddd; color:#333; line-height:24px; font-weight:bold; overflow:hidden;}
.apl_dropdown_wrap .drop_body .sc_rst_total dt {float:left; font-size:16px;}
.apl_dropdown_wrap .drop_body .sc_rst_total dd {float:right; font-size:20px;}
.apl_dropdown_wrap .dot_list {margin-top:12px;}
.apl_dropdown_wrap .btn_wrap {margin-top:8px; text-align:left;}
.apl_dropdown_wrap .btn_wrap .bttn {min-width:100%; width:100%;}

/* 상품권 목록 (삭제 예정) */
.data_form .dataform_box .inptxt_wrap.porlist_type {position:relative; margin-top:8px;}
.data_form .dataform_box .inptxt_wrap.porlist_type:first-child {margin-top:0;}
.porlist_type .porlist {position:relative; padding:16px 12px;}
.porlist_type .porlist:after {content:' '; display:block; clear:both;}
.porlist_type .porlist > dl {float:left; display:inline-block;  width:48%;}
.porlist_type .porlist > dl dt {float:left; display:inline-block;  width:42%; color:#999 !important; font-size:14px !important; line-height:17px !important; margin:0 !important; }
.porlist_type .porlist > dl.porlist_price {border-left:1px solid #eee; padding-left:13px;}
.porlist_type .porlist > dl.porlist_price dt {float:left; display:inline-block;  width:30%; color:#999 !important; font-size:14px !important; line-height:17px !important; margin:0 !important; }
.porlist_type .porlist > dl.porlist_price dd {float:left; display:inline-block; width:70%; }
.porlist_type .porlist > dl dd {float:left; display:inline-block; width:48%; color:#333; font-size:16px; line-height:19px;}
.porlist_type .btn_close {display:inline-block; position:absolute; top:14px; right:12px; width:20px; height:20px;}
.porlist_type .btn_close button {display:inline-block; position:relative; width:20px; height:20px; vertical-align:top;}
.porlist_type .btn_close button:before {content:''; display:inline-block; height:20px; border-left:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.porlist_type .btn_close button:after {content:''; display:inline-block; height:20px; margin-left:-1px; border-left:1px solid #333; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.porlist_price_total {position:relative; margin-top:20px;}
.porlist_price_total dl {border-top:1px solid #ddd; padding-top:20px;}
.porlist_price_total dl:after {content:' '; display:block; clear:both;}
.porlist_price_total dl dt {float:left; display:inline-block; color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.porlist_price_total dl dd {float:right; display:inline-block; color:#333; font-size:20px; line-height:24px; font-weight:bold;}

/* 마이샵  공통 - 기본*/
.inr_wrap {position:relative;}
/*
.inr_wrap dl.inr_info {}
.inr_wrap dl.inr_info dt.tit {color:#333; font-size:16px; line-height:19px; font-weight:bold; padding:20px 0 12px 0;}
.inr_wrap dl.inr_info dd.con {background:#f6f6f6; padding:16px;}
.inr_wrap dl.inr_info dd.con.tbl_con {background:#fff; margin:0; padding:0;}
*/

.inr_wrap dl.inr_info > dd.con {padding:0;}
.inr_wrap dl.inr_info > dd.con .inner {padding:16px;}
.inr_wrap dl.inr_info > dd.con .inner dt.tit {display:inline-block; color:#666; font-size:14px; line-height:17px; padding:4px 0; font-weight:normal;}
.inr_wrap dl.inr_info > dd.con .inner dd.con {float:right; width:60%; color:#333; font-size:14px; line-height:17px; padding:4px 0; text-align:left;}

.inner_con {padding:6px 16px 16px 16px; border-top:1px solid #ddd;}
.inner_con dl.dl_list {position:relative;}
.inner_con dl.dl_list:after {content:' '; display:block; clear:both;}
.inner_con dl.dl_list dt.tit {display:inline-block; color:#666; font-size:16px; line-height:19px; padding:6px 0;}
.inner_con dl.dl_list dd.con {float:right; width:60%; color:#000; font-size:16px; line-height:19px; padding:6px 0; text-align:right;}


/* 툴팁 */
.tool_tip {display:inline-block; position:relative;}
.tool_tip .ico_qustion {display:inline-block; width:20px; height:20px; margin-top:-1px; background:url('/common/images/cmm/ico_common_mobile.png') -180px -264px no-repeat; background-size:300px auto; vertical-align:top;}
.tool_tip .ico_qustion.type2 {width:16px; height:16px; background:url('/common/images/cmm/ico_common_mobile.png') -266px -24px no-repeat; background-size:300px auto;}
.tool_tip .tool_tip_body {display:none; position:absolute; top:30px; left:50%; z-index:9; width:296px; height:auto; padding:16px; border:1px solid #ddd; border-radius:4px; background-color:#fff; text-align:left; -webkit-transition:0.15s ease; -ms-transition:0.15s ease; transition:0.15s ease; margin-left:-50px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);}
.tool_tip .tool_tip_body .btn_close {position:absolute; top:7px; right:6px; width:20px; height:20px;}
.tool_tip .tool_tip_body .btn_close:before {content:'\2715'; display:block; color:#333; font-size:18px;}
.tool_tip .tool_tip_body .txt {color:#666; font-size:15px; line-height:20px;}
.tool_tip .tool_tip_body .txt:first-child {padding-top:16px;}
.tool_tip .tool_tip_body .txt + .txt_noti2 {margin-top:12px;}

.tool_tip_in_txt {position:relative; clear:both; margin-top:4px; margin-bottom:-8px; padding-top:10px;}
.tool_tip_in_txt .tool_tip_body {position:relative; padding:12px 36px 12px 16px; border:1px solid #ED008C; border-radius:4px; background-color:#fff; text-align:left; -webkit-transition:0.15s ease; -ms-transition:0.15s ease; transition:0.15s ease; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1); z-index:9;} /* opacity:0; visibility:hidden; */
.tool_tip_in_txt .tool_tip_body:before {content:' '; display:block; position:absolute; top:-6px; left:15px; z-index:8; width:10px; height:10px; border-top:1px solid #ed008c; border-right:1px solid #ed008c; background:#fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.tool_tip_in_txt .tool_tip_body .item {color:#ED008C; font-size:15px; line-height:19px;}
.tool_tip_in_txt .tool_tip_body .btn_close_wrap {position:absolute; top:11px; right:8px; width:20px; height:20px;}
.tool_tip_in_txt .tool_tip_body .btn_close_wrap button {display:inline-block; position:relative; width:20px; height:20px; padding:1px; vertical-align:top;}
.tool_tip_in_txt .tool_tip_body .btn_close_wrap button:before {content:''; display:inline-block; height:18px; border-left:1px solid #ED008C; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.tool_tip_in_txt .tool_tip_body .btn_close_wrap button:after {content:''; display:inline-block; height:18px; margin-left:-1px; border-left:1px solid #ED008C; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/*
.tool_tip_body:before {content:' '; display:block; position:absolute; top:-11px; left:50%; z-index:8; width:14px; height:14px; margin-left:-7px; background:url('/common/images/cmm/ico_common.png') no-repeat -256px 0;}
*/
.tool_tip_body .tool_tip_info {display:block;}
.tool_tip_body .tool_tip_info dt {display:block; margin-bottom:4px; color:#333; font-size:16px; line-height:19px; font-weight:normal !important;}
.tool_tip_body .tool_tip_info dd {display:block; color:#666; font-size:15px; line-height:20px; text-align:left; font-weight:normal !important;}
.tool_tip_body .tool_tip_info dd p {margin-bottom:4px;}
.tool_tip_body .tool_tip_info dd + dt {margin-top:16px;}



.con_inr_wrap {position:relative; border-radius:4px; background:#f6f6f6; padding:16px;}
.dl_list_wrap .con_inr_wrap {margin-top:12px;}

.spi_info_box {position:relative; margin-top:12px; height:120px; padding:16px 16px 40px; border:1px solid #ccc; border-radius:4px;}
.spi_info_box dl dt {color:#333; font-size:16px; line-height:19px;}
.spi_info_box dl dd {margin-top:8px; color:#666; font-size:14px; line-height:18px;}
.spi_info_box .detail_link {position:absolute; right:16px; bottom:16px;}

/* 쿠폰 할인  포인트/상품권 하위 내용 */
.ins_box {position:relative; margin-top:8px; border-radius:4px; background:#f6f6f6; padding:16px;}
.ins_box .form_item {margin-top:20px;}
.ins_box .form_item.line_top {margin-top:16px; padding-top:16px; border-top:1px solid #eee;}
.ins_box > .form_item:first-child {margin-top:0; }
.ins_box .form_item dt {color:#333 !important; font-size:14px !important; line-height:17px !important;}
.ins_box .form_item dd .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li {height:auto; line-height:1;}
.ins_box .form_item dd .price {display:inline-block; width:100%; color:#333; font-size:16px; line-height:19px; font-weight:bold; border-bottom:1px solid #ddd; text-align:right; padding:8px 0 12px 0;}
.ins_box .dataform_box .inptxt_wrap input.txt {background-color:#fff;}
.ins_box .discount_price {margin-top:8px; color:#333; font-size:16px; line-height:19px; font-weight:bold; text-align:right;}

.coupon_list {padding:0 16px 20px; overflow:hidden;}
.coupon_list ul {margin-top:-12px; overflow:hidden;}
.coupon_list .lists {margin-top:12px; box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.05); overflow:hidden;}
.coupon_list .lists .cp_body {position:relative; padding:20px 20px 10px; background:#fff; border:1px solid #ddd; border-bottom:none; border-radius:4px 4px 0 0; text-align:center;}
.coupon_list .lists .cp_body .cate {margin-bottom:8px; color:#666; font-size:14px; line-height:17px;}
.coupon_list .lists .cp_body .tit {color:#000; font-size:20px; line-height:24px; font-weight:bold;}
.coupon_list .lists .cp_body .tit em {display:block; margin-top:4px; color:#ed008c; font-size:24px; line-height:30px; font-weight:inherit;}
.coupon_list .lists .cp_body .date {margin-top:8px; color:#999; font-size:14px; line-height:17px;}
.coupon_list .lists .cp_foot {padding:8px 20px 20px; border:1px solid #ddd; border-top:none; border-radius:0 0 4px 4px; background:#edf0f5; color:#666; font-size:16px; line-height:19px; text-align:center;}
.coupon_list .no_result {padding-top:80px; min-height:232px;}
.coupon_list .paging.new {padding-bottom:4px;}

/* quick_banner_wrap  */
.quick_banner_wrap {position:relative; margin-top:12px; background-color:#fff; overflow:hidden;}
.quick_banner_wrap .quick_banner {position:relative; padding:24px 16px; background-color:#fff;}
.quick_banner_wrap .quick_banner > li {position:relative; margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
.quick_banner_wrap .quick_banner > li:first-child {margin-top:0; padding-top:0; border-top:none;}
.quick_banner_wrap .quick_banner > li a {display:block; position:relative; text-align:left;}
.quick_banner_wrap .quick_banner > li a:before {content:' '; display:inline-block; width:60px; height:60px; background:url('/common/images/main/ico_main_mobile.png') 0 -232px no-repeat; background-size:300px auto; vertical-align:top;}
.quick_banner_wrap .quick_banner > li.quick_banner_02 a:before {background-position:-60px -232px; }
.quick_banner_wrap .quick_banner > li .conts {position:absolute; top:50%; left:76px; right:0; padding-right:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.quick_banner_wrap .quick_banner > li .conts dt {margin-bottom:4px; color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.quick_banner_wrap .quick_banner > li .conts dd {color:#666; font-size:14px; line-height:17px;}
.quick_banner_wrap .quick_banner > li.quick_banner_01 .conts:after, .quick_banner_wrap .quick_banner > li.arr .conts:after {content:' '; position:absolute; top:50%; right:5px; margin-top:-4px; width:10px; height:10px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/*  quick_map_wrap */
.quick_map_wrap { position:relative; min-width:1280px; max-width:1920px; margin:0 auto; background-color:#f6f6f6; overflow:hidden; height:278px;}
.quick_map_wrap .quick_map_conts {position:relative; width:1080px; margin:0 auto;}
.quick_map_wrap .quick_map_conts:after {content:' '; display:block; clear:both;}
.quick_map_wrap .quick_map_conts > li {float:left; width:216px;}
.quick_map_wrap .quick_map_conts > li .menu_list dt.menu_tit {font-size:16px; line-height:24px; padding:16px 0 20px 25px; border-bottom:1px solid #d8d8d8; margin-bottom:11px;}
.quick_map_wrap .quick_map_conts > li .menu_list dt a {color:#222;}
.quick_map_wrap .quick_map_conts > li .menu_list dd a {padding-top:11px;}
.quick_map_wrap .quick_map_conts > li .menu_list dd a {color:#222; font-size:14px; line-height:28px; padding:0 0 0 25px;}

/* 퀵링크 */
.quick_links {position:fixed; top:184px; left: 1280px; z-index:99; width:72px; border:1px solid #999; border-radius:8px; background-color:#fff; overflow:hidden;}
.quick_links a {display:table; position:relative; width:100%; height:74px; border-top:1px solid #999; color:#000; font-size:12px; text-align:center;}
.quick_links a:first-child {border-top:none;}
.quick_links a .txt {display:table-cell; position:relative; padding-top:44px; vertical-align:middle;}
.quick_links a .txt:before {content:' '; display:block; position:absolute; top:12px; left:50%; width:32px; height:32px; margin-left:-16px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 0;}
.quick_links a.shop .txt:before {background-position:0 -46px;}
.quick_links a.locker .txt:before {background-position:-32px -46px;}
.quick_links a.myshop .txt:before {background-position:-64px -46px;}
.quick_links a.related .txt:before {background-position:-96px -46px;}
.quick_links a.locker .locker_amount {position:absolute; top:8px; right:14px; z-index:1; width:20px; height:20px; border-radius:50%; background-color:#ED008C; color:#fff; font-size:12px; font-weight:bold;}
.quick_links .lately {width:100%; height:94px; border-top:1px solid #999;}
.quick_links .lately span {display:block; padding:24px 0; color:#000; font-size:12px; line-height:15px; text-align:center;}
.quick_links .lately .list_open {position:absolute; right:0; bottom:0; left:0; width:100%; height:21px; background-color:#999;}
.quick_links .lately .list_open:before {content:' '; display:block; position:absolute; top:5px; left:50%; width:5px; height:5px; margin-left:-3px; border:1px solid #fff; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.quick_links .lately .open_cont {display:none;}
.quick_links .lately.open {height:auto;}
.quick_links .lately.open .open_cont {display:block; padding-bottom:21px;}
.quick_links .lately.open .list_open:before {top:8px; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
/* //퀵링크 */

/* 신청서 작성 상단 */
.noti_alarm {margin-top:12px; padding:24px 16px; border-bottom:1px solid #ddd; background-color:#fff;}
.noti_alarm .tit {color:#333; font-size:16px; font-weight:bold; line-height:19px;}
.noti_alarm .tit .ico {display:inline-block; width:20px; height:20px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat -108px -244px; background-size:300px auto; vertical-align:top;}
.noti_alarm .txt {margin-top:8px; color:#333; font-size:14px; line-height:18px;}

.ico_a {display:inline-block; width:18px; height:18px; border-radius:50%; background-color:#666; color:#fff; font-size:13px; line-height:19px; text-align:center; vertical-align:1px;}
/* .acc_box_cont {position:relative; border-top:1px solid #eee; padding-top:12px;} */

.ico_q {display:inline-block; width:20px; height:20px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat -180px -264px; background-size:300px auto; vertical-align:top;}

.ico_tits {display:inline-block; width:28px; height:28px; background:url('/common/images/mys/ico_mys_mobile.png') no-repeat; background-size:300px auto; vertical-align:top; margin-right:4px;}
.ico_tits.ico_tit_01 {background-position:-168px -220px;} /*  납부금액 */
.ico_tits.ico_tit_02 {background-position:0 -220px;} /*  가입자 정보 */
.ico_tits.ico_tit_03 {background-position:-28px -220px;} /*  배송 정보 */
.ico_tits.ico_tit_04 {background-position:-56px -220px;} /*  가입내역 및 부가서비스 정보 */
.ico_tits.ico_tit_05 {background-position:-84px -220px;} /*  부가 혜택 정보 */
.ico_tits.ico_tit_06 {background-position:-112px -220px;} /*  추가 할인 혜택 정보 */
.ico_tits.ico_tit_07 {background-position:-140px -220px;} /*  가입계약서 교부방법 */
.ico_tits.ico_tit_08 {background-position:-196px -220px;} /*  설치 정보 */
.ico_tits.ico_tit_09 {background-position:-224px -220px;} /*  인터넷 전화 희망번호 */
.ico_tits.ico_tit_10 {background-position:-252px -220px;} /*  위약금 정보 */
.ico_tits.ico_tit_11 {background-position:0 -248px;} /*  남은 할부금액 안내 */
.ico_tits.ico_tit_12 {background-position:-28px -248px;} /*  제휴 및 기타 */
.ico_tits.ico_tit_13 {background-position:-56px -248px;} /*  결제 금액 */
.ico_tits.ico_tit_14 {background-position:-84px -248px;} /*  사은품 */

/* 하단 문구 */
.btm_noti {margin-top:8px; text-align:right;}
.btm_dot {padding:0 16px 12px;}

.data_form .transform_wrap .inptxt_wrap + .inptxt_wrap {margin-top:8px;}
.data_form .transform_wrap .drivers {margin-bottom:8px;}
.data_form .transform_wrap .drivers .select_wrap {width:30%;}
.data_form .transform_wrap .drivers .inptxt_wrap {width:calc(70% - 8px); margin-left:8px;}
.transform_wrap .ept {display:inline-block; position:relative; width:22px; line-height:48px; color:#333; font-size:16px; text-align:center; vertical-align:top;}
.transform_wrap .inptxt_wrap {width:100%; vertical-align:top;}
.transform_wrap .inptxt_wrap.size_s, .dataform_box .select_wrap.size_s {width:calc((100% - 22px) / 2);}


.data_form .sub_forms_wrap {overflow:hidden; margin-top:8px;}
.data_form .sub_forms_wrap .sub_forms {float:left; width:calc((100% - 120px) / 2); margin-right:8px;}
.data_form .sub_forms_wrap .sub_forms.box_full {width:calc(100% - 112px);}
.data_form .sub_forms_wrap .bttn {float:right; min-width:104px; margin-left:0;}
/*200514 신용카드 본인인증 교체*/
.data_form .dataform_box .bttnType2,
.bttnType2 {display:inline-block;width:100%;border:1px solid transparent;border-radius:4px;background-color:#fff;height:48px;line-height:46px;font-size: 16px;text-align:center;vertical-align: top;max-width: none;float: none;}
.bttnType2.gray{background: #ccc !important;color: #666 !important;}
.bttnType2.black{background: #333 !important; color: #fff !important;}
.dot_list li.bold{font-weight:600;color:#ED008C;}
/* //200514 신용카드 본인인증 교체*/
.data_form .tit_noti2_wrap {margin-top:16px;}

.agree_form_wrap.type2 {margin-top:33px; border-top:1px solid #ddd;}
.agree_form_wrap .agree_all {display:block; padding:20px; border-bottom:1px solid #ddd;}
.agree_form_wrap .terms_cont_wrap {color:#666; font-size:14px; line-height:18px;}
.agree_form_wrap .txt_cont_wrap {padding:20px 16px; border-radius:4px; background:#f6f6f6; color:#666; font-size:13px; line-height:18px;}


.btm_chk_box {margin-top:12px; padding:24px 16px 0; background-color:#fff;}
.btm_chk_box .inner_box {padding:16px; border-radius:4px; background-color:#f1f1f1;}
.btm_chk_box .inner_box + .inner_box {margin-top:10px}
.btm_chk_box .cs_call_txt {margin-top:12px; color:#333; font-size:14px; line-height:18px; text-align:center;}
.application_wrap .btn_wrap.size_2 {font-size:0;}
.application_wrap .btn_wrap.size_2 .bttn {min-width:calc((100% - 8px) / 2);}
.application_wrap .btn_wrap.size_2 .bttn+.bttn {margin-left:8px;}
/* // data table form */

/* 리스트 정렬필터 */
.sort_filter {position:relative; background:#fff;}
.sort_filter:after {content:' '; display:block; clear:both;}
.sort_filter p {float:left; color:#666; font-size:16px; line-height:36px;}
.sort_filter p em {color:#000; font-weight:bold;}
.sort_filter .select_wrap {float:right; max-width:65%; text-align:right;}
.sort_filter .select_wrap.full {max-width:100%; width:100%;}
.sort_filter .lay_btn {float:right;}

.sort_btn {font-size:0;}
.sort_btn a {display:inline-block; position:relative; margin:0 8px; color:#999; font-size:14px; line-height:17px; vertical-align:top;}
.sort_btn a:before {content:' '; display:block; position:absolute; top:1px; left:-9px; width:1px; height:12px; background-color:#ddd; vertical-align:middle;}
.sort_btn a:first-child:before {display:none;}
.sort_btn a.on {color:#333;}

.sort_filter .sort_btn {float:right; line-height:36px;}
.sort_filter .sort_btn a {vertical-align:middle;}
/* // 리스트 정렬필터 */

/* bullet */
.dot_list li {position:relative; margin-top:4px; padding-left:12px; color:#666; font-size:14px; line-height:18px;}
.dot_list li:before {content:' '; position:absolute; width:3px; height:3px; border-radius:50%; top:7px; left:4px; background:#666; line-height:inherit;}
.dot_list li.pink:before {content:' '; position:absolute; width:3px; height:3px; border-radius:50%; top:7px; left:4px; background:#ED008C; line-height:inherit;}
.dot_list li:first-child {margin-top:0;}
.dot_list li.bk {color:#333;}
.dot_list li span {color:#333;}
.dot_list li.bk span {color:#666;}
.num_list li {position:relative; margin-top:4px; padding-left:16px; color:#666; font-size:14px; line-height:18px;}
.num_list li:first-child {margin-top:0;}
.num_list li:before {content:' '; position:absolute; top:0; left:0; background:none;}
.num_list li:nth-child(1):before {content:'①';}
.num_list li:nth-child(2):before {content:'②';}
.num_list li:nth-child(3):before {content:'③';}
.num_list li:nth-child(4):before {content:'④';}
.num_list li:nth-child(5):before {content:'⑤';}
.dot_list .num_list li {margin-top:0;}
.num_list.type li {margin-top:4px; padding-left:12px;}
.num_list.type li:first-child {margin-top:0;}
.num_list.type li:nth-child(1):before {content:'1)';}
.num_list.type li:nth-child(2):before {content:'2)';}
.num_list.type li:nth-child(3):before {content:'3)';}
.num_list.type li:nth-child(4):before {content:'4)';}
.num_list.type li:nth-child(5):before {content:'5)';}
.bar_list li {position:relative; margin-top:4px; padding-left:12px; color:#666; font-size:14px; line-height:17px;}
.bar_list li:first-child {margin-top:0;}
.bar_list li:before {content:'-'; position:absolute; top:0; left:3px; width:auto; height:18px; border-radius:0; background:transparent; line-height:17px;}
.dot_list li .bar_list {margin-top:8px;}
.bar_list.dep2 li {margin-top:4px;}
.bar_list.dep2 li:first-child {margin-top:0;}

/* 별 블릿 */
.txt_noti {position:relative; margin-top:4px; padding-left:8px; color:#666; font-size:14px; line-height:18px; letter-spacing:-1px;}
.txt_noti:before {content:'*'; display:inline-block; margin-right:4px; line-height:100%; vertical-align:-2px;}
/* 당구장 블릿 */
.txt_noti2 {position:relative; padding-left:15px; color:#666; font-size:14px; line-height:18px;}
.txt_noti2:before {content:'※'; position:absolute; top:0; left:0; line-height:18px;}
.txt_noti2.pk {color:#ed008c;}
.txt_noti2_wrap .txt_noti2 {margin-top:4px;}
.txt_noti2_wrap .txt_noti2:first-child {margin-top:0;}
/* info small txet */
.txt_noti3 {position:relative; padding-left:17px; color:#666; font-size:14px; line-height:18px;}
.txt_noti3:before {content:' '; position:absolute; top:2px; left:0; width:13px; height:13px; background:url('/common/images/cmm/ico_common_mobile.png') -142px -244px no-repeat; background-size:300px auto;}
/* //bullet */

/* 컴포넌트 */
.ui-calendar-container {width:238px;border:1px solid #101010;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;outline:initial;}
.ui-calendar-container table caption {width:100%;height:0;overflow:hidden;opacity:0;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';font-size:medium;line-height:normal;word-break:break-all;}
.ui-calendar-container button {padding:0;background:none;border:none;cursor:pointer;letter-spacing:-1px;}
.ui-calendar-container button::-moz-focus-inner{border:0;padding:0;}
.ui-calendar-container select	{vertical-align:middle}
.ui-calendar-container .hide {display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;opacity:0 !important;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';font-size:medium;line-height:normal;word-break:break-all;}
.ui-calendar-container .disabled {cursor:default;}

.ui-calendar-container .ui-select-day .ui-calendar-header-first	{position:relative;width:100%;padding-top:4px;height:43px;text-align:center;background-color:#f4f4f4;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first:after {content:'';display:block;width:11px;height:10px;position:absolute;top:-8px;left:50%;margin-left:-5px;background:url('../img/common/bg_calender.png') -200px -100px no-repeat;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second	{position:relative;width:100%;height:60px;overflow:hidden;text-align:center}
.ui-calendar-container .ui-select-day .ui-calendar-header-first .ui-calendar-set-today	{position:absolute;top:0px;left:0px;width:48px;height:48px;background:url('../img/common/bg_calender.png') 0 0 no-repeat;color:#101010;font-size:14px;}/* 오늘 */
.ui-calendar-container .ui-select-day .ui-calendar-header-first .ui-calendar-close	{position:absolute;top:0;right:0;width:48px;height:48px;background:url('../img/common/bg_calender.png') -100px -1px no-repeat;}/* 닫기 */
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev	{position:absolute;top:0px;left:0px;width:48px;height:60px;color:#fff;text-indent:-1000em;background:url('../img/common/bg_calender.png') 0 -99px no-repeat;}/*이전달*/
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev.disabled	{cursor:default; display:none;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next	{position:absolute;top:0px;right:0px;width:48px;height:60px;color:#fff;text-indent:-1000em;background:url('../img/common/bg_calender.png') -100px -100px no-repeat;}/*다음달*/
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next.disabled	{cursor:default; display: none;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now	{display:inline-block;color:#101010;font-family:'YoonGothic';font-size:34px;letter-spacing:0;line-height:60px; margin-top:2px;}/*현재 표시달*/
.ui-calendar-container .ui-select-day .ui-calendar-date 	{padding:0 14px 15px;}
.ui-calendar-container .ui-select-day .ui-calendar-date:after	{clear:both;display:block;content:'';}
.ui-calendar-container .ui-select-day .ui-calendar-table 	{width:100%;}
.ui-calendar-container .ui-select-day .ui-calendar-table th	{background-color:#fff;height:44px;border-bottom:1px solid #d0d0d0;font-size:15px;color:#101010;text-align:center;vertical-align:middle;font-weight:normal}
.ui-calendar-container .ui-select-day .ui-calendar-table th.ui-calendar-sunday	{color:#dc320a}
.ui-calendar-container .ui-select-day .ui-calendar-table th.ui-calendar-saturday	{color:#3070b0}
.ui-calendar-container .ui-select-day .ui-calendar-table tbody tr:first-child td {padding-top:7px}
.ui-calendar-container .ui-select-day .ui-calendar-table td	{height:28px;padding:0;font-size:15px;color:#101010;text-align:center;vertical-align:middle;line-height:19px;letter-spacing:0;border:none}
.ui-calendar-container .ui-select-day .ui-calendar-table td a	{display:block;}
.ui-calendar-container .ui-select-day .ui-calendar-table td button	{width:100%;height:100%;}
.ui-calendar-container .ui-select-day .ui-calendar-table td button.disabled	{color:#999999;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-day	{cursor:pointer; letter-spacing:0;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-sunday *	{color:#dc320a}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-saturday *	{color:#3070b0}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-holiday *	{color:#dc320a}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-today .ui-calendar-day {background:none ;color:#101010;font-weight:bold;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-active button,
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-cell.active button,
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-active .ui-calendar-day,
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.active .ui-calendar-day.active {color:#fff;background:url('../img/common/bg_calender.png') -200px 1px no-repeat;}

.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today .ui-calendar-day {color:#101010;font-weight:bold;background:none}
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-sunday .ui-calendar-day {color:#dc320a;font-weight:bold;background:none}
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-saturday .ui-calendar-day {color:#3070b0;font-weight:bold;background:none}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.ui-calendar-active .ui-calendar-day {background:none ;color:#101010;font-weight:bold;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.active .ui-calendar-day {color:#fff !important;background:url('../img/common/bg_calender.png') -200px 1px no-repeat !important;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first select { height: 80%; width:30%;}

/* 아코디언 */
/* .list_acco {border-bottom:1px solid #ddd;} */
.list_acco .head {position:relative;}
.list_acco .head h2,
.list_acco .head h3 {margin-bottom:0; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.list_acco .head h3 em {color:#999;}
.list_acco .head .tit {display:inline-block; color:#333; font-size:16px; line-height:20px; font-weight:bold;}
.list_acco .head .btn_arr {display:block; position:relative; padding:16px;}
.list_acco .head .btn_arr:after {content:' '; display:block; position:absolute; top:50%; right:20px; z-index:1; width:10px; height:10px; margin-top:-8px; border:1px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
/* .list_acco .on .head .btn_arr {border-bottom:1px solid #eee;} */
.list_acco.inp_type .head {padding:14px 0; padding-right:50px;}
.list_acco.inp_type .head .btn_arr {position:absolute; top:0; right:0; bottom:0; width:50px; margin:0; padding:0; border-bottom:none;}
.list_acco.inp_type .head .btn_arr:after {right:4px;}
.list_acco ul li .head .chk_wrap label {font-weight:bold;}
/* .list_acco ul li .depth2 .head .chk_wrap label {font-weight:normal;} */

.list_acco > ul > li {position:relative; border-top:1px solid #eee;}
.list_acco > ul > li:first-child {border-top:none;}
.list_acco ul > li .cont {margin:0; padding:20px 16px; border-top:1px solid #eee;}
.list_acco ul > li .cont .data_form {border-bottom:none;}
.list_acco ul > li .cont .forms_wrap {margin-top:0; padding:0;}
.list_acco ul > li .cont .forms_wrap .forms:first-child {margin-top:0;}
.list_acco li.on > .head .btn_arr:after {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}

.list_acco.depth1 {margin:0 16px; padding:0; border-color:#eee;}
.list_acco.depth1 .head .btn_arr {right:0; margin:0; border-bottom:none;}
.list_acco.depth1 .head > strong {color:#333; font-size:16px; line-height:24px;}
.list_acco.depth1 .cont {padding:0; border-top:none;}
.list_acco.depth1:last-child {border-top:1px solid #ddd; margin:0; padding:0 16px; border-bottom:none;}
.list_acco.depth1:only-child {border-top:none;}
.list_acco.depth1 .cont.depth2 {border:none; padding-bottom:12px;}
.list_acco.depth1 .cont.depth2 .terms_cont_wrap {padding:16px; background:#f6f6f6;}

.list_acco.depth2 {padding:6px 0; border:none; border-top:1px solid #eee;}
.list_acco.depth2 li {padding:6px 0; border-radius:4px; border:none;}
.list_acco.depth2 li:before {display:none;}
.list_acco.depth2 li:first-child {padding-top:6px; margin-top:0;}
.list_acco.depth2 .head {padding:0;}
.list_acco.depth2 .head .btn_arr {display:inline-block; position:top; top:50%; right:0; width:16px; height:16px; margin-top:-8px; margin-left:4px; border:1px solid #ddd; border-radius:50%; vertical-align:middle;}
.list_acco.depth2 .on .head .btn_arr:after {top:8px;}
.list_acco.depth2 .head .btn_arr:after {top:11px; right:4px; width:6px; height:6px;}
.list_acco.depth2 .head .chk_wrap input+label {font-weight:normal;}
.list_acco.depth2 .head label {padding-right:30px;}
.list_acco.depth2 .cont {max-height:300px; margin-top:12px; padding:16px; border:none; background:#f6f6f6; overflow-y:auto;}

.list_acco.data_form {border-bottom:none; padding:0;}
.list_acco.data_form ul li {border-top:none; background-color:#fff;}
.list_acco.data_form .forms_wrap {margin-top:0; padding-bottom:25px;}
.list_acco.data_form .forms_wrap dl.forms {margin-top:20px;}
.list_acco.data_form .forms_wrap dl.forms:first-child {margin-top:0;}
.list_acco.data_form li.last .forms_wrap {padding-bottom:0;}
.list_acco.data_form .form_info {margin-top:0; padding:0;}
.list_acco.data_form .on .form_info {border-bottom:none;}
.list_acco.data_form .form_info .btn_arr {padding-right:48px;}
.list_acco.data_form .cont .form_view_wrap {padding:0;}
.list_acco.data_form li.on > .form_info .btn_arr:after {margin-top:-3px;}
.apl_body .list_acco.data_form {background:transparent;}
.apl_body .list_acco.data_form > ul > li {margin-top:12px; padding-top:0;}
.apl_body .list_acco.data_form > ul > li:before {display:none;}
.apl_body .list_acco.data_form .cont .dl_list_wrap .dep1_total dd {font-size:20px;}

.kind_wrap .kind_area .list_acco {border-bottom:none;}

.list_acco.sect_type {border-bottom:none;}
.list_acco.sect_type > ul > li {margin-top:12px; border-bottom:1px solid #ddd; background:#fff;}

/* Z플립전용 분실/파손 보험 */
.zTbl_info {font-size:13px;display:block;margin-top:13px;}
.scroll_wrap {width: 100%;overflow: hidden;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.scroll_wrap::-webkit-scrollbar { width: 2px !important }
.data_table .table th.val_t {vertical-align:top !important;}
.zFlip_table {margin-top:10px;margin-bottom:15px;border-top:1px solid #ddd;width:416px;}
.zFlip_table th,
.zFlip_table td {font-size:13px !important;color:#333;font-weight:600;text-align:center;padding:10px !important;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.zFlip_table td[colspan="3"] span {font-size:14px;color:#666}
.zFlip_table th {background:#f6f6f6;}
.zFlip_table tr:nth-child(2) th {border-bottom:none;}
.zFlip_table th:first-child,.zFlip_table td:first-child {border-left:none;}
.zFlip_table th:last-child,.zFlip_table td:last-child {border-right:none;}

/* 맘대로 폰교체 서비스 */
.data_table .table th.zval_t{vertical-align:top !important;}
.vat_txt {display:inline-block;float:right;font-size:14px;margin-bottom:5px;}
.phoneChange_info {display:block;font-size:13px !important;margin-bottom:20px;}
.phoneChange_info + h3 {font-size:14px;}
.phoneChange_info a {display:inline-block;margin-left:10px;font-size:12px;}
.phoneChange_info a span {display:inline-block; position:relative; height:20px; padding-right:20px; color:#666; font-size:14px; line-height:20px; vertical-align:top; overflow:hidden; text-overflow:ellipsis;margin-top:2px;}
.phoneChange_info a span:before {content:' '; display:block; position:absolute; top:50%; right:8px; width:8px; height:8px; margin-top:-3px; border:1px solid #666; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.phoneChange_table {border-top:1px solid #ddd;width:600px;}
.phoneChange_table th,
.phoneChange_table td {font-size:13px !important;color:#333;text-align:center;padding:12px 10px !important;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.phoneChange_table td[colspan="3"] span {font-size:14px;color:#666}
.phoneChange_table th {background:#f6f6f6;}
.phoneChange_table th:first-child,.phoneChange_table td:first-child {border-left:none;}
.phoneChange_table th:last-child,.phoneChange_table td:last-child {border-right:none;}

/* iot 탭 하단 '자주하는 질문' */
.faq_acco {padding:0 16px; border-top:1px solid #eee;}
.faq_acco ul li {border-top:1px solid #eee;}
.faq_acco ul li:first-child {border-top:none;}
.faq_acco .head a.btn_arr {display:block; position:relative; padding:16px 0; padding-right:30px;}
.faq_acco .head a.btn_arr:after {content:' '; position:absolute; top:50%; right:4px; width:10px; height:10px; margin-top:-7px; border-right:1px solid #333; border-bottom:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.faq_acco .head a p {color:#333; font-size:17px; line-height:23px;}
.faq_acco .cont {margin-bottom:12px; padding:16px; background:#f6f6f6; color:#333; font-size:14px; line-height:18px;}
.faq_acco .btn_view_more {margin:0; border-top:1px solid #eee;}
.faq_acco .btn_view_more .bttn {border-bottom:none;}

/* 샵이용안내 '자주하는 질문' */
.faqs_acco_wrap {background:#fff;}
.faqs_acco_wrap .faqs_acco {padding:0 16px;}
.faqs_acco > ul > li {border-top:1px solid #eee;}
.faqs_acco > ul > li:first-child {border-top:none;}
.faqs_acco ul li .head .btn_arr {display:block; position:relative; padding:16px 0; padding-right:24px;}
.faqs_acco ul li .head .btn_arr:after {content:' '; position:absolute; top:44px; right:4px;; width:10px; height:10px; border-right:1px solid #333; border-bottom:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.faqs_acco ul li.on .head .btn_arr:after {top:50px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.faqs_acco ul li .cont {margin:0; padding:0; padding-bottom:16px;}
.faqs_acco ul li .cont .faqs_cont {background:#f6f6f6; padding:16px; color:#333; font-size:14px; line-height:18px; word-break:break-all;}
.faqs_acco .faqs_head {font-size:0;}
.faqs_acco .faqs_head .flag_wrap {position:static; display:inline-block; vertical-align:top;}
.faqs_acco .faqs_head .cate {display:inline-block; color:#666; font-size:13px; line-height:18px; vertical-align:top;}
.faqs_acco .faqs_head .cate:before {content:'>'; display:inline-block; padding:0 8px; vertical-align:top;}
.faqs_acco .faq_tit {margin-top:8px; color:#333; font-size:17px; line-height:23px;}
.faqs_acco .ui_accord_text {width: 100% !important;height: 100% !important;top: 0;}

/* 전 카테고리 가입 수정 후 삭제 */
.info_list {padding:0; background-color:#fff;}
.info_list ul li .head .btn_arr {margin:0; padding:20px 36px 20px 16px;}
.info_list ul li .head .btn_arr h3 {margin:0; color:#333; font-size:16px; line-height:19px; font-weight:normal;}
.info_list ul li .head .btn_arr .comp_txt {margin-top:8px; color:#333; font-size:17px; line-height:20px;}
.info_list ul li .head .btn_arr .comp_txt strong {font-size:18px;}
.info_list ul li .head .btn_arr .comp_txt .desc {color:#999; font-size:14px;}
.info_list ul li .head .btn_arr:after {top:28px; right:20px;}
.info_list ul li .detail_view {position:relative;}
.info_list ul li .detail_view .img {display:block; position:absolute; top:20px; left:5px; width:94px; height:104px;}
.info_list ul li .detail_view .info {padding:0 0 0 96px;}
.info_list ul li .detail_view .info h3 {margin-bottom:8px; color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.info_list ul li .detail_view .info dl {margin-top:4px;}
.info_list ul li .detail_view .info dl:first-child {margin-top:0;}
.info_list ul li .detail_view .info dl:after {content:' '; display:block; clear:both;}
.info_list ul li .detail_view .info dl dt {float:left; color:#666; font-size:16px; line-height:22px;}
.info_list ul li .detail_view .info dl dd {float:left; max-width:60%; margin-left:4px; color:#666; font-size:16px; line-height:22px;}
.info_list ul li .detail_view .info .pay_amount {margin-top:8px;}
.info_list ul li .detail_view .info .pay_amount dt {color:#333; font-size:17px; line-height:20px;}
.info_list ul li .detail_view .info .pay_amount dd {color:#ED008C; font-size:17px; line-height:20px;}
.info_list ul li .detail_view .info .pay_amount dd strong {font-size:18px;}
.info_list ul li .detail_view .info .pay_amount dd .vat {display:block; color:#999; font-size:14px;}
.info_list ul li .detail_view.no_thumb .info {padding:0;}

.info_list ul li.on {}
.info_list ul li.on .head .detail_view {display:none;}
.info_list ul li.on .head .btn_arr {position: absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:100%; height:100%; border-bottom:none;}
.info_list ul li.on .cont {border-top:none; padding:20px 16px;}

/* 가입신청 상품상세 top */
.prod_detail_view {padding:24px 16px; background:#fff; overflow:hidden;}
.prod_detail_view .img {display:block; float:left; width:120px; height:120px; text-align:center; overflow:hidden;}
.prod_detail_view .img img {width:auto; height:100%;}
.prod_detail_view .info {margin-left:128px;}
.prod_detail_view .info h3 {margin-bottom:8px; color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.prod_detail_view .info dl {display:table; margin-top:4px;}
.prod_detail_view .info dl:first-child {margin-top:0;}
.prod_detail_view .info dl dt {display:table-cell; color:#666; font-size:16px; line-height:22px; white-space:nowrap; vertical-align:top;}
.prod_detail_view .info dl dd {display:table-cell; padding-left:4px; color:#666; font-size:16px; line-height:22px; vertical-align:top;}
.prod_detail_view .pay_amount {margin-top:12px; padding-top:12px; border-top:1px solid #eee; clear:both; overflow:hidden;}
.prod_detail_view .pay_amount dt {float:left; color:#333; font-size:16px; line-height:24px; font-weight:bold;}
.prod_detail_view .pay_amount dt span {padding-left:8px; color:#666; font-size:13px; font-weight:normal; line-height:16px;}
.prod_detail_view .pay_amount dd {float:right; color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.prod_detail_view .pay_amount dd .vat {display:inline-block; margin-right:4px; color:#999; font-size:14px; font-weight:normal; vertical-align:top;}
.prod_detail_view.no_thumb .info {margin:0;}

/*드롭박스*/

.ui-selectbox-wrap	{
    position:relative;display:inline-block;border:1px solid #ccc;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    background-color:#ffffff;
	white-space:nowrap;vertical-align:middle;text-align:left !important;
	box-sizing:border-box;
}

.ui-selectbox-wrap .hide {display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;opacity:0 !important;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';font-size:medium;line-height:normal;word-break:break-all;}
.ui-selectbox-wrap.active	{border:1px solid #ed008c;}
.ui-selectbox-wrap.on	{
    z-index:99;border:1px solid #ed008c;
    background-color:#fff;
}
.ui-selectbox-wrap.warn	{border:1px solid #dc320a;}
.ui-selectbox-wrap.disabled,.ui-selectbox-wrap.read	{
    border:1px solid #ccc; background-color:#f6f6f6;
}

.ui-selectbox-wrap a{display:block; color:#333; font-size:18px; line-height:20px; letter-spacing:0; text-decoration: none; box-sizing:border-box;}
.ui-selectbox-wrap.disabled a	{color:#999;}
.ui-selectbox-wrap.read a	{color:#999;}
.ui-selectbox-wrap.disabled a, .ui-selectbox-wrap.disabled a:hover, .ui-selectbox-wrap.disabled a:focus,
.ui-selectbox-wrap.read a, .ui-selectbox-wrap.read a:hover, .ui-selectbox-wrap.read a:focus	{/*color:#787878;*/ pointer-events: none;cursor: default;}

.ui-selectbox-wrap .ui-dropdown-list a {min-height:47px; white-space:normal;}

.ui-selectbox-wrap .ui-select-text {display:inline-block; color:inherit; vertical-align:top;}
.ui-selectbox-wrap .ui-select-text.first {color:#999;}

.ui-selectbox-wrap .ui-selectbox-view a {padding:13px 40px 13px 11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ui-selectbox-wrap .ui-selectbox-view a .options {margin-left:4px;}
.ui-selectbox-wrap .ui-selectbox-view .ico	{position:absolute;right:15px;top:16px;width:10px;height:10px; border:1px solid #333; border-top:none; border-left:none; background:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.ui-selectbox-wrap.on .ui-selectbox-view .ico	{top:20px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.ui-selectbox-wrap.disabled .ui-selectbox-view .ico,
.ui-selectbox-wrap.read .ui-selectbox-view .ico	{border-color:#999;}

.ui-selectbox-wrap .ui-selectbox-list {display:none;position:absolute;top:46px;left:-1px;overflow:hidden;width:100%;border:1px solid #ed008c;border-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;
background-color:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.3);-moz-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(0,0,0,.3); box-sizing:content-box;}
.ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea	{border-top:1px solid #d0d0d0; max-height:165px;overflow:hidden;}
.ui-selectbox-wrap .ui-selectbox-list ul	{ margin:0 !important;padding:5px 0;}
.ui-selectbox-wrap .ui-selectbox-list li a	{height:auto; min-height:26px; padding:0px 25px 3px 12px;line-height:1.8em;color:#303030;}
.ui-selectbox-wrap .ui-selectbox-list li a:hover,
.ui-selectbox-wrap .ui-selectbox-list li.active a	{background-color:#f4f4f4;}
.ui-selectbox-wrap.on .ui-selectbox-list li.on a	{text-decoration:underline !important;}


.ui-selectbox-wrap .ui-selectbox-list2	{display:none; position:absolute;top:50%;left:50%; transform:translate(-50%, -50%); width:calc(100% - 64px);  overflow:hidden;width:100%;border:1px solid #ed008c;border-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;
    background-color:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.3);-moz-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(0,0,0,.3); box-sizing:content-box;}
.ui-selectbox-wrap .ui-selectbox-list2 .ui-select-scrollarea	{border-top:1px solid #d0d0d0; max-height:165px;overflow:hidden;}
.ui-selectbox-wrap .ui-selectbox-list2 ul	{ margin:0 !important;padding:5px 0;}
.ui-selectbox-wrap .ui-selectbox-list2 li a	{height:auto; min-height:26px; padding:0px 25px 3px 12px;line-height:1.8em;color:#303030;}
.ui-selectbox-wrap .ui-selectbox-list2 li a:hover,
.ui-selectbox-wrap .ui-selectbox-list2 li.active a	{background-color:#f4f4f4;}
.ui-selectbox-wrap.on .ui-selectbox-list2 li.on a	{text-decoration:underline !important;}

.ui-selectbox-wrap.up.on {-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;}
.ui-selectbox-wrap.up .ui-selectbox-list2 {border:1px solid #101010;border-bottom:0;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px; -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.3);box-shadow:0 -1px 3px rgba(0,0,0,.3);}
.ui-selectbox-wrap.up .ui-selectbox-list2 .ui-select-scrollarea {border-bottom:1px solid #d0d0d0;}



.ui-selectbox-wrap.up.on {-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;}
.ui-selectbox-wrap.up .ui-selectbox-list {border:1px solid #101010;border-bottom:0;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px; -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.3);box-shadow:0 -1px 3px rgba(0,0,0,.3);}
.ui-selectbox-wrap.up .ui-selectbox-list .ui-select-scrollarea {border-bottom:1px solid #d0d0d0;}


/* height 36 */
.select_wrap.h36 .ui-selectbox-wrap .ui-select-button {padding:7px 38px 7px 12px;color:#000;font-size:14px;}
.select_wrap.h36 .ui-selectbox-wrap .ui-selectbox-view .ico {width:9px; height:9px; top:9px;}
.select_wrap.h36 .ui-selectbox-wrap.on .ui-selectbox-view .ico {top:14px;}

/* height: 40 */
.select_wrap.h40 .ui-selectbox-wrap .ui-select-button {padding:9px 38px 9px 12px;color:#ed008c;font-size:14px;}
.select_wrap.h40 .ui-selectbox-wrap .ui-selectbox-view .ico {top:11px;}
.select_wrap.h40 .ui-selectbox-wrap.on .ui-selectbox-view .ico {top:17px;}

.select_wrap.sal_c .ui-selectbox-wrap .ui-dropdown a {text-align:center;}
.select_wrap.no_tit .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .ui-dropdown-title {display:none !important;}

/* 드롭박스 btn type */
.select_wrap.btn_type .ui-selectbox-wrap .ui-select-text.first {color:#999;}
.select_wrap.btn_type .ui-selectbox-wrap .ui-selectbox-view .ico {top:19px; border-color:#666; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/* 드롭박스형태 셀렉트 layer popup */
.laypop_select_list {width:100%; max-height:240px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.laypop_select_list ul {width:100%;}
.laypop_select_list li {height:48px;line-height:48px; border-top:1px solid #eee;}
.laypop_select_list li:first-child {border-top:none;}
.laypop_select_list li a {display:block;padding:14px 20px;color:#303030;font-size:16px;line-height:20px;white-space:nowrap;letter-spacing:0; word-wrap:normal;}
.laypop_select_list li.on a {background:#eee; color:#ed008c;}
.laypop_select_list li.disabled a {color:#999; cursor:default;}


/*드롭박스 scroll*/
.ui-selectbox-wrap .ui-select-scroll	{display:none;position:absolute;right:0;top:0;width:24px;cursor:pointer;}
.ui-selectbox-wrap .ui-select-scroll span	{position:absolute;left:12px;width:8px;padding:0;margin:0;font-size:0;line-height:0;}
.ui-selectbox-wrap .ui-select-scroll .bg_top	{top:0;height:12px;background:url('../img/common/bg_scroll_new.png') no-repeat -24px 0;}
.ui-selectbox-wrap .ui-select-scroll .bg_mid	{top:12px;background:url('../img/common/bg_scroll_new.png') repeat-y 0 0;}
.ui-selectbox-wrap .ui-select-scroll .bg_btm	{bottom:0;height:12px;background:url('../img/common/bg_scroll_new.png') no-repeat -48px 0;}
.ui-selectbox-wrap .ui-select-scroll.active .bg_top	{background-position:-96px 0;}
.ui-selectbox-wrap .ui-select-scroll.active .bg_mid	{background-position:-72px 0;}
.ui-selectbox-wrap .ui-select-scroll.active .bg_btm	{background-position:-120px 0;}
.ui-selectbox-wrap.on .ui-selectbox-list, .ui-selectbox-wrap.on .ui-select-scroll	{display:block;}/* 리스트 열렸을 때 리스트 표시 .on */

.ui-selectbox-wrap .ui-select-scrolltrack {width:6px;}
.ui-selectbox-wrap .ui-select-scrollbar {width:6px; border-radius:3px; background: #999;}

.ui-selectbox-wrap2	{
    position:relative;display:inline-block;z-index:0;border:1px solid #ccc;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    background-color:#ffffff;
	white-space:nowrap;vertical-align:middle;text-align:left !important;
	width:100% !important;
}

.ui-selectbox-wrap2 a{text-decoration: none;}
.ui-selectbox-wrap2 .hide {display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;opacity:0 !important;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';font-size:medium;line-height:normal;word-break:break-all;}
.ui-selectbox-wrap2.active	{border:1px solid #ed008c;}
.ui-selectbox-wrap2.on	{
    z-index:1000;border:1px solid #ed008c;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;
    background-color:#fff;
}

.ui-selectbox-wrap2.warn	{border:1px solid #dc320a;}
.ui-selectbox-wrap2.disabled,.ui-selectbox-wrap3.read	{
    border:1px solid #ccc; background-color:#f6f6f6;
}

.ui-selectbox-wrap2 .ui-select-button {display:block; position: relative; width:100%; height:46px; padding:0 12px; border:none; background-color: #fff;  color: #ed008c; font-size:17px; text-align:left; line-height:46px;}
.ui-selectbox-wrap2 .ui-select-button:after{content: ' '; position: absolute; right: 15px; top: 50%; width: 8px; height: 8px; margin-top: -5px; border: 1px solid #000; border-top: none; border-left: none; background: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.ui-selectbox-wrap2 > a {display:block; position: relative; width:100%; height:72px; padding:17px 45px 17px 16px; font-weight: bold; background-color: #fff;  color: #000;}
.ui-selectbox-wrap2 a .detail{display:inline-block; font-weight: bold; color: #000; font-size:16px;}

.ui-selectbox-wrap2.disabled a	{color:#999;}
.ui-selectbox-wrap2.read a	{color:#999;}
.ui-selectbox-wrap2.disabled a, .ui-selectbox-wrap2.disabled a:hover, .ui-selectbox-wrap2.disabled a:focus,
.ui-selectbox-wrap2.read a, .ui-selectbox-wrap2.read a:hover, .ui-selectbox-wrap2.read a:focus	{/*color:#787878;*/ pointer-events: none;cursor: default;}

.ui-selectbox-wrap2 .ui-dropdown {display:none; position:fixed; top:0; left:0; width:100%; height:100%;vertical-align:middle;background-color:rgba(0,0,0,0.6);line-height:1;animation-fill-mode:both;animation-duration:.5s;transition:background-color .5s linear;user-select:none;will-change:opacity;z-index:100;overflow:hidden;border-radius:8px;list-style:none;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:80%; max-width:595px; border-radius:4px;background-color:#fff;overflow:hidden;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box .ui-dropdown-title {/*background:url('/common/images/cmm/bg_h1.png') repeat 0 0; */ background:#f6f6f6; display:block; padding:21px 24px; font-size:24px; color:#000; line-height:29px; border-bottom:1px #e1e1e1 solid;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box ul {width:100%; min-height: 250px; max-height:605px; padding:24px 32px; /*overflow-y:scroll;*/ -webkit-overflow-scrolling:touch;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li {float:none; width:100%;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li a{display:block; width:100%; height:48px; margin:8px 0; padding:0; border:1px solid #ccc; border-radius:4px; line-height:48px; overflow:hidden;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li a .sug_head {position:relative; height:56px; background-color:#f7f7f7;;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li a .sug_head .tit {display:inline-block; padding:0 16px; color:#000; font-size:18px; line-height:56px;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li a .sug_body {padding:16px; color:#666;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li.on a {border-color:#ED008C; color:#ED008C;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box li.on .sug_head .tit {color:#ED008C;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box .ui-dropdown-submit {min-width: 200px;height: 48px; margin: 0 auto; border-radius: 4px; font-size: 16px; line-height: 48px; background:#333;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box .btn_wrap {display:block !important; width:initial !important; background:#fff !important;}
.ui-selectbox-wrap2 .ui-dropdown .ui-dropdown-box .ui-dropdown-submit span{color:#fff;}

.ui-selectbox-wrap3	{
    position:relative;display:inline-block;z-index:0;border:1px solid #ccc;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    background-color:#ffffff;
	white-space:nowrap;vertical-align:middle;text-align:left !important;
	width:100% !important;
}

.ui-selectbox-wrap3 a{text-decoration: none;}
.ui-selectbox-wrap3 .hide {display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;opacity:0 !important;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';font-size:medium;line-height:normal;word-break:break-all;}
.ui-selectbox-wrap3.active	{border:1px solid #ed008c;}
.ui-selectbox-wrap3.on	{
    z-index:1000;border:1px solid #ed008c;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;
    background-color:#fff;
}

.ui-selectbox-wrap3.warn	{border:1px solid #dc320a;}
.ui-selectbox-wrap3.disabled,.ui-selectbox-wrap3.read	{
    border:1px solid #ccc; background-color:#f6f6f6;
}

.ui-selectbox-wrap3 .ui-select-button {display:block; position: relative; width:100%; height:46px; padding:0 12px; border:none; background-color: #fff;  color: #ed008c; font-size:17px; text-align:left; line-height:46px;}
.ui-selectbox-wrap3 .ui-select-button:after{content: ' '; position: absolute; right: 15px; top: 50%; width: 8px; height: 8px; margin-top: -5px; border: 1px solid #000; border-top: none; border-left: none; background: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.ui-selectbox-wrap3 > a {display:block; position: relative; width:100%; height:72px; padding:17px 45px 17px 16px; font-weight: bold; background-color: #fff;  color: #000;}
.ui-selectbox-wrap3 a .detail{display:inline-block; vertical-align:top;}

.ui-selectbox-wrap3.disabled a	{color:#999;}
.ui-selectbox-wrap3.read a	{color:#999;}
.ui-selectbox-wrap3.disabled a, .ui-selectbox-wrap3.disabled a:hover, .ui-selectbox-wrap3.disabled a:focus,
.ui-selectbox-wrap3.read a, .ui-selectbox-wrap3.read a:hover, .ui-selectbox-wrap3.read a:focus	{/*color:#787878;*/ pointer-events: none;cursor: default;}

.ui-selectbox-wrap3 .ui-dropdown {display:none; position:fixed; top:0; left:0; width:100%; height:100%;vertical-align:middle;background-color:rgba(0,0,0,0.6);line-height:1;animation-fill-mode:both;animation-duration:.5s;transition:background-color .5s linear;user-select:none;will-change:opacity;z-index:100;overflow:hidden;border-radius:8px;list-style:none;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:80%; max-width:595px; border-radius:4px;background-color:#fff;overflow:hidden;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box .ui-dropdown-title {/*background:url('/common/images/cmm/bg_h1.png') repeat 0 0; */ background:#f6f6f6; display:block; padding:21px 24px; font-size:24px; color:#000; line-height:29px; border-bottom:1px #e1e1e1 solid;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box ul {width:100%; min-height: 250px; max-height:605px; padding:24px 32px; /*overflow-y:scroll;*/ -webkit-overflow-scrolling:touch;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li {float:none; width:100%;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li a{display:block; width:100%; margin:16px 0; padding:0; border:1px solid #ccc; border-radius:4px; text-align:left; overflow:hidden;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li a .sug_head {position:relative; height:56px; background-color:#f7f7f7;;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li a .sug_head .tit {display:inline-block; padding:0 16px; color:#000; font-size:18px; line-height:56px;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li a .sug_body {padding:16px; color:#666;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li.on a {border-color:#ED008C; color:#ED008C;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box li.on .sug_head .tit {color:#ED008C;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box .ui-dropdown-submit {min-width: 200px;height: 48px; margin: 0 auto; border-radius: 4px; font-size: 16px; line-height: 48px; background:#333;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box .btn_wrap {display:block !important; width:initial !important; background:#fff !important;}
.ui-selectbox-wrap3 .ui-dropdown .ui-dropdown-box .ui-dropdown-submit span{color:#fff;}


/*RangeSlider */
.ui-range-slider {position: relative; text-align: left; height: 30px; width: 100%; margin: 20px 0px;}
.ui-range-slider .hide {display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;opacity:0 !important;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';font-size:medium;line-height:normal;word-break:break-all;}

.ui-range-slider .ui-range-slider-bg {position: absolute; background-color: #97a0a7; height: 4px;}
.ui-range-slider .ui-range-slider-range { position: absolute; background-color: #0283de; height: 4px;}
.ui-range-slider .ui-range-slider-handler {position: absolute; height: 26px; width: 26px; background:url('../img/common/img_main_process_product.png') 0 0 no-repeat;}
.ui-range-slider .ui-range-slider-value{margin:0; padding:0; top:7px;}
.ui-range-slider .ui-range-slider-value li{list-style-type: none; cursor: pointer; height: 16px; width: 16px; margin:0;	padding:0; background:url('../img/common/img_main_process_product.png') 0 -50px no-repeat;}
/* //컴포넌트 */


/*UPlus 모바일 selectbox*/
.ui-selectbox-wrap .ui-dropdown {display:none; position:fixed; top:0; left:0; width:100%; height:100%;vertical-align:middle;background-color:rgba(0,0,0,0.6);line-height:1;animation-fill-mode:both;animation-duration:.5s;transition:background-color .5s linear;user-select:none;will-change:opacity;z-index:100;overflow:hidden;border-radius:0;list-style:none;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:80%; max-width:500px; border-radius:8px;background-color:#fff;overflow:hidden;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .ui-dropdown-title {background:url('/common/images/cmm/bg_h1.png') repeat 0 0;display:block;font-size:20px;color:#000;height:52px;line-height:51px;border-bottom:1px #ddd solid;padding:0 16px;text-align:center;font-weight:normal;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box ul {width:100%; max-height:240px; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li {height:auto; border-top:1px solid #eee;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li:first-child {border-top:none;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a {padding:14px 16px; font-size:16px; line-height:19px;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a.disabled {color:#ccc;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a.disabled .options {color:inherit;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li.on a {background:#f6f6f6; color:#ed008c;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .ui-dropdown-submit {width:100%;font-size:17px;color:#333;line-height:52px;height:52px;text-align:center;}
.ui-selectbox-wrap .ui-dropdown .ui-dropdown-box .btn_wrap {margin:0; padding:0; border-top:1px solid #ddd; background-color:#fff;}

/* 옵션 + 가격 타입 */
.select_wrap.option_type .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a {display:table; width:100%; table-layout:fixed;}
.select_wrap.option_type .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a .names {display:table-cell; padding-right:8px; color:inherit; font-size:16px; line-height:19px; white-space:normal; word-break:break-all;}
.select_wrap.option_type .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a .options {display:table-cell; width:40%; color:#333; font-size:16px; line-height:19px; font-weight:bold; text-align:right; vertical-align:bottom;}

/* 옵션 + 날짜 타입 */
.select_wrap.coupon_type .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a .names {display:block; font-size:16px; line-height:19px;}
.select_wrap.coupon_type .ui-selectbox-wrap .ui-dropdown .ui-dropdown-box li a .dates {display:block; font-size:16px; line-height:19px;}

/* pc 미작업 영역 */
.pcnone_box {position:relative;}
.pcnone_box span {display:inline-block; width:100%; height:200px; line-height:200px; font-size:40px; color:#fff; font-weight:bold; text-align:center; background-color:#333;}

.none_tpe {display:inline-block; width:100%; font-size:21px; line-height:25px; color:#fff;  background-color:#50E3C2; padding:50px 0; text-align:center;}

/* 상품상세 아코디언 */
.qna_acco {padding:0 16px;}
.qna_acco > ul > li {border-top:1px solid #eee; padding:20px 0;}
.qna_acco > ul > li:first-child {border-top:none;}
.qna_acco .head a {display:block; position:relative; padding-right:20px;}
.qna_acco .head a:after {content:' '; position:absolute; top:50%; right:4px; width:10px; height:10px; margin-top:-4px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.qna_acco li.on .head a:after {margin-top:2px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.qna_acco .head a .tit {position:relative; padding-left:16px; color:#333;font-size:17px; line-height:20px; white-space:nowrap;word-break:break-all;text-overflow:ellipsis; overflow:hidden;}
.qna_acco .head a .tit:before {content:'Q'; position:absolute; width:16px; top:0; left:0; line-height:20px; }
.qna_acco .head a .prod_info {margin-bottom:12px; font-size:0;}
.qna_acco .head a .prod_info .flag_wrap {display:inline-block; position:relative; vertical-align:middle;}
.qna_acco .head a .prod_info .name {display:inline-block; max-width:calc(100% - 100px); margin-left:8px; color:#333; font-size:16px; line-height:20px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qna_acco .head a .prod_info .lock {display:inline-block; margin:-2px 0 0 4px; width:20px; height:20px; background:url('/common/images/cmm/ico_common_mobile.png') -48px -244px no-repeat; background-size:300px auto; vertical-align:top;}
.qna_acco .head a .prod_info .lock.locked {background-position:-68px -244px;}
.qna_acco .head a .qst_info {margin-top:8px; padding-left:16px; font-size:0;}
.qna_acco .head a .qst_info .stt {display:inline-block; position:relative; margin-right:8px; padding-left:18px; padding-right:9px; font-size:14px; line-height:17px;}
.qna_acco .head a .qst_info .stt.ing {color:#999;}
.qna_acco .head a .qst_info .stt.ing:before {content:'· ·'; position:absolute; top:0; left:0; width:16px; height:17px; font-size:14px; line-height:17px; text-align:center;}
.qna_acco .head a .qst_info .stt.end {color:#4caf50;}
.qna_acco .head a .qst_info .stt.end:before {content:' '; position:absolute; top:0; left:4px; width:7px; height:12px; border:1px solid #4caf50; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.qna_acco .head a .qst_info .stt:after {content:' '; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background:#eee;}
.qna_acco .head a .qst_info .date {display:inline-block; position:relative; color:#666; font-size:14px; line-height:17px;}
.qna_acco .head a .qst_info .date .space {padding-left:8px;}
.qna_acco .head a .qst_info .date .space:first-child {padding-left:0;}

.qna_acco .cont {margin:0; margin-top:16px; margin-bottom:-4px}
.qna_acco .cont .qst_conts {padding-left:16px; color:#666; font-size:14px; line-height:18px;}
.qna_acco .cont .reply_conts {margin-top:16px; padding:16px; background:#f6f6f6; color:#333; font-size:14px; line-height:18px;}
.qna_acco .cont .reply_conts .reply_info {margin-bottom:8px; font-size:0;}
.qna_acco .cont .reply_conts .reply_info:before {content:' '; display:inline-block; width:60px; height:25px; margin-right:8px; background:url('/common/images/cmm/ico_common_mobile.png') -96px -415px no-repeat; background-size:300px auto; vertical-align:top;}
.qna_acco .cont .reply_conts .reply_info .date {display:inline-block; color:#666; font-size:14px; line-height:25px; vertical-align:top;}
.qna_acco .cont .reply_conts > .date {display:block; padding-top:12px;}
.qna_acco .cont .btn_wrap {margin-top:16px;}
.qna_acco .cont .btn_wrap .bttn {width:100%;}
.qna_acco .cont .btn_wrap.size_2 .bttn {width:calc((100% - 4px) / 2); margin-left:4px;}
.qna_acco .cont .btn_wrap.size_2 .bttn:first-child {margin-left:0;}

.sp_qna_acco {margin-bottom:36px;}
.sp_qna_acco .desc .cont {padding:0 !important; margin:0 !important; border-top:0 none;}
.sp_qna_acco.ui_accordion .head .ui_accord_toggle:after {top: 48% !important;}

/* 구매 후기 영역 */
.review_info_wrap {position:relative; margin-top:16px; border-top:1px solid #000;}
.review_info_wrap:after {content:' '; display:block; clear:both;}
.review_info_wrap .info_point {text-align:center;}
.review_info_wrap .info_point .tol {margin:24px 0 8px; color:#000; font-size:18px; line-height:22px;}
.review_info_wrap .info_point .tol em {color:#999;}
.review_info_wrap .info_point .purchase_point {position:relative; display:inline-block; width:167px; height:28px; background:url('/common/images/hphn/purchase_points_off.png') no-repeat 0 0;}
.review_info_wrap .info_point .purchase_point em {position:absolute; left:0; height:28px; background:url('/common/images/hphn/purchase_points_on.png') no-repeat 0 0;}

.review_info_wrap .info_txt {margin-top:20px; padding:20px; background-color:#f6f6f6;}
.review_info_wrap .info_txt .tit {margin-bottom:16px; color:#000; font-size:16px; line-height:22px;}
.review_info_wrap .info_txt .tit strong {color:#aa36bb; font-weight:bold;}

.review_info_wrap .btn_wrap {margin:16px 0;}

.star_point_wrap {font-size:0;}
.star_point_wrap .rdo_wrap {margin-right:24px;}
.star_point_wrap .rdo_wrap:last-child {margin-right:0;}
.star_point_wrap .star {display:inline-block; height:14px; background:url('/common/images/hphn/bg_stars.png') 0 0 no-repeat; font-size:0;}
.star_point_wrap .star.star5 {width:94px;}
.star_point_wrap .star.star4 {width:75px;}
.star_point_wrap .star.star3 {width:55px;}
.star_point_wrap .star.star2 {width:35px;}
.star_point_wrap .star.star1 {width:15px;}

/* 전문가 리뷰/구매후기 */
.pr_review_wrap {position:relative; border-top:1px solid #000;}
.pr_review_wrap .pr_review_list {margin-bottom:56px;}
.pr_review_wrap .pr_review_list > li {position:relative; padding:8px 0; background-color:#fff; border-bottom:1px solid #ddd;}
.pr_review_wrap .pr_review_list > li .pr_review_tit {height:22px; margin-bottom:8px; color:#000; font-size:16px; line-height:22px; font-weight:bold; overflow:hidden;}
.pr_review_wrap .pr_review_list > li .pr_review_tit .review_date{float:right; color:#999; font-size:16px;}
.pr_review_wrap .pr_review_list > li .pr_review_preview {margin-bottom:8px; color:#666; font-size:15px; height:36px; line-height:19px; white-space:normal; word-wrap:break-word; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.pr_review_wrap .pr_review_list > li a .btn_arr {position:absolute; top:50%; right:-20px;}
.pr_review_wrap .pr_review_list > li a .btn_arr:after {content:' ';display:block;position:absolute;top:50%;right:26px;width:10px;height:10px;margin-top:-8px;border:1px solid #000;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform: rotate(-40deg);}


/* 구매 후기 리스트 */
.atreview_list {position:relative; border-top:1px solid #000; margin-bottom:20px;}
.atreview_list ul > li {border-top:1px solid #ddd;}
.atreview_list ul > li:after {content:' '; display:block; clear:both;}

.atreview_list ul > li .head {position:relative;}
.atreview_list ul > li .head a.link_cnt {padding:20px 0 20px 0;}
.atreview_list ul > li .head .purchase_thum {position:relative; float:left; display:inline-block; width:50px; height:50px; border-radius:4px; overflow:hidden; margin-right:16px;}
.atreview_list ul > li .purchase_area .tit {color:#000; font-size:18px; line-height:21px; padding:0 8px 0 0;}
.atreview_list ul > li .purchase_area .lvneme {color:#999; font-size:14px; line-height:16px; padding:8px 0;}


.atreview_list ul > li .desc {color:#666; font-size:14px; line-height:20px; border-top:0 none; background-color:#fff; padding:0 0 20px 0;}
.atreview_list ul > li .desc > .pic {text-align:center; padding-top:24px;}

.atreview_list ul > li .purchase_inner:after {content:' '; display:block; clear:both;}
.atreview_list ul > li .purchase_inner .lv {float:left; margin-bottom:13px;}
.atreview_list ul > li .purchase_inner .lv .purchase_point {position:relative; display:inline-block; width:96px; height:16px; background:url('/common/images/hphn/purchase_point_off.png') no-repeat 0 0; margin-right:17px;}
.atreview_list ul > li .purchase_inner .lv .purchase_point em {position:absolute; height:16px;background:url('/common/images/hphn/purchase_point_on.png') no-repeat 0 0;}
.atreview_list ul > li .purchase_inner .purchase_dw {float:right;}
.atreview_list ul > li .purchase_inner .purchase_dw .purchase_write {color:#666; font-size:14px; line-height:16px;}
.atreview_list ul > li .purchase_inner .purchase_dw .purchase_date {color:#999; font-size:14px; line-height:16px;}

.more_view_btn {margin-top:12px;}
.more_view_btn button {display:block; width:100%; height:48px; border-radius:4px; background:#f6f6f6; line-height:48px; text-align:center;}
.more_view_btn button span {display:inline-block; position:relative; padding-right:20px; color:#666; font-size:16px; line-height:1.1;}
.more_view_btn button span:after {content:' '; position:absolute; top:1px; right:2px; width:9px; height:9px; margin-left:-8px; border-right:1px solid #666; border-bottom:1px solid #666; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

/* atreview_visual slide indicator */
.atreview_visual_wrap .slide_wrap {position:relative; padding-bottom:0;}
.atreview_visual_wrap .slide_content {margin:0 16px;}
.atreview_visual_wrap .slide_conts .inner {display:block; position:relative;}
.atreview_visual_wrap .slide_conts .inner .txt_inner {position:absolute; left:23px; top:40px;}
.atreview_visual_wrap .slide_conts .inner .txt_inner .tit {margin-bottom:12px; color:#000; font-size:24px; font-weight:bold; line-height:28px;}
.atreview_visual_wrap .slide_conts .inner .txt_inner .tit_desc {color:#000; font-size:14px; line-height:19px;}
.atreview_visual_wrap .slide_conts .inner .img {position:absolute; top:0; right:0; width:60%; max-width:100%; height:auto;}
.atreview_visual_wrap .slide_conts .inner .img_box {display:table; margin:0 auto;}
.atreview_visual_wrap .slide_conts .inner .img_box .inner {display:table-cell; height:368px; vertical-align:middle;}
.atreview_visual_wrap .slide_conts .inner .img_box .inner img {width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:top;}

.atreview_visual_wrap .indi_wrap {bottom:0;}
.atreview_visual_wrap .indi_wrap .prev {left:-16px;}
.atreview_visual_wrap .indi_wrap .next {right:-16px;}
.atreview_visual_wrap .indi_wrap .indi_count {position:absolute; right:28px; bottom:12px; font-size:0;}
.atreview_visual_wrap .indi_wrap .indi_count .indi_control {display:inline-block; width:22px; height:24px; padding:5px 8px; border-radius:3px; vertical-align:top;}
.atreview_visual_wrap .indi_wrap .indi_count .indi_control.stop {background:#fff url('/common/images/cmm/ico_common_mobile.png') 0 0 no-repeat; background-size:300px auto}
.atreview_visual_wrap .indi_wrap .indi_count .indi_control.play {background:#fff url('/common/images/cmm/ico_common_mobile.png') -24px 0 no-repeat; background-size:300px auto;}
.atreview_visual_wrap .indi_wrap .indi_count .count {display:inline-block; width:33px; height:24px; padding:5px 8px; border-radius:3px; background:#fff; color:#333; font-size:13px; text-align:center; line-height:14px; vertical-align:top;}
.atreview_visual_wrap .indi_wrap .indi_count .btn_slidemore {display:inline-block; width:22px; height:24px; margin-left:4px; border-radius:3px; background:#fff url('/common/images/cmm/ico_common_mobile.png') -51px 0 no-repeat; background-size:300px auto;}

/* 하단 계산기 */
.quk_detail_wrap {position:fixed; bottom:0; width:100%; z-index:100;}
.quk_detail_wrap .calculator_wrap {position:relative; z-index:1; margin-bottom:-1px; border-bottom:1px solid #ccc; text-align:center; line-height:0;width:100%;}
.quk_detail_wrap .calculator_wrap a.btn_toggle {display:inline-block; position:relative; z-index:1;color:transparent;font-size:5px;content:'';background:url('/common/images/hphn/btn_toggle_down.png') no-repeat;background-size:66px 26px;width:66px;height:26px;display:inline-block;margin-bottom:-1px;position:absolute;top:-25px;left:50%;transform:translate(-50%,0)}
/*.quk_detail_wrap .calculator_wrap a.btn_toggle:before {content:'';background:url('/common/images/hphn/btn_toggle_down.png') no-repeat;background-size:66px 26px;width:66px;height:26px;display:inline-block;margin-bottom:-1px;}
.quk_detail_wrap .calculator_wrap a.btn_toggle.on:before {content:'';background:url('/common/images/hphn/btn_toggle_up.png') no-repeat;background-size:66px 26px;width:66px;height:26px;display:inline-block;}*/
.quk_detail_wrap .calculator_wrap a.btn_toggle.on {border-bottom:none;content:'';background:url('/common/images/hphn/btn_toggle_up.png') no-repeat;background-size:66px 26px;width:66px;height:26px;}
.quk_detail_wrap .calculator_wrap .calculator_view {position:relative; max-height:400px; border-top:1px solid #ccc; background-color:#fff; overflow:auto;}
/**/
/*아이콘*/
.ico_type_a::before {content:'';display:inline-block;width:18px;height:18px;background:url('/common/images/cmm/ico_ph_mobile.png') 0 0 no-repeat; background-size:300px auto; position:absolute;top:11px;left:0;}
.ico_type_b::before {content:'';display:inline-block;width:18px;height:18px;background:url('/common/images/cmm/ico_ph_mobile.png') -18px 0 no-repeat; background-size:300px auto; position:absolute;top:11px;left:0;}


.quk_detail_wrap .calculator_wrap .calculator_box {padding:21px 16px 20px;}
.quk_detail_wrap .calculator_wrap .calculator_box.no_pd {padding:0;}
.quk_detail_wrap .calculator_wrap .price_info {position:relative;margin-top:20px;}
.quk_detail_wrap .calculator_wrap .price_info strong {display:inline-block;font-size:16px;color:#333;font-weight:800;vertical-align:top; padding-left:64px;}
.quk_detail_wrap .calculator_wrap .price_info .icon {position:absolute;top:-2px;left:0;display:inline-block;font-weight:800;color:#5c5c5c;font-size:19px;}
.quk_detail_wrap .calculator_wrap .price_info .icon::before {content:'';display:inline-block;width:18px;height:18px;background:url('/common/images/cmm/ico_ph_mobile.png') 0 0 no-repeat; background-size:300px auto; vertical-align:-2px;margin-right:3px;}
.quk_detail_wrap .calculator_wrap .price_info .icon::after {content:'';display:inline-block;width:18px;height:18px;background:url('/common/images/cmm/ico_ph_mobile.png') -18px 0 no-repeat; background-size:300px auto; vertical-align:-2px;margin-left:3px;}
.quk_detail_wrap .calculator_wrap .price_info .price {position:absolute;top:-1px;right:0;color:#ed008c;font-size:16px;font-weight:800;}
.quk_detail_wrap .calculator_wrap .price_info .price > em {font-size:19px;display:inline-block;vertical-align:-1px;}
.quk_detail_wrap .calculator_wrap .price_list {position:relative;}
.quk_detail_wrap .calculator_wrap .price_list .halbuSusuRyo {color:#aa36bb;}

.quk_detail_wrap .calculator_wrap .calculator_box.hideTotal .arr_box {display:none!important}


/* 액세서리 타입 추가 */
.quk_detail_wrap.acc_type .calculator_wrap a.btn_toggle{content:'';background:url('/common/images/acce/btn_toggle_down.png') no-repeat;background-size:66px 26px;width:66px;height:26px;display:inline-block;margin-bottom:-1px;}
.quk_detail_wrap.acc_type .calculator_wrap a.btn_toggle.on{content:'';background:url('/common/images/hphn/btn_toggle_up.png') no-repeat;background-size:66px 26px;width:66px;height:26px;display:inline-block;}
/*.quk_detail_wrap.acc_type .calculator_wrap a.btn_toggle:before {content:'';background:url('/common/images/acce/btn_toggle_down.png') no-repeat;background-size:66px 26px;width:66px;height:26px;display:inline-block;margin-bottom:-1px;}
.quk_detail_wrap.acc_type .calculator_wrap a.btn_toggle.on:before {content:'';background:url('/common/images/hphn/btn_toggle_up.png') no-repeat;background-size:66px 26px;width:66px;height:26px;display:inline-block;}*/
.quk_detail_wrap.acc_type .calculator_wrap .calculator_view {border-bottom:1px solid #eee; margin-bottom:-1px;}
.quk_detail_wrap .calculator_wrap .options_view {padding:20px 16px; background:#f6f6f6;}
.quk_detail_wrap .calculator_wrap .opt {position:relative; padding:12px; border:1px solid #ddd; border-radius:4px; background:#fff;}
.quk_detail_wrap .calculator_wrap .opt .name {color:#666; font-size:16px; line-height:19px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.quk_detail_wrap .calculator_wrap .opt .bottom {margin-top:8px; overflow:hidden;}
.quk_detail_wrap .calculator_wrap .opt .bottom .count_ipt_wrap {float:left;}
.quk_detail_wrap .calculator_wrap .opt .bottom .price {float:right; padding-top:17px; color:#333; font-size:16px; line-height:19px;}
.quk_detail_wrap .calculator_wrap .opt .btn_delete {background:none;}
.quk_detail_wrap .calculator_wrap .opt .btn_delete:before {content:' '; position:absolute; left:7px; width:18px; height:1px; background:#333; transform:rotate(45deg);}
.quk_detail_wrap .calculator_wrap .opt .btn_delete:after {content:' '; position:absolute; left:7px; width:18px; height:1px; background:#333; transform:rotate(-45deg);}
.quk_detail_wrap .calculator_wrap .options_wrap .opt {margin-top:8px;}
.quk_detail_wrap .calculator_wrap .options_wrap .opt .name {padding-right:20px;}
.quk_detail_wrap .calculator_wrap .options_view .pay_infos {margin:12px 0 -8px; text-align:right; color:#333; font-size:14px; line-height:23px;}
.quk_detail_wrap .calculator_wrap .options_view .pay_infos em {display:inline-block; margin-left:8px; color:#ed008c; font-size:19px; font-weight:bold; vertical-align:top;}
.quk_detail_wrap.acc_type .acc_agrees {margin:-12px -12px 12px; padding:12px; border-bottom:1px solid #ddd;}
.quk_detail_wrap.acc_type .acc_agrees .chk_wrap input+label {color:#666; font-size:14px;}

/* 상세정보 하단 */
.quk_detail_wrap > .detail_btn_wrap {position:relative; min-height:72px; padding:12px; border-top:1px solid #ccc; background-color:#f6f6f6;}
.quk_detail_wrap > .detail_btn_wrap:after {content:' '; display:block; clear:both;}
.quk_detail_wrap > .detail_btn_wrap.bdtLine {border-top:1px solid #ccc;}
.quk_detail_wrap > .detail_btn_wrap > .price {position:absolute; bottom:12px; left:12px; padding:3px 0; font-size:14px; line-height:17px; color:#000;}
.quk_detail_wrap > .detail_btn_wrap > .price > strong {display:block;font-size:19px;line-height:23px;font-weight:bold;color:#ed008c;margin-top:2px;}
.quk_detail_wrap > .detail_btn_wrap > .price > strong .num {font-size:19px;vertical-align:top}
.quk_detail_wrap > .detail_btn_wrap > .btnArea {display:flex; margin-left:120px; font-size:0; text-align:right;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea > .bttn {display:flex; flex:auto; min-width:auto; width:auto; margin-left:4px;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea > .bttn span {width:100%; text-align:center;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea > .bttn:first-child {margin-left:0;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea > .bttn.mob {display:inline-block; width:52px; min-width:auto; max-width:52px; text-align:center; margin-left:0; color:#fff; font-size:18px; letter-spacing:-0.7px; border-radius:6px;height:48px;line-height:48px; background:#666;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea > .bttn.mob span {display:inline-block; position:relative; width:100%; padding-top:26px; font-size:16px; line-height:19px; vertical-align:top;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea > .bttn.mob span:before {content:'';position:absolute; top:4px; left:50%; display:inline-block;width:20px;height:20px; margin-left:-10px;background:url('/common/images/cmm/ico_ph_mobile.png') -36px 0 no-repeat; background-size:300px auto;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea.size {margin-left:140px;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea.full {margin-left:0;}

.quk_detail_wrap > .detail_btn_wrap.st_2row {}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .price {position:relative;top:0;left:0;display:block;overflow:hidden;padding-bottom:10px;padding-top:0}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .price > span:first-child {float:left}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .price > span:last-child {float:right}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .price > span {font-weight:bold}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .price > span em {display:block;font-size:12px;letter-spacing:-1px;font-weight:normal}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .price > span button {height:32px;background:#808080;color:#fff;line-height:32px;min-width:50px;line-height:30px}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .price > span .num {font-size:22px;color:#ed008c;font-weight:bold;line-height:25px;margin-right:6px}
.quk_detail_wrap > .detail_btn_wrap.st_2row > .btnArea {position:relative;margin-left:0}

@media screen and (max-width:320px) {
    .quk_detail_wrap.w320 > .detail_btn_wrap > .btnArea {display:block; position:absolute; top:12px; right:12px; margin-left:0;}
    .quk_detail_wrap.w320 > .detail_btn_wrap > .btnArea .bttn {display:inline-block; /*min-width:78px;*/}
    .float_btn .tooltip .contact_area {width:89% !important;}
}

.quk_detail_wrap > .detail_btn_wrap .pay_infos {margin-bottom:12px; text-align:right; color:#333; font-size:14px; line-height:23px;}
.quk_detail_wrap > .detail_btn_wrap .pay_infos em {display:inline-block; margin-left:8px; color:#ed008c; font-size:19px; font-weight:bold; vertical-align:top;}

.quk_detail_wrap > .detail_btn_wrap .alert_ment {color:#666; font-size:17px; line-height:48px; text-align:center;}

.quk_detail_wrap > .detail_btn_wrap .txt {color:#999; font-size:14px; line-height:18px; margin-bottom:8px;}

/* 버튼 하나 (삭제예정) */
.quk_detail_wrap > .detail_btn_wrap > .btnArea2.detailBtn {float:right; width:70%;}
.quk_detail_wrap > .detail_btn_wrap > .btnArea2.detailBtn .bttn {width:100%;}


/* 이용안내 */
/* 구매절차 */
.benefits_list_wrap {position:relative; border:1px solid #ddd; border-radius:8px; padding:24px; margin-bottom:36px;}
.benefits_list_wrap .benefits_list > li {margin-top:28px;}
.benefits_list_wrap .benefits_list > li:first-child { margin-top:0; }
.benefits_list_wrap .benefits_list > li .tit {font-size:16px; line-height:20px; font-weight:bold; margin-bottom:8px;}
.benefits_list_wrap .benefits_list > li .tit span {font-weight:normal; margin-right:8px;}

.pho_txt {border-bottom:1px solid #ddd; padding:8px 0 32px 0;}

/* 유의사항 영역 */
.attention_list {border-top:1px solid #000; }
.attention_list ul > li .head .tit {font-size:16px; line-height:20px; color:#000; margin:0;}
.attention_list ul > li .attention_con {font-size:14px; line-height:18px; color:#666;}

/* 교환 및 개통 취소 */
.ph_re_txt {position:relative;}
.ph_re_txt dl dt {margin:0 0 4px 0; color:#000; font-size:14px; line-height:18px;}
.ph_re_txt dl dd {margin:0 0 8px 0; color:#666; font-size:13px; line-height:17px;}
.ph_re_txt dl dd .app_txt {color:#666; font-size:14px; line-height:18px; background-color:#f6f6f6; margin-top:8px; padding:8px;}
.ph_re_txt dl dd .app_txt > p {margin-bottom:8px;}
.ph_re_txt dl dd .as_info_list li {position:relative; margin-top:32px; text-align:center; border:1px solid #ddd; border-radius:4px; }
.ph_re_txt dl dd .as_info_list li span {display:block; background:#333; color:#fff; font-size:14px; line-height:36px;}
.ph_re_txt dl dd .as_info_list li p {padding:20px 0;}
.ph_re_txt dl dd .as_info_list li:after {content:'';position:absolute; top:-24px; left:50%; width:21px; height:21px; background: url('/common/images/cmm/ico_mob_mobile.png') no-repeat -60px -80px;  background-size:300px auto; z-index:1;}
.ph_re_txt dl dd .as_info_list li:first-child:after {background:0 none;}


.hover_tooltip {display:inline-block; position:relative; margin-left:8px; padding-top:2px; text-align:left; vertical-align:top; z-index:5; overflow:hidden;}
.hover_tooltip .btn_tooltip {display:inline-block; width:16px; height:16px; background:url('/common/images/cmm/ico_common.png') no-repeat 0 -134px; font-size:0; cursor:pointer; vertical-align:top;}
.hover_tooltip .tooltip_box {position:absolute; top:30px; left:50%; min-width:240px; padding:16px 23px; border:1px solid #ddd; border-radius:4px; background:#fff; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.05); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:0.15s ease; -ms-transition:0.15s ease; transition:0.15s ease; opacity:0; visibility:hidden; z-index:10;}
.hover_tooltip .tooltip_box .tit {margin-bottom:16px; color:#000; font-size:18px; line-height:21px;}
.hover_tooltip .tooltip_box .tit_desc {position:relative; margin-top:8px; padding-left:12px; color:#666; font-size:14px; line-height:18px;}
.hover_tooltip .tooltip_box .tit_desc:before {content:' '; position:absolute; left:0; top:7px; width:4px; height:4px; border-radius:50%; background:#666;}
.hover_tooltip .tooltip_box:after {content:' '; position:absolute; top:-6px; left:50%; margin-left:-5px; width:10px; height:10px; border:1px solid #ddd; border-left:none; border-bottom:none; background:#fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.hover_tooltip:hover {overflow:visible;}
.hover_tooltip:hover .tooltip_box {display:block; opacity:1; visibility:visible;}

/* 스텝 */
.step_list{padding:20px 0; background:#EDF0F5; text-align:center; font-size:0;}
.step_list li {position: relative; width:20%; margin-right:9px; display: inline-block; vertical-align:top;}
.step_list li:last-child {margin-right:0;}
.step_list li .stepText {margin-top:3px; font-size:13px; color:#999;}
.step_list li .step_num {position: relative; z-index: 1; display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #fff; text-align: center; line-height: 33px; font-size: 16px; color: #999;}
.step_list li:after {content: ' '; display: block; position: absolute; right: -6px; top: 9px; width: 9px; height: 9px; border: 1px solid #999; border-left: none; border-bottom: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.step_list li:last-child:after{display: none;}
.step_list li.active .step_num {color:#000;}
.step_list li.active .stepText {color:#333;}

/* 휴대폰 스탭 */
.step_list.icon_type li {width:auto; padding:0 12px;}
.step_list.icon_type li i {display:inline-block; width:28px; height:28px; margin-bottom:4px; background:url('/common/images/cmm/ico_steps_mobile.png') no-repeat; background-size:300px 300px; opacity:0.2;}
.step_list.icon_type li:first-child i {background-position:0 0;}
.step_list.icon_type li:nth-child(2) i {background-position:-28px 0;}
.step_list.icon_type li:nth-child(3) i {background-position:-56px 0;}
.step_list.icon_type li:nth-child(4) i {background-position:-84px 0;}
.step_list.icon_type li.active i {opacity:1;}

/* 마이샵 스탭 */
.mys_wrap .step_list.icon_type li i {display:inline-block; width:28px; height:28px; margin-bottom:4px; background:url('/common/images/cmm/ico_steps_mobile.png') no-repeat; background-size:300px 300px; opacity:0.2;}
.mys_wrap .step_list.icon_type li:first-child i {background-position:0 -28px;}
.mys_wrap .step_list.icon_type li:nth-child(2) i {background-position:-28px -28px;}
.mys_wrap .step_list.icon_type li.type2 i {background-position:-56px -28px;}
.mys_wrap .step_list.icon_type li:nth-child(3) i {background-position:-84px -28px;}
.mys_wrap .step_list.icon_type li.active i {opacity:1;}

/* 액세서리 스탭 */
.acc_wrap .step_list.icon_type li i {display:inline-block; width:28px; height:28px; margin-bottom:4px; background:url('/common/images/cmm/ico_steps_mobile.png') no-repeat; background-size:300px 300px; opacity:0.2;}
.acc_wrap .step_list.icon_type li:first-child i {background-position:0 -56px;}
.acc_wrap .step_list.icon_type li:nth-child(2) i {background-position:-28px -56px;}
.acc_wrap .step_list.icon_type li:nth-child(3) i {background-position:-56px -56px;}
.acc_wrap .step_list.icon_type li.active i {opacity:1;}

/* 컨텐츠 스텝 */
.vert_step_list {position:relative; z-index:1;}
/*
.vert_step_list:before {content:' '; position:absolute; top:36px; left:34px; bottom:36px; width:1px; border-left:2px dotted #ccc; z-index:1;}
*/
.vert_step_list li {position:relative; margin-bottom:12px; z-index:5;}
.vert_step_list li:last-child {margin-bottom:0;}
.vert_step_list li dl dt {color:#333; font-size:14px; line-height:17px; font-weight:bold;}
.vert_step_list li dl dd {margin-top:4px; color:#666; font-size:14px; line-height:17px;}
.vert_step_list li dl dd.desc {position:relative; padding-left:16px; color:#999;}
.vert_step_list li dl dd.desc:before {content:'※'; position:absolute; top:0; left:0; line-height:inherit;}

.no_data {padding:65px 16px; border-bottom:1px solid #ddd; background:#fff; text-align:center;}
.no_data.big {padding:116px 16px;}
.no_data.big2 {padding:116px 16px 84px;}
.no_data.sub_type {padding:32px 16px;}
.kind_wrap .kind_area .no_data {border-top:1px solid #ddd; border-bottom:none;}
.kind_wrap .kind_area .no_data.big {border-top:none;}
.no_data p {position:relative; padding-top:72px; color:#999; font-size:16px; line-height:19px; text-align:center;}
.no_data p:before {content:' '; position:absolute; top:0; left:50%; width:60px; height:60px; margin-left:-30px; background:url('/common/images/mys/ico_mys_mobile.png') 0 -84px no-repeat; background-size:300px auto;}
.no_data .detail_link {margin-top:12px;}

/* 상품 수량 input */
.count_ipt_wrap {width:116px; border:1px solid #ccc; border-radius:4px; font-size:0; overflow:hidden;}
.count_ipt_wrap.disabled {background:#f6f6f6;}
.count_ipt_wrap input[type='text'],
.count_ipt_wrap input[type='number'] {display:inline-block; width:calc(100% - 64px); height:34px; padding:0; border:none; line-height:34px; color:#000; font-size:14px; text-align:center; vertical-align:top;}
.count_ipt_wrap button {display:inline-block; position:relative; width:32px; height:34px; text-align:center; vertical-align:top;}
.count_ipt_wrap button:before {content:' '; position:absolute; top:50%; left:50%; width:13px; height:1px; background:#999; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.count_ipt_wrap button:after {content:' '; position:absolute; top:50%; left:50%; width:1px; height:13px; background:#999; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.count_ipt_wrap button.btn_minus:after {display:none;}

/* tooltip(시안 없음) */
.tooltip_wrap {position:relative;}
.tooltip_wrap .btn_tips {display:inline-block; width:16px; height:16px; background:url('/common/images/cmm/ico_common_mobile.png') -266px -24px no-repeat; background-size:300px auto;}
.tooltip_wrap .tooltip_box {display:none; position:absolute; top:20px; right:0;}

/* -- 마이샵/액세서리 상품 리스트 common -- */
.mys_prod_lists .lists {display:block; position:relative; padding:0 16px; background:#fff;}
.mys_prod_lists .lists .flag_wrap {display:inline-block; position:relative; margin-bottom:8px; vertical-align:top;}
.mys_prod_lists .list_head {position:relative; margin:0 -16px; padding:16px; background:#f6fcfc;}
.mys_prod_lists .list_head.acc {background:#f5fcff;}
.mys_prod_lists .list_head .tit {margin-bottom:8px; color:#333; font-size:16px; line-height:19px;}
.mys_prod_lists .list_head .tit_desc {color:#666; font-size:14px; line-height:18px;}
.mys_prod_lists .list_head .so_desc {position:static; margin-top:2px; color:#666; font-size:14px; line-height:18px;}
.mys_prod_lists .list_head .so_desc span {float:right;}
.mys_prod_lists .list_head .so_desc .detail_link {position:absolute; top:16px; right:16px;}
.mys_prod_lists .list_head .bttn {position:absolute; right:16px; bottom:12px; min-width:auto; width:80px; background:#fff;}
.mys_prod_lists .list_body {padding:16px 0;}
.mys_prod_lists .list_body:after {content:' '; display:block; clear:both;}
.mys_prod_lists .list_body .thumb {float:left; position:relative; width:120px; height:120px; text-align:center;}
.mys_prod_lists .list_body .thumb a {display:block;}
.mys_prod_lists .list_body .thumb img {height:120px;}
.mys_prod_lists .list_body .thumb .color_chips {position:absolute; bottom:0; left:0; width:10px;}
.mys_prod_lists .list_body .thumb .color_chips .chip {display:block; width:10px; height:10px; border-radius:4px;}
.mys_prod_lists .list_body .thumb.bg {background:#F2F2F2;}
.mys_prod_lists .lists .list_body .thumb .soldout,
.mys_prod_lists .lists .list_body .thumb .endofsale {position:absolute; top:50%; left:50%; margin:-32px;}
.mys_prod_lists .order_head {margin:0 -16px;}
.mys_prod_lists .alert_txt_red {margin-top:8px; color:#f33; font-size:14px; line-height:17px;}

/* 사전예약 내역 - 상태 */
/* 신청서 작성 완료 */
.reservation_wrap .list_head {background:#FCF6F6 !important;}
.reservation_wrap .list_head .inventory .fc_apply {color:#834A5B !important;}
.reservation_wrap .btn_wrap.size_2 .bttn {min-width:auto; width:calc((100% - 4px) / 2);}
.reservation_wrap .btn_wrap.size_2 .bttn.bttn:first-child {margin-left:0;}
.reservation_wrap .btn_wrap.size_2 .bttn.bttn:last-child {margin-right:0;}
.reservation_wrap .btn_wrap.size_flex {display:flex;}
.reservation_wrap .btn_wrap.size_flex .bttn {display:flex; flex:auto; width:auto;}
.reservation_wrap .btn_wrap.size_flex .bttn span {width:100%; text-align:center;}
/*
.mys_prod_lists .lists.soldout .list_body .thumb:before {content:' '; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:0.4;}
.mys_prod_lists .lists.soldout .list_body .thumb:after {content:'일시품절'; position:absolute; top:50%; right:0; left:0; color:#fff; font-size:14px; line-height:17px; text-align:center; font-weight:bold; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
*/
.option_sstit {display:inline-block; color:#666;  font-size:14px; line-height:17px; padding-right:4px; border-right:1px solid #ddd; }
.option_sstxt {padding-left:4px;}
.mys_prod_lists .list_body .info {margin-left:136px;}
.mys_prod_lists .list_body .info .tops {margin-bottom:2px; color:#666; font-size:14px; line-height:17px;}
.mys_prod_lists .list_body .info .name {color:#333; font-size:17px; line-height:22px; font-weight:bold;}
.mys_prod_lists .list_body .info .name a {color:inherit;}
.mys_prod_lists .list_body .info .name span {margin-left:4px; color:#999;}
.mys_prod_lists .list_body .info .name .etc {display:inline-block; color:#999; font-weight:bold; }
.mys_prod_lists .list_body .info .option {margin-top:4px;}
.mys_prod_lists .list_body .info .option + .name {margin-top:2px;}
.mys_prod_lists .list_body .info .option .tit {color:#000; font-size:17px; line-height:20px;}
.mys_prod_lists .list_body .info .option dd {margin-top:2px; color:#666; font-size:14px; line-height:17px; word-break:break-all;}
.mys_prod_lists .list_body .info .price {margin-top:8px;}
.mys_prod_lists .list_body .info .price dd {color:#333; font-size:17px; line-height:24px; font-weight:bold;}
.mys_prod_lists .list_body .info .price dd em {display:inline; font-size:20px; vertical-align:top;}
.mys_prod_lists .list_body .info .price dd span {margin-left:4px; color:#999; font-size:13px; line-height:16px; vertical-align:middle; font-weight:normal;}
.mys_prod_lists .list_body .info .price dd.tips {position:relative; font-size:0;}
.mys_prod_lists .list_body .info .price dd.tips span.buy {display:inline-block; margin-left:0; font-size:17px; line-height:24px; font-weight:bold; color:#333; vertical-align:middle;}
.mys_prod_lists .list_body .info .price dd span.discount {text-decoration:line-through;}
.mys_prod_lists .list_body .info .price .tool_tip {position:static; display:inline-block; margin-left:4px; vertical-align:middle;}
.mys_prod_lists .list_body .info .price .tips .tool_tip {position:relative;}
.mys_prod_lists .list_body .info .price .tool_tip .ico_qustion {vertical-align:middle;}
.mys_prod_lists .list_body .info .price .tool_tip .tool_tip_body {left:auto; right:0; margin-left:0;}
.mys_prod_lists .list_body .info .price .tool_tip .tool_tip_body dd {color:#666; font-size:15px; line-height:20px; font-weight:normal;}
.mys_prod_lists .list_body .inputs {margin-top:8px; margin-bottom:12px;}
.mys_prod_lists .list_body .count_ipt_wrap {margin-top:8px; width:50%;}
.mys_prod_lists .list_body .count_ipt_wrap input[type='text'] {width:calc(100% - 64px);}
.mys_prod_lists .list_gifts {background:#fff; margin:0 -16px; padding:16px; border-top:1px solid #eee;}
.mys_prod_lists .list_gifts dt {margin-bottom:12px; color:#333; font-size:16px; line-height:20px;}
.mys_prod_lists .list_gifts dt:before {content:' '; display:inline-block; width:20px; height:20px; margin-right:4px; background:url('/common/images/mys/ico_mys_mobile.png') -36px 0 no-repeat; background-size:300px auto; vertical-align:top;}
.mys_prod_lists .list_gifts dd.gifts {margin-top:12px; padding-bottom:12px; border-bottom:1px solid #eee; overflow:hidden;}
.mys_prod_lists .list_gifts dd.gifts:last-child {padding-bottom:0; border-bottom:none;}
.mys_prod_lists .list_gifts dd.gifts .info {position:relative;}
.mys_prod_lists .list_gifts dd.gifts .info .tit {color:#333; font-size:14px; line-height:18px;}
.mys_prod_lists .list_gifts dd.gifts .info .tit strong {display:block; margin-right:80px; color:inherit; font-weight:bold; font-size:13px;}
.mys_prod_lists .list_gifts dd.gifts .info .tit_desc {margin-top:2px; color:#666; font-size:13px; line-height:16px;}
.mys_prod_lists .list_gifts dd.gifts .info .detail_link {position:absolute; top:0; right:0;}
.mys_prod_lists .list_gifts .txt_noti2 {margin-top:16px; padding-top:16px; border-top:1px solid #eee;}
.mys_prod_lists .list_gifts .txt_noti2:before {top:16px;}
.mys_prod_lists .btn_wrap {position:relative; margin:0; padding:8px 16px 16px; font-size:0; background:#fff; text-align:center; border-top:none !important;}
.mys_prod_lists .lists .btn_wrap {margin:0 -16px;}
.mys_prod_lists .btn_wrap .bttn {min-width:auto; width:calc((100% - 4px) / 2); margin-left:4px;}
.mys_prod_lists .btn_wrap.size_3 .bttn {width:calc((100% - 8px) / 3); margin-left:4px;}
.mys_prod_lists .btn_wrap .bttn:first-child {margin-left:0;}
.mys_prod_lists .btn_wrap.detailBtn button {width:100%;}
/* .mys_prod_lists .btn_wrap.line_top {padding-top:16px; border-top:1px solid #eee;} */
.mys_prod_lists .btn_wrap [class^="txt_noti"] {clear:both; text-align:left;}
.mys_prod_lists .lists .date_info {padding-bottom:16px;}

.mys_prod_lists .lists.chk_type {padding-left:40px;}
.mys_prod_lists .lists.chk_type .chk_wrap {position:absolute; top:16px; left:16px;}

.mys_prod_lists.only {border-top:1px solid #ddd;}
.mys_prod_lists.mg_type {margin-top:-12px; border-bottom:none;}
.mys_prod_lists.mg_type .lists {margin-top:12px; border-bottom:1px solid #ddd;}
.mys_prod_lists.bd_type {border-bottom:1px solid #ddd;}
.mys_prod_lists.bd_type .lists:after {content:' '; position:absolute; top:0; left:16px; right:16px; height:1px; background:#eee;}
.mys_prod_lists.bd_type .lists:first-child:after {display:none;}
.mys_prod_lists.bd_type.only {border-bottom:none;}

.mys_prod_lists .phone_opn {margin:16px -16px 0; padding:20px 16px 0; border-top:1px solid #eee;}
.mys_prod_lists .phone_opn .tit {color:#333; font-size:16px; line-height:18px;}
.mys_prod_lists .phone_opn .tit_desc {margin-top:4px; color:#666; font-size:13px; line-height:16px;}
.mys_prod_lists .phone_opn .tit_desc small {display:block;}
.mys_prod_lists .phone_opn .bttn {display:block; width:100%; margin-top:16px;}
.mys_prod_lists.only .phone_opn {position:relative; margin:0; margin-bottom:16px; padding:20px 16px 17px;}
.mys_prod_lists.only .phone_opn:after {content:' '; position:absolute; bottom:0; left:16px; right:16px; height:1px; background:#eee;}
.mys_prod_lists.only > .txt_noti2 {margin:0 16px 16px;}

.kind_area .mys_prod_lists.bd_type {border-bottom:none;}


.mys_prod_lists .info_txt_wrap {margin:0; padding:16px;}
.mys_prod_lists .info_txt_wrap p {color:#333; font-size:17px; line-height:20px; font-weight:bold; text-align:right;}


.mys_foot_wrap {border-top:1px solid #ddd; padding:16px; color:#666; font-size:14px; line-height:18px; text-align:right;}
.mys_foot_wrap .tool_tip .tool_tip_body {top:22px; right:0; left:auto;}

/* -- 마이샵/액세서리 상품 리스트 썸네일 타입 -- */
.mys_prod_thumb_lists.only {border-top:1px solid #ddd; margin-top:0; padding-bottom:24px;}
.mys_prod_thumb_lists.bottom {padding-bottom:20px;}

.mys_prod_thumb_lists {clear:both; overflow:hidden; padding:0 12px 24px;}
.mys_prod_thumb_lists .lists {float:left; position:relative; display:block; width:calc((100% - 16px) / 2); margin:16px 4px 0;}
.mys_prod_thumb_lists .lists .inner {position:relative; width:160px; margin:0 auto;}
.mys_prod_thumb_lists .lists a {display:block;}
.mys_prod_thumb_lists .lists dt {position:relative; width:160px; height:160px; margin:0 auto; padding:11px; border:1px solid #ddd; border-radius:4px;}
.mys_prod_thumb_lists .lists dt img {height:100%;}
.mys_prod_thumb_lists .lists dd {display:-webkit-box; height:40px; margin-top:12px; color:#333; font-size:17px; line-height:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mys_prod_thumb_lists .alert_txt_red {margin-top:8px; color:#f33; font-size:14px; line-height:17px; text-align:center;}

/* -- basic 아코디언 -- */
.basic_accordion {padding:0; border-bottom:none;}
.basic_accordion .head {position:relative;}
.basic_accordion .head h3 {margin-bottom:0; font-weight:bold;}
.basic_accordion .head .tit {display:inline-block; color:#333; font-size:16px; line-height:20px; font-weight:bold;}
.basic_accordion .head .btn_arr {display:block; position:relative; margin:0 16px; padding:20px 24px 20px 0; border-bottom:1px solid #eee;}
.basic_accordion .head .btn_arr:after {content:' '; display:block; position:absolute; top:50%; right:18px; width:10px; height:10px; margin-top:-8px; border:1px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.basic_accordion > ul > li {border-top:12px solid #eee; border-bottom:1px solid #ddd;}
.basic_accordion > ul > li:first-child {border-top:none;}
.basic_accordion > ul > li:last-child {border-bottom:none;}
.basic_accordion ul > li .cont {border-top:none; margin:0; padding:20px 16px;}
.basic_accordion ul > li .cont .data_form {border-bottom:none;}
.basic_accordion ul > li .cont .data_form dl.forms:first-child {margin-top:0;}
.basic_accordion li.on > .head .btn_arr:after {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}

.basic_accordion .data_form .forms_wrap {margin-top:0; padding:0;}

/* -- 주문상세내역 -- */
.dl_list_area .dl_list_title {padding:20px 16px;}
.dl_list_area .dl_list_wrap {padding:0 16px 20px;}

.dl_list_title h4,
.dl_list_title .h4_tit {margin:0; color:#333; font-size:16px; line-height:19px; font-weight:bold;}
/* .dl_list_wrap {margin-top:-12px;} */
.dl_list_wrap dl:first-child, .dl_list_wrap .blind + dl {margin-top:0;}
.dl_list_wrap dl, .dl_list_wrap .open_title {display:table; position:relative; width:100%; margin-top:12px; font-size:0; text-align:left;}
.dl_list_wrap dl dt, .dl_list_wrap .open_title .tit {display:table-cell; min-width:70px; padding-right:16px; color:#666; font-size:16px; line-height:20px; vertical-align:top; text-align:left;}
.dl_list_wrap .open_title .tit + .txt {margin-top:16px;}
.dl_list_wrap .open_title .txt {margin-bottom:4px; color:#666; font-size:14px; line-height:18px;}
.dl_list_wrap .open_title .bar_list li em {color:#ED008C;}
.dl_list_wrap dl dt small, .dl_list_wrap .open_title .tit small {margin-left:4px; color:inherit; font-size:13px; line-height:16px;}
.dl_list_wrap dl dt .txt_noti2 {margin-top:8px;}
.dl_list_wrap dl dd, .dl_list_wrap .open_title .desc {display:table-cell; color:#333; font-size:16px; line-height:20px; text-align:right;} /* 190114 인터넷/IPTV 수정반영 */
.dl_list_wrap dl dd.half {width:60%; max-width:60%;}
.dl_list_wrap dl dd .mount {display:block; color:#666;}
.dl_list_wrap dl.row {display:block;}
.dl_list_wrap dl.row dt, .dl_list_wrap dl.row dd {display:block; text-align:left;}
.dl_list_wrap dl.row dd {margin-top:8px;}
.dl_list_wrap dl.row + dl {margin-top:20px;}
.dl_list_wrap.conf_type dl dd, .dl_list_wrap.conf_type .open_title .desc {font-weight:bold;}
.dl_list_wrap dl dd .bttn {margin-top:4px;}
.dl_list_wrap dl dd .stxt {display:inline-block; color:#666; font-size:13px; line-height:16px; margin-right:8px;}
.dl_list_wrap .dep1_total dt, .dl_list_wrap .dep1_total dd {color:#333; font-weight:bold;}
.dl_list_wrap .dep1_total dt .ico_a {margin-right:4px;}
.dl_list_wrap .total_dl dt {color:#333; font-weight:bold; line-height:24px;}
.dl_list_wrap .total_dl dt small {margin-left:4px; color:#666; font-size:13px; line-height:16px; font-weight:normal;}
.dl_list_wrap .total_dl dd {color:#ed008c; font-size:20px; line-height:24px; font-weight:bold;}
.dl_list_wrap .total_dl dd small {display:block; margin-top:4px; color:#999; font-size:13px; font-weight:normal; line-height:16px;}
.dl_list_wrap .sub_tit {margin-top:12px; color:#333; font-size:16px; line-height:20px; text-align:left; font-weight:bold;}
.dl_list_wrap .sub_tit:first-child {margin-top:0;}
.dl_list_wrap .sub_tit_desc {margin-top:12px; color:#666; font-size:14px; line-height:17px;}
.dl_list_wrap .multi_ipt {margin-top:8px; padding:11px; border:1px solid #ccc; border-radius:4px; background:#f6f6f6; color:#999; font-size:18px; line-height:24px; text-align:left; font-weight:normal;}
.dl_list_wrap .multi_ipt:first-child {margin-top:0;}
.dl_list_wrap dd.btn {position:absolute; top:-48px; right:0; margin-top:0 !important;}
.dl_list_wrap dd.btn .bttn {margin-top:0;}
.dl_list_wrap .desc {display:table; margin-top:4px; color:#ed008c; line-height:20px;}

.dl_list_wrap .tool_tip {position:static;}
.dl_list_wrap .tool_tip .tool_tip_body {top:23px; left:16px; right:16px; width:auto; margin-left:0;}

.dl_list_wrap .arr_box {position:relative; margin:20px -16px -20px; padding:20px 16px; background-color:#EDF0F5;}
.dl_list_wrap .arr_box:before {content:' '; display:block; position:absolute; top:-12px; left:50%; width:19px; height:12px; margin-left:-9px; background:url('/common/images/mys/bg_arr_box.png') no-repeat 0 0; background-size:19px 12px;}
/* .dl_list_wrap .arr_box:before {content:' '; display:block; position:absolute; top:-12px; left:50%; width:24px; height:24px; margin-left:-12px; border-radius:6px; background-color:#EDF0F5; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} */
.dl_list_wrap .arr_box .line_top {margin-top:16px; padding-top:16px; border-top:1px solid #ddd;}
.dl_list_wrap .arr_box .dep1_total dd {font-size:20px; line-height:24px;}
.dl_list_wrap .arr_box.btm_type {margin-bottom:0;}

/* .dl_list_wrap .arr_box .total_dl {margin-bottom:20px;} */
.dl_list_wrap .arr_box .total_dl dt {color:#333; font-size:16px; font-weight:bold; line-height:24px;}
.dl_list_wrap .arr_box .total_dl dd {color:#333; font-size:20px; font-weight:bold; line-height:24px;}
.dl_list_wrap .arr_box .total_dl dt i:last-child {margin-right:4px;}
.dl_list_wrap .arr_box .total_dl + .dot_list {margin-top:20px;}

.dl_list_wrap .arr_box .total_dl.type2 {display:block;}
.dl_list_wrap .arr_box .total_dl.type2 dt {display:block;}
.dl_list_wrap .arr_box .total_dl.type2 dd {display:block; margin-top:24px; font-size:0;}
.dl_list_wrap .arr_box .total_dl.type2 dd:after {content:' '; display:block; clear:both;}
.dl_list_wrap .arr_box .total_dl.type2 dd p {float:left; width:50%; padding:0 16px; border-left:1px solid #ddd; color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.dl_list_wrap .arr_box .total_dl.type2 dd p:first-child {border-left:none;}

.dl_list_wrap.acco_comb .arr_box {margin-top:4px;}

.dl_list_wrap .arr_box .dot_list li {padding-left:15px;}
.dl_list_wrap .arr_box .dot_list li:before {content:'※'; position:absolute; top:0; left:0; width:auto; height:auto; border-radius:0; background:none; line-height:inherit;}

.tit_wrap.top {margin:-8px -16px 20px; padding-bottom:12px; border-bottom:1px solid #ddd;}
.tit_wrap.top .tit {margin:0; padding-right:12px; color:#333; font-size:17px; line-height:28px; font-weight:bold; text-align:center;}

.dl_list_wrap .open_title .btn_open {display:inline-block; position:relative; width:19px; height:19px; margin-left:4px; vertical-align:top;}
.dl_list_wrap .open_title .btn_open:after {content:' '; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-4px; width:8px; height:8px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.dl_list_wrap .open_title .btn_open.open:after {margin-top:-3px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.dl_list_wrap .more {margin-top:12px; border-radius:4px; padding:16px; background:#f6f6f6;}
.dl_list_wrap .more dt, .dl_list_wrap .more dd {color:#666; font-size:14px; line-height:17px;}
.dl_list_wrap .box {margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
.dl_list_wrap .box.none {margin-top:0; padding-top:0; border-top:0 none;}
.dl_list_wrap .line_top {margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.dl_list_wrap.btn_type {display:block;}
.dl_list_wrap.btn_type dl dt {display:block; margin-bottom:8px; color:#333; font-weight:bold;}
.dl_list_wrap.btn_type dl dd {display:block; text-align:left;}
.dl_list_wrap.btn_type dl dd .size_3 .rdo_wrap.txt_type {width:calc((100% - 16px) / 3); margin-left:8px;}
.dl_list_wrap.btn_type dl dd .size_3 .rdo_wrap.txt_type:first-child {margin-left:0;}

.op_tit_wrap {display:block; padding:16px; margin:0;}
.op_tit_wrap h2,
.op_tit_wrap .h2_tit {color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.op_tit_wrap .detail_link {display:block;}
.op_tit_wrap .detail_link span {display:block; position:relative; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.op_tit_wrap .detail_link span:before {content:' '; display:block; position:absolute; top:50%; right:10px; width:12px; height:12px; margin-top:-6px; border:1px solid #333; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.apls_info {position:relative;}
.apls_info .tit {color:#333; font-size:16px; line-height:19px; margin-bottom:8px;}
.apls_info .dot_list a.link {color:#333; font-size:14px; line-height:17px; text-decoration:underline;}

/* 답변 */
.answer {background:#f6f6f6; padding:16px;}
.answer .info .writer img {width:60px;}
.answer .reply {margin-top:8px; color:#333; font-size:14px; line-height:18px;}
.answer .link_go {padding-top:20px;}
.answer .link_go dt {color:#666; font-size:14px; line-height:18px;}
.answer .link_go dd a {color:#666; font-size:14px; line-height:18px; word-break:break-all;}

/* 아코디언 ui 리셋 */
.recss_accordion {border:0 none !important; padding:0 !important;}
.recss_accordion .head {border:0 none !important;}
.recss_accordion .head .link_cnt {padding:0 !important;}
.recss_accordion .head .btn_arr {position:static; margin:0; padding:0;}
.recss_accordion .on .head .btn_arr {border-bottom:none;}
.recss_accordion .cont {border:0 none !important; padding:0 !important;}

/* 상품 리스트 모듈 */
.item_list_wrap.basic .sort_filter {padding:24px 16px 8px;}
.item_list_wrap.basic .list_head {padding:0 16px 12px;}
.item_list_wrap.basic .list_head a {display:block; position:relative; height:36px; border-radius:18px; background:#333399; background-image:linear-gradient(110deg, #333399 70%, #ed008c 130%); color:#fff; font-size:15px; font-weight:bold; text-align:center; line-height:36px;}
.item_list_wrap.basic .list_head a em {color:#fff5a8;}
.item_list_wrap.basic .list_head a:before {content:' '; position:absolute; bottom:-19px; left:50%; margin-left:-15px; width:20px; height:20px; border-bottom:10px solid transparent; border-top:10px solid #333399; border-left:10px solid transparent; border-right:10px solid transparent;}

.item_list_wrap.basic .item_list {margin-top:-12px;}
.item_list_wrap.basic .item_list .items {position:relative; margin-top:12px; border-bottom:1px solid #ddd; background:#fff;}
.item_list_wrap.basic .item_list .items .box {display:block; min-height:208px; overflow:hidden;}
.item_list_wrap.basic .item_list .items .thumb {float:left; position:relative; width:144px; height:144px; margin:32px 0 0 16px; /*height:208px;*/ /*padding:32px 8px 32px 16px;*/ text-align:center;}
.item_list_wrap.basic .item_list .items .thumb img {width:auto; height:100%;}
.item_list_wrap.basic .item_list .items .thumb .color_chips {position:absolute; left:0; bottom:0;}
.item_list_wrap.basic .item_list .items .thumb .color_chips .chip {display:block; position:relative; width:10px; height:10px; margin-top:6px; border-radius:2px; border:1px solid #ddd; overflow:hidden;}
.item_list_wrap.basic .item_list .items .thumb .color_chips .chip.wea_exp:after {content:' '; position:absolute; left:-5px; top:5px; width:17px; height:1px; background:#fff; transform:rotate(-45deg);}
.item_list_wrap.basic .item_list .items .thumb .color_chips .chip.wea_exp.white:after {background-color:#ddd;}
.item_list_wrap.basic .item_list .items .info {position:relative; margin-left:168px; padding:48px 16px 12px 0;}
.item_list_wrap.basic .item_list .items .info .flag_wrap {top:24px; bottom:auto; padding-right:32px;}
/* .item_list_wrap.basic .item_list .items .info .flag_wrap {position:relative; margin-bottom:6px; padding-right:32px;} */
.item_list_wrap.basic .item_list .items .info .model {margin-bottom:8px;}
.item_list_wrap.basic .item_list .items .info .model dt, .item_list_wrap.basic .item_list .items .info .model .name {display:block; color:#333; font-size:17px; font-weight:bold; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.item_list_wrap.basic .item_list .items .info .model dd {margin-top:2px; color:#666; font-size:14px; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.item_list_wrap.basic .item_list .items .info .d_price {display:block; color:#666; font-size:14px; line-height:17px;}
.item_list_wrap.basic .item_list .items .info .d_price.line {text-decoration:line-through;}
.item_list_wrap.basic .item_list .items .info .plan {margin-top:2px;}
.item_list_wrap.basic .item_list .items .info .plan .price {display:block; margin:8px 0; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.item_list_wrap.basic .item_list .items .info .plan .price em {display:inline-block; font-size:20px; vertical-align:top;}
.item_list_wrap.basic .item_list .items .info .plan dd {margin-top:2px; color:#666; font-size:14px; line-height:17px;}
.item_list_wrap.basic .item_list .items .info .plan dd span {display:block; margin-top:2px; color:#666; font-size:14px; line-height:17px;}
.item_list_wrap.basic .item_list .items .info .plan dd span strong {color:#333; font-weight:normal;}
.item_list_wrap.basic .item_list .items .info .plan dd span em {margin-left:4px; color:#999; font-size:13px; text-decoration:line-through; vertical-align:bottom;}
.item_list_wrap.basic .item_list .items .info .plan dd span em.disc {display:block; margin:0; margin-top:2px; color:#ed008c; text-decoration:none;}
.item_list_wrap.basic .item_list .items .info .plan dd span.type {display:inline-block; position:relative; padding-right:5px; margin-right:4px;}
.item_list_wrap.basic .item_list .items .info .plan dd span.type:after {content:' '; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#ddd;}
.item_list_wrap.basic .item_list .items .info .plan dd span.ex_desc {color:#999; font-size:13px; line-height:16px;}
.item_list_wrap.basic .item_list .items .info .plan dd .price {margin-top:0; margin-bottom:0; color:#333; font-size:17px; line-height:20px;}
.item_list_wrap.basic .item_list .items .info .plan dd .price strong {display:inline-block; font-size:20px; font-weight:bold; vertical-align:top;}
.item_list_wrap.basic .item_list .items .reviews {position:relative; padding:0 16px; border-top:1px solid #eee;}
.item_list_wrap.basic .item_list .items .reviews:after {content:' '; display:block; clear:both;}
.item_list_wrap.basic .item_list .items .reviews .flt_left {float:left; max-width:55%;}
.item_list_wrap.basic .item_list .items .reviews .flt_left .tool_tip {max-width:100%;}
.item_list_wrap.basic .item_list .items .reviews .flt_left .date {color:#666; font-size:14px; line-height:50px;}
.item_list_wrap.basic .item_list .items .reviews .flt_right {float:right; font-size:0; line-height:50px;}
.item_list_wrap.basic .item_list .items .reviews dl {display:inline-block; color:#666; font-size:0; vertical-align:top;}
.item_list_wrap.basic .item_list .items .reviews dl dt {display:inline-block; font-size:14px; vertical-align:top;}
.item_list_wrap.basic .item_list .items .reviews dl dd {margin-left:4px; display:inline-block; font-size:14px; vertical-align:top;}
.item_list_wrap.basic .item_list .items .reviews .btn_compare {display:inline-block; height:32px; margin-left:8px; padding:0 12px; border:1px solid #ddd; border-radius:16px; color:#999; font-size:12px; line-height:30px; vertical-align:middle;}
.item_list_wrap.basic .item_list .items .reviews .btn_compare span {display:inline-block; position:relative; padding-left:16px; vertical-align:top;}
.item_list_wrap.basic .item_list .items .reviews .btn_compare span:before {content:' '; position:absolute; left:0; top:50%; margin-top:-5px; width:13px; height:10px; background:url('/common/images/cmm/ico_common_mobile.png') 0 -224px no-repeat; background-size:300px auto;}
.item_list_wrap.basic .item_list .items.on .reviews .btn_compare {border-color:transparent; background:#ed008c; color:#fff;}
.item_list_wrap.basic .item_list .items.on .reviews .btn_compare span:before {background-position:0 -234px;}
.item_list_wrap.basic .item_list .items .reviews .btn_area button.btn_compare {background:url('/common/images/cmm/ico_common_mobile.png') 0 -144px no-repeat; background-size:300px auto;}
.item_list_wrap.basic .item_list .items .reviews .btn_gifts {display:inline-block; position:relative; width:auto; max-width:100%; padding-right:20px; color:#666; font-size:16px; line-height:50px; vertical-align:top;}
.item_list_wrap.basic .item_list .items .reviews .btn_gifts span {display:inline-block; max-width:100%; vertical-align:top; white-space:nowrap; word-break:break-all; overflow:hidden; text-overflow:ellipsis;}
.item_list_wrap.basic .item_list .items .reviews .btn_gifts:after {content:' '; position:absolute; top:50%; right:-2px; width:20px; height:20px; margin-top:-10px; background:url('/common/images/cmm/ico_common_mobile.png') -272px -40px no-repeat; background-size:300px auto; transform:scale(0.8);}
.item_list_wrap.basic .item_list .items .reviews .tool_tip_in_txt {position:absolute; top:45px; right:16px; left:16px; margin:0;}
.item_list_wrap.basic .item_list .items .reviews .tool_tip_in_txt .tool_tip_body:before {left:auto; right:24px;}
.item_list_wrap.basic .item_list .items .btn_interest {display:inline-block; position:absolute; top:16px; right:16px; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -40px -144px no-repeat; background-size:300px auto;}
.item_list_wrap.basic .item_list .items .btn_interest.on {background-position:-40px -176px;}
.item_list_wrap.basic .item_list .items .btn_delete {top:16px; right:16px;}

/* 상품 리스트 모듈 : 액세서리 메인 타입 */
.item_list_wrap.acc {overflow:hidden; margin-bottom:-2px;}
.item_list_wrap.acc .item_list {margin-top:-12px; padding-bottom:2px;}
.item_list_wrap.acc .item_list .items {position:relative; margin-top:12px; border:1px solid #ddd; border-radius:4px; box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.05); overflow:hidden;}
.item_list_wrap.acc .item_list .items .box {display:block; overflow:hidden;}
.item_list_wrap.acc .item_list .items .thumb {float:left; margin:20px 0 12px 16px; width:120px; height:120px; text-align:center;}
.item_list_wrap.acc .item_list .items .thumb img {width:auto; height:100%;}
.item_list_wrap.acc .item_list .items .info {position:relative; margin-left:152px; padding:44px 8px 12px 0;}
.item_list_wrap.acc .item_list .items .info .flag_wrap {position:absolute; top:20px; left:0; bottom:auto;}
.item_list_wrap.acc .item_list .items .info .model {display:-webkit-box; max-height:40px; color:#333; font-size:17px; line-height:20px; font-weight:bold; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.item_list_wrap.acc .item_list .items .info .plan {margin-top:16px; font-size:0;}
.item_list_wrap.acc .item_list .items .info .plan .discount {display:inline-block; margin-right:12px; padding-top:8px; color:#ed008c; font-size:20px; line-height:36px; font-weight:bold; vertical-align:top;}
.item_list_wrap.acc .item_list .items .info .plan .discount em {display:inline-block; font-size:30px; vertical-align:top;}
.item_list_wrap.acc .item_list .items .info .plan .price {display:inline-block; vertical-align:top;}
.item_list_wrap.acc .item_list .items .info .plan .price .exist {display:block; color:#999; font-size:13px; line-height:16px; text-decoration:line-through;}
.item_list_wrap.acc .item_list .items .info .plan .price .dis_price {display:block; color:#333; font-size:17px; line-height:24px; font-weight:bold;}
.item_list_wrap.acc .item_list .items .info .plan .price .dis_price em {display:inline-block; font-size:20px; vertical-align:top;}
.item_list_wrap.acc .item_list .items .reviews {padding:0 16px; border-top:1px solid #eee; line-height:48px; overflow:hidden;}
.item_list_wrap.acc .item_list .items .reviews .flt_right {float:right;}
.item_list_wrap.acc .item_list .items .reviews dl {display:inline-block; margin-right:8px; color:#666; font-size:0; vertical-align:top;}
.item_list_wrap.acc .item_list .items .reviews dl dt {display:inline-block; font-size:14px; vertical-align:top;}
.item_list_wrap.acc .item_list .items .reviews dl dd {margin-left:4px; display:inline-block; font-size:14px; vertical-align:top;}
.item_list_wrap.acc .item_list .items .btn_interest {display:inline-block; position:absolute; top:8px; right:8px; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -40px -144px no-repeat; background-size:300px auto;}
.item_list_wrap.acc .item_list .items .btn_interest.on {background-position:-40px -176px;}

.lay_compare_container {position:relative; z-index:15;}
.lay_compare_wrap {position:fixed; bottom:0; left:0; right:0; border-radius:4px 4px 0 0; background:#fff; overflow:hidden; z-index:20; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%);}
.lay_compare_wrap .comp_head {position:relative; padding:12px 16px; border-bottom:1px solid #ddd; border-radius:4px 4px 0 0; background:#333; text-align:center;width:100%}
.lay_compare_wrap .comp_head .comp_tit {display:inline-block; position:relative; margin:0 0 0 -30px; color:#fff !important; font-size:17px; line-height:24px; font-weight:bold;}
.lay_compare_wrap .comp_head .comp_tit:after {content:' '; position:absolute; width:12px; height:12px; top:50%; right:-20px; margin-top:-3px; border-right:1px solid #fff; border-bottom:1px solid #fff; vertical-align:top; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.lay_compare_wrap.lay_open .comp_head .comp_tit:after {margin-top:-9px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.lay_compare_wrap .comp_cont {position:relative; padding:16px 12px 16px;}
.lay_compare_wrap .comp_cont .desc {margin-bottom:12px; color:#666; font-size:14px; line-height:17px;}
.lay_compare_wrap .comp_cont .bgs {position:absolute; bottom:68px; left:12px; right:12px; overflow:hidden;}
.lay_compare_wrap .comp_cont .bgs li {float:left; position:relative; width:calc((100% - 16px) / 2); margin:0 4px; padding:100px 0 16px; border:1px solid #eee; border-radius:4px; color:#999; font-size:14px; line-height:17px; text-align:center;}
.lay_compare_wrap .comp_cont .bgs li:before {content:' '; position:absolute; width:80px; height:80px; top:16px; left:50%; margin-left:-40px; background:url('/common/images/hphn/@nophone.png') no-repeat; background-size:100% auto;}
.lay_compare_wrap .comp_cont .bgs.tablet li:before {background-image:url('/common/images/hphn/@notablet.png');}
.lay_compare_wrap .comp_cont .sel_prod {display:block; position:relative; min-height:135px; overflow:hidden;}
.lay_compare_wrap .comp_cont .sel_prod li {float:left; width:calc((100% - 16px) / 2); margin:0 4px; border:1px solid #eee; border-radius:4px; background:#fff;}
.lay_compare_wrap .comp_cont .sel_prod li .box {position:relative; padding:16px 0; overflow:hidden;}
.lay_compare_wrap .comp_cont .sel_prod .p_img {height:80px; text-align:center;}
.lay_compare_wrap .comp_cont .sel_prod .p_img img {width:auto; height:100%;}
.lay_compare_wrap .comp_cont .sel_prod .p_tit {margin-top:4px; padding:0 16px; color:#000; font-size:14px; line-height:17px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lay_compare_wrap .comp_cont .sel_prod .btn_del {display:block; position:absolute; top:4px; right:4px; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -240px -40px no-repeat; background-size:300px auto;}
.lay_compare_wrap .btn_wrap {margin-top:12px;}
.lay_compare_wrap .btn_wrap .bttn {min-width:156px; height:40px; line-height:40px;}
.lay_compare_container .dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.6); z-index:19;}

/* 상세 내용 */
.op_prodlist_wrap {position:relative; border-top:1px solid #eee; background-color:#fff;}
.op_prodlist_wrap .notice_txt {padding:20px 16px 0; color:#333; font-size:15px; line-height:20px;}
.op_prodlist_wrap .op_prod_list > li {position:relative; display:table; table-layout:fixed; width:100%; border-bottom:1px solid #eee; padding:20px 16px;}
.op_prodlist_wrap .op_prod_list > li:last-child {border-bottom:none;}
.op_prodlist_wrap .op_prod_list > li .op_tit {display:table-cell; width:92px; color:#999; font-size:16px; line-height:20px;}
.op_prodlist_wrap .op_prod_list > li .op_tit .tool_tip {display:block;}
.op_prodlist_wrap .op_prod_list > li .op_con {position:relative; display:table-cell; color:#333; font-size:16px; line-height:20px; vertical-align:top;}
.op_prodlist_wrap .op_prod_list > li .op_con strong.ft_point {color:#ED008C;}
.op_prodlist_wrap .op_prod_list > li .op_con .dot_list li strong {color:#ED008C; font-weight:normal;}
.op_prodlist_wrap .op_prod_list > li .op_con .dot_list + .rdo_sltlist_wrap {margin-top:12px;}
.op_prodlist_wrap .op_prod_list .op_con .txt_noti2 {margin-top:12px;}
.op_prodlist_wrap .op_prod_list .op_con .detail_btns_box {margin-top:12px; text-align:right;}
.op_prodlist_wrap .op_prod_list .op_con .alert_txt {margin-top:12px; color:#f33; font-size:14px; line-height:18px;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt {margin-top:12px; color:#666; font-size:14px; line-height:18px;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt.txt_bold{color:#ff0000;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt:first-child {margin-top:0;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt .txt_noti2 {padding-left:0;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt .txt_noti2:before {display:none;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt .hope_time {padding-top:8px;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt .hope_time dt {color:#333; font-size:16px; line-height:19px;}
.op_prodlist_wrap .op_prod_list .op_con .detail_info_txt .hope_time dd {padding:12px 0;}
.op_prodlist_wrap .op_prod_list .op_con .info_txt {margin-bottom:12px; color:#666; font-size:14px; line-height:18px;}
.op_prodlist_wrap .op_prod_list .op_con .info_txt strong {color:#333; font-weight:bold;}
.op_prodlist_wrap .op_prod_list + .txt_noti2 {margin:-2px 0 0 108px; padding:0 16px 20px 15px;}

/* 가입 유형 */
.op_kind_list {position:relative;}
.op_kind_list:after {content:' '; display:block; clear:both;}
.op_kind_list > li {position:relative; float:left; width: calc((100% - 16px) / 3); margin-left:8px;}
.op_kind_list.type02 > li {width:calc((100% - 8px) / 2);}
.op_kind_list.type04 > li {width:calc((100% - 24px) / 4);}
.op_kind_list > li:first-child { margin-left:0; }
/* 요금제 */
.charge_list > li {width:100%; padding:16px 0 0; border:1px #ccc solid; border-radius:4px; overflow:hidden;}
.charge_list > li.on {width:100%; padding:16px 0 0; border:1px #ed008c solid; border-radius:4px;}
.charge_list > li .title {font-size:17px; color:#ed008c;margin:0 16px 0; line-height:23px;}
.charge_list > li .title em {font-weight:bold;}
.charge_list > li .title small {color:#999; font-size:13px; line-height:16px; text-decoration:line-through;}
.charge_list > li .chg_tit {padding-bottom:4px; color:#ED008C; font-size:14px; line-height:18px;}
.charge_list > li > p {padding:8px 16px 0; color:#666; font-size:14px; line-height:18px;}
.charge_list > li > p em {color:#333;}
.charge_list > li .benefit_msg {margin:8px 16px 0; font-size:14px; color:#333; line-height:18px;}
.charge_list > li .benefit_msg em{color:#999;}
.charge_list > li .benefit_msg02 {font-size:14px;padding:10px 15px 0;}
.charge_list > li .btm_box {margin-top:12px; text-align:center; background:#F6F6F6; padding:11px 12px;}
.charge_list > li .btm_box a {display:block; position:relative; font-size:14px; color:#666; text-align:right; padding-right:12px;}
.charge_list > li .btm_box a:after {content:" ";position:absolute; top:6px; right:2px; width:7px;height:7px;border-bottom:1px #666 solid; border-right:1px #666 solid;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.charge_list .dot_list {margin:8px 16px 0;}
.charge_list .dot_list li {margin-top:2px; color:#333;}

/* 모델명 검색*/
.info_wrap.op_none {margin:0; padding:0; border:0; font-size:0;}
.info_wrap.op_none .inptxt_wrap {width:calc(100% - 56px); vertical-align:top;}
.info_wrap.op_none .bttn {min-width:48px; width:48px; margin:0; margin-left:8px; vertical-align:top;}
.info_wrap.op_none .bttn:before {content:' '; display:inline-block; width:20px; height:20px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat -28px -244px; background-size:300px auto; vertical-align:middle;}

/* 할인유형 리스트 */
.free_list_wrsp {position:relative;}
.free_list_wrsp ul.free_list:after {content:' '; display:block; clear:both;}
.free_list_wrsp ul.free_list > li {margin-top:8px; background-color:#fff; border:1px solid #ddd; border-radius:4px; color:#333; clear:both; overflow:hidden;}
.free_list_wrsp ul.free_list > li:first-child {margin-top:0;}
.free_list_wrsp ul.free_list > li a {display:block; padding:16px; color:inherit;}
.free_list_wrsp ul.free_list > li .text {display:block; font-size:16px; line-height:19px; color:inherit;}
.free_list_wrsp ul.free_list > li .percent {display:block; margin-top:8px; font-size:14px; line-height:17px; color:#333;}
.free_list_wrsp ul.free_list > li .tol {display:table; width:100%; margin-top:12px;}
.free_list_wrsp ul.free_list > li .tol .tol_th {display:table-cell; color:#999; font-size:14px; line-height:19px; vertical-align:top;}
.free_list_wrsp ul.free_list > li .tol .tol_td {display:table-cell; color:#666; font-size:16px; line-height:19px; vertical-align:top; text-align:right;}
.free_list_wrsp ul.free_list > li .tol .tol_td em {color:inherit; font-weight:bold;}
.free_list_wrsp ul.free_list > li.cols .box {display:table; width:100%;}
.free_list_wrsp ul.free_list > li.cols .text {display:table-cell; font-size:16px; line-height:19px; vertical-align:top;}
.free_list_wrsp ul.free_list > li.cols .percent {display:table-cell; margin-top:0; line-height:19px; text-align:right; vertical-align:top;}
.free_list_wrsp ul.free_list > li.cols .dis_text {display:table-cell; font-size:16px; line-height:19px; vertical-align:top;}
.free_list_wrsp ul.free_list > li.cols .dis_text .ss_txt {color:#999; font-size:14px; line-height:19px;}
.free_list_wrsp ul.free_list > li.cols.on .dis_text .ss_txt {color:#ED008C;}
.free_list_wrsp ul.free_list > li.cols .dis_percent {display:table-cell; color:#666; font-size:16px; margin-top:0; line-height:19px; text-align:right; vertical-align:top;}
.free_list_wrsp ul.free_list > li.cols .dis_percent .ss_tit {color:#999; font-size:14px; line-height:19px;}
.free_list_wrsp ul.free_list > li.cols .dis_percent em {font-weight:bold;}
.free_list_wrsp ul.free_list > li.cols.on .dis_percent {color:#333;}
.free_list_wrsp ul.free_list > li.cols.on .dis_percent .ss_tit {color:#333;}
.free_list_wrsp ul.free_list > li.imgs a {display:table; width:100%;}
.free_list_wrsp ul.free_list > li.imgs .thumb {display:table-cell; width:72px; vertical-align:top;}
.free_list_wrsp ul.free_list > li.imgs .box {display:table-cell; padding-left:16px; vertical-align:middle;}
.free_list_wrsp ul.free_list > li.imgs .box .price {display:block; margin-top:8px; color:#666; font-size:16px; line-height:19px;}
.free_list_wrsp ul.free_list > li.imgs .box .price em {font-weight:bold;}
.free_list_wrsp ul.free_list > li.imgs .box .price small {display:block; margin-top:4px; color:#999; font-size:14px; line-height:17px;}
.free_list_wrsp ul.free_list > li.chk a {position:relative; padding:16px 16px 16px 48px;}
.free_list_wrsp ul.free_list > li.chk a .percent {color:#666;}
.free_list_wrsp ul.free_list > li.chk a .percent em {font-weight:bold;}
.free_list_wrsp ul.free_list > li.on {border:1px solid #ed008c; color:#ed008c;}

.chk_sltlist_wrap li {margin-top:8px;}
.chk_sltlist_wrap li:first-child {margin-top:0;}
.chk_sltlist_wrap .chk_wrap {display:inline-block; position:relative; width:100%;}
.chk_sltlist_wrap .chk_wrap [type='checkbox'] ~ label {position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #ccc; border-radius:4px; background:transparent; font-size:0;}
.chk_sltlist_wrap .chk_wrap [type='checkbox'] ~ label:after {content:' '; position:absolute; top:15px; left:15px; width:24px; height:24px; background:url('/common/images/cmm/ico_form_mobile.png') no-repeat -60px 0; background-size:300px auto;}
.chk_sltlist_wrap .chk_wrap [type='checkbox']:checked ~ label {border-color:#ed008c;}
.chk_sltlist_wrap .chk_wrap [type='checkbox']:checked ~ label:after {background-position:-84px 0;}
.chk_sltlist_wrap .chk_wrap .select_info {padding:16px 16px 16px 48px; color:#333;}
.chk_sltlist_wrap .chk_wrap .select_info .tit {color:inherit; font-size:16px; line-height:24px;}
.chk_sltlist_wrap .chk_wrap .select_info .txt {margin-top:5px; color:#666; font-size:14px; line-height:17px;}
.chk_sltlist_wrap .chk_wrap .select_info .txt em {color:inherit; font-weight:bold;}
.chk_sltlist_wrap .chk_wrap .select_info .price {/*margin-top:8px;*/ color:#333; font-size:14px; line-height:17px;} /* 0111 인터넷/IPTV 수정사항 */
.chk_sltlist_wrap .chk_wrap .select_info .desc {margin-top:8px; color:#666; font-size:14px; line-height:17px;}
.chk_sltlist_wrap .chk_wrap .select_info .desc em {color:inherit; font-weight:bold;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type {display:table; width:100%; table-layout:fixed;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .thumbs {display:table-cell; width:72px; height:72px; text-align:center;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .thumbs img {width:auto; height:72px; vertical-align:middle;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .cells {display:table-cell; padding-left:16px; vertical-align:middle;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .cells .tit {font-size:17px; line-height:20px; font-weight:bold;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .cells .tit small {display:block; margin-top:4px; color:#333; font-weight:normal;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .cells .tit small.sold {color:#f33; font-size:14px; line-height:18px;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .cells .desc {margin-top:4px; color:#666; font-size:14px; line-height:17px;}
.chk_sltlist_wrap .chk_wrap .select_info.tbl_type .cells .desc strong {color:#333; font-size:16px; font-weight:bold;}
.chk_sltlist_wrap .chk_wrap .btm_conts {padding:10px; background:#f6f6f6;}
.chk_sltlist_wrap .chk_wrap .btm_conts .detail_link {display:block; text-align:right;}
.chk_sltlist_wrap .chk_wrap [type='checkbox']:checked ~ .select_info {color:#ed008c;}
.chk_sltlist_wrap .just_info {border:1px solid #ed008c; border-radius:4px; padding:16px; color:#333;}
.chk_sltlist_wrap .just_info .tit {color:#ed008c; font-size:16px; line-height:19px;}
.chk_sltlist_wrap .just_info .txt {margin-top:5px; color:#666; font-size:14px; line-height:17px;}


.rdo_sltlist_wrap > li {position:relative; margin-top:8px; border-radius:4px; overflow:hidden;}
.rdo_sltlist_wrap > li:first-child {margin-top:0;}
.rdo_sltlist_wrap .rdo_wrap {display:inline-block; position:relative; width:100%;}
.rdo_sltlist_wrap .rdo_wrap.dim_gift::after {content:"";width:100%;height:100%;display:block;top:0;left:0;background:rgba(0,0,0,0.2);position:absolute}
.chk_sltlist_wrap .chk_wrap.dim_gift::after {content:"";width:100%;height:100%;display:block;top:0;left:0;background:rgba(0,0,0,0.2);position:absolute}
.rdo_sltlist_wrap .rdo_wrap [type='radio'] ~ label {position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #ccc; border-radius:4px; background:transparent; font-size:0;}
.rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ label {border-color:#ed008c;}
.rdo_sltlist_wrap .rdo_wrap .select_info {position:relative; padding:16px; background:#fff; }
.rdo_sltlist_wrap .rdo_wrap .select_info .tit {color:#333; font-size:16px; line-height:20px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .ss_txt {margin-top:4px; color:#999; font-size:14px; line-height:17px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .discount {position:absolute; top:50%; right:16px; color:#999; font-size:14px; line-height:17px; text-align:right; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.rdo_sltlist_wrap .rdo_wrap .select_info .discount span {display:block; margin-top:4px; color:#666; font-size:16px; line-height:19px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .discount span em {font-weight:bold;}
.rdo_sltlist_wrap .rdo_wrap .select_info .info {margin-top:8px; color:#333; font-size:14px; line-height:18px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .more {margin-top:12px; overflow:hidden;}
.rdo_sltlist_wrap .rdo_wrap .select_info .more dt {float:left; color:#999; font-size:14px; line-height:19px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .more dd {float:right; color:#666; font-size:16px; line-height:19px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .more dd em {font-weight:bold;}
.rdo_sltlist_wrap .rdo_wrap .select_info .th_price {margin-top:8px; color:#666; font-size:16px; line-height:19px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .th_price em {color:inherit; font-weight:bold;}
.rdo_sltlist_wrap .rdo_wrap .select_info .th_price small {display:block; margin-top:4px; color:#999; font-size:14px; line-height:17px;}
.rdo_sltlist_wrap .rdo_wrap .select_info.type2 {padding:20px 16px;}
.rdo_sltlist_wrap .rdo_wrap .select_info.type2 .tit {font-size:18px; line-height:21px; font-weight:bold;}
.rdo_sltlist_wrap .rdo_wrap .select_info.type2 .dot_list {margin-top:8px;}
.rdo_sltlist_wrap .rdo_wrap .select_info.type2 .dot_list li {margin-top:2px;}
.rdo_sltlist_wrap .rdo_wrap .select_info.type2 .price {margin-top:8px; font-size:18px; line-height:21px; font-weight:bold; text-align:right;}
.rdo_sltlist_wrap .rdo_wrap .select_info.thumb_type {padding-left:104px;}
.rdo_sltlist_wrap .rdo_wrap .select_info.thumb_type .thumbs {position:absolute; top:50%; left:16px; width:72px; height:72px; margin-top:-36px; text-align:center; overflow:hidden;}
.rdo_sltlist_wrap .rdo_wrap .select_info.thumb_type .thumbs img {width:auto; height:100%;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type {display:table; width:100%; table-layout:fixed;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .thumbs {display:table-cell; width:72px; height:72px; text-align:center;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .thumbs img {width:auto; height:100%; vertical-align:middle;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .cells {display:table-cell; padding-left:16px; vertical-align:middle;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .cells .tit {font-size:17px; line-height:20px; font-weight:bold;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .cells .tit small {display:block; margin-top:4px; color:#333; font-weight:normal;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .cells .tit small.sold {color:#f33; font-size:14px; line-height:18px;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .cells .desc {margin-top:4px; color:#666; font-size:14px; line-height:17px;}
.rdo_sltlist_wrap .rdo_wrap .select_info.tbl_type .cells .desc strong {color:#333; font-size:16px; font-weight:bold;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_tit {padding-bottom:4px; color:#ED008C; font-size:14px; line-height:18px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_name {color:#333; font-size:17px; line-height:20px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_price {margin-top:4px; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_price small {padding-left:4px; color:#999; font-size:13px; text-decoration:line-through;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_options {margin-top:8px; font-size:0;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_options dl {display:inline-block;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_options dl:after {content:'+'; display:inline-block; padding:0 4px; color:#999; font-size:16px; line-height:22px; vertical-align:top;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_options dl:last-child:after {display:none;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_options dl dt {display:inline-block; color:#999; font-size:16px; line-height:22px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_options dl dd {display:inline-block; margin-left:4px; color:#333; font-size:16px; line-height:22px;}
.rdo_sltlist_wrap .rdo_wrap .select_info .chg_options_desc {margin-top:16px; padding-top:16px; border-top:1px solid #eee;}
.rdo_sltlist_wrap .rdo_wrap input[type='radio']:checked + .select_info .chg_name {color:#ed008c;}
.rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ .select_info .tit {color:#ED008C;}
.rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ .select_info .ss_txt {color:#ED008C;}
.rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ .select_info .price {color:#ed008c;}
.rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ .select_info .discount {color:#333;}
.rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ .select_info .discount span {color:#333;}

.rdo_sltlist_wrap .rdo_wrap.box {border:1px solid #ccc; border-radius:4px; overflow:hidden;}

.rdo_sltlist_wrap .rdo_wrap.ico_type .select_info {padding-left:48px;}
.rdo_sltlist_wrap .rdo_wrap.ico_type .select_info.wifi {position:relative; height:144px;}
.rdo_sltlist_wrap .rdo_wrap.ico_type .select_info.wifi .thumb {position:absolute; bottom:16px; right:16px; width:60px; height:60px; text-align:right;}
.rdo_sltlist_wrap .rdo_wrap.ico_type .select_info.wifi .thumb img {width:auto; height:100%;}
.rdo_sltlist_wrap .rdo_wrap.ico_type [type='radio'] ~ label:after {content:' '; position:absolute; top:15px; left:15px; width:24px; height:24px; background:url('/common/images/cmm/ico_form_mobile.png') no-repeat -48px -40px; background-size:300px auto;}
.rdo_sltlist_wrap .rdo_wrap.ico_type [type='radio']:checked ~ label:after {background-position:-24px -40px;}

.rdo_sltlist_wrap .select_info .gift_box {display:table; width:100%; table-layout:fixed;}
.rdo_sltlist_wrap .select_info .gift_box .thumb {display:table-cell; width:60px; vertical-align:middle;}
.rdo_sltlist_wrap .select_info .gift_box .name {display:table-cell; padding-left:8px; color:#333; font-size:16px; line-height:22px; vertical-align:middle;}
.rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ .select_info .gift_box .name {color:#ed008c;}

.inner_conts .banners_wrap {border-top:12px solid #eee; border-bottom:12px solid #eee;}

/* 할부기간 선택 */
.month_list_box {position:relative;}
.month_list_box:after {content:' '; display:block; clear:both;}
.month_list_box ul {margin:-8px 0 0 -8px; font-size:0;}
.month_list_box ul > li {display:inline-block; width:57px; margin:8px 0 0 8px; vertical-align:top;}
.month_list_box ul > li.long {display:block; width:auto;}
.month_list_box ul > li .emptys {display:inline-block; width:57px; height:48px; vertical-align:top;}
.month_list_box ul > li .rdo_wrap.month_type {width:100%;}
.month_list_box ul > li .rdo_wrap.month_type.all {width:100%;}
.month_list_box ul > li .rdo_wrap.month_type.all label small {display:inline-block; padding-left:4px; font-size:13px; line-height:16px;}

@media screen and (max-width:320px) {
    .month_list_box ul > li {width:43px;}
    .month_list_box ul > li .emptys {width:43px;}
    .month_list_box .bttn_puls {left:145px !important; width:43px !important;}
}

@media screen and (min-width:360px) and (max-width:375px) {
    .month_list_box ul > li {width:53px;}
    .month_list_box ul > li .emptys {width:53px;}
    .month_list_box .bttn_puls {left:175px !important; width:53px !important;}
    .prod_details_wrap.renew .month_list_box .bttn_puls {width:auto; left:auto;}
}

.month_list_box .bttn_puls {position:absolute; top:8px; left:187px; width:56px; height:48px; margin-left:8px; border:1px solid #ccc; border-radius:4px; background:#fff; color:#999; font-size:20px; line-height:46px; text-align:center;}
.month_list_box .bttn_puls:before {content:' '; position:absolute; top:50%; left:50%; width:16px; height:1px; margin-left:-8px; background:#333;}
.month_list_box .bttn_puls:after {content:' '; position:absolute; top:50%; left:50%; width:1px; height:16px; margin-top:-8px; background:#333;}
.month_list_box .bttn_puls.open:after {display:none;}

.ph_pro .op_tit .thumb {width:72px;}
.ph_pro .op_con .name {color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.ph_pro .op_con .option dd {color:#333; font-size:14px; line-height:17px;}
/* 추가할인 */
.plus_list ul.dis_list_count { }
.plus_list ul.dis_list_count:after {content:' '; display:block; clear:both;}
.plus_list ul.dis_list_count li{margin-top:8px; border:1px solid #ccc; border-radius:4px;}
.plus_list ul.dis_list_count li:first-child {margin-top:0;}
.plus_list ul.dis_list_count li.on {border:1px solid #ED008C;}
.plus_list ul.dis_list_count li .txt {padding:3px 0 16px 32px; color:#666; font-size:14px; line-height:20px;}
.plus_list ul.dis_list_count li .txt strong{font-weight:bold;}
.plus_list ul.dis_list_count .chk_wrap.co_pp [type='checkbox'] + label {color:#333333;}
.plus_list ul.dis_list_count .chk_wrap.co_pp [type='checkbox']:checked + label {color:#ED008C !important;}
.plus_list ul.dis_list_count li .guxs_benefit_box {padding:16px 16px 0 16px;}
.plus_list ul.dis_list_count li .btm_box {text-align:center; background:#F6F6F6; padding:11px 13px; border-radius: 0 0 8px 8px;}
.plus_list ul.dis_list_count li .btm_box a {display:block; position:relative; font-size:15px; color:#666; text-align:right; padding-right:8px;}
.plus_list ul.dis_list_count li .btm_box a:after {content:'';position:relative; top:0; left:4px; display:inline-block;width:8px;height:8px;border-bottom:1px #666 solid; border-right:1px #666 solid;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/* 제휴카드  */
.cooper_card_wrap .cooper_card {position:relative;}
.cooper_card_wrap .cooper_card a {display:block; border:1px solid #ED008C; border-radius:4px; padding:16px; padding-right:32px;}
.cooper_card_wrap .cooper_card a:after {content:' ';display:block;position:absolute;top:50%;right:20px;width:10px;height:10px;margin-top:-6px;border:1px solid #333;border-top:none;border-left:none;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform: rotate(-45deg);}
.cooper_card_wrap .cooper_card a .tit {color:#ED008C; font-size:17px; line-height:23px;}
.cooper_card_wrap .cooper_card a .txt {display:block; margin-top:4px; color:#666; font-size:14px; line-height:17px;}
.cooper_card_wrap .cooper_card a .txt strong {font-weight:bold;}
.cooper_card_wrap .txt_box_bg {margin-top:12px;}
.cooper_card_wrap .cooper_card.none a {border:1px solid #CCC;}
.cooper_card_wrap .cooper_card.none a .tit {color:#333;}

i.ico_chk {position:absolute; top:16px; left:16px; display:inline-block; width:24px; height:24px; background:url('/common/images/cmm/ico_form_mobile.png') no-repeat -60px 0; background-size:300px auto; overflow:hidden;}
.on i.ico_chk {background-position:-84px 0;}
/* //상세 내용 */

/* float 계산기 case 추가 */

.calc_acco {margin:-21px -16px 0; padding:0 16px;}
.calc_acco > ul > li {border-top:1px solid #eee;}
.calc_acco > ul > li:first-child {border-top:none;}
.calc_acco > ul > li.no_acco {position:relative; padding:20px 0;}
.calc_acco > ul > li.no_acco:after {content:' '; position:absolute; left:-16px; right:-16px; bottom:-1px; height:1px; background:#eee;}
.calc_acco .head {padding:0;}
.calc_acco .head.no_acco {padding:12px 16px; background:#f6f6f6;}
.calc_acco .head .calc_dl {font-weight:bold;}
.calc_acco .head .btn_arr {display:block; position:relative; padding:16px 32px 16px 0;}
.calc_acco .head .btn_arr:after {content:' '; position:absolute; top:50%; right:4px; width:10px; height:10px; margin-top:-8px; border-bottom:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.calc_acco li.on .head .btn_arr:after {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.calc_acco .cont {margin:0; padding:0 0 20px;}

/* 팝업 */
.pop_content .h2_tit {margin-bottom:12px;}
.pop_content .top_txt_wrap p.txt {color:#333; font-size:16px; line-height:22px; margin-bottom:20px;}
.pop_content .top_txt_wrap p.txt em {color:#000; font-weight:bold;}

.pop_content .sub_tit {color:#333; font-size:16px; line-height:19px; margin:24px 0 16px 0; font-weight:bold;}

.pop_content .prod_title {margin-bottom:0; color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.pop_content .prod_desc {margin-top:8px; color:#666; font-size:16px; line-height:22px;}

.pop_content .inner_conts {position:relative; background:#fff; padding:20px 16px;}
.pop_content .inner_conts.mid {position:relative; background:#fff; padding:0 16px;}
.pop_content .inner_conts.tops {padding:24px 16px;}
.pop_content .inner_conts.tops p.info {color:#666; font-size:14px; line-height:18px; text-align:center;}
.pop_content .inner_conts.tops .h2_t {margin-bottom:0; color:#333; font-size:20px; font-weight:bold; line-height:24px;}
.pop_content .inner_conts.pb_only {padding:0 0 24px 0;}
.pop_content .inner_conts.bg {background:#eee;}
.pop_content .inner_conts.bdt_line {border-top:13px solid #eee;}
.pop_content .inner_conts.bdt_line:before {content:' '; position:absolute; top:-13px; left:0; right:0; height:1px; background:#ddd;} /* border-top */
.pop_content .inner_conts.bdt_bg {border-top:12px solid #eee;}
.pop_content .inner_conts.no_pd {padding:0;}
.pop_content .inner_conts.bd_bt {border-bottom:1px solid #ddd;}
.pop_content .inner_conts .product_name {color:#333; font-size:20px; font-weight:bold; line-height:24px;}
.pop_content .inner_conts .product_desc {padding-top:8px; color:#666; font-size:16px; line-height:22px;}
@media screen and (max-width:320px) {
    .pop_content .inner_conts .tab_wrap .tabs {overflow:hidden; overflow-x:scroll;}
}
.pop_content .inner_conts .inner_sect {margin-top:20px;}
.pop_content .inner_conts .inner_sect:first-child, .pop_content .inner_conts .inner_sect.first {margin-top:0;}
.pop_content .inner_conts .inner_sect .tbl_wrap tr td {color:#666; font-size:13px; line-height:16px;}
.pop_content .inner_conts .inner_sect .tbl_wrap tr td strong {display:block; padding-top:2px; color:#333; font-size:14px; font-weight:normal; line-height:17px;}
.pop_content .inner_conts .inner_sect .tbl_wrap tr td .line_t {color:#999; font-size:13px; line-height:16px; text-decoration:line-through;}

.pop_content .bg_box {position:relative; background:#f6f6f6; padding:16px; }
.pop_content .bg_box .dl_basic dt {color:#333; font-size:15px; line-height:19px;}
.pop_content .bg_box .dl_basic dd {margin-top:8px; color:#666; font-size:14px; line-height:19px;}
.pop_content .inner_conts.bg .bg_box {background:#fff;}
.pop_content .btn_detail {margin:24px 0; padding-bottom:24px; border-bottom:1px solid #eee; text-align:center;}
.pop_content .btn_detail .bttn {width:162px;}

/* 검색 */
.pop_content .pop_search_wrap {overflow:hidden; padding:24px 32px 32px;}
.pop_content .pop_search_wrap.no_pd {padding:0;}
.pop_content .pop_search_wrap .inptxt_wrap {float:left; width:calc(100% - 88px);}
.pop_content .pop_search_wrap .inptxt_wrap .txt {margin:0; color:#000; font-size:16px; line-height:24px;}
.pop_content .pop_search_wrap .bttn {float:right; min-width:80px; height:48px;}

/* 요금제 */
.pop_content .info_ment .tit {margin-bottom:16px; color:#333; font-size:16px; font-weight:bold; line-height:19px;}
.pop_content .info_ment .tit_desc {margin-top:8px; color:#333; font-size:14px; line-height:18px;}
.pop_content .info_ment .tit_desc.gy {color:#999;}

/* .pop_content .pop_tbl thead th {padding:18px 10px; border-left:1px solid #ddd; background:#f8f6f5; color:#000; font-size:14px; text-align:center; line-height:17px;}
.pop_content .pop_tbl thead th:first-child {border-left:none;}
.pop_content .pop_tbl tbody td {padding:18px 10px; border-top:1px solid #ddd; border-left:1px solid #ddd; color:#000; font-size:14px; text-align:center; line-height:17px;}
.pop_content .pop_tbl tbody td:first-child {border-left:none;}
.pop_content .pop_tbl tbody td.no_data {padding:80px 0; color:#999; font-size:16px; line-height:19px;}
.pop_content .pop_tbl tbody td.no_data.type2 {padding:124px 0;} */

/* 요금제 선택 */
.pop_content .free_list_wrsp .free_list {width:100%;}
.pop_content .free_list_wrsp .free_list li {margin-top:8px; border:0 none; }
.pop_content .free_list_wrsp .free_list li.on {border:0 none; }
.pop_content .free_list_wrsp .free_list li:first-child  {margin-top:0;}
.pop_content .free_list_wrsp .free_list li a {display:block; line-height:inherit; padding:0;}

.pop_content .free_list_wrsp .free_list li .charge_info_wrap {border:1px solid #ddd; border-radius:4px; }
.pop_content .free_list_wrsp .free_list li.on .charge_info_wrap {border:1px solid #ED008C;}
.pop_content .free_list_wrsp .free_list li .charge_info_wrap .charge_head {color:#000;}
.pop_content .free_list_wrsp .free_list li.on .charge_info_wrap .charge_head {color:#ED008C;}

.chg_slt_tabcont {padding:20px 16px;}
.chg_slt_tabcont .select_wrap {display:block; margin-bottom:16px;}
.chg_slt_tabcont .txt_noti2_wrap {margin-top:16px;}

/* 요금제 선택 상단 */
.pop_content .log_wrap {background:#EDF0F5;}
.pop_content .log_wrap .log_state {display:block; position:relative; padding:20px 16px;}
.pop_content .log_wrap .log_state .login_txt {color:#333; font-size:16px; line-height:22px;}
.pop_content .log_wrap .log_state.ico_logout {padding:20px 48px 20px 64px;}
.pop_content .log_wrap .log_state.ico_logout:before {content:' '; position:absolute; top:50%; left:16px; width:40px; height:40px; margin-top:-20px; background:url('/common/images/hphn/ico_mob_mobile.png') -260px -259px no-repeat; background-size:300px auto;}
.pop_content .log_wrap .log_state.ico_logout:after {content:' '; position:absolute; top:50%; right:22px; width:12px; height:12px; margin-top:-6px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.pop_content .log_wrap .log_state.ico_logout .login_txt {color:#333; font-size:15px; line-height:20px;}
.pop_content .log_wrap .log_state.ico_logout .login_txt span {text-decoration:underline;}

.pop_content  .charge_info_wrap .info_txt {background-color:#fff; padding:20px 16px;}

.pop_content .charge_select_wrap .select_wrap{display:block; margin:12px 0 24px 0;}
.pop_content .charge_select_wrap .select_wrap .ui_selectbox {width:100%;}

.pop_content .charge_info_wrap {overflow: hidden;}
.pop_content .charge_info_wrap .charge_head {position:relative; background-color:#f7f7f7; color:#000; padding:16px;}
.pop_content .charge_info_wrap .charge_head .won {display:block; font-size:16px; margin-top:4px;}
.pop_content .charge_info_wrap .charge_head h5.tit {display:inline-block; font-size:16px; font-weight:normal;}
.pop_content .charge_info_wrap .charge_body {padding:14px; color: #999; overflow:hidden;}
.pop_content .charge_info_wrap .charge_body .stxt {color:#000;}
.pop_content .charge_info_wrap .charge_body dl {float:left; overflow:hidden; font-size:14px; line-height:19px;}
.pop_content .charge_info_wrap .charge_body dl dt {float:left; margin-right:4px; color:#999;}
.pop_content .charge_info_wrap .charge_body dl dd {float:left; color:#000;}
.pop_content .charge_info_wrap .charge_body.line_top {margin:0 16px; border-top:1px solid #ddd;}
.pop_content .charge_info_wrap .charge_body.line_top .dot_list {margin:0 -16px;}
.pop_content .data_agreement_wrap {display: none;}
.pop_content .data_senior_wrap {display:none;}
.pop_content .charge_info_wrap .charge_body dl.dl_01 {width:100%;}
.pop_content .charge_info_wrap .charge_body dl.dl_02,
.pop_content .charge_info_wrap .charge_body dl.dl_03 {width:50%;}
.pop_content .charge_info_wrap .charge_body .info_list {float:left; width:100%; padding-top:8px; border-top:1px solid #eee; margin-top:8px;}

.pop_content .charge_select_wrap .dataform_box.type_03 .rdo_wrap.txt_type {width:calc(33.3333% - 6px); margin-left: 8px;}
.pop_content .charge_select_wrap .dataform_box.type_03 .rdo_wrap.txt_type:first-child {margin-left:0;}

/* 장기고객혜택안내 */
.pop_content .longTerm_tit {width:100%; padding:20px 16px 0; background:#EDF0F5; text-align:center; }
.pop_content .longTerm_tit .title {border-bottom:1px solid #ddd;}
.pop_content .longTerm_tit .title:after {content:' '; display:block; width:151px; height:24px; margin:20px auto; background:url('/common/images/hphn/ico_mob_mobile.png') 0 -259px no-repeat; background-size:300px auto;}
.pop_content .longTerm_tit p {color:#333;}
.pop_content .longTerm_tit .tit {font-size:20px; line-height:22px; font-weight:bold;}
.pop_content .longTerm_tit .tit small {display:block; margin-bottom:8px; font-size:14px; line-height:18px;}
.pop_content .longTerm_tit .sub_title {font-size:14px; line-height:18px; margin-top:8px;}


.pop_content .longTerm_wrap .customer_box {padding:20px 16px;}
.pop_content .longTerm_wrap .customer_box > div {position:relative; margin-top:8px; padding:20px 16px; background:#fff; border:1px solid #ccc; border-radius:4px; vertical-align:top;}
.pop_content .longTerm_wrap .customer_box > div:first-child {margin-top:0;}
.pop_content .longTerm_wrap .customer_box .box_txt {position:relative; padding-left:60px;}
.pop_content .longTerm_wrap .customer_box .box_txt > p {color:#333; font-size:14px; line-height:17px;}
.pop_content .longTerm_wrap .customer_box .box_txt .fb_20 {margin-top:4px; font-size:17px; line-height:20px; font-weight:bold;}
.pop_content .longTerm_wrap .customer_box > div > .dot_listWrap {margin-top:16px; padding-top:16px; border-top:1px solid #ddd; text-align:center;}
.pop_content .longTerm_wrap .customer_box > div > .dot_listWrap > p {color:#333; font-size:14px; line-height:18px; text-align:center;}
.pop_content .longTerm_wrap .customer_box > div > .dot_listWrap .dot_list {width:100%; margin-top:12px;}
.pop_content .longTerm_wrap .customer_box > div > .dot_listWrap .dot_list:after {content:' '; display:block; clear:both;}
.pop_content .longTerm_wrap .customer_box > div > .dot_listWrap .dot_list li {font-size:14px; line-height:17px; color:#666; text-align:left;}
.pop_content .longTerm_wrap .customer_box > div > .dot_listWrap .dot_list li.on {color:#000; font-weight:bold;}
/* .pop_content .longTerm_wrap .customer_box > div > .dot_listWrap .dot_list li.on:before {background:#ED008C;} */
.pop_content .longTerm_wrap .customer_box .ico {position:absolute; top:0; left:0; width:40px; height:40px; background:url('/common/images/hphn/ico_mob_mobile.png') no-repeat; background-size:300px auto;}
.pop_content .longTerm_wrap .customer_box .box_01 .ico {background-position: 0px -283px;}
.pop_content .longTerm_wrap .customer_box .box_02 .ico {background-position: -40px -283px;}
.pop_content .longTerm_wrap .customer_box .box_03 .ico {background-position: -80px -283px;}
.pop_content .longTerm_wrap .customer_box .box_04 .ico {background-position: -120px -283px;}

.pop_content .longTerm_wrap .customer_box .box_01 .dot_list li {float:left; width:33.3%; margin-top:0;}
.pop_content .longTerm_wrap .customer_box .box_02 .dot_list li {float:left; width:50%; margin-top:0;}

/* pop_content in_area */
.pop_content .in_area {position:relative;}
.pop_content .in_area.bdt {border-top:1px solid #eee; margin-top:24px;}
/* 아이콘 반영 */
.pop_content .homs .ico {display:inline-block; width:60px; height:60px; background:url('/common/images/hsvc/ico_hom_mobile.png') no-repeat; background-size:300px auto;}
.pop_content .homs .select_wrap .ui-selectbox-wrap .ui-selectbox-view .ico {width:10px; height:10px; background:none;}

.pop_content .homs .iot_p_ico01 {background-position: 0px -906px;} /* 아이안심IoT */
.pop_content .homs .iot_p_ico02 {background-position:-60px -906px;} /* 반려동물IoT */
.pop_content .homs .iot_p_ico03 {background-position:-120px -906px;} /* 싱글남녀IoT */
.pop_content .homs .iot_p_ico04 {background-position:-180px -906px;} /* 부모안심IoT */

.pop_content .homs .iot_s_ico01 {background-position: 0px -178px;} /* 와이파이기본_광랜안심 */
.pop_content .homs .iot_s_ico02 {background-position:-180px -178px;} /* U+tv 일반형 */
.pop_content .homs .iot_s_ico03 {background-position:-60px -238px;} /* 인터넷전화 표준형 */
.pop_content .homs .iot_s_ico04 {background-position:-60px -238px;} /* 인터넷전화 홈보이 */

.pop_content .homs .iot_in_ico01 {background-position:0px -418px;} /* 저렴한 통화요금 */
.pop_content .homs .iot_in_ico02 {background-position:-60px -418px;} /* 인터넷전화기 (WPI-9900H) */
.pop_content .homs .iot_in_ico03 {background-position:-120px -418px;} /* 부가서비스 제공 */
.pop_content .homs .iot_in_ico04 {background-position:-180px -238px;} /* 다양한 장르의 음악을 마음껏 */
.pop_content .homs .iot_in_ico05 {background-position:-240px -418px;} /* 휴대 가능한 LG GpadⅢ 8인치 패드 */
.pop_content .homs .iot_in_ico06 {background-position:-180px -418px;} /* 실시간 채널 및 영상 다시보기 */
.pop_content .homs .iot_in_ico07 {background-position:-240px -238px;} /* 교육콘텐츠 중심 구성 */
.pop_content .homs .iot_in_ico08 {background-position:-180px -678px;} /* 음악과 영상을 마음껏 */
.pop_content .homs .iot_in_ico09 {background-position:-240px -538px;} /* 유아콘텐츠 중심 구성 */
.pop_content .homs .iot_in_ico10 {background-position:-240px -118px;} /* 영상콘텐츠와 통화 기본제공 */
.pop_content .homs .iot_in_ico11 {background-position:-120px -298px;} /* 아이들나라 */
.pop_content .homs .iot_in_ico12 {background-position:0px -358px;} /* U+tv 리모컨앱 */
.pop_content .homs .iot_in_ico13 {background-position:-180px -298px;}  /* 유튜브 채널 */
.pop_content .homs .iot_in_ico14 {background-position:-240px -298px;}  /* U+우리집AI */
.pop_content .homs .iot_in_ico15 {background-position:-60px -358px;}  /* 모아보기 */
.pop_content .homs .iot_in_ico16 {background-position:-120px -358px;}  /* 이어폰듣기 */
.pop_content .homs .iot_in_ico17 {background-position:-180px -358px;}  /* 음성리모컨 */
.pop_content .homs .iot_in_ico18 {background-position:-240px -358px;}  /* 4채널 */
.pop_content .homs .iot_in_ico19 {background-position:0px -298px;}  /* 와이파이 기본제공 */
.pop_content .homs .iot_in_ico20 {background-position:-60px -298px;}  /* 악성코드, 유해사이트 차단 */

.pop_content .homs .iot_tv_ico01 {background-position:-180px -178px;}/* U+tv 일반형 */
.pop_content .homs .iot_tv_ico02 {background-position:-240px -178px;}/* U+tv 고급형 */
.pop_content .homs .iot_tv_ico03 {background-position:0 -238px;}/* U+tv VOD 고급형 */
.pop_content .homs .iot_tv_ico04 {background-position:-120px -966px;} /* 223 */
.pop_content .homs .iot_tv_ico05 {background-position:-180px -966px;} /* 184 */
.pop_content .homs .iot_tv_ico06 {background-position:-240px -966px;} /* 프리 */

.pop_content .homs .iot_i_ico01 {background-position:0 -178px;} /* 와이파이기본_광랜안심 */
.pop_content .homs .iot_i_ico02 {background-position:-120px -178px;} /* 와이파이기본_기가슬림안심 */
.pop_content .homs .iot_i_ico03 {background-position:-60px -178px;} /* 와이파이기본_기가안심 */

/* IoT 패키지 상품 정보 */
.pop_content .iot_lists {margin:-8px -4px 0px; overflow:hidden;}
.pop_content .iot_lists:after {content:' '; display:block; clear:both;}
.pop_content .iot_lists .iot_item {float:left; margin:8px 4px 0 4px; width:calc((100% - 16px) / 2); padding:16px 0; border:1px solid #ddd; border-radius:4px; background:#fff;}
.pop_content .iot_lists .iot_item .thumb {display:block; text-align:center;}
.pop_content .iot_lists .iot_item .thumb img {width:120px; vertical-align:top;}
.pop_content .iot_lists .iot_item .name {display:block; margin-top:12px; color:#333; font-size:16px; line-height:19px; text-align:center;}

.pop_content .info_txt_body {margin-top:16px; padding:20px 16px; border-radius:4px; background:#F6F6F6;}
/* .pop_content .info_txt_body dl {text-align:center;} */
.pop_content .info_txt_body dl dt {color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.pop_content .info_txt_body dl dd {margin-top:8px;}
.pop_content .info_txt_body dl dd ul li {color:#666; font-size:14px; line-height:18px;}

.pop_content .info_cont_head {}
.pop_content .info_cont_head:after {content:' '; display:block; clear:both;}
.pop_content .info_cont_head .ico {float:left; background:none;}
.pop_content .info_cont_head .info {float:left; margin-left:16px;}
.pop_content .info_cont_head .info .tit {color:#333; font-size:17px; line-height:60px; font-weight:bold;}
.pop_content .info_cont_head .info .stxt {margin-top:4px; color:#ED008C; font-size:14px; line-height:17px;}
.pop_content .info_cont_head .info .prices {margin:8px 0 4px 0;}
.pop_content .info_cont_head .info .prices .sale {color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.pop_content .info_cont_head .info .prices .sale em {font-size:20px; line-height:20px;}
.pop_content .info_cont_head .info .prices .ori {margin-left:4px; color:#999; font-size:13px; line-height:16px; vertical-align:middle; text-decoration:line-through;}

/* 윗 첨자 */
sup {vertical-align:super; font-size:smaller;}
/* hom_slide */
.pop_content .hom_slide {position:relative; margin:0 -4px; padding-bottom:22px;}
.pop_content .hom_slide .slide_wrap .slide_content {height:144px; overflow:hidden;}
.pop_content .hom_slide .slide_wrap .slide_conts {overflow:hidden; margin:0 4px;}
.pop_content .hom_slide .slide_wrap .slide_conts .item_box {position:relative; display:table; width:100%; height:144px; position:relative; border:1px solid #ddd; background:#fff; border-radius:4px; box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.07); -webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.07); -ms-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.07); overflow:hidden;}
.pop_content .hom_slide .slide_wrap .slide_conts .item_box .ico {position:absolute; top:50%; left:16px; margin-top:-30px;}
.pop_content .hom_slide .slide_wrap .slide_conts .item_box dl {display:table-cell; padding:0 16px 0 92px; vertical-align:middle;}
.pop_content .hom_slide .slide_wrap .slide_conts .item_box dl dt {font-size:17px; font-weight:bold;}
.pop_content .hom_slide .slide_wrap .slide_conts .item_box dl dd {margin-top:4px;}

/* 블릿 */
.pop_content .hom_slide .slide_wrap .indi_wrap {bottom:-16px;}
.pop_content .hom_slide .slide_wrap .indi_wrap .indi_conts > li.on .btn_indi {width:6px; background:#999; border-radius:2px;}
/* 버튼 */
.pop_content .hom_slide .slide_wrap .slide_controls {position:absolute; top:50%; width:100%;}
.pop_content .hom_slide .slide_wrap .slide_controls button {display:block; position:absolute; top:-20px; width:40px; height:40px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat; background-size:300px auto;}
.pop_content .hom_slide .slide_wrap .slide_controls button.prev {left:-16px; background-position:-40px -24px;}
.pop_content .hom_slide .slide_wrap .slide_controls button.next {right:-16px; background-position:-80px -24px;}

/* 상품 요금 상세 테이블 */
.pop_content .tbl_wrap.tb_col {}
.pop_content .tbl_wrap.tb_col tbody td {border-left: 1px solid #eee;}
.pop_content .tbl_wrap.tb_col tfoot th {padding:16px 12px; color:#666; font-size:14px;  font-weight:bold; line-height:17px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #eee; background-color:#f6f6f6;}
.pop_content .tbl_wrap.tb_col tfoot td {border-left: 1px solid #eee; color:#666; font-size:14px;  font-weight:bold; line-height:18px; background-color:#fff; padding:16px 12px; border-bottom:1px solid #eee;}
.pop_content .tbl_wrap.tb_col tbody td,
.pop_content .tbl_wrap.tb_col tfoot td {text-align:right;}
.pop_content .tbl_wrap.tb_col tbody td .plus {display:inline-block; color:#999; padding:0 2px;}

/* 인터넷 + TV + 인터넷전화 + IoT  상단 */
.pop_content .hom_top_con {position:relative; background:#F2F4F7; padding:24px 16px;}

.pop_content .hom_top_con .info_area {position:relative; padding-top:16px; border-top:1px solid #ddd;}
.pop_content .hom_top_con .info_area dl {overflow:hidden;}
.pop_content .hom_top_con .info_area dl dt {float:left; color:#666; font-size:14px; line-height:17px; font-weight:bold;}
.pop_content .hom_top_con .info_area dl dd {margin-left:60px; overflow:hidden;}
.pop_content .hom_top_con .info_area dl dd span {display:inline-block; margin-right:8px; color:#666; font-size:14px; line-height:17px;}
.pop_content .hom_top_con .info_area .txt_noti3 {margin-top:16px; color:#666; font-size:14px; line-height:18px;}
.pop_content .hom_top_con .btn_wrap {border-top:0 none; margin:20px 0;}
.pop_content .hom_top_con .info {position:relative; padding:16px; background:#fff; border-radius:4px;}

.pop_content .hom_top_con .info {margin-top:24px;}
.pop_content .hom_top_con .info .prices .sale {color:#333; font-size:20px; line-height:20px; font-weight:bold;}
.pop_content .hom_top_con .info .prices .sale em {font-weight:bold;}
.pop_content .hom_top_con .info .prices .ori {margin-left:4px; color:#999; font-size:13px; line-height:16px; vertical-align:middle; text-decoration:line-through;}
.pop_content .hom_top_con .info .stxt {margin-top:4px; color:#ED008C; font-size:14px; line-height:17px;}
.pop_content .hom_top_con .info .txt_noti2 {margin-top:8px;}

.pop_content .hom_top_con .h2_tit {display:block; text-align:center; color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.pop_content .hom_top_con .ico_conts_wrap {position:relative; display:block; text-align:center;}
.pop_content .hom_top_con .ico_conts {display:inline-block; vertical-align:top;}
.pop_content .hom_top_con .ico {display:inline-block; width:60px; height:60px; margin-bottom:2px; background:none;}
.pop_content .hom_top_con .ico_conts_wrap .ico_plus {display:inline-block; width:24px; height:24px; margin:38px 0; border-radius:50%; background-color:#ddd; color:#fff; font-size:24px; font-weight:200; line-height:22px; vertical-align:top;}
.ios .pop_content .hom_top_con .ico_conts_wrap .ico_plus {line-height:26px;}
.pop_content .hom_top_con .ico_conts_wrap .desc {display:block; color:#333; font-size:15px; line-height:20px;}
.pop_content .hom_top_con .ico_conts_wrap.type_04 {height:204px;}
.pop_content .hom_top_con .ico_conts_wrap.type_04 .ico_conts01 {position:absolute; left:47px; top:0;}
.pop_content .hom_top_con .ico_conts_wrap.type_04 .ico_conts02 {position:absolute; right:47px; top:0;}
.pop_content .hom_top_con .ico_conts_wrap.type_04 .ico_conts03 {position:absolute; left:67px; bottom:0;}
.pop_content .hom_top_con .ico_conts_wrap.type_04 .ico_conts04 {position:absolute; right:47px; bottom:0;}
.pop_content .hom_top_con .ico_conts_wrap.type_04 .ico_plus {display:inline-block; width:40px; height:40px; margin:80px 0; border-radius:50%; background-color:#ddd; color:#fff; font-size:34px; font-weight:200; line-height:38px; vertical-align:top;}
.ios .pop_content .hom_top_con .ico_conts_wrap.type_04 .ico_plus {line-height:46px;}

.pop_content  .agree_list_info dl {margin-top:12px;}
.pop_content  .agree_list_info dl:first-child {margin-top:0;}
.pop_content  .agree_list_info dl dt {color:#333; font-size:14px; line-height:18px;}
.pop_content  .agree_list_info dl dd {color:#666; font-size:14px; line-height:18px; margin-top:5px;}

.apl_complete.error_wrap .tit {font-weight:bold;}
.apl_complete.error_wrap .tit.ico:before {width:60px; height:60px; background-position:0 -343px;}
.apl_complete.error_wrap {margin-top:60px;}
.apl_complete.error_wrap .gybg_box {text-align:left;}
.dot_list .time {display:block; padding-left:92px;}

.apl_complete.login_comp .tit {font-weight:bold;}
.apl_complete.login_comp .tit.ico:before {width:60px; height:60px; background-position:-60px -343px;}
.apl_complete.login_comp .tit em {color:#ED008C;}
.apl_complete.login_comp .gybg_box {text-align:left;}

.sel_period {}
.sel_period dl {margin-top:12px;}
.sel_period dl:first-child {margin-top:0;}
.sel_period dl dt {color:#333; font-size:16px; line-height:19px;}
.sel_period dl dd {margin-top:8px; font-size:0;}
.sel_period dl dd .txt_type {width:calc((100% - 16px) / 3); margin-left:8px;}
.sel_period dl dd .txt_type:first-child {margin-left:0;}
.sel_period dl dd .inptxt_wrap.w112 {width:calc((100% - 16px) / 2);}
.sel_period dl dd .inptxt_wrap .txt {margin-bottom:0;}
.sel_period dl dd .select_wrap.w112 {width:calc((100% - 16px) / 2);}
.sel_period dl dd .wave {display:inline-block; width:16px; color:#333; font-size:14px; line-height:20px; text-align:center; vertical-align:middle;}

/* */
.item_list_wrap.homes {overflow:hidden;}
.item_list_wrap.homes .item_list .items {display:block; margin-top:12px; padding:24px 16px 16px; border-bottom:1px solid #ddd; background:#fff;}
.item_list_wrap.homes .item_list .items .link {display:block; overflow:hidden;}
.item_list_wrap.homes .item_list .items .ico {float:left; width:60px; height:60px; background:none;}
/* .item_list_wrap.homes .item_list .items .ico.ico01 {background-position:0 -738px;}
.item_list_wrap.homes .item_list .items .ico.ico02 {background-position:-60px -738px;}
.item_list_wrap.homes .item_list .items .ico.ico03 {background-position:-120px -738px;}
.item_list_wrap.homes .item_list .items .ico.ico04 {background-position:0 -798px;}
.item_list_wrap.homes .item_list .items .ico.ico05 {background-position:-60px -798px;}
.item_list_wrap.homes .item_list .items .ico.ico06 {background-position:-120px -798px;}
.item_list_wrap.homes .item_list .items .ico.ico07 {background-position:-180px -738px;}
.item_list_wrap.homes .item_list .items .ico.ico08 {background-position:-180px -798px;} */
.item_list_wrap.homes .item_list .items .conts {margin-left:76px;}
.item_list_wrap.homes .item_list .items .tit dt {padding-right:36px; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.item_list_wrap.homes .item_list .items .tit dt:after {content:' '; display:inline-block; width:8px; height:8px; margin-left:4px; margin-top:5px; border:1px solid #000; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); vertical-align:top;}
.item_list_wrap.homes .item_list .items .tit dd {margin-top:2px; color:#666; font-size:14px; line-height:17px;}
.item_list_wrap.homes .item_list .items .dot_list {margin-top:8px;}
.item_list_wrap.homes .item_list .items .price {margin-top:8px; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.item_list_wrap.homes .item_list .items .price em {display:inline-block; color:inherit; font-size:20px; vertical-align:top;}
.item_list_wrap.homes .item_list .items .price small {display:inline-block; margin-left:4px; color:#999; font-size:13px; line-height:16px; vertical-align:middle; text-decoration:line-through; font-weight:normal;}
.item_list_wrap.homes .item_list .btn_wrap {position:relative; margin-top:16px; font-size:0;}
.item_list_wrap.homes .item_list .btn_wrap .btn_interest {display:inline-block; width:40px; height:40px; border:1px solid #ccc; border-radius:4px; line-height:38px; text-align:center; vertical-align:top;}
.item_list_wrap.homes .item_list .btn_wrap .btn_interest:before {content:' '; display:inline-block; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -40px -144px no-repeat; background-size:300px auto; vertical-align:middle;}
.item_list_wrap.homes .item_list .btn_wrap .btn_interest.on:before {background-position:-40px -176px;}
.item_list_wrap.homes .item_list .btn_wrap .bttn {min-width:auto; width:calc((100% - 48px) / 2); margin-left:4px;}
.item_list_wrap.homes .btm {margin-top:12px; padding:0 16px 12px;}

.info_wrap .info_txt dt {color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.info_wrap .info_txt dd{margin:8px 0 16px 0; color:#666; font-size:14px; line-height:18px;}

/* 홈IoT 가입 */
.iot_package_lists .lists {position:relative; margin-top:12px; background:#fff; border-bottom:1px solid #ddd;}
.iot_package_lists .list_head {display:block; margin-bottom:24px; padding:20px 16px 0;}
.iot_package_lists .list_head .flag_wrap {position:static; display:block; margin-bottom:6px;}
.iot_package_lists .list_head .tit {color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.iot_package_lists .list_head .desc {margin-top:2px; color:#666; font-size:14px; line-height:17px;}
.iot_package_lists .list_foot {margin:24px 16px 0; padding:12px 0 24px; border-top:1px solid #eee;}
.iot_package_lists .list_foot dl {overflow:hidden;}
.iot_package_lists .list_foot dl dt {float:left; color:#666; font-size:14px; line-height:24px;}
.iot_package_lists .list_foot dl dd {float:right; color:#999; font-size:14px; line-height:24px;}
.iot_package_lists .list_foot dl dd em {margin-left:4px; color:#333; font-size:20px; font-weight:bold;}
.iot_package_lists .list_foot .tit {color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.iot_package_lists .list_foot .tit span {margin-left:4px;color:#666; font-size:14px; line-height:17px; font-weight:normal;}
.iot_package_lists .list_foot .btn_wrap {margin-top:20px;}
.iot_package_lists .list_foot .btn_wrap .bttn {width:calc((100% - 4px) / 2); margin-left:4px;}
.iot_package_lists .list_foot .btn_wrap .bttn:first-child {margin-left:0;}
.iot_package_lists .slide_wrap {display:block;}
.iot_package_lists .slide_wrap .scroll_view {padding:0 14px;}
.iot_package_lists .slide_wrap .slide_conts {width:88px; margin:0 2px;}
.iot_package_lists .slide_wrap .slide_conts .item {display:block; position:relative;}
.iot_package_lists .slide_wrap .slide_conts .item .thumb {display:block; width:88px; height:88px; padding:12px 0; border:1px solid #ddd; border-radius:50%; overflow:hidden; text-align:center; line-height:64px;}
.iot_package_lists .slide_wrap .slide_conts .item .thumb img {width:auto; height:100%;}
.iot_package_lists .slide_wrap .slide_conts .item .tit {width:88px; margin-top:4px; color:#333; font-size:13px; line-height:16px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* .iot_package_lists .slide_wrap .slide_conts .item .label {position:absolute; top:0; right:0; width:25px; height:25px; border:1px solid #ED008C; border-radius:50%; background:#fff; color:#ED008C; font-size:10px; line-height:23px; text-align:center;} */
.iot_package_lists .slide_wrap .slide_conts .item .label {position:absolute; top:0; right:0; width:32px; height:32px;}
.iot_package_lists .slide_wrap .slide_conts .item.all .thumb {border:none; background:none; color:#333; font-size:20px; font-weight:bold; letter-spacing:1.5px;}
.iot_package_lists .btn_favs {position:absolute; top:20px; right:16px; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -40px -144px no-repeat; background-size:300px auto;}
.iot_package_lists .btn_favs.on {background-position:-40px -176px;}

.iot_package_lists.top_type .slide_wrap {padding:24px 0 16px; }
.iot_package_lists .txt_noti2_wrap {border-top:1px solid #eee; padding:12px 16px 24px;}

/* 홈IoT기기 둘러보기 */
.iot_product_list {margin-top:24px;}
.iot_product_list .list_wrap {margin-top:16px;}
.iot_product_list .list_wrap .lists {position:relative; margin-top:12px;}
.iot_product_list .list_wrap .lists:first-child {margin-top:0;}
.iot_product_list .list_wrap .lists a {display:block; padding:20px 16px; border:1px solid #ddd; border-radius:4px; box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.05); overflow:hidden;}
.iot_product_list .list_wrap .lists .thumb {display:block; float:left; width:124px; height:124px; overflow:hidden; text-align:center;}
.iot_product_list .list_wrap .lists .thumb img {width:auto; height:100%;}
.iot_product_list .list_wrap .lists .infos {position:relative; margin-left:136px; padding-top:24px;}
.iot_product_list .list_wrap .lists .infos .flag_wrap {top:0; left:0;}
.iot_product_list .list_wrap .lists .infos .tit {color:#000; font-size:17px; line-height:20px; font-weight:bold;}
.iot_product_list .list_wrap .lists .infos .desc {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top:4px; color:#666; font-size:14px; line-height:18px; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.iot_product_list .list_wrap .lists .btn_favs {position:absolute; top:8px; right:8px; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -40px -144px no-repeat; background-size:300px auto;}
.iot_product_list .list_wrap .lists .btn_favs.on {background-position:-40px -176px;}

/* 로그인 */
.login_inner {padding:32px 16px 24px 16px; border-bottom:1px solid #ddd; background-color:#fff;}
.login_inner .head {margin-bottom:40px; text-align:center;}
.login_inner .head .tit {color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.login_inner .head .tit em {color:#ED008C;}
.login_inner .head .stxt {margin-top:8px; color:#666; font-size:16px; line-height:22px;}

.login_inner .check_info {padding-top:24px; font-size:0; text-align:center;}
.login_inner .check_info a {display:inline-block; position:relative; padding-left:11px; margin-left:10px; color:#333; font-size:15px; line-height:19px;} /* padding:0 11px; */
.login_inner .check_info a:before {content:''; display:block; position:absolute; top:4px; left:0; width:1px; height:14px; background-color:#ddd;}
.login_inner .check_info a:first-child {padding-left:0; margin-left:0;}
.login_inner .check_info a:first-child:before {display:none;}
.login_inner .btn_wrap {margin-top:16px;}

.login_inner .form_wrap {position:relative; margin-top:-8px;}
.login_inner .form_wrap .form_tiem {margin-top:8px;}
.login_inner .forms {margin-top:16px;}
.login_inner .dataform_box .inptxt_wrap.size_l {width:calc(100% - 112px);}
.login_inner .dataform_box .inptxt_wrap.time_count {position:relative;}
.login_inner .dataform_box .inptxt_wrap.time_count .time {position:absolute; top:0; right:12px; bottom:0; line-height:48px; color:#ff3333; font-size:14px;}
.login_inner .dataform_box .bttn.second {min-width:104px; width:104px;}
.login_inner .dataform_box .bttn.second span {padding:0;}
.login_inner .dot_list:last-child {margin-top:24px;}
.login_inner > .detail_link {margin-top:12px; padding-left:8px;}

.same_check {display:block; position:relative; margin-top:16px; padding-right:20px;}
.same_check .detail_link {position:absolute; width:20px; right:0; top:0; line-height:24px;}
.same_check .detail_link span:before {content:' ';display:block;position:absolute;top: 7px;right:-2px;width:9px;height:9px;border:1px solid #666;border-bottom:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.security_wrap {position:relative; height:80px; border:1px solid #ccc; overflow:hidden;}
.security_wrap:after {content:' '; display:block; clear:both;}
.security_wrap .security_lter{float:left; width:calc(100% - 114px); height:80px; overflow:hidden;}
.security_wrap .security_lter img {width:100%; height:80px; vertical-align:middle;}
.security_wrap .security_ctr {float:right; width:114px; border-left:1px solid #ccc;  overflow:hidden;}
.security_wrap .security_ctr li {position:relative; border-top:1px solid #ccc;}
.security_wrap .security_ctr li:first-child {border-top:0;}
.security_wrap .security_ctr li a {display:block; height:39px; color:#666; font-size:13px; line-height:39px; text-align:center;}
.security_wrap .security_ctr li a:before {content:' '; display:inline-block; background:url('/common/images/hphn/ico_mob_mobile.png') no-repeat; background-size:300px auto; vertical-align:middle;}

.security_wrap .security_ctr li a.btn_refresh:before {width:15px; height:15px; margin-right:5px; background-position:-14px -403px;}
.security_wrap .security_ctr li a.btn_audio:before {width:14px; height:20px; margin-right:7px; background-position:0px -403px;}
.security_wrap .security_ctr li a.btn_pic:before {width:15px; height:15px; margin-right:5px; background-position:-29px -403px;}



/* 신청서 신청완료 */
.apl_complete {padding:32px 16px 20px; border-bottom:1px solid #ddd; background-color:#fff; text-align:center;}
.apl_complete .tit {color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.apl_complete .tit_desc {margin-top:8px; color:#666; font-size:16px; line-height:22px;}
.apl_complete .tit_desc em {color:#ed008e;}
.apl_complete .tit.ico {position:relative;}
.apl_complete .tit.ico:before {content:' '; display:block; width:81px; height:81px; margin:0 auto 16px; background:url('/common/images/hphn/ico_mob_mobile.png') no-repeat -124px -178px; background-size:300px auto;}
.apl_complete .tit.ico01:before {content:' '; display:block; width:80px; height:80px; margin:0 auto 16px; background:url('/common/images/hphn/ico_mob_mobile.png') no-repeat -220px -178px; background-size:300px auto;}
.happy_talk {margin-top:12px; padding:20px 16px; border-bottom:1px solid #ddd; background-color:#fff; text-align:center;}
.happy_talk p {margin-top:8px; color:#333; font-size:14px; line-height:18px;}
.happy_talk p:first-child {margin-top:0;}
.happy_talk .btn_wrap .bttn {min-width:100%; width:100%;}

.application_wrap .gybg_box {margin-top:32px; padding:16px; background:#f6f6f6; text-align:center;}
.application_wrap .gybg_box p {margin-top:4px; color:#666; font-size:14px; line-height:17px;}
.application_wrap .gybg_box p:first-child {margin-top:0;}
.application_wrap .gybg_box p.acc {color:#333; font-size:16px; line-height:19px;}
.application_wrap .gybg_box p.acc strong {font-weight:bold;}
.application_wrap .gybg_box .desc {display:block; margin-top:5px; color:#666; font-size:14px; line-height:17px;}
.application_wrap .gybg_box .bttn {height:40px; line-height:38px; border-color:#ccc; color:#000;}
.application_wrap .gybg_box .bttn span {padding:0 12px;}
.application_wrap .gybg_box .bttn span:before {content:' '; display:inline-block; width:17px; height:17px; margin-right:6px; background:url('/common/images/cmm/ico_common_mobile.png') -96px 0 no-repeat; background-size:300px auto; vertical-align:middle;}

.application_wrap .ph_noit_box {margin-top:12px; border-bottom:1px solid #ddd;}

.application_wrap .bottom_img_banner {margin-top:12px;}
.application_wrap .bottom_img_banner dl {border-top:1px solid #fff;}
.application_wrap .bottom_img_banner .tit {padding:16px; padding-bottom:15px; background-color:#fff; color:#333; font-size:17px; font-weight:bold; line-height:20px;}

/* 해피톡 추가 2020-02-03 */
.apl_complete .hp_step_wrap {overflow:hidden;width:94%;margin:30px auto;}
.apl_complete .hp_step_wrap ul {overflow:hidden;}
.apl_complete .hp_step_wrap ul > li {float:left;width:calc(80% / 3);text-align:center;}
.apl_complete .hp_step_wrap ul > li:nth-child(2),
.apl_complete .hp_step_wrap ul > li:nth-child(4) {width:10%;}
.apl_complete .hp_step_wrap ul > li .ico {display:inline-block;width:86px;height:87px;margin-bottom:12px;}
.apl_complete .hp_step_wrap ul > li .ico.i_01 {background:url('/common/images/hphn/m_happy_step01.png') 0 0 no-repeat;vertical-align:top;background-size:100%}
.apl_complete .hp_step_wrap ul > li .ico.i_02 {background:url('/common/images/hphn/m_happy_step02.png') 0 0 no-repeat;vertical-align:top;background-size:100%}
.apl_complete .hp_step_wrap ul > li .ico.i_03 {background:url('/common/images/hphn/m_happy_step03.png') 0 0 no-repeat;vertical-align:top;background-size:100%}
.apl_complete .hp_step_wrap ul > li .ico.arr {width:12px;height:18px;background:url('/common/images/hphn/m_happy_step_arr.png') 50% 50% no-repeat;vertical-align:top;background-size:100%;margin-top:100%}
.apl_complete .hp_step_wrap ul > li .txt {display:block;text-align:center;font-size:13px;color:#666;font-weight:500;letter-spacing:-1.3px;}
.apl_complete .hp_step_wrap ul > li:nth-child(3) .txt {color:#ed008c;}
.apl_complete .chatbot_join_box {font-size:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.apl_complete .chatbot_join_box ul {margin:0 auto;}
.apl_complete .chatbot_join_box ul > li {text-align:center;}
.apl_complete .chatbot_join_box ul > li:nth-child(1) {margin-bottom:20px;}
.apl_complete .chatbot_btn {background-color:#6b6998;color:#fff;width:100%;border-radius:5px;height:44px;display: flex;justify-content: center;align-items: center;}
.apl_complete .chatbot_btn i {background:url('/common/images/cmm/ico_common.png') -209px -386px no-repeat;display:inline-block;width:27px;height:22px;margin-top:3px;margin-right:10px;}
.info_ment_box {font-size:14px;margin:20px auto;border-top:1px solid #ddd;text-align:center;padding:30px 0 10px !important;}
.info_ment_box > p {margin-bottom:5px;}
.info_ment_box p {margin:5px 0;color:#666}
.infoTxtBox {margin-left:17px;}
.infoTxtBox ul > li {color:#ed008c;font-size:13px;margin-bottom:10px;}
.infoTxtBox ul > li:before {content:"※ ";margin-left:-13px;}
.infoTxtBox ul > li:last-child {color:#666;margin-bottom:0;}

/* paging */
.paging {position:relative; margin-top:24px; text-align:center;}
.paging a, .paging strong{display:inline-block; width:32px; height:32px; margin:0 4px; background-color:#fff; color:#333; font-size:16px; font-weight:bold; line-height:32px; vertical-align:top;}
.paging .page_num {display:inline-block; padding:0 5px;}
.paging .page_num strong {border:1px solid #ccc; border-radius:2px; color:#ED008C;}
.paging .next {width:auto; color:#666; font-size:16px; font-weight:normal;}
.paging .next span {position:relative;}
.paging .next span:after {content:''; display:inline-block; width:5px; height:5px; margin-left:9px; border-right:1px solid #999; border-bottom:1px solid #999; vertical-align:3px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

.paging.new a, .paging.new strong {width:24px; height:24px; margin:0 8px; border:none; line-height:24px;}
.paging.new .page_num {padding:0 4px;}
.paging.new .prev,
.paging.new .next {border:1px solid #ccc; border-radius:2px;}
.paging.new .prev:after,
.paging.new .next:after {content:' '; display:inline-block; width:5px; height:5px; vertical-align:3px;}
.paging.new .prev:after {border-top:1px solid #666; border-left:1px solid #666; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.paging.new .next:after {border-right:1px solid #666; border-bottom:1px solid #666; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.paging.new .prev.disabled:after,
.paging.new .next.disabled:after {border-color:#ccc;}


.paging.new .prev span,
.paging.new .next span {position:absolute;}

.paging.new .next:after {content:' '; display:inline-block; width:5px; height:5px; border-right:1px solid #999; border-bottom:1px solid #999; vertical-align:3px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.paging.new .next span {position:absolute;}

@media screen and (max-width:320px) {
    .paging.new a, .paging.new strong {margin:0;}
}


/** 상품 상세, 상품상세 tabs **/
.prod_details_wrap .prod_thumbs {position:relative; padding:20px 16px 38px;}
.prod_details_wrap .prod_thumbs .thumbs {height:268px; text-align:center;}
.prod_details_wrap .prod_thumbs .thumbs img {width:auto; height:100%;}
.prod_details_wrap .prod_thumbs .flag_wrap {position:absolute; left:16px; bottom:0;}
.prod_details_wrap .prod_thumbs .slide_wrap {position:relative; padding-bottom:64px; z-index:1;}
.prod_details_wrap .prod_thumbs .slide_wrap .indi_wrap {position:absolute; left:0; bottom:0px; right:0;}
.prod_details_wrap .prod_thumbs .slide_wrap .indi_wrap ul {font-size:0; text-align:center;}
.prod_details_wrap .prod_thumbs .slide_wrap .indi_wrap ul li {display:inline-block; position:relative; width:48px; margin:0 4px; vertical-align:top;}
.prod_details_wrap .prod_thumbs .slide_wrap .indi_wrap ul li.on:after {content:' '; position:absolute; left:0; bottom:0; right:0; height:2px; background:#000;}
.prod_details_wrap .prod_thumbs .slide_wrap .slide_content {width:268px; height:268px; margin:0 auto;}
.prod_details_wrap .prod_thumbs .slide_wrap .slide_content img {max-height:268px;}
.prod_details_wrap .prod_thumbs .slide_wrap.no_indi {padding-bottom:0;}

.prod_details_wrap .prod_thumbs .btn_visual {position:absolute;right:16px;bottom:20px;z-index:1;width:56px;}
.prod_details_wrap .prod_thumbs .btn_visual .btn {display:block; position:relative; width:56px; height:56px; margin-top:8px; padding-top:33px; border-radius:4px; background:#e1f0f9; text-align:center;}
.prod_details_wrap .prod_thumbs .btn_visual .btn span {color:#333; text-align:center; font-size:16px;}
.prod_details_wrap .prod_thumbs .btn_visual .btn#btn_chat:after {width:32px}
.prod_details_wrap .prod_thumbs .btn_visual .btn:after {content:' '; position:absolute; width:24px; height:26px; top:7px; left:50%; margin-left:-12px; background:url('/common/images/cmm/ico_ph_mobile.png') no-repeat; background-size:300px auto;}
.prod_details_wrap .prod_thumbs .btn_visual .btn.btn_call {background:#FEEFF2;}
.prod_details_wrap .prod_thumbs .btn_visual .btn.btn_call:after {background-position:-27px -74px}
.prod_details_wrap .prod_thumbs .btn_visual .btn.btn_big:after {background-position:-24px -18px;}
.prod_details_wrap .prod_thumbs .btn_visual .btn.btn_360:after {background-position:-48px -18px;}
.prod_details_wrap .prod_thumbs .btn_visual .btn.btn_360 span {padding-left:5px;}

.prod_details_wrap .prod_conts {position:relative; padding:20px 16px; border-top:1px solid #eee;}
.prod_details_wrap .prod_conts.bdt_line {border-top:13px solid #eee;}
.prod_details_wrap .prod_conts.bdt_line:before {content:' '; position:absolute; top:-13px; left:0; right:0; height:1px; background:#ddd;}
.prod_details_wrap .prod_conts.pd_type {padding:16px;}
.prod_details_wrap .prod_conts .tit {color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.prod_details_wrap .prod_conts .tit.sm {font-size:17px; line-height:23px;}
.prod_details_wrap .prod_conts .tit.sm small {display:block; margin-top:8px; color:#666; font-size:14px; line-height:17px; font-weight:normal;}
.prod_details_wrap .prod_conts .tit.sm span {margin-left:0;}
.prod_details_wrap .prod_conts .tit span {margin-left:4px;color:#666; font-size:14px; line-height:17px; font-weight:normal;}
.prod_details_wrap .prod_conts .tit.pd_r {padding-top:4px; padding-right:90px;}
.prod_details_wrap .prod_conts .tit_desc {margin-top:8px; color:#666; font-size:16px; line-height:22px; word-break:break-all;}
.prod_details_wrap .prod_conts .desc {color:#666; font-size:14px; line-height:18px;}
.prod_details_wrap .prod_conts .flag_wrap.relative {position:relative; margin-top:16px;}
.prod_details_wrap .prod_conts .btns {position:absolute; top:22px; right:16px; font-size:0;}
.prod_details_wrap .prod_conts .btns button {display:inline-block; width:32px; height:32px; margin-left:8px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat; background-size:300px auto;}
.prod_details_wrap .prod_conts .btns .btn_share {background-position:-80px -185px;}
.prod_details_wrap .prod_conts .btns .btn_share.on {background-position:-112px -185px;}
.prod_details_wrap .prod_conts .btns .btn_interest {background-position:-40px -144px;}
.prod_details_wrap .prod_conts .btns .btn_interest.on {background-position:-40px -176px;}
.prod_details_wrap .prod_conts .btn_wrap {margin-top:12px;}
.prod_details_wrap .prod_conts .btn_wrap .bttn.full {min-width:100%; width:100%;}
.prod_details_wrap .prod_conts .txt_noti3 {margin-top:12px;}
.prod_details_wrap .prod_conts .price {margin-top:8px; overflow:hidden;}
.prod_details_wrap .prod_conts .price dt {float:left; color:#666; font-size:16px; line-height:22px;}
.prod_details_wrap .prod_conts .price dd {float:left; margin-left:8px; color:#333; font-size:16px; line-height:22px; font-weight:bold;}
.prod_details_wrap .prod_conts.pack_type {padding-top:44px;}
.prod_details_wrap .prod_conts.pack_type .flag_wrap {top:24px; left:16px; bottom:auto;}
.prod_details_wrap .prod_conts.pack_type .btns {top:42px;}
.prod_details_wrap .prod_conts .pack_dls {margin-top:16px; padding-top:16px; border-top:1px solid #eee; overflow:hidden;}
.prod_details_wrap .prod_conts .pack_dls dt {float:left; color:#666; font-size:14px; line-height:24px;}
.prod_details_wrap .prod_conts .pack_dls dd {float:right; color:#333; font-size:20px; line-height:24px; font-weight:bold; text-align:right;}
.prod_details_wrap .prod_conts .pack_dls dd small {display:block; color:#999; font-size:14px; line-height:17px; font-weight:normal;}
.prod_details_wrap .prod_conts .blue_box {position:relative; min-height:80px; margin:20px -16px -20px; padding:20px 16px 20px 64px; background:#EDF0F5;}
.prod_details_wrap .prod_conts .blue_box:before {content:' '; position:absolute; top:20px; left:16px; width:40px; height:40px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat 0 -396px; background-size:300px auto;}
.prod_details_wrap .prod_conts .blue_box p {margin-top:4px; color:#333; font-size:15px; line-height:20px;}
.prod_details_wrap .prod_conts .blue_box p:first-child {margin-top:0;}
.prod_details_wrap .prod_conts .blue_box p.pos {overflow:hidden;}
.prod_details_wrap .prod_conts .blue_box p.pos span {float:left; max-width:70%;}
.prod_details_wrap .prod_conts .blue_box p:only-child {line-height:40px;}
.prod_details_wrap .prod_intros {border-top:1px solid #eee;}
.prod_details_wrap .prod_intros .intros {display:table; table-layout:fixed; width:100%; border-bottom:1px solid #eee;}
.prod_details_wrap .prod_intros .intros:last-child {border-bottom:none;}
.prod_details_wrap .prod_intros .intros.type {}
.prod_details_wrap .prod_intros .intros.type .btn_arr {margin-left:-16px; padding:0 24px 0 0;}
.prod_details_wrap .prod_intros .intros.type .conts .tit,
.prod_details_wrap .prod_intros .intros.type .conts .cont {padding-top:0;}
.prod_details_wrap .prod_intros .intros .tit {display:table-cell; width:108px; padding:20px 16px; color:#999; font-size:16px; line-height:19px; vertical-align:top;}
.prod_details_wrap .prod_intros .intros .cont {display:table-cell; margin:0; padding:20px 16px 20px 0; color:#333; font-size:16px; line-height:19px; vertical-align:top;}
.prod_details_wrap .prod_intros .intros .cont small {display:block; margin-top:8px; color:#666; font-size:14px; line-height:18px;}
.prod_details_wrap .prod_intros .intros .cont .prices {color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.prod_details_wrap .prod_intros .intros dl {margin-top:20px;}
.prod_details_wrap .prod_intros .intros dl:first-child {margin-top:0;}
.prod_details_wrap .prod_intros .intros dl dt {margin-bottom:8px;}
.prod_details_wrap .prod_intros .btn_wrap {border-top:1px solid #eee; padding:20px 16px;}

.prod_details_wrap .prod_sview {display:table; width:100%; padding:20px 16px; table-layout:fixed;}
.prod_details_wrap .prod_sview .thumbs {display:table-cell; width:92px; padding-right:20px; text-align:center; vertical-align:top;}
.prod_details_wrap .prod_sview .thumbs img {width:auto; height:72px;}
.prod_details_wrap .prod_sview .info {display:table-cell; vertical-align:middle;}
.prod_details_wrap .prod_sview .info .tit {color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.prod_details_wrap .prod_sview .info .desc {margin-top:2px; color:#333; font-size:14px; line-height:17px;}
.prod_details_wrap .prod_sview .info .flag_wrap {position:relative; margin-top:12px;}

.prod_details_wrap .intros_acco {padding:0 16px;}
.prod_details_wrap .intros_acco .btn_arr {display:block; position:relative; padding:20px 24px 16px 0;}
.prod_details_wrap .intros_acco .btn_arr:after {content:' '; position:absolute; top:50%; right:4px; width:10px; height:10px; margin-top:-8px; border-right:1px solid #333; border-bottom:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.prod_details_wrap .intros_acco .on .btn_arr:after {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.prod_details_wrap .intros_acco .price_infos {display:table; width:100%;}
.prod_details_wrap .intros_acco .price_infos .per {display:table-cell; width:54px; padding-right:4px; color:#ed008c; font-size:20px; line-height:36px; font-weight:bold; vertical-align:bottom;}
.prod_details_wrap .intros_acco .price_infos .per em {font-size:30px; vertical-align:top;}
.prod_details_wrap .intros_acco .price_infos .prices {display:table-cell; padding-bottom:4px; vertical-align:top;}
.prod_details_wrap .intros_acco .price_infos .prices .ori {display:block; color:#999; font-size:13px; line-height:16px; text-decoration:line-through;}
.prod_details_wrap .intros_acco .price_infos .prices .sales {display:block; color:#333; font-size:20px; line-height:24px; font-weight:bold;}
.prod_details_wrap .intros_acco .price_infos .prices .sales small {display:inline-block; font-size:14px; line-height:17px; font-weight:normal; vertical-align:middle;}
.prod_details_wrap .intros_acco .price_infos .btn_arr.type:after {display:none;}

.prod_details_wrap .intros_acco .conts {margin:0; /*padding-bottom:20px;*/}
.prod_details_wrap .intros_acco .conts dl {margin:0; margin-bottom:12px; font-size:16px; line-height:19px; overflow:hidden;}
.prod_details_wrap .intros_acco .conts dl dt {float:left; margin:0; color:#666;}
.prod_details_wrap .intros_acco .conts dl dd {float:right; margin:0; color:#ed008c;}
.prod_details_wrap .intros_acco .conts dl.type1 > dt,
.prod_details_wrap .intros_acco .conts dl.type1 > dd {color:#000 !important;}
.prod_details_wrap .intros_acco .conts dl.type2 > dt,
.prod_details_wrap .intros_acco .conts dl.type2 > dd {color:#666 !important;}
.prod_details_wrap .intros_acco .conts dl.type3 > dt,
.prod_details_wrap .intros_acco .conts dl.type3 > dd {color:#ED008C !important;}
.prod_details_wrap .intros_acco .conts .price_dl {margin-top:12px; padding-top:12px; border-top:1px solid #eee;}
.prod_details_wrap .intros_acco .conts .price_dl dt,
.prod_details_wrap .intros_acco .conts .price_dl dd {color:#000; font-size:16px; font-weight:bold;}
.prod_details_wrap .intros_acco .conts .dot_list {}
.prod_details_wrap .intros_acco .conts .tit {padding-left:0;}

.detail_info_wrap {position:relative; margin-top:12px; padding-top:52px; z-index:1;}
.detail_info_wrap .tab_wrap {position:absolute; top:0; left:0; right:0; z-index:2;}
.detail_info_wrap .no_qna {padding:140px 0; text-align:center;}
.detail_info_wrap .no_qna .tit {color:#666; font-size:18px; font-weight:bold; line-height:24px;}

.overmenus_scroll {background:#fff;}
.overmenus_scroll:before {content:' '; position:absolute; bottom:0; left:0; right:0; height:1px; background:#ddd;}

.detail_info_wrap .detail_info_views {position:relative; max-height:380px; border-bottom:1px solid #ddd; overflow:hidden;}
.detail_info_wrap .detail_info_views .detail_cont_area {/*max-height:380px;*/ background:#fff;}
.detail_info_wrap .detail_info_views .detail_cont_area.mh100 {max-height:100%;}
.detail_info_wrap .detail_info_views .btn_view_more {position:absolute; bottom:0; left:0; right:0; margin:0; padding:16px; background:rgba(255, 255, 255, 0.8);}
.detail_info_wrap .detail_info_views .btn_view_more .bttn {display:block; height:48px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#333; line-height:46px;}
.detail_info_wrap .detail_info_views .btn_view_more.bg {background:#fff;}

.detail_info_wrap .detail_info_views .details_wrap {padding:24px 16px; background:#fff;}
.detail_info_wrap .detail_info_views .sections {margin-top:24px;}
.detail_info_wrap .detail_info_views .sections:first-child {margin-top:0;}
.detail_info_wrap .detail_info_views .h2_tit {margin-bottom:16px;}
.detail_info_wrap .detail_info_views .tbl_wrap td.dls {padding:0;}
.detail_info_wrap .detail_info_views .sales_ment {text-align:right; color:#999; font-size:14px; line-height:17px; margin-top:12px; margin-bottom:-8px;}
.detail_info_wrap .detail_info_views .dls_wrap {position:relative; padding:12px 0;}
.detail_info_wrap .detail_info_views .dls_wrap:after {content:' '; position:absolute; top:0; right:30%; bottom:0; width:1px; background:#eee;}
.detail_info_wrap .detail_info_views .dls_wrap dl {display:table; width:100%; table-layout:fixed;}
.detail_info_wrap .detail_info_views .dls_wrap dt {display:table-cell; padding:4px 16px; color:#666; font-size:14px; line-height:17px; vertical-align:top; text-align:left;}
.detail_info_wrap .detail_info_views .dls_wrap dd {display:table-cell; width:30%; padding:4px 16px; color:#333; font-size:14px; line-height:17px; vertical-align:top; text-align:right;}

.detail_info_wrap .tablink_btns a {display:block; position:relative; margin-top:12px; padding:16px 30px 16px 16px; border-bottom:1px solid #ddd; background:#fff; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.detail_info_wrap .tablink_btns a:after {content:' '; position:absolute; right:20px; top:50%; width:12px; height:12px; margin-top:-6px; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(45deg);}

.detail_info_wrap .kind_area .tablink_btns a {border-bottom:none;}

.detail_info_wrap .sects {margin-top:12px;}
.detail_info_wrap .sects:first-child {margin-top:0;}
.detail_info_wrap .dl_cont dt {margin-bottom:4px; color:#333; font-size:14px; line-height:17px; font-weight:bold;}
.detail_info_wrap .dl_cont dt.dot {position:relative; padding-left:12px;}
.detail_info_wrap .dl_cont dt.dot:before {content:' '; position:absolute; top:7px; left:4px; width:3px; height:3px; border-radius:50%; background:#333;}
.detail_info_wrap .dl_cont dd {color:#666; font-size:14px; line-height:17px;}

.detail_info_wrap .gray_box {background:#f6f6f6; padding:16px; color:#666; font-size:14px; line-height:17px;}
.detail_info_wrap .gray_box .tit {margin-bottom:8px;}
.detail_info_wrap .gray_box dl {margin-top:12px; color:#666; font-size:14px; line-height:17px;}
.detail_info_wrap .gray_box dl:first-child {margin-top:0;}
.detail_info_wrap .gray_box dt {margin-bottom:4px; color:#333;}

.detail_info_wrap .cont .detail_link {display:block; margin-top:4px;}

.detail_info_wrap .btn_wrap.only {margin:0; padding:16px;}
.detail_info_wrap .btn_wrap.only .bttn {width:100%;}
.detail_info_wrap .btn_qna span:before {content:' '; display:inline-block; width:24px; height:24px; margin-right:4px; background:url('/common/images/cmm/ico_common_mobile.png') -272px -104px no-repeat; background-size:300px auto; vertical-align:middle;}

.detail_info_wrap .prod_qna_wrap {border-top:1px solid #ddd;}

.detail_info_wrap .list_acco {border-bottom:none;}


/* 재입고 알림 - 상태 */
.inventory {position:relative;}
.inventory dd {color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.inventory .fc_stock {color:#204380;}
.inventory .fc_apply {color:#007D7D;}
.inventory .fc_soldout {color:#999;}

.inve {position:relative; border-left:1px solid #ddd;}
.inve dd {color:#333; font-size:16px; line-height:19px;}

.tory {position:relative; margin-bottom:8px; height:20px; font-size:0;}
.tory .flag_wrap,
.tory .inventory,
.tory .inve {display:inline-block; margin:0; vertical-align:top;}

.tory .inventory,
.tory .inve {padding:0 8px;}

/* 구매후기쓰기 */
.pop_wrap .pop_content .content.review_pur_wrap {padding-left:16px; padding-right:16px;}
.review_pur_wrap {position:relative;}
.review_pur_wrap .review_top {display:table; width:100%; padding:20px 0 16px;; border-bottom:1px solid #eee;}
.review_pur_wrap .pur_thum {display:table-cell; width:60px; vertical-align:middle;}
.review_pur_wrap .pur_txt_wrap {display:table-cell; padding-left:16px; vertical-align:middle;}
.review_pur_wrap .pur_tit {color: #000; font-size: 17px; line-height: 23px; font-weight: bold;}
.review_pur_wrap .pur_txt {display: block; margin-top:4px; color: #666; font-size: 15px; line-height:19px;}
.review_pur_wrap .grade_wrap {padding-top:20px; text-align:center;}
.grade_wrap .txt_rate {margin-bottom:8px; font-size:15px; line-height:19px; color:#666;}
.grade_wrap .rate_star {font-size:0; text-align:center;}

.rate_star .rate {display:inline-block; width:37px; height:40px; margin:0 5px; background:url('/common/images/mys/ico_mys_mobile.png') no-repeat -226px -84px; background-size:300px auto;}
.rate_star .rate.on {background-position:-263px -84px;}
.rate_num {margin-top:8px; color:#999; font-size:16px; line-height:19px;}
.rate_num span{color:#333;}

.review_txt {padding:20px 0;}
.review_txt input.txt {margin-bottom:8px;}
.form_text_wrap {position: relative; width: 100%; border-radius: 4px; border: 1px solid #ccc; overflow: hidden;}
.form_text_wrap textarea {width:100%; margin-bottom: 12px; padding: 16px; border: none; color: #333; resize: none; vertical-align: top;}
.form_text_wrap .txt_num {display: block; padding: 0 16px 16px 0; color: #999; font-size: 13px;text-align: right;}
.form_text_wrap .txt_num em {color:#333;}

.re_add_pic {position:relative; margin-top:16px; font-size:0; overflow:hidden;}
.re_add_pic li {float:left; width:calc((100% - 16px) / 3); margin-left:8px;}
.re_add_pic li:first-child {margin-left:0;}
.re_add_pic .item {display:block; position:relative; width:100%; margin-left:8px; padding-top:100%; border-radius:4px; background:url('/common/images/cmm/re_add_img.png') no-repeat; background-size:cover !important; line-height:1; overflow:hidden;}
.re_add_pic .item a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.re_add_pic .item .bttn_del {position:absolute; top:4px; right:4px; width:32px; height:32px; border-radius:50%; background-color:#f6f6f6; opacity:0.4;}
.re_add_pic .item .bttn_del:before {content: '';display: inline-block; height: 8px; border-left: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.re_add_pic .item .bttn_del:after {content: ''; display: inline-block; height: 8px; margin-left: -1px; border-left: 1px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.private {margin-top:16px;}
.private .dot_list {padding-top:16px;}
/* .private .chk_wrap [type='checkbox'] + label {color: #999;} */

.answer_wrap {border-top:1px solid #eee; padding:24px 0 20px;}
.answer_wrap button{ margin-top:8px; width:49.5%;}
.answer_wrap button:last-child{float:right;}
.answer_wrap .data_form {border-bottom:none;}
.answer_wrap .data_form .forms_wrap {padding:0;}

.review_view_wrap .rev_tit_wrap {padding-bottom:12px; border-bottom:1px solid #ddd;}
.review_view_wrap .tit {color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.review_view_wrap .date {margin-top:8px; color:#666; font-size:14px; line-height:17px;}

.rev_cont_wrap {margin-top:24px;}
.rev_cont_wrap .rev_imgs {margin-bottom:16px;}
.rev_cont_wrap .rev_txt {color:#666; font-size:14px; line-height:20px;}

.rela_svc {margin-top:16px; overflow:hidden;}
.rela_svc dt {float:left; margin-right:8px; color:#333; font-size:14px; line-height:17px;}
.rela_svc dd {float:left; position:relative; padding-left:9px; color:#999; font-size:14px; line-height:17px;}
.rela_svc dd:before {content:' '; position:absolute; left:0; top:4px; width:1px; height:9px; background:#ddd;}
.rela_svc dd span {display:inline-block; margin-right:4px; vertical-align:top;}

/* 주소찾기 결과 */
.post_contents {margin-top:24px;}
.post_contents .welcomes {padding-top:56px; text-align:center;}
.post_contents .welcomes .tit {margin-bottom:24px; color:#000; font-size:17px; line-height:20px; text-align:center;}
.post_contents .welcomes .tit:before {content:' '; display:inline-block; width:20px; height:20px; margin-right:8px; background:url('/common/images/cmm/ico_common_mobile.png') -108px -244px no-repeat; background-size:300px auto; vertical-align:top;}
.post_contents .welcomes .tit_desc {margin-top:12px; color:#999; font-size:15px; line-height:19px;}
.post_contents .welcomes .tit_desc small {display:block; margin-top:4px; color:#000;}

.post_contents .result_count {text-align:center; color:#000; font-size:17px; line-height:23px;}
.post_contents .result_count em {color:#000; font-weight:bold;}
.post_contents .post_lists {margin-top:24px;}
.post_contents .post_lists .lists {margin-top:8px;}
.post_contents .post_lists .select_info {padding:12px 16px;}
.post_contents .post_lists .select_info dl {margin-top:12px;}
.post_contents .post_lists .select_info dl:first-child {margin-top:0;}
.post_contents .post_lists .select_info dl dt {float:none;}
.post_contents .post_lists .select_info dl dt span {display:inline-block; min-width:62px; /*height:24px;*/ padding:0 8px; border:1px solid #ddd; border-radius:4px; color:#333; font-size:13px; text-align:center; line-height:22px; vertical-align:top;}
.post_contents .post_lists .select_info dl dd {float:none; margin-top:8px; color:#333; font-size:16px; line-height:19px;}
.post_contents .post_lists .select_info .dl_wraps {font-size:0;}
.post_contents .post_lists .select_info .dl_wraps dl {display:inline-block; width:62px; margin-top:0; margin-left:calc((100% - 186px) / 2);}
.post_contents .post_lists .select_info .dl_wraps dl:first-child {margin-left:0;}

/* 장바구니 상품선택 */
.inputs .list_acco {position:relative; border:1px solid #ddd !important; border-radius:4px; width:100%;}
.inputs .list_acco .head {padding:0;}
.inputs .list_acco .head a {margin:0; padding:7px 12px;}
.inputs .list_acco .head a:after {right:12px;}
.inputs .list_acco .head h3 {color:#666; font-size:14px; font-weight:normal;}
.inputs .list_acco .cont {padding:8px;}
.inputs .list_acco .cont .count_ipt_wrap {margin:4px 0; width:100%;}
.inputs .list_acco .cont button.bttn {width:100%;}
.inputs .list_acco .cont .bttn.dkgray {background:#ccc; color:#666;}

.kind_wrap .soldout,
.thumb .soldout {position:absolute; top:50%; left:50%; width:64px; height:64px; margin-top:-32px; margin-left:-32px; border-radius:50%; background-color:rgba(255,51,51,.8); color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:64px;}
.kind_wrap .endofsale,
.thumb .endofsale {position:absolute; top:50%; left:50%; width:64px; height:64px; margin-top:-32px; margin-left:-32px; border-radius:50%; background-color:rgba(102,102,102,.8); color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:64px;}


.address_inputs {margin-top:24px;}
.address_inputs.data_form {border-bottom:none;}

.sub_price {color:#666; font-size:16px; line-height:22px;}
.sub_price strong {display:inline-block; color:#333; padding-left:8px;}

/* -- 사은품 리스트 형식 리스트 -- */
.gift_lists li {padding:4px 0; border-top:1px solid #eee;}
.gift_lists li:first-child {border-top:none;}
.gift_lists li:last-child {padding-bottom:0;}
.gift_lists .gifts {display:table; width:100%; table-layout:fixed; position:relative; padding:0 16px; background:#fff; overflow:hidden;}
.gift_lists .gifts .thumb {display:table-cell; width:120px; height:120px; vertical-align:middle;}
/* .gift_lists .gifts .thumb img {height:100%;} */
.gift_lists .gifts .conts {display:table-cell; padding-left:16px; vertical-align:middle;}
.gift_lists .gifts .conts .flag_wrap {display:block; position:relative; margin-bottom:8px;}
.gift_lists .gifts .conts dt {color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.gift_lists .gifts .conts dd {margin-top:2px; color:#666; font-size:14px; line-height:18px;}
.gift_lists .gifts .conts dd.pk {color:#ed008c;}
.gift_lists .gifts .conts dd em {color:#ed008c; font-weight:bold;}
.gift_lists .gifts .conts dd small {display:block; margin-top:8px; color:#666; font-size:14px; line-height:17px;}
.gift_lists .gifts .conts p {color:#666; font-size:16px; line-height:22px;}
.gift_lists.card_type {margin-top:16px;}
.gift_lists.card_type li {border-top:none; border-bottom:1px solid #eee;}
.gift_lists.card_type li:first-child {padding-top:0; border-top:1px solid #eee;}
.gift_lists.card_type li:last-child {padding-bottom:20px;}
.gift_lists.card_type + .dot_list {margin-top:12px;}


/* -- 리뷰/구매후기 탭 -- */
.expert_review_wrap {border-top:1px solid #ddd; padding:0 16px;}
.expert_review_wrap .lists {position:relative; padding:16px 0; border-top:1px solid #eee;}
.expert_review_wrap .lists:first-child {border-top:none;}
.expert_review_wrap .lists:after {content:' '; position:absolute; top:50%; right:4px; margin-top:-6px; width:12px; height:12px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.expert_review_wrap .link_more {display:table; table-layout:fixed; width:100%; padding-right:32px;}
.expert_review_wrap .link_more .thumb {display:table-cell; width:64px; padding-right:12px; vertical-align:top;}
.expert_review_wrap .link_more .infos {display:table-cell; vertical-align:top;}
.expert_review_wrap .link_more .infos .tit {color:#333; font-size:17px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.expert_review_wrap .link_more .infos .desc {margin-top:2px; color:#666; font-size:14px; line-height:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.expert_review_wrap .link_more .infos .date {margin-top:4px; color:#666; font-size:14px; line-height:17px;}

.point_info_wrap {position:relative; padding:16px; border-top:1px solid #ddd; overflow:hidden;}
.point_info_wrap .info_top {float:left; border-bottom:none; padding:2px 0 0 0;}
.point_info_wrap .info_top .tit {display:block; color:#333; font-size:16px; line-height:19px; margin-bottom:4px; font-weight:bold;}
.point_info_wrap .info_top .purchase_point {position:relative; display:block; width:79px; height:13px; background:url('/common/images/cmm/img_purchase_point_off.png') no-repeat 0 0; background-size:79px 13px;}
.point_info_wrap .info_top .purchase_point em {position:absolute; height:13px;background:url('/common/images/cmm/img_purchase_point_on.png') no-repeat 0 0; background-size:79px 13px;}
.point_info_wrap .btn_wrap {float:right; text-align:right;}
.point_info_wrap .btn_wrap .btn_write,
.prod_review_wrap .btn_wrap .btn_write {min-width:auto;}
.point_info_wrap .btn_wrap .btn_write span,
.prod_review_wrap .btn_wrap .btn_write span {padding:0 16px;}
.point_info_wrap .btn_wrap .btn_write span:before,
.prod_review_wrap .btn_wrap .btn_write span:before {content:' '; display:inline-block; width:24px; height:24px; margin-right:4px; background:url('/common/images/cmm/ico_common_mobile.png') -272px -80px no-repeat; background-size:300px auto; vertical-align:middle;}

.prod_review_wrap {border-top:1px solid #ddd; padding:0 16px;}
.prod_review_wrap .reviews {position:relative; border-top:1px solid #eee;}
.prod_review_wrap .reviews.on {padding-bottom:44px;}

.prod_review_wrap .reviews:first-child {border-top:none;}
.prod_review_wrap .link_cnt {display:block; padding:16px 0 44px; position:static;}
.prod_review_wrap .link_cnt:after {content:' '; display:block; position:absolute; bottom:22px; right:4px; width:10px; height:10px; border-bottom:1px solid #333; border-right:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.prod_review_wrap .on .link_cnt {padding-bottom:0;}
.prod_review_wrap .reviews.on .link_cnt:after {bottom:14px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.prod_review_wrap .list_head {padding:2px 0; overflow:hidden;}
.prod_review_wrap .list_head .purchase_point {float:left; position:relative; display:block; width:79px; height:13px; margin-right:8px; background:url('/common/images/cmm/img_purchase_point_off.png') no-repeat 0 0; background-size:79px 13px;}
.prod_review_wrap .list_head .purchase_point em {position:absolute; height:13px;background:url('/common/images/cmm/img_purchase_point_on.png') no-repeat 0 0; background-size:79px 13px;}
.prod_review_wrap .list_head .tops {float:left; margin-top:-2px; color:#666; font-size:14px; line-height:17px;}
.prod_review_wrap .list_head .tops:before {content:' '; display:inline-block; width:1px; height:12px; margin-right:8px; background:#ddd; vertical-align:middle;}
.prod_review_wrap .list_head .tops .space {padding-left:8px;}
.prod_review_wrap .list_head .tops .space:first-child {padding-left:0;}
.prod_review_wrap .list_body {margin-top:14px;}
.prod_review_wrap .list_body .wraps {display:table; width:100%; table-layout:fixed;}
.prod_review_wrap .list_body .thumb {display:table-cell; width:64px; height:52px; padding-right:12px; vertical-align:middle;}
.prod_review_wrap .list_body .thumb img {height:100%;}
.prod_review_wrap .list_body .info {display:table-cell; vertical-align:middle;}
.prod_review_wrap .list_body .info dt.tit {color:#333; font-size:17px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.prod_review_wrap .list_body .info dt.tit .flag_wrap {position:relative; display:inline-block; margin-right:4px; padding-top:1px; vertical-align:top;}
.prod_review_wrap .list_body .info dd {margin-top:4px; color:#999; font-size:14px; line-height:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.prod_review_wrap .list_body .sub_txt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; height:36px; margin-top:8px; color:#666; font-size:14px; line-height:18px; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}
.prod_review_wrap .reviews.on .list_body .sub_txt {display:none;}
.prod_review_wrap .cont {margin-bottom:0;}
.prod_review_wrap .list_con {margin-top:8px;}
.prod_review_wrap .list_con .sub_txt {color:#666; font-size:14px; line-height:18px; word-break:break-all;}
.prod_review_wrap .atreview_visual_wrap {margin:12px -16px 0;}
.prod_review_wrap .answer {margin-top:12px;}
.prod_review_wrap .answer .info {font-size:0;}
.prod_review_wrap .answer .info .writer {display:inline-block; vertical-align:top;}
.prod_review_wrap .answer .info .date {display:inline-block; margin-left:8px; color:#666; font-size:14px; line-height:25px; vertical-align:top;}
.prod_review_wrap .btn_view_more {margin:0 -16px; border-top:1px solid #eee;}

.prod_review_wrap.mys_type {border-top:none; background:#fff;}
.prod_review_wrap.mys_type .reviews {border-top:none;}
.prod_review_wrap.mys_type .list_head {position:relative; margin:-16px -16px 0; padding:16px; border-top:1px solid #eee; background:#f5fcff;}
.prod_review_wrap.mys_type .list_head .prod_info {margin-bottom:12px; font-size:0;}
.prod_review_wrap.mys_type .list_head .prod_info .flag_wrap {display:inline-block; position:relative; vertical-align:top;}
.prod_review_wrap.mys_type .list_head .prod_info .name {display:inline-block; margin-left:8px; color:#333; font-size:16px; line-height:18px; vertical-align:top;}
.prod_review_wrap.mys_type .list_head .date {position:absolute; right:16px; bottom:16px; color:#666; font-size:14px; line-height:17px;}
.prod_review_wrap.mys_type .cont .btn_wrap {margin-top:16px;}
.prod_review_wrap.mys_type .cont .btn_wrap.size_2 .bttn {width:calc((100% - 4px) / 2); margin-left:4px;}
.prod_review_wrap.mys_type .cont .btn_wrap.size_2 .bttn:first-child {margin-left:0;}
.prod_review_wrap.mys_type .reviews:first-child .list_head {border-top:none;}

.prod_review_wrap .first_review {padding:140px 0; text-align:center;}
.prod_review_wrap .first_review .tit {color:#666; font-size:18px; font-weight:bold; line-height:21px;}
.prod_review_wrap .first_review .desc {margin-top:8px; color:#999; font-size:14px; line-height:17px;}
.prod_review_wrap .first_review .btn_wrap {margin-top:24px;}

.prod_review_wrap .exp_review ul li {border-top:1px solid #eee;}
.prod_review_wrap .exp_review ul li:first-child {border-top:none;}
.prod_review_wrap .exp_review ul li a {display:block; position:relative; padding:16px 32px 16px 64px;}
.prod_review_wrap .exp_review ul li a:after {content:' '; position:absolute; top:50%; right:8px; width:12px; height:12px; margin-top:-6px; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(45deg);}
.prod_review_wrap .exp_review ul li a .thumb {position:absolute; top:16px; left:0; width:52px; height:52px;}
.prod_review_wrap .exp_review ul li a .thumb img {height:100%;}
.prod_review_wrap .exp_review ul li a dl dt {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:20px; color:#333; font-size:17px; line-height:20px; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
.prod_review_wrap .exp_review ul li a dl dd {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:17px; margin-top:2px; color:#666; font-size:14px; line-height:17px; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
.prod_review_wrap .exp_review ul li a dl .date {margin-top:4px; color:#666; font-size:14px; line-height:17px;}

.detail_info_wrap .nodata {padding:120px 0; color:#666; font-size:20px; line-height:24px; text-align:center; font-weight:bold;}
.detail_info_wrap .nodata small {display:block; margin-top:8px; font-size:14px; line-height:17px; font-weight:normal;}

.prod_qna_wrap {background:#fff;}
.prod_qna_wrap .btn_view_more {margin-top:0; border-top:1px solid #eee;}
.prod_qna_wrap .no_qna {padding:140px 0; text-align:center;}
.prod_qna_wrap .no_qna .tit {color:#666; font-size:18px; font-weight:bold; line-height:24px;}







/* 플로팅 버튼 */
.float_btn {position:fixed; right:16px; bottom:16px; z-index:99; }
.float_btn.open {width:100%;}
.float_btn > a {display:block; width:90px; height:90px; border-radius:50%;}
.float_btn .btn_top {padding-top:28px; border:1px solid #ddd; background-color:#fff; color:#000; font-size:14px; line-height:17px; text-align:center;}
.float_btn .btn_top span {position:relative;}
.float_btn .btn_top span:before {content:' '; display:block; position:absolute; top:-10px; left:50%; width:8px; height:8px; margin-left:-4px; border:1px solid #000; border-right:none; border-bottom:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.float_btn .chat_btn {background-color:transparent;}
.float_btn .chat_btn .ico {display:block; width:81px; height:81px; border: 2px solid #ed008c; border-radius: 50%; margin:0 auto; background:url('/common/images/soho/ico_clicktocall_v2.gif') no-repeat -7px -5px; background-size:90px auto; vertical-align:middle;}
.float_btn .chat_btn.open .ico {background-position:-56px -440px;}
.float_btn .tooltip {display:none; position:absolute; bottom:72px; left:0; width:100%; visibility:visible; opacity:1;}

.float_btn .tooltip .contact_area {width:79%; background-color:#fff; border-radius:5px; max-width:512px; padding:12px; position:relative;}
.float_btn .tooltip .contact_area:after {content:''; display:block; position:absolute; bottom:-6px; left:24px; width:12px; height:12px; border:1px solid #fff; border-top:none; border-left:none; background-color:#fff; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.float_btn .tooltip .contact_area ul li {display:block; width:100%; background-color:#f6f6f6; padding:8px;}
.float_btn .tooltip .contact_area ul li:first-child dl dt {/* padding-bottom:42px */}
.float_btn .tooltip .contact_area ul li + li {margin-top:4px;}
.float_btn .tooltip .contact_area ul li:after {content:' '; display:block; clear:both;}
.float_btn .tooltip .contact_area ul li > a {display:inline-block;}
.float_btn .tooltip .contact_area ul li dl {overflow:hidden;position:relative;}
.float_btn .tooltip .contact_area ul li dl dt {float:left; font-size:11px; color:#666; line-height:1.3em; width:32px; text-align:left; position: absolute; top: 50%; transform: translateY(-50%);}
.float_btn .tooltip .contact_area ul li dl dt span {display:block;position:absolute;width:59px;top: 50%; transform: translateY(-50%); left:39px;}
.float_btn .tooltip .contact_area ul li:nth-child(3) dl dt {/* padding-top:16px; */}
.float_btn .tooltip .contact_area ul li:nth-child(4) dl dt,
.float_btn .tooltip .contact_area ul li:nth-child(5) dl dt {padding-top:0;}
.float_btn .tooltip .contact_area ul li dl dt:before {content:''; display:block; width:34px; height:38px; background-image:url('/common/images/cmm/ico_common_mobile.png'); background-repeat:no-repeat; background-size:300px auto;}
.float_btn .tooltip .contact_area ul li:nth-child(1) dl dt:before {background-position:-203px -943px;}
.float_btn .tooltip .contact_area ul li:nth-child(2) dl dt:before {background-position:-202px -904px;}
.float_btn .tooltip .contact_area ul li:nth-child(3) dl dt:before {background-position:-243px -902px;}
.float_btn .tooltip .contact_area ul li:nth-child(4) dl dt:before {background-position:-214px -996px;}
.float_btn .tooltip .contact_area ul li:nth-child(5) dl dt:before {background-position:-202px -868px;}
.float_btn .tooltip .contact_area ul li dl dd {float:right; margin-left:14px; padding:0 10px; width:calc(100% - 94px); height:35px; background-color:#fff; border:1px solid #dee1e6; border-radius:5px;}
.float_btn .tooltip .contact_area ul li dl dd + dd {margin-top:4px;}
.float_btn .tooltip .contact_area ul li dl dd a {display:block; position:relative; height:100%; font-size:14px; color:#333; font-weight:bold; line-height:33px; vertical-align:middle;}
.float_btn .tooltip .contact_area ul li dl dd a:before {content:''; display:inline-block; width:24px; height:22px; background-image:url('/common/images/cmm/ico_common_mobile.png'); background-repeat:no-repeat; background-position:-165px -1042px; background-size:300px auto;
														vertical-align:middle; margin-right:12px;}
.float_btn .tooltip .contact_area ul li dl dd + dd a:before {background-position:-230px -1042px;}
.float_btn .tooltip .contact_area ul li:nth-child(1) dl dd + dd a:before {width:30px; height:30px; background-position:-194px -1042px;margin-right:8px;}
.float_btn .tooltip .contact_area ul li:nth-child(1) dl dd + dd:last-child a:before {width:24px; height:22px; background-position:-230px -1042px;margin-right:12px}
.float_btn .tooltip .contact_area ul li dl dd a:after {content:''; display:block; position:absolute; top:50%; right:4px; width:8px; margin-top:-4px; height:8px; border:1px solid #666; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.float_btn .m_btnMoveTop {display:none;position:fixed;right:16px;bottom:194px;width:37px;height:37px;background:url('/common/images/cmm/btn_top.png') no-repeat 0 0;background-size:37px;z-index:220;}



.dims {display:none; position:fixed;top:0;left:0;width:100%;height:100%;vertical-align:middle;background-color:rgba(0,0,0,0.6);line-height:1;z-index:90;}

/* 햄버거 메뉴 */
.login_user_info {position:relative;  padding:16px; zoom: 1; background-color:#EDF0F5;}
.login_user_info .name {color:#333; font-size:16px; line-height:19px;}
.login_user_info .name strong {font-weight:bold;}
.login_user_info a {position:absolute; top:9px; right:16px;  display:inline-block; height:32px; padding:0 18px 0 26px; background-color:#fff; color:#333; font-size:13px; line-height:32px; border-radius:20px;}
.login_user_info a i {position:absolute; top:9px; left:9px; display:inline-block; width:11px; height:12px; background: url('/common/images/cmm/ico_common_mobile.png') no-repeat -55px -496px; background-size:300px auto; vertical-align:middle;}

.login_quick_info {position:relative; border-bottom:1px solid #ddd; background-color:#fff; height:72px; overflow:hidden;}
.login_quick_info ul {display:block; width:100%;}
.login_quick_info ul:after {content:' '; display:block; clear:both;}
.login_quick_info ul li {position:relative; float:left; width:25%;}
.login_quick_info ul li a {display:block; width:100%; height:72px;}
.login_quick_info ul li a i.ico {position:absolute; top:12px; left:50%; margin-left:-12px; display:inline-block; width:24px; height:24px; background: url('/common/images/cmm/ico_common_mobile.png') no-repeat; background-size:300px auto; vertical-align:middle;}
.login_quick_info ul li a i.ico.ico01 {background-position:0 -576px; }
.login_quick_info ul li a i.ico.ico02 {background-position:-24px -576px; }
.login_quick_info ul li a i.ico.ico03 {background-position:-48px -576px; }
.login_quick_info ul li a i.ico.ico04 {background-position:-72px -576px; }
.login_quick_info ul li span {display:block; padding-top:43px; color:#333; font-size:14px; line-height:17px; text-align:center;}

.quick_prodlist_view {margin-top:8px; height:160px;  border-bottom:1px solid #ddd; background-color:#fff; overflow:hidden;}
.quick_prodlist_view .detail_link {margin:16px 0 16px 16px;}
.quick_prodlist_view .detail_link span {color:#333; font-size:15px; line-height:19px;}
.quick_prodlist_view .detail_link span:before {border-color:#333;}
.quick_prodlist_view .slide_wrap {margin-left:-16px;}
.quick_prodlist_view .slide_wrap .slide_conts {margin-left:24px;}
.quick_prodlist_view .slide_wrap .boxs {display:block; width:72px;}
.quick_prodlist_view .slide_wrap .boxs a {display:block; width:100%; height:100%;}
.quick_prodlist_view .slide_wrap .boxs a .thumb {display:inline-block; width:72px; height:72px;}
.quick_prodlist_view .slide_wrap .boxs a .tit {display:block; margin:12px 0 6px 0; color:#333; font-size:14px; line-height:17px; width:72px; height:17px; text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; text-overflow:ellipsis; overflow:hidden;}

.all_category_wrap {position:relative; height:100%; min-height:317px; margin-top:8px; padding-bottom:220px; border-bottom:1px solid #ddd; background-color:#F8F6F6; overflow-y:auto;}
.all_category_wrap .tab_wrap {display:table; width:100%; background-color:#F8F6F6;}
.all_category_wrap .tab_wrap .first_tab {width:142px; display:table-cell; vertical-align:top; background-color:#F8F6F6;}
.all_category_wrap .tab_wrap .first_tab li {position:relative; border-bottom:1px solid #fff; background-color:#F8F6F6;}
.all_category_wrap .tab_wrap .first_tab li:last-child {border-bottom:none;}
.all_category_wrap .tab_wrap .first_tab li a {display:block; color:#333; font-size:14px; line-height:19px;}
.all_category_wrap .tab_wrap .first_tab li a i.ico {position:absolute; top:12px; left:14px; display:inline-block; width:24px; height:24px; background: url('/common/images/cmm/ico_common_mobile.png') no-repeat; background-size:300px auto; vertical-align:middle;}
.all_category_wrap .tab_wrap .first_tab li a i.ico.ico01 {background-position:0 -552px;}
.all_category_wrap .tab_wrap .first_tab li a i.ico.ico02 {background-position:-48px -552px;}
.all_category_wrap .tab_wrap .first_tab li a i.ico.ico03 {background-position:-96px -552px;}
.all_category_wrap .tab_wrap .first_tab li a i.ico.ico04 {background-position:-144px -552px;}
.all_category_wrap .tab_wrap .first_tab li a i.ico.ico05 {background-position:-192px -552px;}
.all_category_wrap .tab_wrap .first_tab li a i.ico.ico06 {background-position:-240px -552px;}
.all_category_wrap .tab_wrap .first_tab li a i.ico.ico07 {background-position:-56px -530px;}
.all_category_wrap .tab_wrap .first_tab li.on a i.ico.ico01 {background-position:-24px -552px;}
.all_category_wrap .tab_wrap .first_tab li.on a i.ico.ico02 {background-position:-72px -552px;}
.all_category_wrap .tab_wrap .first_tab li.on a i.ico.ico03 {background-position:-120px -552px;}
.all_category_wrap .tab_wrap .first_tab li.on a i.ico.ico04 {background-position:-168px -552px;}
.all_category_wrap .tab_wrap .first_tab li.on a i.ico.ico05 {background-position:-216px -552px;}
.all_category_wrap .tab_wrap .first_tab li.on a i.ico.ico06 {background-position:-264px -552px;}
.all_category_wrap .tab_wrap .first_tab li.on a i.ico.ico07 {background-position:-78px -530px;}
.all_category_wrap .tab_wrap .first_tab li.on {background-color:#fff;}
.all_category_wrap .tab_wrap .first_tab li.on a {color:#ED008C;}
.all_category_wrap .tab_wrap .first_tab li span {display:inline-block; padding:14px 0 13px 48px;}
.all_category_wrap .tab_wrap .first_tab li:first-child {border-top:0 none;}

.all_category_wrap .tab_wrap .tabs_cont {vertical-align:top; background-color:#fff; }
.all_category_wrap .tab_wrap .tabs_cont .tab {display:inline-block; width:100%;  padding:0 16px 10px}
.all_category_wrap .tab_wrap .tabs_cont .tab li {display:block;}
.all_category_wrap .tab_wrap .tabs_cont .tab li a {display:block; width:100%; padding:13px 16px; color:#666; font-size:15px; line-height:19px; border-bottom:1px solid #ddd;}
.all_category_wrap .tab_wrap .tabs_cont .tab li a span {}
.all_category_wrap .tab_wrap .tabs_cont .tab li:first-child a {padding:16px 0; color:#333;}

.all_category_wrap .btn_lgu {display:block; margin:16px 16px 40px; background-color:#fff; border:1px solid #ccc; border-radius:5px; text-align:center; padding:15px 0; font-size:17px;}
.all_category_wrap .btn_lgu img {width:auto; height:21px; vertical-align:middle;}

/* 약관 동의 팝업 */
.agree_chk_wraps .chk_wrap input+label {padding:2px 0 2px 30px; font-size:17px; line-height:20px; font-weight:bold;}
.agree_chk_wraps .chk_wrap input+label em {color:#ed008c;}
.agree_chk_wraps .agree_head {padding:14px 16px;}
.agree_chk_wraps .agree_body {padding:16px; border-top:1px solid #ddd;}
.agree_chk_wraps .agree_body .sect {margin-top:16px;}
.agree_chk_wraps .agree_body .sect:first-child {margin-top:0;}
.agree_chk_wraps .agree_body .agree_cont {margin-top:12px; padding:16px; background:#f6f6f6; color:#666; font-size:14px; line-height:18px;}
.agree_chk_wraps.type2 .agree_body {padding:16px 0;}

/* radius 검색창 */
.sc_input_wrap {display:inline-table; position:relative; width:100%; border-radius:20px; background-color:#fff; overflow:hidden;}
.sc_input_wrap .txt {border:none; width:100%; height:40px; min-height:40px; padding:10px 16px; color:#333; font-size:16px; line-height:20px; font-weight:bold;}
.sc_input_wrap .txt::placeholder {font-weight:normal;}
.sc_input_wrap .txt::-webkit-input-placeholder {font-weight:normal;}
.sc_input_wrap > input.txt, .sc_input_wrap > .optional {display:table-cell; vertical-align:middle;}
.sc_input_wrap > .optional {width:1%; padding-right:44px; text-align:right; white-space:nowrap;}
.sc_input_wrap > .optional .btn_del {width:20px; height:20px; overflow:hidden; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat -28px -264px; background-size:300px auto; vertical-align:middle; text-indent:-9999px;}
.sc_input_wrap .btn_srh {right:0;z-index:2;width:40px;height:40px;margin-top:-20px;background-position:-217px -229.5px;opacity:1;}
.sc_input_wrap .btn_srh::after {content:"";width:100%;height:60%;background:#fff;position:absolute;left: 0;bottom: -19px;}

/* 비교하기 결과 */
.compare_prod_wrap {overflow:hidden;}
.compare_prod_wrap .prod {float:left; width:50%; text-align:center;}
.compare_prod_wrap .prod .thumb {width:120px; margin:0 auto;}
.compare_prod_wrap .prod .name {margin-top:4px; color:#333; font-size:17px; line-height:20px; font-weight:bold;}
.compare_prod_wrap .prod .bttn {margin-top:8px;}

.compare_floating {display:none; position:fixed; top:51px; left:0; right:0; padding:20px 16px; border-bottom:1px solid #ddd; background:#fff; box-shadow:0 3px 3px 0 rgba(153, 153, 153, 0.3); z-index:10;}
.compare_floating .compare_prod_wrap .prod .thumb {width:80px;}
.compare_floating .compare_prod_wrap .prod .name {font-size:16px; line-height:19px; font-weight:normal;}
.compare_floating .compare_prod_wrap .prod .price {margin-top:4px; font-size:16px; line-height:19px; font-weight:bold;}

.compare_wraps h3.tit {margin-bottom:16px; color:#333; font-size:17px; line-height:23px; font-weight:bold; text-align:center;}
.compare_wraps .arr_box {margin:20px -16px -24px; padding:24px 16px;}
.compare_wraps .arr_box .total_dl {margin-bottom:0;}
.compare_wraps .arr_box .total_dl dt {vertical-align:bottom;}
.compare_wraps .arr_box .total_dl dt .ico_a:last-child {margin-right:4px;}

.compare_lists {border-bottom:1px solid #eee;}
.compare_lists li dl dt {display:block; position:relative; padding:10px 16px; background:#f6f6f6; color:#666; font-size:14px; font-weight:bold; line-height:17px;}
.compare_lists li dl dt:after {content:' '; position:absolute; top:0; left:50%; bottom:0; width:1px; background:#eee;}
.compare_lists li dl dd {display:table; width:100%; table-layout:fixed;}
.compare_lists li dl dd p {display:table-cell; width:50%; padding:16px; border-left:1px solid #eee; color:#333; font-size:14px; line-height:17px; vertical-align:middle;}
.compare_lists li dl dd p:first-child {border-left:none;}
.compare_lists.type2 li dl dd p {padding:12px 0 12px 8px;}
.compare_lists.type2 li dl dd p:first-child {padding:12px 8px 12px 0;}
.compare_lists.type2 li dl dd p .txt {display:block; padding:4px 16px 4px 8px;}
.compare_lists.type2 li dl dd p:first-child .txt {padding:4px 8px 4px 16px;}

.comp_acco {border-top:1px solid #eee;}
.comp_acco .head .btn_arr {display:block; position:relative; padding:20px 0; border-bottom:1px solid #eee;}
.comp_acco .head .btn_arr p {color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.comp_acco .head .btn_arr p .ico_a {margin-right:4px;}
.comp_acco .head .btn_arr:after {content:' '; position:absolute; right:2px; top:22px; width:10px; height:10px; border-right:1px solid #333; border-bottom:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.comp_acco .on .head .btn_arr:after {top:27px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.comp_acco .comps {background:#f6f6f6; overflow:hidden;}
.comp_acco .head .comps {margin-top:20px;}
.comp_acco .comps dl {float:left; width:50%; border-left:1px solid #eee;}
.comp_acco .comps dl:first-child {border-left:none;}
.comp_acco .comps dl dd {padding:16px; color:#333; font-size:16px; line-height:19px; font-weight:bold; text-align:right;}
.comp_acco .on .head .comps {display:none;}
.comp_acco .cont {margin:0; padding:12px 0 16px; border-bottom:1px solid #eee;}
.comp_acco .cont .compare_lists dd {text-align:right;}
.comp_acco .cont .comps {margin-top:-1px;}

/* 주문방법 선택 */
.acc_orderslt {padding:118px 0; font-size:0; text-align:center;}
.acc_orderslt .boxs {display:inline-block; position:relative; width:175px; padding:0 30px; border-left:1px solid #eee; text-align:center;}
.acc_orderslt .boxs:first-child {border-left:none;}
.acc_orderslt .boxs .icon {display:block; width:104px; height:104px; margin:0 auto 20px; background:url('/common/images/acce/ico_acc_mobile.png') no-repeat 0 0; background-size:300px auto;}
.acc_orderslt .boxs .icon.icon01 {background-position:0px -154px}
.acc_orderslt .boxs .icon.icon02 {background-position:-104px -154px;}
.acc_orderslt_btm {position:relative;}
.acc_orderslt_btm .bttn {margin-top:24px; min-width:100%;}

/* 할인방법 선택 팝업 */
.dot_dls_wrap .dot_dl, .dot_dls_wrap p.dot_p {margin-top:12px;}
.dot_dls_wrap .dot_dl:first-child, .dot_dls_wrap p.dot_p:first-child {margin-top:0;}
.dot_dls_wrap .dot_dl dt, .dot_dls_wrap p.dot_p {position:relative; padding-left:14px; color:#333; font-size:16px; line-height:22px;}
.dot_dls_wrap .dot_dl dt:before, .dot_dls_wrap p.dot_p:before {content:' '; position:absolute; top:8px; left:5px; width:3px; height:3px; border-radius:50%; background:#333;}
.dot_dls_wrap .dot_dl dd {margin-top:4px; color:#666; font-size:14px; line-height:18px;}
.dot_dls_wrap .dot_p .inline {display:inline-block; vertical-align:top;}


.star_list > li {position: relative; padding-left:10px!important; font-size:13px;}
.terms_list .star_list > li:before {content:'*'; display: block; position: absolute; top: 6px; left: 0;}

/* 약관 terms_list */
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list {margin-top: 24px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list:first-child {margin-top: 0;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .tit {margin-bottom: 8px; font-weight: bold;}
.agree_form_wrap .depth2 .content,
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list li {font-size: 14px;}

.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .dot_list {margin: 8px 0 0;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .dot_list > li {position:relative; margin-top:4px; padding: 0 0 0 12px; color:#666; font-size:14px; line-height:17px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .dot_list > li:first-child {margin-top:0 !important;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .dot_list > li:before {content:' '; display:block; position:absolute; top:7px; left:4px; width:3px; height:3px; border-radius:50%; background:#666; line-height:inherit;}

.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .bar_list > li {position:relative; margin:0; padding:0 0 0 10px; color:#666; font-size:14px; line-height:21px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .bar_list > li:last-child {margin-bottom:0 !important;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .bar_list > li:before {content:' '; display:block; position:absolute; top:11px; left:0; width:5px; height:1px; background:#666;}

.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list ul {margin: 8px 0 12px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list ul > li {padding-bottom: 0;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list > li {position:relative; margin-top: 8px; padding: 0 0 0 15px; color:#666;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list > li:first-child {margin-top: 0;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list > li .num {display:block; position:absolute; top:0; left:0;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list .num_list > li {margin-top: 0; padding-left: 18px; font-size: 14px; line-height: 21px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list .num_list > li .num {line-height: 21px;}
.agree_form_wrap .depth2 .terms_cont_wrap .terms_list .num_list .txt_noti:before {vertical-align: 0;}
.agree_form_wrap .depth2 .terms_cont_wrap .from_dt .from_tit {font-weight: bold;}
.agree_form_wrap .depth2 .terms_cont_wrap .from_dt .from_tit {font-weight: bold;}
.agree_form_wrap .depth2 .terms_cont_wrap .bold {font-weight: bold;}

.agree_form_wrap .terms_cont_wrap .txt_agree em {color:inherit; font-weight:bold;}
.agree_form_wrap .terms_cont_wrap .txt_agree {margin-top:8px;}
.agree_form_wrap .terms_cont_wrap .txt_agree:first-child {margin-top:0;}

.terms_list .terms_table {margin-top: 8px;}
.terms_list .terms_table table tbody th {font-size: 12px; line-height: 18px;}
.terms_list .terms_table table tbody td {padding: 10px; font-size: 12px; line-height: 18px; text-align: left; background: #fff;}

.terms_list dt {display: inline-block; font-weight: bold; color: #000;}
.terms_list dd {display: inline;}
.terms_list dd .small {padding-left: 8px;}
.terms_list dd li+.small {margin-bottom: 8px;}
.terms_list dd .bar_list li {margin-bottom: 0; line-height: 21px;}
.dot_dls_wrap .dot_p .inline {display:inline-block; vertical-align:top;}
.dot_dls_wrap .dot_p .inline {display:inline-block; vertical-align:top;}

/* iot 약관 */
.terms_list.iot .terms_table .tb_row thead th {padding: 10px 6px; font-size: 12px;}
.terms_list.iot .terms_table table tbody th,
.terms_list.iot .terms_table table tbody td {padding: 10px 4px; text-align: center; vertical-align: middle;}
.terms_list .terms_table.text-left table tbody td {text-align: left;}

.fViolet {color: #aa36bb !important;}

/* 검색결과 전 팝업 */
.lay_search_pop {position:relative; z-index:101; width:100%; height:100%; min-height:1000px; background:#fff;}
.lay_search_pop .lay_search_head {background:#edf0f5; padding:8px 16px 8px 44px; overflow:hidden;}
.lay_search_pop .lay_search_head .sc_input_wrap {float:right; width:100%;}

.lay_search_pop .btn_back {display:block; position:absolute; top:16px; left:16px; width:13px; height:24px; background:url("//image.uplus.co.kr/images/renewal/images/cm/mo/shopmw/product/gnb/btn-arrow.png") no-repeat; background-size:13px 24px;}

.lay_search_pop .lay_search_content {height:calc(100% - 56px);}
.lay_search_pop .lay_search_content .content {height:100%; padding:0 16px;}
.lay_search_pop .lay_search_content .scrollarea {height:100%; overflow:auto;}
.lay_search_pop .box {padding:24px 0;}
.lay_search_pop .search_word_wrap {border-top:1px solid #ddd;}
.lay_search_pop .no_data {padding:70px 0; border-bottom:none;}

.lay_search_pop .lately_words .tit_wrap {padding:0;}
.lay_search_pop .lately_words .tit_wrap .btn_delete_all {float:right; height:20px; margin:0; padding:0; border:none; background:none; color:#999; font-size:14px; line-height:20px;}
.lay_search_pop .lately_words .words_list li {position:relative; margin-top:16px; padding-right:30px;}
.lay_search_pop .lately_words .words_list li .btn_txt {display:inline-block; margin:0; padding:0; border:none; color:#333; font-size:16px; line-height:20px;}
.lay_search_pop .lately_words .words_list li .btn_del {position:absolute; top:0; right:0; width:20px; height:20px; background:url('/common/images/cmm/ico_common_mobile.png') -76px -264px no-repeat; background-size:300px auto;}

.search_word_wrap .tit {margin-bottom:12px; color:#333; font-size:16px; line-height:19px; font-weight:bold;}
.search_word_wrap .word_box {font-size:0; margin:-4px;}
.search_word_wrap .word_box .words {display:inline-block; height:35px; margin:4px; padding:0 12px; border:1px solid #eee; border-radius:4px; background:#f6f6f6; color:#666; font-size:16px; line-height:33px; white-space:nowrap;}

.search_info_txt {margin-bottom:24px; color:#333; font-size:18px; line-height:21px; font-weight:bold;}

/* 접근성 - 전체메뉴 수정 */
.all_category_wrap.new {display:block;}
.all_category_wrap.new .tab_wrap {display:block; height:384px;}
.all_category_wrap.new .tab_wrap:before {content:none;}
.all_category_wrap.new .tab_wrap .first_tab {display:block; position:relative; width:100%;}
.all_category_wrap.new .tab_wrap .first_tab > li {width:157px; position:static;}
.all_category_wrap.new .tab_wrap .first_tab > li > a {position:relative;}
.all_category_wrap.new .tab_wrap .first_tab .pannel {display:block; position:absolute; width:calc(100% - 157px); height:384px; right:0px; top:0px; background-color:#fff;}
.all_category_wrap.new .tab_wrap .first_tab .pannel li {position:static; background-color:#fff;}
.all_category_wrap.new .tab_wrap .first_tab .pannel li a span {padding:0; width: inherit;}
.all_category_wrap .tab_wrap .tabs_cont .tab li:last-child a {border-bottom:0}


/* 기타 접근성 */
.first-depth-1805 .arr_no {height:51px; line-height:51px; font-size:20px;}


/* Bundling Add 2019.12.10 */
.bundl_check {
	float:left;
	position:relative;
	width:24px;
	text-align:left;
}

.mys_prod_lists .list_head_bundl {
	position:relative;
	margin:0 -16px;
	padding:16px;
	background:#f6fcfc;
}

.wfull {width:100% !important;}
.w-70  {width: 70% !important;}
.w-50  {width: 50% !important;}
.mt3 {margin-top:3px !important;}

.tab_fixed {position:fixed;top:0;right:0;left:0;z-index:12;width:100%;background:#fff;height:62px; padding-top: 55px;}
.bundl_detail {position:relative;background:#fff;}
.tab_fixed .tab_wrap .tabs li, .bundl_detail .tab_wrap .tabs li {width:50%;}
.tab_fixed .tab_wrap,
.tab_fixed .tab_wrap .tabs,
.tab_fixed .tab_wrap .tabs li,
.tab_fixed .tab_wrap .tabs li a {height: 62px;}

.tab_fixed .tab_wrap .tabs li a > span {
	line-height: 30px;
	height: 62px;
	padding-top:6px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bundl_detail .tab_wrap .tabs li a > span {
	line-height: 52px;
	height: 52px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tab_fixed .tab_wrap .tabs li a > span > span.bundl_label {
	margin-top:8px;
	width:60px;
	display: block;
	padding:4px 2px;
	font-size:12px;
	line-height:14px;
	vertical-align:top;
	overflow:hidden;
	background-color:#f6f6f6;
	border-radius: 20px;
	text-align: center;
	margin: 0 auto;
}

.tab_fixed .tab_wrap .tabs li a > span > span.bundl_label.final {
	width:80px;
	color:#4caf50;
}

.tab_fixed .tab_wrap .tabs li a > span > span.bundl_label.final::before {
	content:' ';
	display:inline-block;
	width:7px;
	height:12px;
	margin-right:5px;
	border:1px solid #4caf50;
	border-top:none;
	border-left:none;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* 청녹색 완료아이콘 표시 */
.tab_fixed .tab_wrap .tabs li a > span > span.bundl_label.final.cyan {
	color:#007D7D;
}

.tab_fixed .tab_wrap .tabs li a > span > span.bundl_label.final.cyan::before {
	border:1px solid #007D7D;
	border-top:none;
	border-left:none;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.tab_fixed .tab_wrap .tabs li a > span > span.bundl_label.ing {
	color:#f33;
}

.dl_list_wrap.btn_type dl dt.text_normal {
	color:#666;
	font-weight:normal;
}

.bundl_info_box {
	padding:16px;
	background-color:#f6f6f6;
	border-radius:4px;
}

.bundl_photo_txt {
	color:#666;
	font-size: 12px;
	text-align: center;
	margin-left:8px;
}

.tab_bund {
  position: fixed;
  display: flex;
  background-color: #fff;
  align-items: baseline;
  height:52px;
  z-index: 9999;
}

.tab_bund > div {
  padding: 6px 20px;
  width:50%;
  height:100%;
  border-bottom:1px solid #ddd;
  text-align: center;
  font-size:17px;
}

.tab_bund > div.on {
	font-weight: bold;
	color:#ed008c;
	border-bottom:2px solid #ed008c;
}

.tab_bund > div.on a {
	color:#ed008c;
}

.text-truncate-row {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
	height: 2.4em;
	word-break: keep-all;
}

h3.bund_stit {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #eee;
	padding:8px 0;
	margin-top:20px;
}

.text-truncate {
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}

.data_form .forms_wrap .forms dt.font14 {
	font-size: 14px;
}

.table-responsive {
	display:block;
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

p.usedPhone_stit {
	font-size:14px;
	font-weight: bold;
	padding-bottom:6px;
	padding-left: 12px;
	color: #333;
}

.usedPhone_process {
	padding:0 0 0 12px;
	position:relative;
	font-size: 14px;
	color:#666;
}

.usedPhone_process span.box {
	display: inline-block;
	background: #f3f4f8;
	border-radius: 4px;
	border:1px solid #ddd;
	padding: 8px 6px;
	margin-bottom:10px;
	min-width: 135px;
	text-align: left
}

.usedPhone_process span.bar::after {
	display: inline-block;
	padding:0 8px;
	content: ' \2192';
	line-height: 42px;
	color:#666;
}

/* 가입신청서 수정 상세화면 */
.op_con.appli_modify >.dataform_box >.rdo_wrap.info_type >.select_info {padding:16px;}
.op_con.appli_modify >.dataform_box >.rdo_wrap.info_type >.select_info > p.tit {display:block;text-align:left;}
.op_con.appli_modify >.dataform_box.box_type {margin-top: 10px}
.op_con.appli_modify >.data_form {font-size:16px;line-height:19px;}
.op_con.appli_modify >.data_form > .forms_wrap {padding:0;font-size: 16px;margin-top:-20px;}
.op_con.appli_modify >.data_form > .forms_wrap input.txt,
.op_con.appli_modify >.data_form .dataform_box .multi_ipt {font-size:16px;}
/*.op_con.appli_modify >.data_form .forms_wrap .forms dt label,
.op_con.appli_modify >.data_form .forms_wrap .forms dt .label {vertical-align:middle;}*/


/* O2O 매장픽업 Add 2020.03.16 */
/* 매장에서 온라인 주문 */
.flag.o2o {
	display:inline-block;
	height:18px;
	margin:0;
	padding:0 4px;
	color:#bd68ec;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
	background:#fff;
	border:1px solid #bd68ec;
}

.o2o_ico_tel {
	position: absolute;
	top:-4px;
	right: 16px;
	width:37px;
	height:37px;
	background:url('/common/images/hphn/btn_o2o_tel.png') no-repeat 0 0;
	background-size:37px;
}

.o2o_ico_tel a {
	display:block;
	position:relative;
	height:100%;
}

.point_info_wrap .info_top .purchase_point.o2oShop_point {
	width:104px;
	height:16px;
	background:url('/common/images/hphn/o2oShop_point_off.png') no-repeat 0 0;
	background-size:104px 16px;
}

.point_info_wrap .info_top .purchase_point.o2oShop_point em {
	height:16px;
	background:url('/common/images/hphn/o2oShop_point_on.png') no-repeat 0 0;
	background-size:104px 16px;
}

.ico_tits.ico_tits_o2o {
	background:url('/common/images/hphn/o2o_icon_mobile.png') no-repeat;
	background-size:150px auto;
	/*vertical-align:top;
	margin-right:4px;*/
}
.ico_tits.ico_tits_o2o.ico_tit_15 {
	background-position:0px 4px;
}

/* 매장 방문 예약*/
.prod_details_wrap .prod_thumbs .btn_visual .btn.btn_o2o {
	background: #FEEFF2;
	height: auto;
}

.prod_review_wrap.mys_type .list_head .prod_info .o2o_shop {
	display:block;
	color:#666;
	font-size:14px;
	line-height:16px;
	vertical-align:top;
	margin-top:2px;
}

.op_kind_list.o2o > li:nth-child(4) {margin-left:0px;margin-top: 8px;}
.op_kind_list.o2o > li:nth-child(7) {margin-left:0px;margin-top: 8px;}
.op_kind_list.o2o > li:nth-child(n+4) {margin-top: 8px;}

.ml0 {margin-left:0px !important;}
.mb_16 {margin-bottom:-16px !important;}
.bdt_1 {border-top:1px solid #ddd !important;}
.ls_2 {letter-spacing:-2px}
.display_tbl {display: table}

.detail_btn_wrap > .btnArea.detailBtn.o2o_btnArea > .bttn span {padding:0;}

.o2o_area {
	position: relative;
	padding:0px 16px;
}

.o2o_input_wrap {
	display:inline-table;
	position:relative;
	width:100%;
	overflow:hidden;
}

.btn_nowloc {
	position:absolute;
	top:16px;
	right:8px;
	width:32px;
	height:32px;
	margin-top:-9px;
	background:url('/common/images/hphn/o2o_icon_nowloc.png') no-repeat;
}

.btn_o2oSearch {
	position:absolute;
	top:9px;
	right:8px;
	width:32px;
	height:32px;
	background:url(/common/images/cmm/ico_common_mobile.png) no-repeat -125px -145px;
	background-size:300px auto;
	opacity:0.3;
}

/* 해시태그 */
.o2o_hashtag span {
	display: inline-block;
	color: #999;
	margin-top:6px;
	margin-right:8px;
	font-size: 13px;
}

.o2o_hashtag span::before {
	content:'\0023';
	padding-right:3px;
}

.serviceChcekArea{padding:8px 16px;}
.serviceChcekArea input[type=checkbox] + label{/*min-width:90px;*/ height:35px; padding:6px 12px; margin-right:4px;
  background-color:#fff; background-image:none; border-width:1px; border-style:solid; border-radius:4px;
  /*font-family:Dotum;*/ font-size:14px; text-align:center; line-height:35px}
/*
.serviceChcekArea input[type=checkbox] + .serviceChcekParking{border-color:#bd68ec; color:#bd68ec}
.serviceChcekArea input[type=checkbox] + .serviceChcekFlag{border-color:#009af5; color:#009af5}
.serviceChcekArea input[type=checkbox] + label.on, .serviceChcekArea input[type=checkbox] + label:hover { color:#fff; background-image:none; }
.serviceChcekArea input[type=checkbox]:focus + label {outline:1px dotted #666; background-image:none}
.serviceChcekArea input[type=checkbox] + .serviceChcekParking.on, .serviceChcekArea input[type=checkbox] + .serviceChcekParking:hover { background-color:#bd68ec }
.serviceChcekArea input[type=checkbox] + .serviceChcekFlag.on, .serviceChcekArea input[type=checkbox] + .serviceChcekFlag:hover { background-color:#009af5; }
*/

.serviceChcekArea input[type=checkbox] + .serviceChcekParking{border-color:#bd68ec; color:#bd68ec}
.serviceChcekArea input[type=checkbox] + .serviceChcekFlag{border-color:#009af5; color:#009af5;}
.serviceChcekArea input[type=checkbox] + .serviceChcekFlag.on { background-color:#009af5; color:#fff; }
.serviceChcekArea input[type=checkbox] + .serviceChcekParking.on { background-color:#bd68ec; color:#fff; }

.o2o_map {
	width: 100%;
	height:100%;
	overflow: auto;
}

/* 0720 추가 */
.o2o_btn_research{
    border-radius: 22px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 2px 15px;
    height: 37px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #333;
    box-sizing: border-box;
}
.o2o_btn_research img {
	margin-right:3px;
}

.o2oShop_info {
	position: fixed;
	width: calc(100% - 32px);
	bottom: 0;
	left:16px;
	background:#fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border:1px solid #ccc;
	border-bottom-style: none;
}

.o2oShop_area {
	position: relative;
	padding:16px 16px 12px;
	height:auto;
}

.prod_review_wrap.o2o_type {
	padding:0;
}

.prod_review_wrap.o2o_type .list_head {
	border-top: none;
	background: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius:8px;
	padding-bottom:4px;
}

.prod_review_wrap.o2o_type .list_head .distance {
	display: block;
	font-weight: normal;
	font-size: 14px;
}

.prod_review_wrap.o2o_type .list_head .prod_info .name {
	margin-left:0;
	font-size: 16px;
	font-weight: bold;
	width:85%
}

.prod_review_wrap.o2o_type .list_head .prod_info .name span {width:27px;display:inline-block;margin-left:6px;position:relative;top:-4px}
.prod_review_wrap.o2o_type .list_head .prod_info .name span img {width:100%}

.prod_review_wrap.o2o_type .list_head .o2o_ico_tel {
	top:10px;
}

.prod_review_wrap.o2o_type .list_head .o2o_ico_tel a:before {
	margin-left:6px;
	margin-top:6px;
}

.prod_review_wrap.mys_type.o2o_type .list_body {
	margin-top: 0;
	font-size:14px;

}

.prod_review_wrap.mys_type.o2o_type .list_body p {
	margin-top:4px;
}

.prod_review_wrap.mys_type.o2o_type .loadName {
	color:#666;
	font-size:13px;
}

.load_Name {
	color:#666;
	font-weight:normal;
	font-size:14px;
}

/*.prod_review_wrap.o2o_type .list_head .purchase_point {
	margin-top:4px;
}*/

.o2oShop_btnArea {
	margin-top:12px;
	text-align: center;
}

.o2oShop_btnArea .bttn.medium {font-size:16px;height:36px}

.o2oShop_btnArea .o2o_btn_disMsg {
	position:relative;
	color:#666;
	text-align:center;
	padding-top: 8px;
	font-size: 13px;
}

.o2oShop_btnArea .o2o_btn_disMsg span.dot{
	content:' ';
	position:absolute;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#666;
	line-height:inherit;
	bottom:6px;
}

.o2oShop_btnArea .o2o_btn_disMsg span.noti {
	padding-left:8px;
}

.o2oShop_tit {
	padding:16px 16px 8px;
}

.o2oShop_tit p {
	font-size: 17px;
	font-weight: bold;
}


/* 버튼 미디어쿼리 추가 */
/*@media screen and (min-width:320px) and (max-width: 375px) {
	.o2oShop_btnArea button {width:100%;}
}*/

/*.pop_wrap .pop_content .comp_ment .tit.o2oMsg {position:relative; padding-top:76px; color:#333; font-size:20px; line-height:24px; font-weight:bold; text-align:center;}*/
.pop_wrap .pop_content .comp_ment .tit.ico_o2o:before {
	background:url('/common/images/hphn/o2o_icon_mobile.png') 5px -22px no-repeat;
	background-size:150px auto;
}

.point_info_wrap .sort_btn.o2o_sort_btn {
	position:absolute;
	top:20%;
	right:16px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* 매장 픽업 */
.op_kind_list > li.o2o {
	width: 100%;
	margin-left:0;
	margin-top:8px;
}
.op_con .rdo_wrap.info_type .select_info .tit {text-align: left;}
.slt_size2 .select_wrap.o2o {display:inline-block; width:calc((100% - 8px) / 2); margin:0; margin-left:8px;}
.slt_size2 .select_wrap.o2o:first-child {margin-left:0;}
.application_wrap .apl_complete .gybg_box.o2oInfo {text-align:left;}

/* 매장방문예약 point 위치수정 */
.o2oShop_area .prod_review_wrap .list_head .purchase_point {}

/*유심가입 페이지 간소화*/
.contents.new_usim {background-color:#e4e7ee;}
.contents.new_usim .kind_area {background:#f3f5fa;padding:10% 9%;margin:0;border-bottom:0;}
.contents.new_usim .kind_area .h2_tit {}
.contents.new_usim .kind_area.no_pd {padding:0}
.contents.new_usim .kind_area.bg_info {background:#d4d6de}

.new_usim .imgCont {position:relative}
.new_usim .imgCont .btn_detail {position:absolute;display:block;text-indent:-999999px;overflow:hidden}
.new_usim .imgCont .btn_detail.benefit {width:26%;height:2.8%;left:50%;transform:translate(-50%,0);top:27.2%;}
.new_usim .imgCont .btn_detail.benefit_v2 {width:26%;height:2%;left:50%;transform:translate(-50%,0);top:20.15%;}
.new_usim .imgCont .btn_detail.flatrate01 {width:21%;height:4%;left:50%;transform:translate(-50%,0);top:50.8%;}
.new_usim .imgCont .btn_detail.flatrate02 {width:44.3%;height:36.2%;top:54.6%;left:auto;right:4.5%;}
.new_usim .imgCont .btn_detail.flatrate03 {width: 34%;height: 4.2%;bottom: 0.7%;right: 4.5%;}
.new_usim .imgCont .btn_detail.ushop_coupon {width: 34%;height: 4.2%;top:11%;left:6.3%;}
.new_usim .imgCont .btn_detail.evt {width:88.8%;height:10.8%;left:50%;transform:translate(-50%,0);top:32.8%;}
.new_usim .imgCont .btn_detail.lte {width:24.8%;height:2.6%;left:64%;top:89.8%;}
.new_usim .imgCont .btn_detail.lte_v2 {width:24.8%;height:2%;left:64%;top:86.2%;}

.new_usim .usim_agree_acMenu > dt {border-bottom:1px solid #dddddd;padding:10px 0}
.new_usim .usim_agree_acMenu > dd {padding:10px 0 10px 20px;border-bottom:1px solid #ddd}
.new_usim .usim_agree_acMenu > dd:last-child {border-bottom:none}
.new_usim .usim_agree_acMenu > dd > dl > dt {padding:0 40px 0 0;position:relative;font-weight:bold}
.new_usim .usim_agree_acMenu > dd > dl > dd {display:none}
.new_usim .usim_agree_acMenu > dd > dl > dd.open {display:block}
.new_usim .usim_agree_acMenu > dd > dl > dt .cont_toggleBtn {width:50px;height:100%;position:absolute;top:0;right:0;display:block;text-indent:-999999px;overflow:hidden}
.new_usim .usim_agree_acMenu > dd > dl > dt .cont_toggleBtn::after {content:' '; display:block; position:absolute; top:50%; right:20px; z-index:1; width:10px; height:10px; margin-top:-8px; border:1px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.new_usim .usim_agree_acMenu > dd > dl > dt .cont_toggleBtn.opened::after {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.new_usim .usim_agree_acMenu > dd > dl > dd {font-size: 15px;color:#666;padding:15px 0;}
.new_usim .usim_agree_acMenu .chk_wrap label {font-weight:bold;letter-spacing:-2px}

.new_usim .joiner_info_box {padding:20px 0}
.new_usim .joiner_info_box input {border:1px solid #e1e5e8;border-radius:30px 30px;padding-left:20px}
.new_usim .joiner_info_box input + input {margin-top:10px}

.new_usim .use_info {margin:-10px 0}
.new_usim .use_info dt {font-size:17px;font-weight:bold;color:#333;position:relative}
.new_usim .use_info dt .cont_toggleBtn {width:50px;height:100%;position:absolute;top:0;right:0;display:block;text-indent:-999999px;overflow:hidden}
.new_usim .use_info dt .cont_toggleBtn::after {content:' '; display:block; position:absolute; top:50%; right:20px; z-index:1; width:10px; height:10px; margin-top:-8px; border:1px solid #000; border-top:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.new_usim .use_info dt .cont_toggleBtn.opened::after {margin-top:-3px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.new_usim .use_info dd {display:none;padding-top:15px}
.new_usim .use_info dd.open {display:block;}

.new_usim .use_info dd li {position:relative; margin-top:4px; padding-left:12px; color:#666; font-size:14px; line-height:18px;}
.new_usim .use_info dd li:before {content:' '; position:absolute; width:3px; height:3px; border-radius:50%; top:7px; left:4px; background:#666; line-height:inherit;}
.new_usim .use_info dd li:first-child {margin-top:0;}
.new_usim .use_info dd li a {display:block}
.new_usim .use_info dd li a span {display:inline-block; position:relative; padding-right:14px; color:#333; font-size:14px; line-height:20px; vertical-align:top;}
.new_usim .use_info dd li a span:before {content:' '; display:block; position:absolute; top:7px; right:4px; width:7px; height:7px; border:1px solid #333; border-bottom:none; border-left:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.new_usim .info_wrap {background:#f3f5fa}
.new_usim .info_wrap .st_newUsim {background:#ed008c;color:#fff}
.new_usim .info_wrap .st_newUsim.unabled {background:#ccc;color:#666666}


.fixed_joinBtn {position:fixed;bottom:0;left:0;width:100%;z-index:10}
.fixed_joinBtn a {height:70px;width:100%;background:#ed008c;font-size:21px;color:#fff;display:block;text-align:center;line-height:65px;font-weight:bold}
.fixed_joinBtn a.unabled {background:#ccc;color:#666666}

.new_usim .btn_usimJoin2 {position:absolute;display:block;text-indent:-999999px;overflow:hidden;left:0;width:43%;height:2.8%;top:34.3%;}
.new_usim .btn_usimJoin3 {position:absolute;display:block;text-indent:-999999px;overflow:hidden;left:0;width:43%;height:2.8%;top:60.3%;}
.new_usim .link_direct01 {position:absolute;display:block;text-indent:-999999px;overflow:hidden;left:24.9%;transform:translateX(-50%);width:28%;height:1.8%;top:12.85%;}
.new_usim .link_direct02 {position:absolute;display:block;text-indent:-999999px;overflow:hidden;left:24.9%;transform:translateX(-50%);width:28%;height:1.8%;top:48.5%;}

.new_usim .btn_usim_popup.renew {position:absolute;display:block;text-indent:-999999px;overflow:hidden;top:0;left:0;width:9.2%;height:3.6%;top:84.2%}
.new_usim .usim_popup_wrap {width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:1000;display:none}
.new_usim .usim_popup_wrap.open {display:block}
.new_usim .usim_popup {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;background:#fff;border-radius:20px 20px;overflow:hidden;box-sizing:border-box}
.new_usim .usim_popup .img_cont {width:100%;box-sizing:border-box;padding:30px}
.new_usim .usim_popup img {display:block;margin:0 auto;width:100%}
.new_usim .usim_popup .usim_popup_close {width:100%;display:block;border-top:1px solid #ddd;color:#ed008c;font-size:16px;width:100%;padding:10px 0;font-weight:bold}
.new_usim .usim_popup .inPopupLink {position:absolute;top:21%;left:50%;transform:translate(-50%,0);width:130px;height:30px;text-indent:-99999px;}


/* 개선 팝업(기존 팝업에 renew 클래스 추가하여 사용) */
.pop_wrap.renew .pop_header {background:#fff;}
.pop_wrap.renew .pop_header .h1_tit {font-size:18px;}
.pop_wrap.renew .pop_content {padding:51px 0 48px;}
.pop_wrap.renew .pop_content .content {padding:16px 20px;}
.pop_wrap.renew .btn_wrap {border-top:1px solid #d3d3d3;}
.pop_wrap.renew .pop_content .inner_conts {padding:0;}

.lay_wrap.video_type {width:91.5%; max-width:656px; border-radius:0; overflow:visible;}
.lay_wrap.video_type .content {position:relative;}
.lay_wrap.video_type .content iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.lay_wrap.video_type .btn_close_wrap {position:absolute; right:0; top:-25px;}
.lay_wrap.video_type .btn_close_wrap button {width:20px; height:20px;}
.lay_wrap.video_type .btn_close_wrap button:before {content:''; display:inline-block; height:20px; border-left:1px solid #fff; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.lay_wrap.video_type .btn_close_wrap button:after {content:''; display:inline-block; height:20px; margin-left:-1px; border-left:1px solid #fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}

/* 개선 일반 팝업을 레이어 팝으로 사용할 경우 */
.pop_wrap.renew.layer {height:100%; min-height:100% !important; overflow:hidden;}
.pop_wrap.renew.layer .pop_content {height:100%; overflow-y:scroll;}

/* 유심가입 mw 진입 팝업 */
#quickPopWrap {width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 1000;display:none;}
#quickPopWrap.open{display:block;}
.popWrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;background: #fff;border-radius: 20px 20px;overflow: hidden;box-sizing: border-box;padding:30px;}
.popWrap .closePop {text-indent:-9999999px;position:absolute;width:20px;height:20px;top:16px;right:14px;background:url('/common/images/hphn/usim/self_usim_m_pop_close.png') 0 0 no-repeat;background-size:100%;}
.popWrap img {display: block;margin: 0 auto;width: 100%;}
.popWrap .btnWrap {display:flex;margin-top:20px;}
.popWrap .btnWrap button:nth-child(1) {margin-right:4px;}

/* 개선 정렬 버튼 */
.pop_content .sort_list.renew {margin:0; display:table; width:100%;}
.pop_content .sort_list.renew li {position:relative; display:table-cell; text-align:center; min-width:64px;}
.pop_content .sort_list.renew li + li {padding-left:8px;}
.pop_content .sort_list.renew .btn_n {width:100%; margin:0; border-color:#cdcdcd; border-radius:32px; color:#666;}
.pop_content .sort_list.renew .btn_n.on {color:#000; border:2px solid #000; font-weight:bold;}
.pop_content .sort_list.renew .btn_n .ico {position:absolute; right:15px; top:14px; width:8px; height:8px; border:1px solid #333; border-top:none; border-left:none; background:none; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.pop_content .sort_list.renew .btn_n .ico + span {padding-right:20px;}
.pop_content .sort_list.renew .btn_n.on .ico {top:18px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}


/* 가변 툴팁 */
.tooltip_box_hidden {visibility:hidden; width:0; height:0; position:absolute; left:0; top:0; overflow:hidden;}
.tooltip_box_new {display:block; position:absolute; max-width:250px; min-width:140px; padding:10px 30px 10px 10px; font-size:12px; line-height:14px; border:1px solid #ddd; border-radius:4px; background:#fff; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.05); z-index:9001;}
.tooltip_box_new .arrw {position:absolute; top:-6px; left:18px; width:10px; height:10px; border:1px solid #ddd; border-left:none; border-bottom:none; background:#fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.tooltip_box_new .btn_close {position:absolute; top:7px; right:6px; width:20px; height:20px;}
.tooltip_box_new .btn_close:before {content:'\2715'; display:block; color:#333; font-size:16px;}


/* 개선 및 신규 인풋(각  wrap 클래스에 renew 클래스 추가) */
.rdo_wrap.renew input[type='radio'] ~ label,
.rdo_wrap.month_type input[type='radio'] ~ label {height:48px; padding:0; border-color:#cdcdcd; color:#666; line-height:46px;}
.rdo_wrap.renew input[type='radio']:checked + label,
.rdo_wrap.month_type input[type='radio']:checked + label {border:2px solid #333; color:#000; font-weight:bold; line-height:44px;}
.rdo_wrap.renew input[type='radio']:disabled + label,
.rdo_wrap.month_type input[type='radio']:disabled + label {background-color:#f6f6f6; color:#999;}
.rdo_wrap.renew input[type='radio'] + label .small {font-size:11px;}
.chk_sltlist_wrap .chk_wrap.gray .select_info {background-color:#f6f6f6; color:#666; font-size:15px; border-radius:4px;}
.chk_sltlist_wrap .chk_wrap.gray.type2 .select_info {background-color:#eceff5; padding:19px 36px 19px 48px;}
.chk_sltlist_wrap .chk_wrap.gray.type2 .select_info .tit {line-height:20px;}
.chk_sltlist_wrap .chk_wrap.gray.type2 [type='checkbox'] ~ label:after {top:17px;}
.chk_sltlist_wrap .chk_wrap.gray [type='checkbox'] ~ label {border:none;}
.chk_sltlist_wrap .chk_wrap.gray [type='checkbox']:checked ~ .select_info {color:#000;}
.rdo_sltlist_wrap.renew .rdo_wrap [type='radio']:checked ~ label {border:2px solid #333;}
.rdo_sltlist_wrap.renew .rdo_wrap .select_info {padding:12px 16px 19px;}
.rdo_sltlist_wrap.renew .rdo_wrap .select_info .tit {font-size:12px; color:#666;}
.rdo_sltlist_wrap.renew .rdo_wrap .select_info .ss_txt {font-size:16px; color:#666; font-weight:bold;}
.rdo_sltlist_wrap.renew .rdo_wrap .select_info .discount {right:19px; color:#666; font-size:17px; font-weight:bold;}
.rdo_sltlist_wrap.renew .rdo_wrap .select_info .discount span {display:inline-block;}
.rdo_sltlist_wrap.renew .rdo_wrap [type='radio']:checked ~ .select_info .tit,
.rdo_sltlist_wrap.renew .rdo_wrap [type='radio']:checked ~ .select_info .ss_txt,
.chk_sltlist_wrap.renew .chk_wrap [type='checkbox']:checked ~ .select_info .tit {color:#333 !important;}
.chk_sltlist_wrap.renew .chk_wrap .select_info .tit {font-size:15px; color:#666; line-height:normal;}
.chk_sltlist_wrap.renew .chk_wrap [type='checkbox']:checked ~ label {border:2px solid #333;}
.chk_sltlist_wrap.renew .chk_wrap [type='checkbox']:checked ~ label:after,
.chk_wrap.renew input[type='checkbox']:checked+label:after,
.chk_sltlist_wrap .chk_wrap.gray.type2 [type='checkbox']:checked ~ label:after {background-position:-156px 0;}
.rdo_wrap.info_type.renew input[type='radio'] ~ label {height:auto;}
.rdo_wrap.info_type.renew input[type='radio']:checked ~ label {border:2px solid #333;}
.rdo_wrap.info_type.renew input[type='radio']:checked + .select_info .tit {color:#000; font-weight:bold;}
.rdo_wrap.info_type.renew input[type='radio']:checked + .select_info .tit span {color:#666;}
.renew input[type='radio'] ~ label.table {display:table;}
.renew input[type='radio'] ~ label.table > * {display: table-cell; line-height:100%; text-align:center; width:100%; vertical-align:middle; margin-top:5px;}
.inptxt_wrap.line_type {height:33px; border-radius:0; border:0; border-bottom:1px solid #ddd; margin-top:5px;}
.inptxt_wrap.line_type:hover, .inptxt_wrap.line_type:active, .inptxt_wrap.line_type:focus, .inptxt_wrap.line_type:visited {border-color:#ddd;}
.inptxt_wrap.line_type input.txt {height:100%; min-height:33px; padding:0; font-weight:bold;}
.line_type.size_half input.txt {display:inline-block; width:calc((100% - 20px) / 2);}
.inptxt_wrap.line_type.disabled,
.inptxt_wrap.line_type input.txt:disabled {background-color:#fff; color:#999;}
.data_form .dataform_box .line_type.size_half .ept {line-height:33px;}
.data_form .dataform_box .line_type.size_half .select_wrap {width:50%;}
.chk_wrap.renew [type='checkbox']:checked + label {font-weight:bold;}
.chk_wrap.renew input[type='checkbox']:disabled+label:after {background-position:-204px 0;}
.chk_wrap.renew input[type='checkbox']:checked:disabled+label:after {background-position:-180px 0;}


/* 신규 아코디언 스타일 */
.list_acco.gray {background-color:#f6f6f6; border-radius:4px; border-top:0;}
.list_acco.gray .head {padding:16px 50px 16px 16px;}
.list_acco.gray .head .btn_arr {right:20px;}
.list_acco.gray ul > li .cont,
.application_wrap.renew .data_form .forms_wrap .list_acco.gray ul > li .cont {padding:14px 0; margin:0px 16px; border-top:1px solid #ddd;}


/* 신규 리스트 스타일 */
.dataform_box.flex {display:flex;}
.dataform_box.flex > * {flex:auto; width:100%; table-layout:fixed;}
.dataform_box.flex > * + * {margin-left:8px;}
.dot_list li.bold2 {color:#333;}

/* 신규 버튼 스타일 */
.bttn.gray2 {background-color:#333; color:#fff;}
.data_form .dataform_box .bttn.auto {width:auto; min-width:auto; height:28px; font-size:14px; line-height:26px;}
.data_form .dataform_box .bttn.big {height:48px; line-height:46px; font-size:15px;}
.data_form .dataform_box .bttn[disabled] {background-color:#eee; color:#999;}

/* 신규 버튼 스타일 2x2 */
.dataform_box.twobytwo .rdo_wrap {width:48.7%;}
.dataform_box.twobytwo .rdo_wrap:nth-child(1),.dataform_box.twobytwo .rdo_wrap:nth-child(2) {margin-bottom:8px;}
.dataform_box.twobytwo .rdo_wrap:nth-child(even) {float:right;}


/* 신규 플래그 및 아이콘 */
.flag_wrap .flag.round {border-radius:9px; padding:0 9px;}
.flag_wrap .flag.purple {background-color:#ad00d8;}
.flag_wrap .flag.orange {background-color:#ff5a00;}
.ico_qustion.gray {display:inline-block; width:20px; height:20px; background:url('/common/images/cmm/ico_common_mobile.png') -202px -264px no-repeat; background-size:300px auto; vertical-align:top;}
.ico_qustion.gray.type2 {position:absolute; right:16px; top:17px; z-index:1; width:21px; height:21px; background:url(/common/images/cmm/ico_common_mobile.png) -221px -264px no-repeat; background-size:300px auto;}
.op_tit > .ico_qustion.gray {vertical-align:bottom; margin-left:8px;}


/* 개선 탭 */
.tab_wrap.renew .tabs li.on a:before {background-color:#000;}
.tab_wrap.renew .tabs li a > span {font-size:16px; color:#666;}
.tab_wrap.renew .tabs li.on a > span {color:#000;}


/* 개선 계산기 */
.quk_detail_wrap.renew > .detail_btn_wrap {padding:0; background-color:#fff;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price {padding:11px 20px 14px; font-size:0;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span {display:inline-block; float:none; width:50%; text-align:right; vertical-align:middle;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span:first-child {font-size:14px; text-align:left;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span em {font-size:14px; color:#666; margin-bottom:1px;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span em span {color:#333; font-weight:bold; padding-left:2px;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span em span.dcPer {font-size:12px;color:#ed008c;letter-spacing:0px;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span .num_wrap {display:inline-block; margin-right:6px; vertical-align:middle; text-align:right; line-height:100%;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span .num_wrap .txt {display:block; margin-bottom:2px; font-size:13px; color:#666;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span .num_wrap .num {margin-right:0; line-height:19px;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span .num_wrap + button {vertical-align:middle;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .btnArea {table-layout:fixed; width:100%; text-align:left;}
.quk_detail_wrap.renew > .detail_btn_wrap > .btnArea > .bttn {display:table-cell; width:100%; border-radius:0; margin-left:0;}
.quk_detail_wrap.renew > .detail_btn_wrap > .btnArea > .bttn:before {content:none;}
.quk_detail_wrap.renew > .detail_btn_wrap > .btnArea > .bttn + .bttn {border-left:1px solid #9896b7;}
.quk_detail_wrap.renew > .detail_btn_wrap > .btnArea > .bttn span {font-weight:bold;}
.quk_detail_wrap.renew > .detail_btn_wrap.st_2row > .price > span .num {font-size:19px;}
.quk_detail_wrap.renew .calculator_wrap .calculator_box {padding:13px 8px 15px;}
.quk_detail_wrap.renew .dl_list_wrap dl {margin-top:3px; padding:0 12px;}
.quk_detail_wrap.renew .dl_list_wrap dl dt {font-size:15px; color:#666;}
.quk_detail_wrap.renew .dl_list_wrap dl dd {font-size:15px;}
.quk_detail_wrap.renew .dl_list_wrap dl.dep1_total {background-color:#f7f7f7; padding:8px 12px; margin:10px 0 0;}
.quk_detail_wrap.renew .dl_list_wrap dl.dep1_total dt,
.quk_detail_wrap.renew .dl_list_wrap dl.dep1_total dd {font-size:16px; color:#333;}
.quk_detail_wrap.renew .dl_list_wrap dl.dep1_total + dl {margin-top:10px;}
.quk_detail_wrap.renew .calculator_wrap a.btn_toggle {background:url('/common/images/hphn/btn_toggle_down_v2.png') no-repeat;background-size:66px 26px;}
.quk_detail_wrap.renew .calculator_wrap a.btn_toggle.on {background:url('/common/images/hphn/btn_toggle_up_v2.png') no-repeat;background-size:66px 26px;}
.quk_detail_wrap.renew .calculator_wrap .dl_list_wrap .desc {font-size:15px; padding:0 12px;}
.quk_detail_wrap.renew .dl_list_wrap .tool_tip .tool_tip_body {top:-65px;}


/* 개선 및 신규 동의 폼 */
.data_form.renew {border-bottom:0;}
.data_form.renew + .data_form.renew .form_info {margin-top:0;}
/* .data_form.renew .agree_form_wrap {border-bottom:1px solid #ddd;} */
.data_form.renew .agree_form_wrap .guide_txt {font-size:16px; color:#333; border-bottom:1px solid #ddd; padding-bottom:12px; margin:12px 0;}
.data_form.renew .agree_form_wrap .txt_noti_blak {font-size:14px; padding-top:12px;}
.data_form.renew .agree_form_wrap .list_acco.depth1 {border-bottom:1px solid #ddd;}
.data_form.renew .agree_form_wrap .list_acco.depth1:last-child {border:0;}
.data_form.renew .agree_form_wrap .depth1 .chk_wrap.renew + .txt_noti {padding-left:30px;}
.data_form.renew .chk_wrap .text_type {font-size:16px; font-weight:bold;}
.data_form.renew .chk_wrap.renew span.txt {position:relative; margin-top:4px; padding-left:12px; color:#333; line-height:16px;}
.data_form.renew .chk_wrap.renew span.txt:before {content:' '; display:block; position:absolute; top:8px; left:4px; width:3px; height:3px; border-radius:50%; background:#333;}


/* 복지몰 CSS추가   */
.welfare_join{display:block; height:55px; margin:36px 16px 0 16px; background:#fff; text-align:center; border:1px solid #ccc; border-radius:5px;}
.welfare_join img{position:relative; top:-1px; width:auto!important; max-height:24px; vertical-align:middle;}
.welfare_join span{line-height:52px; font-size:17px; color:#333; margin-left:5px;}
.welfare_join+.btn_lgu{margin-top:10px!important;}
.welfare_body{background:#fff;}
.welfare_body .swiper_pag_wrap{position:absolute; right:15px; width:auto; bottom:15px; z-index:3; height:24px;}
.welfare_body .swiper_pag_wrap .swiper-pagination,
.welfare_body .swiper_pag_wrap .stop_play{position:static; display:inline-block; vertical-align:top; width:auto; height:9px; font-size:12px; color:#222;}
.welfare_body .swiper_pag_wrap .swiper-pagination{height:24px; line-height:24px; padding:0 10px; margin-left:20px; margin-right:-2px; margin-top:0; border-radius:4px 0 0 4px; background:rgba(255,255,255,0.7);}
.welfare_body .swiper_pag_wrap .swiper-pagination span:first-child{font-weight:bold;}
.welfare_body .swiper_pag_wrap .swiper-pagination span{font-size:12px; color:#222;}
.welfare_body .swiper_pag_wrap .swiper-pagination .swiper-pagination-bullet{width:6px; height:6px; margin:0 3px; border-radius:3px; background:#c3b2c7; vertical-align:top; opacity:1;}
.welfare_body .swiper_pag_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:18px; background:#8c858d;}
.welfare_body .swiper_pag_wrap .stop_play .stop{display:block; position:relative; width:24px; height:24px; padding:8px 9px; margin-right:-2px; text-indent:-1000em; overflow:hidden; background:rgba(255,255,255,0.7); border-radius:0 4px 4px 0;}
.welfare_body .swiper_pag_wrap .stop_play .stop:after{content:""; display:block; position:Absolute; top:8px; left:10px; width:6px; height:8px; border-right:2px solid #222; border-left:2px solid #222; vertical-align:top;}
.welfare_body .swiper_pag_wrap .stop_play .play{display:none; position:relative; width:24px; height:24px; padding:8px 8px 7px 9px; margin-right:-2px; text-indent:-1000em; overflow:hidden; background:rgba(255,255,255,0.7);}
.welfare_body .swiper_pag_wrap .stop_play .play:after{content:""; display:block; position:Absolute; top:8px; left:10px; width:6px; height:7px; background:url(/common/images/upapp/icon_play.png); background-size:100%; text-indent:-1000em; overflow:hidden;}
.welfare_body .swiper_pag_wrap .stop_play.on .play{display:block;}
.welfare_body .swiper_pag_wrap .stop_play.on .stop{display:none;}
.welfare_body .welfare_banner{border-top:1px solid #e5e5e5; margin:20px 0;}
.welfare_body .welfare_banner:after{content:""; display:block; clear:both;}
.welfare_body .welfare_banner li{float:left; width:25%; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}/*.welfare_body .welfare_banner li{float:left; width:50%; border-bottom:1px solid #e5e5e5;}*/
.welfare_body .welfare_banner li a > span{position:relative; top:-2px; display:inline-block; margin-right:5px; vertical-align:middle;}
.welfare_body .welfare_banner li a > span.icon1{width:17px; height:25px; background:url(/common/images/welfare_m/icon_5g.png) no-repeat; background-size:100% auto;}
.welfare_body .welfare_banner li a > span.icon2{width:22px; height:24px; background:url(/common/images/welfare_m/icon_4g.png) no-repeat; background-size:100% auto;}
.welfare_body .welfare_banner li a > span.icon3{width:23px; height:23px; background:url(/common/images/welfare_m/icon_acc.png) no-repeat; background-size:100% auto;}
.welfare_body .welfare_banner li:first-child{border-right:0 none;}/*.welfare_body .welfare_banner li:first-child{border-right:1px solid #e5e5e5;}*/
.welfare_body .welfare_banner li:last-child{width:50%;}/*.welfare_body .welfare_banner li:last-child{float:none; width:100%; clear:both;}*/
.welfare_body .welfare_banner a{display:block; height:48px; line-height:46px; text-align:center; color:#333; font-size:15px;}
.welfare_body .title_line{padding:25px 20px 10px 20px; background:#eee;}
.welfare_body .title_line:after{content:""; display:block; clear:both;}
.welfare_body .title_line h3{float:left; font-size:18px; font-weight:bold; color:#333;}
.welfare_body .title_line .right_side{float:right; margin-top:3px;}
.welfare_body .title_line .right_side:after{content:""; display:block; clear:both;}
.welfare_body .title_line .right_side > li{float:left; margin-left:10px; lin-height:20px;}
.welfare_body .title_line .right_side > li .total_cont{font-size:12px; line-height:20px; }
.welfare_body .title_line .right_side > li .total_cont span{margin:0 3px 0 6px; font-size:12px; line-height:20px; color:#333; font-weight:bold;}
.welfare_body .title_line .right_side > li .refresh{border:0 none; width:20px; height:20px; background:url(/common/images/welfare_m/icon_refresh.png) no-repeat; text-indent:-1000em; overflow:hidden; background-size:20px auto;}
.welfare_body .welfare_pro_list li{position:relative; border-top:1px solid #e5e5e5; border-bottom:8px solid #eee;}
.welfare_body .welfare_pro_list li > a{display:block; min-height:188px; overflow:hidden;}
.welfare_body .welfare_pro_list li .thum{float:left; position:relative; width:144px; height:144px; margin:22px 0 0 16px; text-align:center;}
.welfare_body .welfare_pro_list li .thum img{width:auto; height:100%;}
.welfare_body .welfare_pro_list li .thum .color{position:absolute; left:0; bottom:0;}
.welfare_body .welfare_pro_list li .thum .color span{display:block; position:relative; width:10px; height:10px; margin-top:6px; border-radius:2px; border:1px solid #ddd; overflow:hidden;}
.welfare_body .welfare_pro_list li .thum .color span.wea_exp:after {content:' '; position:absolute; left:-5px; top:5px; width:17px; height:1px; background:#fff; transform:rotate(-45deg);}
.welfare_body .welfare_pro_list li .thum .color span.wea_exp.white:after {background-color:#ddd;}
.welfare_body .welfare_pro_list li .info{position:relative; margin-left:168px; padding:45px 16px 12px 0;}
.welfare_body .welfare_pro_list li .info .flag_wrap{bottom:auto; top:26px;}
.welfare_body .welfare_pro_list li .info .model_name{width:100%; line-height:22px; padding:0 15px 0 0; font-size:17px; font-weight:bold; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.welfare_body .welfare_pro_list li .info .ori_price{width:100%; padding:0 15px 28px 0; line-height:1.2; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.welfare_body .welfare_pro_list li .info .sub_type{width:100%; padding:0 15px 0 0; line-height:1.2; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#ed008c;}
.welfare_body .welfare_pro_list li .info .last_price{width:100%; padding:0 15px 0 0; line-height:1.5; font-size:17px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.welfare_body .welfare_pro_list li .info .last_price span{font-weight:bold; color:#333;}
.welfare_body .welfare_pro_list li .btn_interest {display:inline-block; position:absolute; top:16px; right:16px; width:32px; height:32px; background:url('/common/images/cmm/ico_common_mobile.png') -40px -144px no-repeat; background-size:300px auto;}
.welfare_body .welfare_pro_list li .btn_interest.on {background-position:-40px -176px;}
.flag.welfare{background:#a70386;}
.welfare_body .mobile_view{width:100%; margin:0 auto;}
.welfare_body .section{position:relative;}
.welfare_body .section img{width:100%;border:0;vertical-align:top;}
.welfare_body .section .btn_event{
    position:absolute;
    font-size:0;
    line-height:0;
    background:rgba(0, 0, 0, 0.0);
}
.label_welfare{position:Absolute; top:10px; left:16px; z-index:10; display:inline-block; padding:0 5px; border:1px solid #ed008c; background:#fff; height:24px; line-height:20px; font-size:12px; color:#ed008c;}
.label_welfare+.btn_pack{top:45px!important;}
.welfare_type_box{position:Absolute; top:5%; left:5%; width:90%; z-index:10; background:#fff;}
.welfare_type_box  .item_info_box .txt strong {font-size:20px; font-weight:bold; line-height:24px; color:#ed008c;}
.welfare_type_box  .item_info_box {height:262px; padding:20px 24px 16px; border-radius:4px; box-shadow:0 2px 1px rgba(0, 0, 0, .05)}
.welfare_type_box  .item_info_box .txt {margin-top:0; padding-left:8px;}
.welfare_type_box  .item_info_box i.info_img {width:56px; height:56px; margin:0;}
.welfare_type_box  .item_info_box .img_top {display:table;}
.welfare_type_box  .item_info_box .img_top .txt {display:table-cell; vertical-align:middle;}
.welfare_type_box  .item_info_box .item_info_inner {padding:0 30px;}

.welfare_type_box  .item_info_box .img_type {margin-top:12px;}
.welfare_type_box  .item_info_box .img_type li {position:relative; margin-top:8px; padding-left:32px; color:#666; font-size:14px; line-height:17px;}
.welfare_type_box  .item_info_box .img_type li:first-child {margin-top:0;}
.welfare_type_box  .item_info_box .img_type li:last-child {padding-left:0; color:#ED008C;}
.welfare_type_box  .item_info_box .img_type li .ico {position:absolute; top:50%; left:0;  width:24px; height:24px; margin-top:-12px; background:url('/common/images/cmm/ico_common_mobile.png') no-repeat 0 0; background-size:300px auto;}
.welfare_type_box  .item_info_box .img_type li .ico.ico01 {background-position:0 -605px; opacity:.6;}
.welfare_type_box  .item_info_box .img_type li .ico.ico02 {background-position:-24px -605px; opacity:.6;}
.welfare_type_box  .item_info_box .img_type li .ico.ico03 {background-position:-48px -605px;}
.welfare_type_box.black .item_info_box{background:#000; border-top:0 none;}
.welfare_type_box.black .item_info_box span{color:#e5e5e5;}

/* 홈서비스 개선관련 css 추가 [2020-10-21] */
.pop_wrap.hsvc_renew .rdo_sltlist_wrap li .rdo_wrap [type='radio']:checked ~ label{border:2px solid #000;}
.pop_wrap.hsvc_renew .rdo_sltlist_wrap li .rdo_wrap [type='radio']:checked ~ label .select_info{padding:15px}
.pop_wrap.hsvc_renew .rdo_sltlist_wrap li .rdo_wrap [type='radio']:checked ~ label .chg_name{color:#000;font-weight:bold;}
.pop_wrap.hsvc_renew .rdo_sltlist_wrap .rdo_wrap [type='radio']:checked ~ .select_info .tit{color:#000;}

/* input 자동완성 후 BG 색 변경 방지 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;}
.inptxt_wrap.line_type input:disabled:-webkit-autofill {-webkit-text-fill-color:#999;}

/* 맘대로폰 개선 mys */
.data_form .dot_list li {position:relative; margin-top:4px; padding-left:12px; color:#666; font-size:14px; line-height:18px;}
.data_form .dot_list li:before {content:' '; position:absolute; width:3px; height:3px; border-radius:50%; top:7px; left:4px; background:#666; line-height:inherit;}
.data_form .dot_list li.pink:before {content:' '; position:absolute; width:3px; height:3px; border-radius:50%; top:7px; left:4px; background:#ED008C; line-height:inherit;}
.data_form .dot_list li:first-child {margin-top:0;}
.data_form .dot_list li.bk {color:#333;}
.data_form .dot_list li span {color:#333;}
.data_form .dot_list li.bk span {color:#666;}

/* 유심가입 보유유심사용 */
.data_form .dataform_box .select_wrap.used_usim {}
.data_form .dataform_box .select_wrap.used_usim .dot_list {padding-bottom:10px;}
.data_form .dataform_box .select_wrap.used_usim dl {background:#f6f6f6;padding:24px 15px;border-radius:3px;}
.data_form .dataform_box .select_wrap.used_usim dl dd {margin-bottom:20px;}
.data_form .dataform_box .select_wrap.used_usim dl dd + dt + dd {margin-bottom:0;}
.data_form .dataform_box .select_wrap.used_usim .ui-selectbox-wrap {background:#f6f6f6;border-bottom:1px solid #ddd !important;}
.data_form .dataform_box .select_wrap.used_usim .inptxt_wrap {background:#f6f6f6;}